diff --git a/README.md b/README.md
index a02b64af..d2d1b6ae 100644
--- a/README.md
+++ b/README.md
@@ -194,6 +194,32 @@ plugins:
 
     @see [Sample of _MkDocs Material_](https://github.com/orzih/mkdocs-with-pdf/blob/master/samples/mkdocs-material/)
 
+##### Renderer for JavaScript
+
+* `render_js`
+
+    Set the value to `true` if you're using '[MathJax](https://www.mathjax.org/)', '[Twemoji](https://twemoji.twitter.com/)' or any more.  
+    Require "Chrome" which has "headless" mode.  
+
+    **default**: `false`  
+    _**since**: `v0.7.0`_
+
+* `headless_chrome_path`
+
+    Set the "Headless Chrome" program path.  
+    If `render_js` is _`false`_, this value will be ignored.  
+
+    **default**: `google-chrome`
+
+> Check on your system:
+>
+> ```
+> $ <PROGRAM_PATH> --headless \
+>    --disable-gpu \
+>    --dump-dom \
+>    <ANY_SITE_URL(eg. 'https://google.com')>
+> ```
+
 ##### ... and more
 
 * `output_path`
diff --git a/custum_style_src/material-polyfills/.eslintrc.js b/custum_style_src/material-polyfills/.eslintrc.js
new file mode 100644
index 00000000..af554db1
--- /dev/null
+++ b/custum_style_src/material-polyfills/.eslintrc.js
@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: {
+    serviceworker: true,
+    browser: true,
+    node: true
+  },
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 2015
+  },
+  extends: ['prettier', 'plugin:prettier/recommended'],
+  plugins: ['prettier'],
+  // add your custom rules here
+  rules: {
+    'unicorn/number-literal-case': 'off'
+  }
+}
diff --git a/custum_style_src/material-polyfills/.prettierrc b/custum_style_src/material-polyfills/.prettierrc
new file mode 100644
index 00000000..95bf7f6d
--- /dev/null
+++ b/custum_style_src/material-polyfills/.prettierrc
@@ -0,0 +1,6 @@
+{
+  "semi": false,
+  "arrowParens": "always",
+  "singleQuote": true,
+  "trailingComma": "none"
+}
diff --git a/custum_style_src/material-polyfills/dev-site/assets/creating-your-site.png b/custum_style_src/material-polyfills/dev-site/assets/creating-your-site.png
new file mode 100644
index 00000000..0243b619
Binary files /dev/null and b/custum_style_src/material-polyfills/dev-site/assets/creating-your-site.png differ
diff --git a/custum_style_src/material-polyfills/dev-site/assets/css/extra.css b/custum_style_src/material-polyfills/dev-site/assets/css/extra.css
new file mode 100644
index 00000000..e541630c
--- /dev/null
+++ b/custum_style_src/material-polyfills/dev-site/assets/css/extra.css
@@ -0,0 +1,49 @@
+@media print {
+  .md-typeset {
+    line-height: 1.4;
+  }
+  .md-typeset ul li,
+  .md-typeset ol li {
+    margin-bottom: .25rem;
+  }
+
+  #doc-toc ul li>a>span,
+  .md-typeset h1>span,
+  .md-typeset h2>span,
+  .md-typeset h3>span {
+    display: inline-block;
+  }
+
+  .md-typeset h1>span,
+  .md-typeset h2>span,
+  .md-typeset h3>span {
+    padding-right: 0.5rem;
+  }
+
+  /** workaround [[ */
+  .md-typeset h2>span.twemoji,
+  .md-typeset h2>span.twemoji>img {
+    height: 1.363em;
+  }
+  .md-typeset h2>span.twemoji>img {
+    margin-top: -0.3em;
+  }
+  #doc-toc span.twemoji,
+  #doc-toc span.twemoji img {
+    height: 1.125rem;
+    vertical-align: middle;
+  }
+  /* ]] **/
+
+  .md-typeset .tx-content__footer hr {
+    background-color: transparent;
+    border-bottom: 0.5px solid #e91e63;
+  }
+
+  section.md-typeset[data-url="/changelog/"] h4+ul {
+    margin: 0;
+  }
+  section.md-typeset[data-url="/changelog/"] ul>li {
+    margin-bottom: 0;
+  }
+}
diff --git a/custum_style_src/material-polyfills/dev-site/assets/search-highlighting.png b/custum_style_src/material-polyfills/dev-site/assets/search-highlighting.png
new file mode 100644
index 00000000..1560345b
Binary files /dev/null and b/custum_style_src/material-polyfills/dev-site/assets/search-highlighting.png differ
diff --git a/custum_style_src/material-polyfills/dev-site/assets/stylesheets/main.4dd2dd8d.min.css b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/main.4dd2dd8d.min.css
new file mode 100644
index 00000000..31f965d0
--- /dev/null
+++ b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/main.4dd2dd8d.min.css
@@ -0,0 +1,3 @@
+html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}body{margin:0}hr{box-sizing:content-box;overflow:visible}a,button,label,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}small{font-size:80%}sub,sup{line-height:1em}img{border-style:none}table{border-collapse:separate;border-spacing:0}td,th{font-weight:normal;vertical-align:top}button{margin:0;padding:0;font-size:inherit;background:transparent;border:0}input{border:0;outline:none}:root{--md-default-fg-color: hsla(0, 0%, 0%, 0.87);--md-default-fg-color--light: hsla(0, 0%, 0%, 0.54);--md-default-fg-color--lighter: hsla(0, 0%, 0%, 0.32);--md-default-fg-color--lightest: hsla(0, 0%, 0%, 0.07);--md-default-bg-color: hsla(0, 0%, 100%, 1);--md-default-bg-color--light: hsla(0, 0%, 100%, 0.7);--md-default-bg-color--lighter: hsla(0, 0%, 100%, 0.3);--md-default-bg-color--lightest: hsla(0, 0%, 100%, 0.12);--md-primary-fg-color: hsla(231, 48%, 48%, 1);--md-primary-fg-color--light: hsla(230, 44%, 64%, 1);--md-primary-fg-color--dark: hsla(232, 54%, 41%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);--md-accent-fg-color: hsla(231, 99%, 66%, 1);--md-accent-fg-color--transparent: hsla(231, 99%, 66%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}:root>*{--md-code-fg-color: hsla(200, 18%, 26%, 1);--md-code-bg-color: hsla(0, 0%, 96%, 1);--md-code-hl-color: hsla(60, 100%, 50%, 0.5);--md-code-hl-number-color: hsla(0, 67%, 50%, 1);--md-code-hl-special-color: hsla(340, 83%, 47%, 1);--md-code-hl-function-color: hsla(291, 45%, 50%, 1);--md-code-hl-constant-color: hsla(250, 63%, 60%, 1);--md-code-hl-keyword-color: hsla(219, 54%, 51%, 1);--md-code-hl-string-color: hsla(150, 63%, 30%, 1);--md-code-hl-name-color: var(--md-code-fg-color);--md-code-hl-operator-color: var(--md-default-fg-color--light);--md-code-hl-punctuation-color: var(--md-default-fg-color--light);--md-code-hl-comment-color: var(--md-default-fg-color--light);--md-code-hl-generic-color: var(--md-default-fg-color--light);--md-code-hl-variable-color: var(--md-default-fg-color--light);--md-typeset-color: var(--md-default-fg-color);--md-typeset-a-color: var(--md-primary-fg-color);--md-typeset-mark-color: hsla(60, 100%, 50%, 0.5);--md-typeset-del-color: hsla(6, 90%, 60%, 0.15);--md-typeset-ins-color: hsla(150, 90%, 44%, 0.15);--md-typeset-kbd-color: hsla(0, 0%, 98%, 1);--md-typeset-kbd-accent-color: hsla(0, 100%, 100%, 1);--md-typeset-kbd-border-color: hsla(0, 0%, 72%, 1);--md-admonition-fg-color: var(--md-default-fg-color);--md-admonition-bg-color: var(--md-default-bg-color);--md-footer-fg-color: hsla(0, 0%, 100%, 1);--md-footer-fg-color--light: hsla(0, 0%, 100%, 0.7);--md-footer-fg-color--lighter: hsla(0, 0%, 100%, 0.3);--md-footer-bg-color: hsla(0, 0%, 0%, 0.87);--md-footer-bg-color--dark: hsla(0, 0%, 0%, 0.32)}.md-icon svg{display:block;width:1.2rem;height:1.2rem;margin:0 auto;fill:currentColor}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,input{color:var(--md-typeset-color);font-feature-settings:"kern","liga";font-family:-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif}code,pre,kbd{color:var(--md-typeset-color);font-feature-settings:"kern";font-family:SFMono-Regular,Consolas,Menlo,monospace}:root{--md-typeset-table--ascending: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 4h2v12l5.5-5.5 1.42 1.42L12 19.84l-7.92-7.92L5.5 10.5 11 16V4z"/></svg>');--md-typeset-table--descending: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg>')}.md-typeset{font-size:.8rem;line-height:1.6;-webkit-print-color-adjust:exact;color-adjust:exact}@media print{.md-typeset{font-size:.68rem}}.md-typeset p,.md-typeset ul,.md-typeset ol,.md-typeset blockquote{margin:1em 0}.md-typeset h1{margin:0 0 1.25em;color:var(--md-default-fg-color--light);font-weight:300;font-size:2em;line-height:1.3;letter-spacing:-0.01em}.md-typeset h2{margin:1.6em 0 .64em;font-weight:300;font-size:1.5625em;line-height:1.4;letter-spacing:-0.01em}.md-typeset h3{margin:1.6em 0 .8em;font-weight:400;font-size:1.25em;line-height:1.5;letter-spacing:-0.01em}.md-typeset h2+h3{margin-top:.8em}.md-typeset h4{margin:1em 0;font-weight:700;letter-spacing:-0.01em}.md-typeset h5,.md-typeset h6{margin:1.25em 0;color:var(--md-default-fg-color--light);font-weight:700;font-size:.8em;letter-spacing:-0.01em}.md-typeset h5{text-transform:uppercase}.md-typeset hr{margin:1.5em 0;border-bottom:.05rem dotted var(--md-default-fg-color--lighter)}.md-typeset a{color:var(--md-typeset-a-color);word-break:break-word}.md-typeset a,.md-typeset a::before{transition:color 125ms}.md-typeset a:focus,.md-typeset a:hover{color:var(--md-accent-fg-color)}.md-typeset code,.md-typeset pre,.md-typeset kbd{color:var(--md-code-fg-color);direction:ltr}@media print{.md-typeset code,.md-typeset pre,.md-typeset kbd{white-space:pre-wrap}}.md-typeset code{padding:0 .2941176471em;font-size:.85em;word-break:break-word;background-color:var(--md-code-bg-color);border-radius:.1rem;-webkit-box-decoration-break:clone;box-decoration-break:clone}.md-typeset h1 code,.md-typeset h2 code,.md-typeset h3 code,.md-typeset h4 code,.md-typeset h5 code,.md-typeset h6 code{margin:initial;padding:initial;background-color:transparent;box-shadow:none}.md-typeset a>code{color:currentColor}.md-typeset pre{position:relative;margin:1em 0;line-height:1.4}.md-typeset pre>code{display:block;margin:0;padding:.7720588235em 1.1764705882em;overflow:auto;word-break:normal;box-shadow:none;-webkit-box-decoration-break:slice;box-decoration-break:slice;touch-action:auto;scrollbar-width:thin;scrollbar-color:var(--md-default-fg-color--lighter) transparent}.md-typeset pre>code:hover{scrollbar-color:var(--md-accent-fg-color) transparent}.md-typeset pre>code::-webkit-scrollbar{width:.2rem;height:.2rem}.md-typeset pre>code::-webkit-scrollbar-thumb{background-color:var(--md-default-fg-color--lighter)}.md-typeset pre>code::-webkit-scrollbar-thumb:hover{background-color:var(--md-accent-fg-color)}@media screen and (max-width: 44.9375em){.md-typeset>pre{margin:1em -0.8rem}.md-typeset>pre code{border-radius:0}}.md-typeset kbd{display:inline-block;padding:0 .6666666667em;color:var(--md-default-fg-color);font-size:.75em;vertical-align:text-top;word-break:break-word;background-color:var(--md-typeset-kbd-color);border-radius:.1rem;box-shadow:0 .1rem 0 .05rem var(--md-typeset-kbd-border-color),0 .1rem 0 var(--md-typeset-kbd-border-color),0 -0.1rem .2rem var(--md-typeset-kbd-accent-color) inset}.md-typeset mark{color:inherit;word-break:break-word;background-color:var(--md-typeset-mark-color);-webkit-box-decoration-break:clone;box-decoration-break:clone}.md-typeset abbr{text-decoration:none;border-bottom:.05rem dotted var(--md-default-fg-color--light);cursor:help}.md-typeset small{opacity:.75}.md-typeset sup,.md-typeset sub{margin-left:.078125em}[dir=rtl] .md-typeset sup,[dir=rtl] .md-typeset sub{margin-right:.078125em;margin-left:initial}.md-typeset blockquote{padding-left:.6rem;color:var(--md-default-fg-color--light);border-left:.2rem solid var(--md-default-fg-color--lighter)}[dir=rtl] .md-typeset blockquote{padding-right:.6rem;padding-left:initial;border-right:.2rem solid var(--md-default-fg-color--lighter);border-left:initial}.md-typeset ul{list-style-type:disc}.md-typeset ul,.md-typeset ol{margin-left:.625em;padding:0}[dir=rtl] .md-typeset ul,[dir=rtl] .md-typeset ol{margin-right:.625em;margin-left:initial}.md-typeset ul ol,.md-typeset ol ol{list-style-type:lower-alpha}.md-typeset ul ol ol,.md-typeset ol ol ol{list-style-type:lower-roman}.md-typeset ul li,.md-typeset ol li{margin-bottom:.5em;margin-left:1.25em}[dir=rtl] .md-typeset ul li,[dir=rtl] .md-typeset ol li{margin-right:1.25em;margin-left:initial}.md-typeset ul li p,.md-typeset ul li blockquote,.md-typeset ol li p,.md-typeset ol li blockquote{margin:.5em 0}.md-typeset ul li:last-child,.md-typeset ol li:last-child{margin-bottom:0}.md-typeset ul li ul,.md-typeset ul li ol,.md-typeset ol li ul,.md-typeset ol li ol{margin:.5em 0 .5em .625em}[dir=rtl] .md-typeset ul li ul,[dir=rtl] .md-typeset ul li ol,[dir=rtl] .md-typeset ol li ul,[dir=rtl] .md-typeset ol li ol{margin-right:.625em;margin-left:initial}.md-typeset dd{margin:1em 0 1.5em 1.875em}[dir=rtl] .md-typeset dd{margin-right:1.875em;margin-left:initial}.md-typeset img,.md-typeset svg{max-width:100%;height:auto}.md-typeset img[align=left],.md-typeset svg[align=left]{margin:1em;margin-left:0}.md-typeset img[align=right],.md-typeset svg[align=right]{margin:1em;margin-right:0}.md-typeset img[align]:only-child,.md-typeset svg[align]:only-child{margin-top:0}.md-typeset figure{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto;text-align:center}.md-typeset figcaption{max-width:24rem;margin:.5em auto;font-style:italic}.md-typeset iframe{max-width:100%}.md-typeset table:not([class]){display:inline-block;max-width:100%;overflow:auto;font-size:.64rem;background:var(--md-default-bg-color);border-radius:.1rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.05),0 0 .05rem rgba(0,0,0,.1);touch-action:auto}.md-typeset table:not([class])+*{margin-top:1.5em}.md-typeset table:not([class]) th>*:first-child,.md-typeset table:not([class]) td>*:first-child{margin-top:0}.md-typeset table:not([class]) th>*:last-child,.md-typeset table:not([class]) td>*:last-child{margin-bottom:0}.md-typeset table:not([class]) th:not([align]),.md-typeset table:not([class]) td:not([align]){text-align:left}[dir=rtl] .md-typeset table:not([class]) th:not([align]),[dir=rtl] .md-typeset table:not([class]) td:not([align]){text-align:right}.md-typeset table:not([class]) th{min-width:5rem;padding:.9375em 1.25em;color:var(--md-default-bg-color);vertical-align:top;background-color:var(--md-default-fg-color--light)}.md-typeset table:not([class]) th a{color:inherit}.md-typeset table:not([class]) td{padding:.9375em 1.25em;vertical-align:top;border-top:.05rem solid var(--md-default-fg-color--lightest)}.md-typeset table:not([class]) tr{transition:background-color 125ms}.md-typeset table:not([class]) tr:hover{background-color:rgba(0,0,0,.035);box-shadow:0 .05rem 0 var(--md-default-bg-color) inset}.md-typeset table:not([class]) tr:first-child td{border-top:0}.md-typeset table:not([class]) a{word-break:normal}.md-typeset table th[role=columnheader]{cursor:pointer}.md-typeset table th[role=columnheader]::after{display:inline-block;width:1.2em;height:1.2em;margin-left:.5em;vertical-align:sub;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content:" "}.md-typeset table th[role=columnheader][aria-sort=ascending]::after{background-color:currentColor;-webkit-mask-image:var(--md-typeset-table--ascending);mask-image:var(--md-typeset-table--ascending)}.md-typeset table th[role=columnheader][aria-sort=descending]::after{background-color:currentColor;-webkit-mask-image:var(--md-typeset-table--descending);mask-image:var(--md-typeset-table--descending)}.md-typeset__scrollwrap{margin:1em -0.8rem;overflow-x:auto;touch-action:auto}.md-typeset__table{display:inline-block;margin-bottom:.5em;padding:0 .8rem}.md-typeset__table table{display:table;width:100%;margin:0;overflow:hidden}html{height:100%;overflow-x:hidden;font-size:125%}@media screen and (min-width: 100em){html{font-size:137.5%}}@media screen and (min-width: 125em){html{font-size:150%}}body{position:relative;display:flex;flex-direction:column;width:100%;min-height:100%;font-size:.5rem;background-color:var(--md-default-bg-color)}@media screen and (max-width: 59.9375em){body[data-md-state=lock]{position:fixed}}@media print{body{display:block}}hr{display:block;height:.05rem;padding:0;border:0}.md-grid{max-width:61rem;margin-right:auto;margin-left:auto}.md-container{display:flex;flex-direction:column;flex-grow:1}@media print{.md-container{display:block}}.md-main{flex-grow:1}.md-main__inner{display:flex;height:100%;margin-top:1.5rem}.md-ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.md-toggle{display:none}.md-overlay{position:fixed;top:0;z-index:3;width:0;height:0;background-color:rgba(0,0,0,.54);opacity:0;transition:width 0ms 250ms,height 0ms 250ms,opacity 250ms}@media screen and (max-width: 76.1875em){[data-md-toggle=drawer]:checked~.md-overlay{width:100%;height:100%;opacity:1;transition:width 0ms,height 0ms,opacity 250ms}}.md-skip{position:fixed;z-index:-1;margin:.5rem;padding:.3rem .5rem;color:var(--md-default-bg-color);font-size:.64rem;background-color:var(--md-default-fg-color);border-radius:.1rem;transform:translateY(0.4rem);opacity:0}.md-skip:focus{z-index:10;transform:translateY(0);opacity:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 175ms 75ms}@page{margin:25mm}.md-announce{overflow:auto;background-color:var(--md-footer-bg-color)}.md-announce__inner{margin:.6rem auto;padding:0 .8rem;color:var(--md-footer-fg-color);font-size:.7rem}@media print{.md-announce{display:none}}.md-typeset .md-button{display:inline-block;padding:.625em 2em;color:var(--md-primary-fg-color);font-weight:700;border:.1rem solid currentColor;border-radius:.1rem;transition:color 125ms,background-color 125ms,border-color 125ms}.md-typeset .md-button--primary{color:var(--md-primary-bg-color);background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color)}.md-typeset .md-button:focus,.md-typeset .md-button:hover{color:var(--md-accent-bg-color);background-color:var(--md-accent-fg-color);border-color:var(--md-accent-fg-color)}:root{--md-clipboard-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 21H8V7h11m0-2H8a2 2 0 00-2 2v14a2 2 0 002 2h11a2 2 0 002-2V7a2 2 0 00-2-2m-3-4H4a2 2 0 00-2 2v14h2V3h12V1z"/></svg>')}.md-clipboard{position:absolute;top:.5em;right:.5em;z-index:1;width:1.5em;height:1.5em;color:var(--md-default-fg-color--lightest);border-radius:.1rem;cursor:pointer;transition:color 125ms}@media print{.md-clipboard{display:none}}.md-clipboard::after{display:block;width:1.125em;height:1.125em;margin:0 auto;background-color:currentColor;-webkit-mask-image:var(--md-clipboard-icon);mask-image:var(--md-clipboard-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content:""}pre:hover .md-clipboard{color:var(--md-default-fg-color--light)}pre .md-clipboard:focus,pre .md-clipboard:hover{color:var(--md-accent-fg-color)}.md-content{flex:1;max-width:100%}@media screen and (min-width: 60em)and (max-width: 76.1875em){.md-content{max-width:calc(100% - 12.1rem)}}@media screen and (min-width: 76.25em){.md-content{max-width:calc(100% - 12.1rem * 2)}}.md-content__inner{margin:0 .8rem 1.2rem;padding-top:.6rem}@media screen and (min-width: 76.25em){.md-content__inner{margin-right:1.2rem;margin-left:1.2rem}}.md-content__inner::before{display:block;height:.4rem;content:""}.md-content__inner>:last-child{margin-bottom:0}.md-content__button{float:right;margin:.4rem 0;margin-left:.4rem;padding:0}[dir=rtl] .md-content__button{float:left;margin-right:.4rem;margin-left:initial}[dir=rtl] .md-content__button svg{transform:scaleX(-1)}.md-typeset .md-content__button{color:var(--md-default-fg-color--lighter)}.md-content__button svg{display:inline;vertical-align:top}@media print{.md-content__button{display:none}}.md-dialog{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);position:fixed;right:.8rem;bottom:.8rem;left:initial;z-index:2;display:block;min-width:11.1rem;padding:.4rem .6rem;color:var(--md-default-bg-color);font-size:.7rem;background:var(--md-default-fg-color);border:none;border-radius:.1rem;transform:translateY(100%);opacity:0;transition:transform 0ms 400ms,opacity 400ms}[dir=rtl] .md-dialog{right:initial;left:.8rem}.md-dialog[data-md-state=open]{transform:translateY(0);opacity:1;transition:transform 400ms cubic-bezier(0.075, 0.85, 0.175, 1),opacity 400ms}@media print{.md-dialog{display:none}}.md-header{position:-webkit-sticky;position:sticky;top:0;right:0;left:0;z-index:2;height:2.4rem;color:var(--md-primary-bg-color);background-color:var(--md-primary-fg-color);box-shadow:0 0 .2rem rgba(0,0,0,0),0 .2rem .4rem rgba(0,0,0,0);transition:color 250ms,background-color 250ms}.no-js .md-header{box-shadow:none;transition:none}.md-header[data-md-state=shadow]{box-shadow:0 0 .2rem rgba(0,0,0,.1),0 .2rem .4rem rgba(0,0,0,.2);transition:color 250ms,background-color 250ms,box-shadow 250ms}@media print{.md-header{display:none}}.md-header-nav{display:flex;padding:0 .2rem}.md-header-nav__button{position:relative;z-index:1;display:block;margin:.2rem;padding:.4rem;cursor:pointer;transition:opacity 250ms}[dir=rtl] .md-header-nav__button svg{transform:scaleX(-1)}.md-header-nav__button:focus,.md-header-nav__button:hover{opacity:.7}.md-header-nav__button.md-logo{margin:.2rem;padding:.4rem}.md-header-nav__button.md-logo img,.md-header-nav__button.md-logo svg{display:block;width:1.2rem;height:1.2rem;fill:currentColor}.no-js .md-header-nav__button[for=__search]{display:none}@media screen and (min-width: 60em){.md-header-nav__button[for=__search]{display:none}}@media screen and (max-width: 76.1875em){.md-header-nav__button.md-logo{display:none}}@media screen and (min-width: 76.25em){.md-header-nav__button[for=__drawer]{display:none}}.md-header-nav__topic{position:absolute;width:100%;transition:transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 150ms}.md-header-nav__topic+.md-header-nav__topic{z-index:-1;transform:translateX(1.25rem);opacity:0;transition:transform 400ms cubic-bezier(1, 0.7, 0.1, 0.1),opacity 150ms;pointer-events:none}[dir=rtl] .md-header-nav__topic+.md-header-nav__topic{transform:translateX(-1.25rem)}.no-js .md-header-nav__topic{position:initial}.no-js .md-header-nav__topic+.md-header-nav__topic{display:none}.md-header-nav__title{flex-grow:1;padding:0 1rem;font-size:.9rem;line-height:2.4rem}.md-header-nav__title[data-md-state=active] .md-header-nav__topic{z-index:-1;transform:translateX(-1.25rem);opacity:0;transition:transform 400ms cubic-bezier(1, 0.7, 0.1, 0.1),opacity 150ms;pointer-events:none}[dir=rtl] .md-header-nav__title[data-md-state=active] .md-header-nav__topic{transform:translateX(1.25rem)}.md-header-nav__title[data-md-state=active] .md-header-nav__topic+.md-header-nav__topic{z-index:0;transform:translateX(0);opacity:1;transition:transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 150ms;pointer-events:initial}.md-header-nav__title>.md-header-nav__ellipsis{position:relative;width:100%;height:100%}.md-header-nav__source{display:none}@media screen and (min-width: 60em){.md-header-nav__source{display:block;width:11.7rem;max-width:11.7rem;margin-left:1rem}[dir=rtl] .md-header-nav__source{margin-right:1rem;margin-left:initial}}@media screen and (min-width: 76.25em){.md-header-nav__source{margin-left:1.4rem}[dir=rtl] .md-header-nav__source{margin-right:1.4rem}}.md-hero{overflow:hidden;color:var(--md-primary-bg-color);font-size:1rem;background-color:var(--md-primary-fg-color);transition:background 250ms}.md-hero__inner{margin-top:1rem;padding:.8rem .8rem .4rem;transition:transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 250ms;transition-delay:100ms}@media screen and (max-width: 76.1875em){.md-hero__inner{margin-top:2.4rem;margin-bottom:1.2rem}}[data-md-state=hidden] .md-hero__inner{transform:translateY(0.625rem);opacity:0;transition:transform 0ms 400ms,opacity 100ms 0ms;pointer-events:none}.md-hero--expand .md-hero__inner{margin-bottom:1.2rem}.md-footer{color:var(--md-footer-fg-color);background-color:var(--md-footer-bg-color)}@media print{.md-footer{display:none}}.md-footer-nav__inner{padding:.2rem;overflow:auto}.md-footer-nav__link{display:flex;padding-top:1.4rem;padding-bottom:.4rem;transition:opacity 250ms}@media screen and (min-width: 45em){.md-footer-nav__link{width:50%}}.md-footer-nav__link:focus,.md-footer-nav__link:hover{opacity:.7}.md-footer-nav__link--prev{float:left}[dir=rtl] .md-footer-nav__link--prev{float:right}[dir=rtl] .md-footer-nav__link--prev svg{transform:scaleX(-1)}@media screen and (max-width: 44.9375em){.md-footer-nav__link--prev{width:25%}.md-footer-nav__link--prev .md-footer-nav__title{display:none}}.md-footer-nav__link--next{float:right;text-align:right}[dir=rtl] .md-footer-nav__link--next{float:left;text-align:left}[dir=rtl] .md-footer-nav__link--next svg{transform:scaleX(-1)}@media screen and (max-width: 44.9375em){.md-footer-nav__link--next{width:75%}}.md-footer-nav__title{position:relative;flex-grow:1;max-width:calc(100% - 2.4rem);padding:0 1rem;font-size:.9rem;line-height:2.4rem}.md-footer-nav__button{margin:.2rem;padding:.4rem}.md-footer-nav__direction{position:absolute;right:0;left:0;margin-top:-1rem;padding:0 1rem;font-size:.64rem;opacity:.7}.md-footer-meta{background-color:var(--md-footer-bg-color--dark)}.md-footer-meta__inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.2rem}html .md-footer-meta.md-typeset a{color:var(--md-footer-fg-color--light)}html .md-footer-meta.md-typeset a:focus,html .md-footer-meta.md-typeset a:hover{color:var(--md-footer-fg-color)}.md-footer-copyright{width:100%;margin:auto .6rem;padding:.4rem 0;color:var(--md-footer-fg-color--lighter);font-size:.64rem}@media screen and (min-width: 45em){.md-footer-copyright{width:auto}}.md-footer-copyright__highlight{color:var(--md-footer-fg-color--light)}.md-footer-social{margin:0 .4rem;padding:.2rem 0 .6rem}@media screen and (min-width: 45em){.md-footer-social{padding:.6rem 0}}.md-footer-social__link{display:inline-block;width:1.6rem;height:1.6rem;text-align:center}.md-footer-social__link::before{line-height:1.9}.md-footer-social__link svg{max-height:.8rem;vertical-align:-25%;fill:currentColor}:root{--md-nav-icon--prev: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>');--md-nav-icon--next: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.58L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42z"/></svg>');--md-toc-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 9h14V7H3v2m0 4h14v-2H3v2m0 4h14v-2H3v2m16 0h2v-2h-2v2m0-10v2h2V7h-2m0 6h2v-2h-2v2z"/></svg>')}.md-nav{font-size:.7rem;line-height:1.3}.md-nav__title{display:block;padding:0 .6rem;overflow:hidden;font-weight:700;text-overflow:ellipsis}.md-nav__title .md-nav__button{display:none}.md-nav__title .md-nav__button img{width:100%;height:auto}.md-nav__title .md-nav__button.md-logo img,.md-nav__title .md-nav__button.md-logo svg{display:block;width:2.4rem;height:2.4rem}.md-nav__title .md-nav__button.md-logo svg{fill:currentColor}.md-nav__list{margin:0;padding:0;list-style:none}.md-nav__item{padding:0 .6rem}.md-nav__item:last-child{padding-bottom:.6rem}.md-nav__item .md-nav__item{padding-right:0}[dir=rtl] .md-nav__item .md-nav__item{padding-right:.6rem;padding-left:0}.md-nav__item .md-nav__item:last-child{padding-bottom:0}.md-nav__link{display:block;margin-top:.625em;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color 125ms;scroll-snap-align:start}html .md-nav__link[for=__toc]{display:none}html .md-nav__link[for=__toc]~.md-nav{display:none}.md-nav__link[data-md-state=blur]{color:var(--md-default-fg-color--light)}.md-nav__item .md-nav__link--active{color:var(--md-typeset-a-color)}.md-nav__item--nested>.md-nav__link{color:inherit}.md-nav__link:focus,.md-nav__link:hover{color:var(--md-accent-fg-color)}.md-nav__source{display:none}@media screen and (max-width: 76.1875em){.md-nav{background-color:var(--md-default-bg-color)}.md-nav--primary,.md-nav--primary .md-nav{position:absolute;top:0;right:0;left:0;z-index:1;display:flex;flex-direction:column;height:100%}.md-nav--primary .md-nav__title,.md-nav--primary .md-nav__item{font-size:.8rem;line-height:1.5}.md-nav--primary .md-nav__title{position:relative;height:5.6rem;padding:3rem .8rem .2rem;color:var(--md-default-fg-color--light);font-weight:400;line-height:2.4rem;white-space:nowrap;background-color:var(--md-default-fg-color--lightest);cursor:pointer}.md-nav--primary .md-nav__title .md-nav__icon{position:absolute;top:.4rem;left:.4rem;display:block;width:1.2rem;height:1.2rem;margin:.2rem}.md-nav--primary .md-nav__title .md-nav__icon::after{display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask-image:var(--md-nav-icon--prev);mask-image:var(--md-nav-icon--prev);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content:""}[dir=rtl] .md-nav--primary .md-nav__title .md-nav__icon{right:.4rem;left:initial}.md-nav--primary .md-nav__title~.md-nav__list{overflow-y:auto;background-color:var(--md-default-bg-color);box-shadow:0 .05rem 0 var(--md-default-fg-color--lightest) inset;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;touch-action:pan-y}.md-nav--primary .md-nav__title~.md-nav__list>.md-nav__item:first-child{border-top:0}.md-nav--primary .md-nav__title[for=__drawer]{position:relative;color:var(--md-primary-bg-color);background-color:var(--md-primary-fg-color)}.md-nav--primary .md-nav__title[for=__drawer] .md-nav__button{position:absolute;top:.2rem;left:.2rem;display:block;margin:.2rem;padding:.4rem;font-size:2.4rem}html [dir=rtl] .md-nav--primary .md-nav__title[for=__drawer] .md-nav__button{right:.2rem;left:initial}.md-nav--primary .md-nav__list{flex:1}.md-nav--primary .md-nav__item{padding:0;border-top:.05rem solid var(--md-default-fg-color--lightest)}[dir=rtl] .md-nav--primary .md-nav__item{padding:0}.md-nav--primary .md-nav__item--nested>.md-nav__link{padding-right:2.4rem}[dir=rtl] .md-nav--primary .md-nav__item--nested>.md-nav__link{padding-right:.8rem;padding-left:2.4rem}.md-nav--primary .md-nav__item--active>.md-nav__link{color:var(--md-typeset-a-color)}.md-nav--primary .md-nav__item--active>.md-nav__link:focus,.md-nav--primary .md-nav__item--active>.md-nav__link:hover{color:var(--md-accent-fg-color)}.md-nav--primary .md-nav__link{position:relative;margin-top:0;padding:.6rem .8rem}.md-nav--primary .md-nav__link .md-nav__icon{position:absolute;top:50%;right:.6rem;width:1.2rem;height:1.2rem;margin-top:-0.6rem;color:inherit;font-size:1.2rem}.md-nav--primary .md-nav__link .md-nav__icon::after{display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask-image:var(--md-nav-icon--next);mask-image:var(--md-nav-icon--next);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content:""}[dir=rtl] .md-nav--primary .md-nav__link .md-nav__icon{right:initial;left:.6rem}[dir=rtl] .md-nav--primary .md-nav__icon::after{transform:scale(-1)}.md-nav--primary .md-nav--secondary .md-nav__link{position:static}.md-nav--primary .md-nav--secondary .md-nav{position:static;background-color:transparent}.md-nav--primary .md-nav--secondary .md-nav .md-nav__link{padding-left:1.4rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav__link{padding-right:1.4rem;padding-left:initial}.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav__link{padding-left:2rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav__link{padding-right:2rem;padding-left:initial}.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav__link{padding-left:2.6rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav__link{padding-right:2.6rem;padding-left:initial}.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav .md-nav__link{padding-left:3.2rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav .md-nav__link{padding-right:3.2rem;padding-left:initial}.md-nav__toggle~.md-nav{display:flex;transform:translateX(100%);opacity:0;transition:transform 250ms cubic-bezier(0.8, 0, 0.6, 1),opacity 125ms 50ms}[dir=rtl] .md-nav__toggle~.md-nav{transform:translateX(-100%)}.md-nav__toggle:checked~.md-nav{transform:translateX(0);opacity:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 125ms 125ms}.md-nav__toggle:checked~.md-nav>.md-nav__list{-webkit-backface-visibility:hidden;backface-visibility:hidden}}@media screen and (max-width: 59.9375em){html .md-nav__link[for=__toc]{display:block;padding-right:2.4rem}html .md-nav__link[for=__toc]+.md-nav__link{display:none}html .md-nav__link[for=__toc] .md-icon::after{display:block;width:100%;height:100%;-webkit-mask-image:var(--md-toc-icon);mask-image:var(--md-toc-icon);background-color:currentColor;content:""}html .md-nav__link[for=__toc]~.md-nav{display:flex}html [dir=rtl] .md-nav__link{padding-right:.8rem;padding-left:2.4rem}.md-nav__source{display:block;padding:0 .2rem;color:var(--md-primary-bg-color);background-color:var(--md-primary-fg-color--dark)}}@media screen and (min-width: 60em){.md-nav--secondary .md-nav__title[for=__toc]{scroll-snap-align:start}.md-nav--secondary .md-nav__title .md-nav__icon{display:none}}@media screen and (min-width: 76.25em){.md-nav{transition:max-height 250ms cubic-bezier(0.86, 0, 0.07, 1)}.md-nav--primary .md-nav__title[for=__drawer]{scroll-snap-align:start}.md-nav--primary .md-nav__title .md-nav__icon{display:none}.md-nav__toggle~.md-nav{display:none}.md-nav__toggle:checked~.md-nav{display:block}.md-nav__item--nested>.md-nav>.md-nav__title{display:none}.md-nav__icon{float:right;width:.9rem;height:.9rem;transition:transform 250ms}[dir=rtl] .md-nav__icon{float:left;transform:rotate(180deg)}.md-nav__icon::after{display:inline-block;width:100%;height:100%;vertical-align:-0.1rem;background-color:currentColor;-webkit-mask-image:var(--md-nav-icon--next);mask-image:var(--md-nav-icon--next);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content:""}.md-nav__item--nested .md-nav__toggle:checked~.md-nav__link .md-nav__icon{transform:rotate(90deg)}}.md-search{position:relative}.no-js .md-search{display:none}@media screen and (min-width: 60em){.md-search{padding:.2rem 0}}.md-search__overlay{z-index:1;opacity:0}@media screen and (max-width: 59.9375em){.md-search__overlay{position:absolute;top:.2rem;left:-2.2rem;width:2rem;height:2rem;overflow:hidden;background-color:var(--md-default-bg-color);border-radius:1rem;transform-origin:center;transition:transform 300ms 100ms,opacity 200ms 200ms;pointer-events:none}[dir=rtl] .md-search__overlay{right:-2.2rem;left:initial}[data-md-toggle=search]:checked~.md-header .md-search__overlay{opacity:1;transition:transform 400ms,opacity 100ms}}@media screen and (max-width: 29.9375em){[data-md-toggle=search]:checked~.md-header .md-search__overlay{transform:scale(45)}}@media screen and (min-width: 30em)and (max-width: 44.9375em){[data-md-toggle=search]:checked~.md-header .md-search__overlay{transform:scale(60)}}@media screen and (min-width: 45em)and (max-width: 59.9375em){[data-md-toggle=search]:checked~.md-header .md-search__overlay{transform:scale(75)}}@media screen and (min-width: 60em){.md-search__overlay{position:fixed;top:0;left:0;width:0;height:0;background-color:rgba(0,0,0,.54);cursor:pointer;transition:width 0ms 250ms,height 0ms 250ms,opacity 250ms}[dir=rtl] .md-search__overlay{right:0;left:initial}[data-md-toggle=search]:checked~.md-header .md-search__overlay{width:100%;height:100%;opacity:1;transition:width 0ms,height 0ms,opacity 250ms}}.md-search__inner{-webkit-backface-visibility:hidden;backface-visibility:hidden}@media screen and (max-width: 59.9375em){.md-search__inner{position:fixed;top:0;left:100%;z-index:2;width:100%;height:100%;transform:translateX(5%);opacity:0;transition:right 0ms 300ms,left 0ms 300ms,transform 150ms 150ms cubic-bezier(0.4, 0, 0.2, 1),opacity 150ms 150ms}[data-md-toggle=search]:checked~.md-header .md-search__inner{left:0;transform:translateX(0);opacity:1;transition:right 0ms 0ms,left 0ms 0ms,transform 150ms 150ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 150ms 150ms}[dir=rtl] [data-md-toggle=search]:checked~.md-header .md-search__inner{right:0;left:initial}html [dir=rtl] .md-search__inner{right:100%;left:initial;transform:translateX(-5%)}}@media screen and (min-width: 60em){.md-search__inner{position:relative;float:right;width:11.7rem;padding:.1rem 0;transition:width 250ms cubic-bezier(0.1, 0.7, 0.1, 1)}[dir=rtl] .md-search__inner{float:left}}@media screen and (min-width: 60em)and (max-width: 76.1875em){[data-md-toggle=search]:checked~.md-header .md-search__inner{width:23.4rem}}@media screen and (min-width: 76.25em){[data-md-toggle=search]:checked~.md-header .md-search__inner{width:34.4rem}}.md-search__form{position:relative}@media screen and (min-width: 60em){.md-search__form{border-radius:.1rem}}.md-search__input{position:relative;z-index:2;padding:0 2.2rem 0 3.6rem;text-overflow:ellipsis;background-color:var(--md-default-bg-color);transition:color 250ms,background-color 250ms}[dir=rtl] .md-search__input{padding:0 3.6rem 0 2.2rem}.md-search__input::-webkit-input-placeholder{-webkit-transition:color 250ms;transition:color 250ms}.md-search__input::-moz-placeholder{-moz-transition:color 250ms;transition:color 250ms}.md-search__input::-ms-input-placeholder{-ms-transition:color 250ms;transition:color 250ms}.md-search__input::placeholder{transition:color 250ms}.md-search__input::-webkit-input-placeholder{color:var(--md-default-fg-color--light)}.md-search__input::-moz-placeholder{color:var(--md-default-fg-color--light)}.md-search__input::-ms-input-placeholder{color:var(--md-default-fg-color--light)}.md-search__input~.md-search__icon,.md-search__input::placeholder{color:var(--md-default-fg-color--light)}.md-search__input::-ms-clear{display:none}@media screen and (max-width: 59.9375em){.md-search__input{width:100%;height:2.4rem;font-size:.9rem}}@media screen and (min-width: 60em){.md-search__input{width:100%;height:1.8rem;padding-left:2.2rem;color:inherit;font-size:.8rem;background-color:rgba(0,0,0,.26);border-radius:.1rem}[dir=rtl] .md-search__input{padding-right:2.2rem}.md-search__input+.md-search__icon{color:var(--md-primary-bg-color)}.md-search__input::-webkit-input-placeholder{color:var(--md-primary-bg-color--light)}.md-search__input::-moz-placeholder{color:var(--md-primary-bg-color--light)}.md-search__input::-ms-input-placeholder{color:var(--md-primary-bg-color--light)}.md-search__input::placeholder{color:var(--md-primary-bg-color--light)}.md-search__input:hover{background-color:rgba(255,255,255,.12)}[data-md-toggle=search]:checked~.md-header .md-search__input{color:var(--md-default-fg-color);text-overflow:clip;background-color:var(--md-default-bg-color);border-radius:.1rem .1rem 0 0}[data-md-toggle=search]:checked~.md-header .md-search__input::-webkit-input-placeholder{color:var(--md-default-fg-color--light)}[data-md-toggle=search]:checked~.md-header .md-search__input::-moz-placeholder{color:var(--md-default-fg-color--light)}[data-md-toggle=search]:checked~.md-header .md-search__input::-ms-input-placeholder{color:var(--md-default-fg-color--light)}[data-md-toggle=search]:checked~.md-header .md-search__input+.md-search__icon,[data-md-toggle=search]:checked~.md-header .md-search__input::placeholder{color:var(--md-default-fg-color--light)}}.md-search__icon{position:absolute;z-index:2;width:1.2rem;height:1.2rem;cursor:pointer;transition:color 250ms,opacity 250ms}.md-search__icon:hover{opacity:.7}.md-search__icon[for=__search]{top:.3rem;left:.5rem}[dir=rtl] .md-search__icon[for=__search]{right:.5rem;left:initial}[dir=rtl] .md-search__icon[for=__search] svg{transform:scaleX(-1)}@media screen and (max-width: 59.9375em){.md-search__icon[for=__search]{top:.6rem;left:.8rem}[dir=rtl] .md-search__icon[for=__search]{right:.8rem;left:initial}.md-search__icon[for=__search] svg:first-child{display:none}}@media screen and (min-width: 60em){.md-search__icon[for=__search]{pointer-events:none}.md-search__icon[for=__search] svg:last-child{display:none}}.md-search__icon[type=reset]{top:.3rem;right:.5rem;transform:scale(0.75);opacity:0;transition:transform 150ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 150ms;pointer-events:none}[dir=rtl] .md-search__icon[type=reset]{right:initial;left:.5rem}@media screen and (max-width: 59.9375em){.md-search__icon[type=reset]{top:.6rem;right:.8rem}[dir=rtl] .md-search__icon[type=reset]{right:initial;left:.8rem}}[data-md-toggle=search]:checked~.md-header .md-search__input:not(:-moz-placeholder-shown)~.md-search__icon[type=reset]{transform:scale(1);opacity:1;pointer-events:initial}[data-md-toggle=search]:checked~.md-header .md-search__input:not(:placeholder-shown)~.md-search__icon[type=reset]{transform:scale(1);opacity:1;pointer-events:initial}[data-md-toggle=search]:checked~.md-header .md-search__input:not(:-moz-placeholder-shown)~.md-search__icon[type=reset]:hover{opacity:.7}[data-md-toggle=search]:checked~.md-header .md-search__input:not(:placeholder-shown)~.md-search__icon[type=reset]:hover{opacity:.7}.md-search__output{position:absolute;z-index:1;width:100%;overflow:hidden;border-radius:0 0 .1rem .1rem}@media screen and (max-width: 59.9375em){.md-search__output{top:2.4rem;bottom:0}}@media screen and (min-width: 60em){.md-search__output{top:1.9rem;opacity:0;transition:opacity 400ms}[data-md-toggle=search]:checked~.md-header .md-search__output{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.4);opacity:1}}.md-search__scrollwrap{height:100%;overflow-y:auto;background-color:var(--md-default-bg-color);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;touch-action:pan-y}@media(-webkit-max-device-pixel-ratio: 1), (max-resolution: 1dppx){.md-search__scrollwrap{transform:translateZ(0)}}@media screen and (min-width: 60em)and (max-width: 76.1875em){.md-search__scrollwrap{width:23.4rem}}@media screen and (min-width: 76.25em){.md-search__scrollwrap{width:34.4rem}}@media screen and (min-width: 60em){.md-search__scrollwrap{max-height:0;scrollbar-width:thin;scrollbar-color:var(--md-default-fg-color--lighter) transparent}[data-md-toggle=search]:checked~.md-header .md-search__scrollwrap{max-height:75vh}.md-search__scrollwrap:hover{scrollbar-color:var(--md-accent-fg-color) transparent}.md-search__scrollwrap::-webkit-scrollbar{width:.2rem;height:.2rem}.md-search__scrollwrap::-webkit-scrollbar-thumb{background-color:var(--md-default-fg-color--lighter)}.md-search__scrollwrap::-webkit-scrollbar-thumb:hover{background-color:var(--md-accent-fg-color)}}.md-search-result{color:var(--md-default-fg-color);word-break:break-word}.md-search-result__meta{padding:0 .8rem;color:var(--md-default-fg-color--light);font-size:.64rem;line-height:1.8rem;background-color:var(--md-default-fg-color--lightest);scroll-snap-align:start}@media screen and (min-width: 60em){.md-search-result__meta{padding-left:2.2rem}[dir=rtl] .md-search-result__meta{padding-right:2.2rem;padding-left:initial}}.md-search-result__list{margin:0;padding:0;list-style:none}.md-search-result__item{box-shadow:0 -0.05rem 0 var(--md-default-fg-color--lightest)}.md-search-result__item:first-child{box-shadow:none}.md-search-result__link{display:block;outline:none;transition:background 250ms;scroll-snap-align:start}.md-search-result__link:focus,.md-search-result__link:hover{background-color:var(--md-accent-fg-color--transparent)}.md-search-result__link:focus .md-search-result__article::before,.md-search-result__link:hover .md-search-result__article::before{opacity:.7}.md-search-result__link:last-child .md-search-result__teaser{margin-bottom:.6rem}.md-search-result__article{position:relative;padding:0 .8rem;overflow:hidden}@media screen and (min-width: 60em){.md-search-result__article{padding-left:2.2rem}[dir=rtl] .md-search-result__article{padding-right:2.2rem;padding-left:.8rem}}.md-search-result__article--document .md-search-result__title{margin:.55rem 0;font-weight:400;font-size:.8rem;line-height:1.4}.md-search-result__icon{position:absolute;left:0;margin:.1rem;padding:.4rem;color:var(--md-default-fg-color--light)}[dir=rtl] .md-search-result__icon{right:0;left:initial}[dir=rtl] .md-search-result__icon svg{transform:scaleX(-1)}@media screen and (max-width: 59.9375em){.md-search-result__icon{display:none}}.md-search-result__title{margin:.5em 0;font-weight:700;font-size:.64rem;line-height:1.4}.md-search-result__teaser{display:-webkit-box;max-height:1.65rem;margin:.5em 0;overflow:hidden;color:var(--md-default-fg-color--light);font-size:.64rem;line-height:1.4;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (max-width: 44.9375em){.md-search-result__teaser{max-height:2.5rem;-webkit-line-clamp:3}}@media screen and (min-width: 60em)and (max-width: 76.1875em){.md-search-result__teaser{max-height:2.5rem;-webkit-line-clamp:3}}.md-search-result em{font-weight:700;font-style:normal;text-decoration:underline}@-webkit-keyframes md-sidebar__scrollwrap--hack{0%,99%{-webkit-scroll-snap-type:none;scroll-snap-type:none}100%{-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}}@keyframes md-sidebar__scrollwrap--hack{0%,99%{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}100%{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}}.md-sidebar{position:-webkit-sticky;position:sticky;top:2.4rem;align-self:flex-start;width:12.1rem;padding:1.2rem 0;overflow:hidden}@media print{.md-sidebar{display:none}}@media screen and (max-width: 76.1875em){.md-sidebar--primary{position:fixed;top:0;left:-12.1rem;z-index:3;width:12.1rem;height:100%;background-color:var(--md-default-bg-color);transform:translateX(0);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms}[dir=rtl] .md-sidebar--primary{right:-12.1rem;left:initial}[data-md-toggle=drawer]:checked~.md-container .md-sidebar--primary{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);transform:translateX(12.1rem)}[dir=rtl] [data-md-toggle=drawer]:checked~.md-container .md-sidebar--primary{transform:translateX(-12.1rem)}.md-sidebar--primary .md-sidebar__scrollwrap{overflow:hidden}}.md-sidebar--secondary{display:none;order:2}@media screen and (min-width: 60em){.md-sidebar--secondary{display:block}.md-sidebar--secondary .md-sidebar__scrollwrap{touch-action:pan-y}}.md-sidebar__scrollwrap{max-height:100%;margin:0 .2rem;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;scrollbar-width:thin;scrollbar-color:var(--md-default-fg-color--lighter) transparent}.js .md-sidebar__scrollwrap{-webkit-animation:md-sidebar__scrollwrap--hack 400ms forwards;animation:md-sidebar__scrollwrap--hack 400ms forwards}@media screen and (max-width: 76.1875em){.md-sidebar--primary .md-sidebar__scrollwrap{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}}.md-sidebar__scrollwrap:hover{scrollbar-color:var(--md-accent-fg-color) transparent}.md-sidebar__scrollwrap::-webkit-scrollbar{width:.2rem;height:.2rem}.md-sidebar__scrollwrap::-webkit-scrollbar-thumb{background-color:var(--md-default-fg-color--lighter)}.md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover{background-color:var(--md-accent-fg-color)}@-webkit-keyframes md-source__facts--done{0%{height:0}100%{height:.65rem}}@keyframes md-source__facts--done{0%{height:0}100%{height:.65rem}}@-webkit-keyframes md-source__fact--done{0%{transform:translateY(100%);opacity:0}50%{opacity:0}100%{transform:translateY(0%);opacity:1}}@keyframes md-source__fact--done{0%{transform:translateY(100%);opacity:0}50%{opacity:0}100%{transform:translateY(0%);opacity:1}}.md-source{display:block;font-size:.65rem;line-height:1.2;white-space:nowrap;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity 250ms}.md-source:hover{opacity:.7}.md-source__icon{display:inline-block;width:2.4rem;height:2.4rem;vertical-align:middle}.md-source__icon svg{margin-top:.6rem;margin-left:.6rem}[dir=rtl] .md-source__icon svg{margin-right:.6rem;margin-left:initial}.md-source__icon+.md-source__repository{margin-left:-2rem;padding-left:2rem}[dir=rtl] .md-source__icon+.md-source__repository{margin-right:-2rem;margin-left:initial;padding-right:2rem;padding-left:initial}.md-source__repository{display:inline-block;max-width:calc(100% - 1.2rem);margin-left:.6rem;overflow:hidden;font-weight:700;text-overflow:ellipsis;vertical-align:middle}.md-source__facts{margin:0;padding:0;overflow:hidden;font-weight:700;font-size:.55rem;list-style-type:none;opacity:.75}[data-md-state=done] .md-source__facts{-webkit-animation:md-source__facts--done 250ms ease-in;animation:md-source__facts--done 250ms ease-in}.md-source__fact{float:left}[dir=rtl] .md-source__fact{float:right}[data-md-state=done] .md-source__fact{-webkit-animation:md-source__fact--done 400ms ease-out;animation:md-source__fact--done 400ms ease-out}.md-source__fact::before{margin:0 .1rem;content:"·"}.md-source__fact:first-child::before{display:none}.md-tabs{width:100%;overflow:auto;color:var(--md-primary-bg-color);background-color:var(--md-primary-fg-color);transition:background 250ms}.no-js .md-tabs{transition:none}@media screen and (max-width: 76.1875em){.md-tabs{display:none}}@media print{.md-tabs{display:none}}.md-tabs__list{margin:0;margin-left:.2rem;padding:0;white-space:nowrap;list-style:none;contain:content}[dir=rtl] .md-tabs__list{margin-right:.2rem;margin-left:initial}.md-tabs__item{display:inline-block;height:2.4rem;padding-right:.6rem;padding-left:.6rem}.md-tabs__link{display:block;margin-top:.8rem;font-size:.7rem;opacity:.7;transition:transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 250ms}.no-js .md-tabs__link{transition:none}.md-tabs__link--active,.md-tabs__link:hover{color:inherit;opacity:1}.md-tabs__item:nth-child(2) .md-tabs__link{transition-delay:20ms}.md-tabs__item:nth-child(3) .md-tabs__link{transition-delay:40ms}.md-tabs__item:nth-child(4) .md-tabs__link{transition-delay:60ms}.md-tabs__item:nth-child(5) .md-tabs__link{transition-delay:80ms}.md-tabs__item:nth-child(6) .md-tabs__link{transition-delay:100ms}.md-tabs__item:nth-child(7) .md-tabs__link{transition-delay:120ms}.md-tabs__item:nth-child(8) .md-tabs__link{transition-delay:140ms}.md-tabs__item:nth-child(9) .md-tabs__link{transition-delay:160ms}.md-tabs__item:nth-child(10) .md-tabs__link{transition-delay:180ms}.md-tabs__item:nth-child(11) .md-tabs__link{transition-delay:200ms}.md-tabs__item:nth-child(12) .md-tabs__link{transition-delay:220ms}.md-tabs__item:nth-child(13) .md-tabs__link{transition-delay:240ms}.md-tabs__item:nth-child(14) .md-tabs__link{transition-delay:260ms}.md-tabs__item:nth-child(15) .md-tabs__link{transition-delay:280ms}.md-tabs__item:nth-child(16) .md-tabs__link{transition-delay:300ms}.md-tabs[data-md-state=hidden]{pointer-events:none}.md-tabs[data-md-state=hidden] .md-tabs__link{transform:translateY(50%);opacity:0;transition:color 250ms,transform 0ms 400ms,opacity 100ms}@media screen and (min-width: 76.25em){.md-tabs~.md-main .md-nav--primary>.md-nav__list>.md-nav__item--nested{display:none}.md-tabs--active~.md-main .md-nav--primary .md-nav__title{display:block;padding:0 .6rem;pointer-events:none;scroll-snap-align:start}.md-tabs--active~.md-main .md-nav--primary .md-nav__title[for=__drawer]{display:none}.md-tabs--active~.md-main .md-nav--primary>.md-nav__list>.md-nav__item{display:none}.md-tabs--active~.md-main .md-nav--primary>.md-nav__list>.md-nav__item--active{display:block;padding:0}.md-tabs--active~.md-main .md-nav--primary>.md-nav__list>.md-nav__item--active>.md-nav__link{display:none}.md-tabs--active~.md-main .md-nav[data-md-level="1"]{display:block}.md-tabs--active~.md-main .md-nav[data-md-level="1"]>.md-nav__list>.md-nav__item{padding:0 .6rem}.md-tabs--active~.md-main .md-nav[data-md-level="1"]>.md-nav__list>.md-nav__item:last-child{padding-bottom:.6rem}.md-tabs--active~.md-main .md-nav[data-md-level="1"]>.md-nav__list>.md-nav__item:last-child .md-nav__item{padding-bottom:0}.md-tabs--active~.md-main .md-nav[data-md-level="1"] .md-nav .md-nav__title{display:none}}:root{--md-admonition-icon--note: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg>');--md-admonition-icon--abstract: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 5h16v2H4V5m0 4h16v2H4V9m0 4h16v2H4v-2m0 4h10v2H4v-2z"/></svg>');--md-admonition-icon--info: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"/></svg>');--md-admonition-icon--tip: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.55 11.2c-.23-.3-.5-.56-.76-.82-.65-.6-1.4-1.03-2.03-1.66C13.3 7.26 13 4.85 13.91 3c-.91.23-1.75.75-2.45 1.32-2.54 2.08-3.54 5.75-2.34 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.22.1-.46.04-.64-.12a.83.83 0 01-.15-.17c-1.1-1.43-1.28-3.48-.53-5.12C5.89 10 5 12.3 5.14 14.47c.04.5.1 1 .27 1.5.14.6.4 1.2.72 1.73 1.04 1.73 2.87 2.97 4.84 3.22 2.1.27 4.35-.12 5.96-1.6 1.8-1.66 2.45-4.32 1.5-6.6l-.13-.26c-.2-.46-.47-.87-.8-1.25l.05-.01m-3.1 6.3c-.28.24-.73.5-1.08.6-1.1.4-2.2-.16-2.87-.82 1.19-.28 1.89-1.16 2.09-2.05.17-.8-.14-1.46-.27-2.23-.12-.74-.1-1.37.18-2.06.17.38.37.76.6 1.06.76 1 1.95 1.44 2.2 2.8.04.14.06.28.06.43.03.82-.32 1.72-.92 2.27h.01z"/></svg>');--md-admonition-icon--success: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');--md-admonition-icon--question: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.07 11.25l-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 00-2-2 2 2 0 00-2 2H8a4 4 0 014-4 4 4 0 014 4 3.2 3.2 0 01-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10c0-5.53-4.5-10-10-10z"/></svg>');--md-admonition-icon--warning: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14h-2v-4h2m0 8h-2v-2h2M1 21h22L12 2 1 21z"/></svg>');--md-admonition-icon--failure: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12 6.47 2 12 2m3.59 5L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41 15.59 7z"/></svg>');--md-admonition-icon--danger: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.5 20l4.86-9.73H13V4l-5 9.73h3.5V20M12 2c2.75 0 5.1 1 7.05 2.95C21 6.9 22 9.25 22 12s-1 5.1-2.95 7.05C17.1 21 14.75 22 12 22s-5.1-1-7.05-2.95C3 17.1 2 14.75 2 12s1-5.1 2.95-7.05C6.9 3 9.25 2 12 2z"/></svg>');--md-admonition-icon--bug: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 12h-4v-2h4m0 6h-4v-2h4m6-6h-2.81a5.985 5.985 0 00-1.82-1.96L17 4.41 15.59 3l-2.17 2.17a6.002 6.002 0 00-2.83 0L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8z"/></svg>');--md-admonition-icon--example: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 13v-2h14v2H7m0 6v-2h14v2H7M7 7V5h14v2H7M3 8V5H2V4h2v4H3m-1 9v-1h3v4H2v-1h2v-.5H3v-1h1V17H2m2.25-7a.75.75 0 01.75.75c0 .2-.08.39-.21.52L3.12 13H5v1H2v-.92L4 11H2v-1h2.25z"/></svg>');--md-admonition-icon--quote: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3l-2 4z"/></svg>')}.md-typeset .admonition,.md-typeset details{margin:1.5625em 0;padding:0 .6rem;overflow:hidden;color:var(--md-admonition-fg-color);font-size:.64rem;page-break-inside:avoid;background-color:var(--md-admonition-bg-color);border-left:.2rem solid #448aff;border-radius:.1rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.05),0 0 .05rem rgba(0,0,0,.1)}[dir=rtl] .md-typeset .admonition,[dir=rtl] .md-typeset details{border-right:.2rem solid #448aff;border-left:none}@media print{.md-typeset .admonition,.md-typeset details{box-shadow:none}}html .md-typeset .admonition>:last-child,html .md-typeset details>:last-child{margin-bottom:.6rem}.md-typeset .admonition .admonition,.md-typeset details .admonition,.md-typeset .admonition details,.md-typeset details details{margin:1em 0}.md-typeset .admonition .md-typeset__scrollwrap,.md-typeset details .md-typeset__scrollwrap{margin:1em -0.6rem}.md-typeset .admonition .md-typeset__table,.md-typeset details .md-typeset__table{padding:0 .6rem}.md-typeset .admonition>.tabbed-set:only-child,.md-typeset details>.tabbed-set:only-child{margin-top:0}.md-typeset .admonition-title,.md-typeset summary{position:relative;margin:0 -0.6rem 0 -0.8rem;padding:.4rem .6rem .4rem 2.2rem;font-weight:700;background-color:rgba(68,138,255,.1)}[dir=rtl] .md-typeset .admonition-title,[dir=rtl] .md-typeset summary{margin:0 -0.8rem 0 -0.6rem;padding:.4rem 2rem .4rem .6rem}html .md-typeset .admonition-title:last-child,html .md-typeset summary:last-child{margin-bottom:0}.md-typeset .admonition-title::before,.md-typeset summary::before{position:absolute;left:.8rem;width:1rem;height:1rem;background-color:#448aff;-webkit-mask-image:var(--md-admonition-icon--note);mask-image:var(--md-admonition-icon--note);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content:""}[dir=rtl] .md-typeset .admonition-title::before,[dir=rtl] .md-typeset summary::before{right:.8rem;left:initial}.md-typeset .admonition-title code,.md-typeset summary code{margin:initial;padding:initial;color:currentColor;background-color:transparent;border-radius:initial;box-shadow:none}.md-typeset .admonition-title+.tabbed-set:last-child,.md-typeset summary+.tabbed-set:last-child{margin-top:0}.md-typeset .admonition.note,.md-typeset details.note{border-color:#448aff}.md-typeset .note>.admonition-title,.md-typeset .note>summary{background-color:rgba(68,138,255,.1)}.md-typeset .note>.admonition-title::before,.md-typeset .note>summary::before{background-color:#448aff;-webkit-mask-image:var(--md-admonition-icon--note);mask-image:var(--md-admonition-icon--note);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md-typeset .admonition.abstract,.md-typeset details.abstract,.md-typeset .admonition.tldr,.md-typeset details.tldr,.md-typeset .admonition.summary,.md-typeset details.summary{border-color:#00b0ff}.md-typeset .abstract>.admonition-title,.md-typeset .abstract>summary,.md-typeset .tldr>.admonition-title,.md-typeset .tldr>summary,.md-typeset .summary>.admonition-title,.md-typeset .summary>summary{background-color:rgba(0,176,255,.1)}.md-typeset .abstract>.admonition-title::before,.md-typeset .abstract>summary::before,.md-typeset .tldr>.admonition-title::before,.md-typeset .tldr>summary::before,.md-typeset .summary>.admonition-title::before,.md-typeset .summary>summary::before{background-color:#00b0ff;-webkit-mask-image:var(--md-admonition-icon--abstract);mask-image:var(--md-admonition-icon--abstract);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md-typeset .admonition.info,.md-typeset details.info,.md-typeset .admonition.todo,.md-typeset details.todo{border-color:#00b8d4}.md-typeset .info>.admonition-title,.md-typeset .info>summary,.md-typeset .todo>.admonition-title,.md-typeset .todo>summary{background-color:rgba(0,184,212,.1)}.md-typeset .info>.admonition-title::before,.md-typeset .info>summary::before,.md-typeset .todo>.admonition-title::before,.md-typeset .todo>summary::before{background-color:#00b8d4;-webkit-mask-image:var(--md-admonition-icon--info);mask-image:var(--md-admonition-icon--info);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md-typeset .admonition.tip,.md-typeset details.tip,.md-typeset .admonition.important,.md-typeset details.important,.md-typeset .admonition.hint,.md-typeset details.hint{border-color:#00bfa5}.md-typeset .tip>.admonition-title,.md-typeset .tip>summary,.md-typeset .important>.admonition-title,.md-typeset .important>summary,.md-typeset .hint>.admonition-title,.md-typeset .hint>summary{background-color:rgba(0,191,165,.1)}.md-typeset .tip>.admonition-title::before,.md-typeset .tip>summary::before,.md-typeset .important>.admonition-title::before,.md-typeset .important>summary::before,.md-typeset .hint>.admonition-title::before,.md-typeset .hint>summary::before{background-color:#00bfa5;-webkit-mask-image:var(--md-admonition-icon--tip);mask-image:var(--md-admonition-icon--tip);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md-typeset .admonition.success,.md-typeset details.success,.md-typeset .admonition.done,.md-typeset details.done,.md-typeset .admonition.check,.md-typeset details.check{border-color:#00c853}.md-typeset .success>.admonition-title,.md-typeset .success>summary,.md-typeset .done>.admonition-title,.md-typeset .done>summary,.md-typeset .check>.admonition-title,.md-typeset .check>summary{background-color:rgba(0,200,83,.1)}.md-typeset .success>.admonition-title::before,.md-typeset .success>summary::before,.md-typeset .done>.admonition-title::before,.md-typeset .done>summary::before,.md-typeset .check>.admonition-title::before,.md-typeset .check>summary::before{background-color:#00c853;-webkit-mask-image:var(--md-admonition-icon--success);mask-image:var(--md-admonition-icon--success);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md-typeset .admonition.question,.md-typeset details.question,.md-typeset .admonition.faq,.md-typeset details.faq,.md-typeset .admonition.help,.md-typeset details.help{border-color:#64dd17}.md-typeset .question>.admonition-title,.md-typeset .question>summary,.md-typeset .faq>.admonition-title,.md-typeset .faq>summary,.md-typeset .help>.admonition-title,.md-typeset .help>summary{background-color:rgba(100,221,23,.1)}.md-typeset .question>.admonition-title::before,.md-typeset .question>summary::before,.md-typeset .faq>.admonition-title::before,.md-typeset .faq>summary::before,.md-typeset .help>.admonition-title::before,.md-typeset .help>summary::before{background-color:#64dd17;-webkit-mask-image:var(--md-admonition-icon--question);mask-image:var(--md-admonition-icon--question);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md-typeset .admonition.warning,.md-typeset details.warning,.md-typeset .admonition.attention,.md-typeset details.attention,.md-typeset .admonition.caution,.md-typeset details.caution{border-color:#ff9100}.md-typeset .warning>.admonition-title,.md-typeset .warning>summary,.md-typeset .attention>.admonition-title,.md-typeset .attention>summary,.md-typeset .caution>.admonition-title,.md-typeset .caution>summary{background-color:rgba(255,145,0,.1)}.md-typeset .warning>.admonition-title::before,.md-typeset .warning>summary::before,.md-typeset .attention>.admonition-title::before,.md-typeset .attention>summary::before,.md-typeset .caution>.admonition-title::before,.md-typeset .caution>summary::before{background-color:#ff9100;-webkit-mask-image:var(--md-admonition-icon--warning);mask-image:var(--md-admonition-icon--warning);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md-typeset .admonition.failure,.md-typeset details.failure,.md-typeset .admonition.missing,.md-typeset details.missing,.md-typeset .admonition.fail,.md-typeset details.fail{border-color:#ff5252}.md-typeset .failure>.admonition-title,.md-typeset .failure>summary,.md-typeset .missing>.admonition-title,.md-typeset .missing>summary,.md-typeset .fail>.admonition-title,.md-typeset .fail>summary{background-color:rgba(255,82,82,.1)}.md-typeset .failure>.admonition-title::before,.md-typeset .failure>summary::before,.md-typeset .missing>.admonition-title::before,.md-typeset .missing>summary::before,.md-typeset .fail>.admonition-title::before,.md-typeset .fail>summary::before{background-color:#ff5252;-webkit-mask-image:var(--md-admonition-icon--failure);mask-image:var(--md-admonition-icon--failure);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md-typeset .admonition.danger,.md-typeset details.danger,.md-typeset .admonition.error,.md-typeset details.error{border-color:#ff1744}.md-typeset .danger>.admonition-title,.md-typeset .danger>summary,.md-typeset .error>.admonition-title,.md-typeset .error>summary{background-color:rgba(255,23,68,.1)}.md-typeset .danger>.admonition-title::before,.md-typeset .danger>summary::before,.md-typeset .error>.admonition-title::before,.md-typeset .error>summary::before{background-color:#ff1744;-webkit-mask-image:var(--md-admonition-icon--danger);mask-image:var(--md-admonition-icon--danger);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md-typeset .admonition.bug,.md-typeset details.bug{border-color:#f50057}.md-typeset .bug>.admonition-title,.md-typeset .bug>summary{background-color:rgba(245,0,87,.1)}.md-typeset .bug>.admonition-title::before,.md-typeset .bug>summary::before{background-color:#f50057;-webkit-mask-image:var(--md-admonition-icon--bug);mask-image:var(--md-admonition-icon--bug);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md-typeset .admonition.example,.md-typeset details.example{border-color:#651fff}.md-typeset .example>.admonition-title,.md-typeset .example>summary{background-color:rgba(101,31,255,.1)}.md-typeset .example>.admonition-title::before,.md-typeset .example>summary::before{background-color:#651fff;-webkit-mask-image:var(--md-admonition-icon--example);mask-image:var(--md-admonition-icon--example);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.md-typeset .admonition.quote,.md-typeset details.quote,.md-typeset .admonition.cite,.md-typeset details.cite{border-color:#9e9e9e}.md-typeset .quote>.admonition-title,.md-typeset .quote>summary,.md-typeset .cite>.admonition-title,.md-typeset .cite>summary{background-color:rgba(158,158,158,.1)}.md-typeset .quote>.admonition-title::before,.md-typeset .quote>summary::before,.md-typeset .cite>.admonition-title::before,.md-typeset .cite>summary::before{background-color:#9e9e9e;-webkit-mask-image:var(--md-admonition-icon--quote);mask-image:var(--md-admonition-icon--quote);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.codehilite .o,.highlight .o,.codehilite .ow,.highlight .ow{color:var(--md-code-hl-operator-color)}.codehilite .p,.highlight .p{color:var(--md-code-hl-punctuation-color)}.codehilite .cpf,.highlight .cpf,.codehilite .l,.highlight .l,.codehilite .s,.highlight .s,.codehilite .sb,.highlight .sb,.codehilite .sc,.highlight .sc,.codehilite .s2,.highlight .s2,.codehilite .si,.highlight .si,.codehilite .s1,.highlight .s1,.codehilite .ss,.highlight .ss{color:var(--md-code-hl-string-color)}.codehilite .cp,.highlight .cp,.codehilite .se,.highlight .se,.codehilite .sh,.highlight .sh,.codehilite .sr,.highlight .sr,.codehilite .sx,.highlight .sx{color:var(--md-code-hl-special-color)}.codehilite .m,.highlight .m,.codehilite .mf,.highlight .mf,.codehilite .mh,.highlight .mh,.codehilite .mi,.highlight .mi,.codehilite .il,.highlight .il,.codehilite .mo,.highlight .mo{color:var(--md-code-hl-number-color)}.codehilite .k,.highlight .k,.codehilite .kd,.highlight .kd,.codehilite .kn,.highlight .kn,.codehilite .kp,.highlight .kp,.codehilite .kr,.highlight .kr,.codehilite .kt,.highlight .kt{color:var(--md-code-hl-keyword-color)}.codehilite .kc,.highlight .kc,.codehilite .n,.highlight .n{color:var(--md-code-hl-name-color)}.codehilite .no,.highlight .no,.codehilite .nb,.highlight .nb,.codehilite .bp,.highlight .bp{color:var(--md-code-hl-constant-color)}.codehilite .nc,.highlight .nc,.codehilite .ne,.highlight .ne,.codehilite .nf,.highlight .nf,.codehilite .nn,.highlight .nn{color:var(--md-code-hl-function-color)}.codehilite .nd,.highlight .nd,.codehilite .ni,.highlight .ni,.codehilite .nl,.highlight .nl,.codehilite .nt,.highlight .nt{color:var(--md-code-hl-keyword-color)}.codehilite .c,.highlight .c,.codehilite .cm,.highlight .cm,.codehilite .c1,.highlight .c1,.codehilite .ch,.highlight .ch,.codehilite .cs,.highlight .cs,.codehilite .sd,.highlight .sd{color:var(--md-code-hl-comment-color)}.codehilite .na,.highlight .na,.codehilite .nv,.highlight .nv,.codehilite .vc,.highlight .vc,.codehilite .vg,.highlight .vg,.codehilite .vi,.highlight .vi{color:var(--md-code-hl-variable-color)}.codehilite .ge,.highlight .ge,.codehilite .gr,.highlight .gr,.codehilite .gh,.highlight .gh,.codehilite .go,.highlight .go,.codehilite .gp,.highlight .gp,.codehilite .gs,.highlight .gs,.codehilite .gu,.highlight .gu,.codehilite .gt,.highlight .gt{color:var(--md-code-hl-generic-color)}.codehilite .gd,.highlight .gd,.codehilite .gi,.highlight .gi{margin:0 -0.125em;padding:0 .125em;border-radius:.1rem}.codehilite .gd,.highlight .gd{background-color:var(--md-typeset-del-color)}.codehilite .gi,.highlight .gi{background-color:var(--md-typeset-ins-color)}.codehilite .hll,.highlight .hll{display:block;margin:0 -1.1764705882em;padding:0 1.1764705882em;background-color:var(--md-code-hl-color)}.codehilitetable,.highlighttable{display:block;overflow:hidden}.codehilitetable tbody,.highlighttable tbody,.codehilitetable td,.highlighttable td{display:block;padding:0}.codehilitetable tr,.highlighttable tr{display:flex}.codehilitetable pre,.highlighttable pre{margin:0}.codehilitetable .linenos,.highlighttable .linenos{padding:.525rem 1.1764705882em;padding-right:0;font-size:.85em;background-color:var(--md-code-bg-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.codehilitetable .linenodiv,.highlighttable .linenodiv{padding-right:.5882352941em;box-shadow:-0.05rem 0 var(--md-default-fg-color--lighter) inset}.codehilitetable .linenodiv pre,.highlighttable .linenodiv pre{color:var(--md-default-fg-color--light);text-align:right}.codehilitetable .code,.highlighttable .code{flex:1;overflow:hidden}.md-typeset .codehilitetable,.md-typeset .highlighttable{margin:1em 0;direction:ltr;border-radius:.1rem}.md-typeset .codehilitetable code,.md-typeset .highlighttable code{border-radius:0}@media screen and (max-width: 44.9375em){.md-typeset>.codehilite,.md-typeset>.highlight{margin:1em -0.8rem}.md-typeset>.codehilite .hll,.md-typeset>.highlight .hll{margin:0 -0.8rem;padding:0 .8rem}.md-typeset>.codehilite code,.md-typeset>.highlight code{border-radius:0}.md-typeset>.codehilitetable,.md-typeset>.highlighttable{margin:1em -0.8rem;border-radius:0}.md-typeset>.codehilitetable .hll,.md-typeset>.highlighttable .hll{margin:0 -0.8rem;padding:0 .8rem}}:root{--md-footnotes-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.42L5.83 13H21V7h-2z"/></svg>')}.md-typeset [id^="fnref:"]{display:inline-block}.md-typeset [id^="fnref:"]:target{margin-top:-3.8rem;padding-top:3.8rem;pointer-events:none;scroll-margin-top:initial}.md-typeset [id^="fn:"]::before{display:none;height:0;content:""}.md-typeset [id^="fn:"]:target{scroll-margin-top:initial}.md-typeset [id^="fn:"]:target::before{display:block;margin-top:-3.5rem;padding-top:3.5rem;pointer-events:none}.md-typeset .footnote{color:var(--md-default-fg-color--light);font-size:.64rem}.md-typeset .footnote ol{margin-left:0}.md-typeset .footnote li{transition:color 125ms}.md-typeset .footnote li:target{color:var(--md-default-fg-color)}.md-typeset .footnote li :first-child{margin-top:0}.md-typeset .footnote li:hover .footnote-backref,.md-typeset .footnote li:target .footnote-backref{transform:translateX(0);opacity:1}.md-typeset .footnote li:hover .footnote-backref:hover{color:var(--md-accent-fg-color)}.md-typeset .footnote-ref{display:inline-block;pointer-events:initial}.md-typeset .footnote-backref{display:inline-block;color:var(--md-typeset-a-color);font-size:0;vertical-align:text-bottom;transform:translateX(0.25rem);opacity:0;transition:color 250ms,transform 250ms 250ms,opacity 125ms 250ms}[dir=rtl] .md-typeset .footnote-backref{transform:translateX(-0.25rem)}.md-typeset .footnote-backref::before{display:inline-block;width:.8rem;height:.8rem;background-color:currentColor;-webkit-mask-image:var(--md-footnotes-icon);mask-image:var(--md-footnotes-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content:""}[dir=rtl] .md-typeset .footnote-backref::before svg{transform:scaleX(-1)}@media print{.md-typeset .footnote-backref{color:var(--md-typeset-a-color);transform:translateX(0);opacity:1}}.md-typeset .headerlink{display:inline-block;margin-left:.5rem;visibility:hidden;opacity:0;transition:color 250ms,visibility 0ms 500ms,opacity 125ms}[dir=rtl] .md-typeset .headerlink{margin-right:.5rem;margin-left:initial}html body .md-typeset .headerlink{color:var(--md-default-fg-color--lighter)}@media print{.md-typeset .headerlink{display:none}}.md-typeset :hover>.headerlink,.md-typeset :target>.headerlink,.md-typeset .headerlink:focus{visibility:visible;opacity:1;transition:color 250ms,visibility 0ms,opacity 125ms}.md-typeset :target>.headerlink,.md-typeset .headerlink:focus,.md-typeset .headerlink:hover{color:var(--md-accent-fg-color)}.md-typeset :target{scroll-margin-top:3.6rem}.md-typeset h3[id]:target,.md-typeset h2[id]:target,.md-typeset h1[id]:target{scroll-margin-top:initial}.md-typeset h3[id]::before,.md-typeset h2[id]::before,.md-typeset h1[id]::before{display:block;margin-top:-0.4rem;padding-top:.4rem;content:""}.md-typeset h3[id]:target::before,.md-typeset h2[id]:target::before,.md-typeset h1[id]:target::before{margin-top:-3.4rem;padding-top:3.4rem}.md-typeset h4[id]:target{scroll-margin-top:initial}.md-typeset h4[id]::before{display:block;margin-top:-0.45rem;padding-top:.45rem;content:""}.md-typeset h4[id]:target::before{margin-top:-3.45rem;padding-top:3.45rem}.md-typeset h6[id]:target,.md-typeset h5[id]:target{scroll-margin-top:initial}.md-typeset h6[id]::before,.md-typeset h5[id]::before{display:block;margin-top:-0.6rem;padding-top:.6rem;content:""}.md-typeset h6[id]:target::before,.md-typeset h5[id]:target::before{margin-top:-3.6rem;padding-top:3.6rem}.md-typeset div.arithmatex{overflow-x:scroll}@media screen and (max-width: 44.9375em){.md-typeset div.arithmatex{margin:0 -0.8rem}}.md-typeset div.arithmatex>*{width:-webkit-min-content;width:-moz-min-content;width:min-content;margin:1em auto !important;padding:0 .8rem;overflow:auto;touch-action:auto}.md-typeset del.critic,.md-typeset ins.critic,.md-typeset .critic.comment{-webkit-box-decoration-break:clone;box-decoration-break:clone}.md-typeset del.critic{background-color:var(--md-typeset-del-color)}.md-typeset ins.critic{background-color:var(--md-typeset-ins-color)}.md-typeset .critic.comment{color:var(--md-code-hl-comment-color)}.md-typeset .critic.comment::before{content:"/* "}.md-typeset .critic.comment::after{content:" */"}.md-typeset .critic.block{display:block;margin:1em 0;padding-right:.8rem;padding-left:.8rem;overflow:auto;box-shadow:none}.md-typeset .critic.block :first-child{margin-top:.5em}.md-typeset .critic.block :last-child{margin-bottom:.5em}:root{--md-details-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.58L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42z"/></svg>')}.md-typeset details{display:block;padding-top:0;overflow:visible}.md-typeset details[open]>summary::after{transform:rotate(90deg)}.md-typeset details:not([open]){padding-bottom:0}.md-typeset details:not([open])>summary{border-radius:.1rem}.md-typeset details::after{display:table;content:""}.md-typeset summary{display:block;min-height:1rem;padding:.4rem 1.8rem .4rem 2.2rem;border-top-left-radius:.1rem;border-top-right-radius:.1rem;cursor:pointer}.md-typeset summary:not(.focus-visible){outline:none;-webkit-tap-highlight-color:transparent}[dir=rtl] .md-typeset summary{padding:.4rem 2.2rem .4rem 1.8rem}.md-typeset summary::-webkit-details-marker{display:none}.md-typeset summary::after{position:absolute;top:.4rem;right:.4rem;width:1rem;height:1rem;background-color:currentColor;-webkit-mask-image:var(--md-details-icon);mask-image:var(--md-details-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:rotate(0deg);transition:transform 250ms;content:""}[dir=rtl] .md-typeset summary::after{right:initial;left:.4rem;transform:rotate(180deg)}.md-typeset img.emojione,.md-typeset img.twemoji,.md-typeset img.gemoji{width:1.125em;max-height:100%;vertical-align:-15%}.md-typeset span.twemoji{display:inline-block;height:1.125em;vertical-align:text-top}.md-typeset span.twemoji svg{width:1.125em;max-height:100%;fill:currentColor}.highlight [data-linenos]::before{position:-webkit-sticky;position:sticky;left:-1.1764705882em;float:left;margin-right:1.1764705882em;margin-left:-1.1764705882em;padding-left:1.1764705882em;color:var(--md-default-fg-color--light);background-color:var(--md-code-bg-color);box-shadow:-0.05rem 0 var(--md-default-fg-color--lighter) inset;content:attr(data-linenos);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.md-typeset .keys kbd::before,.md-typeset .keys kbd::after{position:relative;margin:0;color:inherit;-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial}.md-typeset .keys span{padding:0 .2em;color:var(--md-default-fg-color--light)}.md-typeset .keys .key-alt::before{padding-right:.4em;content:"⎇"}.md-typeset .keys .key-left-alt::before{padding-right:.4em;content:"⎇"}.md-typeset .keys .key-right-alt::before{padding-right:.4em;content:"⎇"}.md-typeset .keys .key-command::before{padding-right:.4em;content:"⌘"}.md-typeset .keys .key-left-command::before{padding-right:.4em;content:"⌘"}.md-typeset .keys .key-right-command::before{padding-right:.4em;content:"⌘"}.md-typeset .keys .key-control::before{padding-right:.4em;content:"⌃"}.md-typeset .keys .key-left-control::before{padding-right:.4em;content:"⌃"}.md-typeset .keys .key-right-control::before{padding-right:.4em;content:"⌃"}.md-typeset .keys .key-meta::before{padding-right:.4em;content:"◆"}.md-typeset .keys .key-left-meta::before{padding-right:.4em;content:"◆"}.md-typeset .keys .key-right-meta::before{padding-right:.4em;content:"◆"}.md-typeset .keys .key-option::before{padding-right:.4em;content:"⌥"}.md-typeset .keys .key-left-option::before{padding-right:.4em;content:"⌥"}.md-typeset .keys .key-right-option::before{padding-right:.4em;content:"⌥"}.md-typeset .keys .key-shift::before{padding-right:.4em;content:"⇧"}.md-typeset .keys .key-left-shift::before{padding-right:.4em;content:"⇧"}.md-typeset .keys .key-right-shift::before{padding-right:.4em;content:"⇧"}.md-typeset .keys .key-super::before{padding-right:.4em;content:"❖"}.md-typeset .keys .key-left-super::before{padding-right:.4em;content:"❖"}.md-typeset .keys .key-right-super::before{padding-right:.4em;content:"❖"}.md-typeset .keys .key-windows::before{padding-right:.4em;content:"⊞"}.md-typeset .keys .key-left-windows::before{padding-right:.4em;content:"⊞"}.md-typeset .keys .key-right-windows::before{padding-right:.4em;content:"⊞"}.md-typeset .keys .key-arrow-down::before{padding-right:.4em;content:"↓"}.md-typeset .keys .key-arrow-left::before{padding-right:.4em;content:"←"}.md-typeset .keys .key-arrow-right::before{padding-right:.4em;content:"→"}.md-typeset .keys .key-arrow-up::before{padding-right:.4em;content:"↑"}.md-typeset .keys .key-backspace::before{padding-right:.4em;content:"⌫"}.md-typeset .keys .key-backtab::before{padding-right:.4em;content:"⇤"}.md-typeset .keys .key-caps-lock::before{padding-right:.4em;content:"⇪"}.md-typeset .keys .key-clear::before{padding-right:.4em;content:"⌧"}.md-typeset .keys .key-context-menu::before{padding-right:.4em;content:"☰"}.md-typeset .keys .key-delete::before{padding-right:.4em;content:"⌦"}.md-typeset .keys .key-eject::before{padding-right:.4em;content:"⏏"}.md-typeset .keys .key-end::before{padding-right:.4em;content:"⤓"}.md-typeset .keys .key-escape::before{padding-right:.4em;content:"⎋"}.md-typeset .keys .key-home::before{padding-right:.4em;content:"⤒"}.md-typeset .keys .key-insert::before{padding-right:.4em;content:"⎀"}.md-typeset .keys .key-page-down::before{padding-right:.4em;content:"⇟"}.md-typeset .keys .key-page-up::before{padding-right:.4em;content:"⇞"}.md-typeset .keys .key-print-screen::before{padding-right:.4em;content:"⎙"}.md-typeset .keys .key-tab::after{padding-left:.4em;content:"⇥"}.md-typeset .keys .key-num-enter::after{padding-left:.4em;content:"⌤"}.md-typeset .keys .key-enter::after{padding-left:.4em;content:"⏎"}.md-typeset .tabbed-content{display:none;order:99;width:100%;box-shadow:0 -0.05rem var(--md-default-fg-color--lightest)}.md-typeset .tabbed-content>pre:only-child,.md-typeset .tabbed-content>.codehilite:only-child pre,.md-typeset .tabbed-content>.codehilitetable:only-child,.md-typeset .tabbed-content>.highlight:only-child pre,.md-typeset .tabbed-content>.highlighttable:only-child{margin:0}.md-typeset .tabbed-content>pre:only-child>code,.md-typeset .tabbed-content>.codehilite:only-child pre>code,.md-typeset .tabbed-content>.codehilitetable:only-child>code,.md-typeset .tabbed-content>.highlight:only-child pre>code,.md-typeset .tabbed-content>.highlighttable:only-child>code{border-top-left-radius:0;border-top-right-radius:0}.md-typeset .tabbed-content>.tabbed-set{margin:0}.md-typeset .tabbed-set{position:relative;display:flex;flex-wrap:wrap;margin:1em 0;border-radius:.1rem}.md-typeset .tabbed-set>input{position:absolute;opacity:0}.md-typeset .tabbed-set>input:checked+label{color:var(--md-accent-fg-color);border-color:var(--md-accent-fg-color)}.md-typeset .tabbed-set>input:checked+label+.tabbed-content{display:block}.md-typeset .tabbed-set>input:focus+label{outline-style:auto}.md-typeset .tabbed-set>input:not(.focus-visible)+label{outline:none;-webkit-tap-highlight-color:transparent}.md-typeset .tabbed-set>label{z-index:1;width:auto;padding:.9375em 1.25em .78125em;color:var(--md-default-fg-color--light);font-weight:700;font-size:.64rem;border-bottom:.1rem solid transparent;cursor:pointer;transition:color 250ms}html .md-typeset .tabbed-set>label:hover{color:var(--md-accent-fg-color)}:root{--md-tasklist-icon: url( 'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm16.28-2.72a.75.75 0 00-1.06-1.06l-5.97 5.97-2.47-2.47a.75.75 0 00-1.06 1.06l3 3a.75.75 0 001.06 0l6.5-6.5z"/></svg>' );--md-tasklist-icon--checked: url( 'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12zm16.28-2.72a.75.75 0 00-1.06-1.06l-5.97 5.97-2.47-2.47a.75.75 0 00-1.06 1.06l3 3a.75.75 0 001.06 0l6.5-6.5z"/></svg>' )}.md-typeset .task-list-item{position:relative;list-style-type:none}.md-typeset .task-list-item [type=checkbox]{position:absolute;top:.45em;left:-2em}[dir=rtl] .md-typeset .task-list-item [type=checkbox]{right:-2em;left:initial}.md-typeset .task-list-control .task-list-indicator::before{position:absolute;top:.15em;left:-1.5em;width:1.25em;height:1.25em;background-color:var(--md-default-fg-color--lightest);-webkit-mask-image:var(--md-tasklist-icon);mask-image:var(--md-tasklist-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content:""}[dir=rtl] .md-typeset .task-list-control .task-list-indicator::before{right:-1.5em;left:initial}.md-typeset .task-list-control [type=checkbox]:checked+.task-list-indicator::before{background-color:#00e676;-webkit-mask-image:var(--md-tasklist-icon--checked);mask-image:var(--md-tasklist-icon--checked)}.md-typeset .task-list-control [type=checkbox]{z-index:-1;opacity:0}
+
+/*# sourceMappingURL=main.4dd2dd8d.min.css.map*/
\ No newline at end of file
diff --git a/custum_style_src/material-polyfills/dev-site/assets/stylesheets/main.4dd2dd8d.min.css.map b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/main.4dd2dd8d.min.css.map
new file mode 100644
index 00000000..62f7c12c
--- /dev/null
+++ b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/main.4dd2dd8d.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///src/assets/stylesheets/main.scss","webpack:///src/assets/stylesheets/main/_reset.scss","webpack:///src/assets/stylesheets/main/_colors.scss","webpack:///src/assets/stylesheets/main/_icons.scss","webpack:///src/assets/stylesheets/main/_typeset.scss","webpack:///src/assets/stylesheets/utilities/_break.scss","webpack:///src/assets/stylesheets/main/layout/_base.scss","webpack:///src/assets/stylesheets/main/layout/_announce.scss","webpack:///src/assets/stylesheets/main/layout/_button.scss","webpack:///src/assets/stylesheets/main/layout/_clipboard.scss","webpack:///src/assets/stylesheets/main/layout/_content.scss","webpack:///src/assets/stylesheets/main/layout/_dialog.scss","webpack:///node_modules/material-shadows/material-shadows.scss","webpack:///src/assets/stylesheets/main/layout/_header.scss","webpack:///src/assets/stylesheets/main/layout/_hero.scss","webpack:///src/assets/stylesheets/main/layout/_footer.scss","webpack:///src/assets/stylesheets/main/layout/_nav.scss","webpack:///src/assets/stylesheets/main/layout/_search.scss","webpack:///src/assets/stylesheets/main/layout/_sidebar.scss","webpack:///src/assets/stylesheets/main/layout/_source.scss","webpack:///src/assets/stylesheets/main/layout/_tabs.scss","webpack:///src/assets/stylesheets/main/extensions/markdown/_admonition.scss","webpack:///node_modules/material-design-color/material-color.scss","webpack:///src/assets/stylesheets/main/extensions/markdown/_codehilite.scss","webpack:///src/assets/stylesheets/main/extensions/markdown/_footnotes.scss","webpack:///src/assets/stylesheets/main/extensions/markdown/_toc.scss","webpack:///src/assets/stylesheets/main/extensions/pymdownx/_arithmatex.scss","webpack:///src/assets/stylesheets/main/extensions/pymdownx/_critic.scss","webpack:///src/assets/stylesheets/main/extensions/pymdownx/_details.scss","webpack:///src/assets/stylesheets/main/extensions/pymdownx/_emoji.scss","webpack:///src/assets/stylesheets/main/extensions/pymdownx/_highlight.scss","webpack:///src/assets/stylesheets/main/extensions/pymdownx/_keys.scss","webpack:///src/assets/stylesheets/main/extensions/pymdownx/_tabbed.scss","webpack:///src/assets/stylesheets/main/extensions/pymdownx/_tasklist.scss"],"names":[],"mappings":"AAAA,KC6BA,qBACE,sBAIF,kBAGE,MAIF,6BACE,CADF,0BACE,CADF,yBACE,CADF,qBACE,MAIF,QACE,IAIF,sBACE,iBACA,sBAIF,uCAIE,GAIF,aACE,qBACA,OAIF,aACE,SAIF,eAEE,KAIF,iBACE,OAIF,wBACE,iBACA,OAIF,kBAEE,mBACA,QAIF,QACE,UACA,kBACA,uBACA,SACA,OAIF,QACE,aACA,OCpFF,4CAGE,oDACA,sDACA,uDACA,4CACA,qDACA,uDACA,yDACA,8CAGA,qDACA,oDACA,4CACA,qDACA,6CAGA,4DACA,2CACA,oDACA,SAGA,0CAGE,wCACA,6CAGA,gDACA,mDACA,oDACA,oDACA,mDACA,kDACA,iDACA,+DACA,kEACA,8DACA,8DACA,+DACA,+CAGA,iDACA,kDAGA,gDAGA,kDACA,4CAGA,sDACA,mDACA,qDAGA,qDACA,2CAGA,oDACA,sDACA,4CACA,kDACA,cCrEF,aACE,aACA,cACA,cACA,kBACA,MCRJ,kCACE,kCACA,YAIF,6BAEE,oCACA,wEACA,cAIF,6BAGE,6BACA,oDACA,OAQF,uNACE,0NACA,aASF,eACE,gBACA,iCACA,CADA,kBACA,cAIA,YAPF,gBAQI,qEAIF,YAIE,gBAIF,iBACE,wCACA,gBACA,cACA,gBACA,uBACA,gBAIF,oBACE,gBACA,mBACA,gBACA,uBACA,gBAIF,mBACE,gBACA,iBACA,gBACA,uBACA,mBAIF,eACE,gBAIF,YACE,gBACA,uBACA,+BAIF,eAEE,wCACA,gBACA,eACA,uBACA,gBAIF,wBACE,gBAIF,cACE,gEACA,eAIF,+BACE,sBACA,qCAGA,sBAEE,yCAIF,+BAEE,kDAKJ,6BAGE,cACA,cAGA,iDAPF,oBAQI,mBAKJ,uBACE,gBACA,sBACA,yCACA,oBACA,mCACA,CADA,0BACA,yHAIF,cAME,gBACA,6BACA,gBACA,oBAIF,kBACE,iBAIF,iBACE,aACA,gBACA,sBAGA,aACE,SACA,qCACA,cACA,kBACA,gBACA,mCACA,CADA,0BACA,kBACA,qBAEA,gEACA,4BAGA,qDACE,yCAIF,WACE,aACA,+CAIF,oDACE,qDAGA,0CACE,0CCpCN,gBD8CA,kBACE,sBAGA,eACE,kBAMN,oBACE,wBACA,iCACA,gBACA,wBACA,sBACA,6CACA,oBACA,qKAEE,kBAMJ,aACE,sBACA,8CACA,mCACA,CADA,0BACA,kBAIF,oBACE,8DACA,YACA,mBAIF,WACE,iCAIF,qBAEE,qDAGA,sBACE,oBACA,wBAKJ,kBACE,wCACA,4DACA,kCAGA,mBACE,qBACA,6DACA,oBACA,gBAKJ,oBACE,+BAIF,kBAEE,UACA,mDAGA,mBACE,oBACA,qCAIF,2BACE,2CAGA,2BACE,qCAKJ,kBACE,mBACA,yDAGA,mBACE,oBACA,mGAIF,aAEE,2DAIF,eACE,qFAIF,yBAEE,6HAGA,mBACE,oBACA,gBAOR,0BACE,0BAGA,oBACE,oBACA,iCAKJ,cAEE,YACA,yDAGA,UACE,cACA,2DAIF,UACE,eACA,qEAIF,YACE,oBAKJ,yBACE,CADF,sBACE,CADF,iBACE,eACA,cACA,kBACA,wBAIF,eACE,iBACA,kBACA,oBAIF,cACE,gCAIF,oBACE,eACA,cACA,iBACA,sCACA,oBACA,mEAEE,kBAEF,kCAKA,gBACE,iGAQA,YACE,+FAIF,eACE,+FAKJ,eAEE,mHAGA,gBACE,mCAKJ,cACE,uBACA,iCACA,mBACA,mDACA,qCAGA,aACE,mCAKJ,sBACE,mBACA,6DACA,mCAIF,iCACE,yCAGA,iCACE,uDACA,kDAIF,YACE,kCAKJ,iBACE,yCAKJ,cACE,gDAGA,oBACE,YACA,aACA,iBACA,mBACA,8BACA,CADA,qBACA,YACA,qEAIF,6BACE,sDACA,CADA,6CACA,sEAIF,6BACE,uDACA,CADA,8CACA,yBAKJ,kBACE,gBACA,kBACA,oBAIF,oBACE,mBACA,gBACA,0BAGA,aACE,WACA,SACA,gBACA,ME7hBN,WACE,kBAKA,eAOA,sCD0IE,KCvJJ,gBAiBI,uCDsIA,KCvJJ,cAsBI,OAKJ,iBACE,aACA,sBACA,WACA,gBACA,gBAGA,4CACA,0CDqIE,yBC/HA,cACE,eAMJ,KAtBF,aAuBI,KAKJ,aACE,cACA,UACA,SACA,UAIF,eACE,kBACA,iBACA,eAIF,YACE,sBACA,YACA,cAIA,cAPF,aAQI,WAKJ,WACE,iBAGA,YACE,YACA,kBACA,cAKJ,aACE,gBACA,mBACA,uBACA,YAQF,YACE,aAIF,cACE,MACA,UACA,QACA,SACA,iCACA,UACA,0DAEE,0CDgDA,4CCxCA,UACE,YACA,UACA,8CAEE,WAYR,cACE,WAGA,aACA,oBACA,iCACA,iBACA,4CACA,oBACA,6BACA,UACA,gBAGA,UACE,wBACA,UACA,2EAEE,OAUN,WACE,cC1LF,aACE,2CACA,qBAGA,iBACE,gBACA,gCACA,gBACA,cAIF,aAbF,YAcI,yBCXF,oBACE,mBACA,iCACA,gBACA,gCACA,oBACA,iEAEE,iCAKF,gCACE,4CACA,wCACA,2DAIF,+BAEE,2CACA,uCACA,OC3BN,yPACE,eAMF,iBACE,SACA,WACA,UACA,YACA,aACA,2CACA,oBAEA,eACA,uBACA,cAGA,cAdF,YAeI,uBASF,aACE,cACA,eACA,cACA,8BACA,4CACA,CADA,mCACA,8BACA,CADA,qBACA,WACA,yBAIF,uCACE,iDAIF,+BAEE,aClDJ,MACE,eACA,+DLyII,YK3IN,8BAMI,yCL0JA,YKhKJ,kCAWI,qBAIF,qBACE,kBACA,wCL+IA,mBKjJF,mBAMI,mBACA,6BAKF,aACE,aACA,WACA,gCAIF,eACE,qBAKJ,WACE,eACA,kBACA,UACA,+BAGA,UACE,mBACA,oBACA,mCAGA,oBACE,iCAKJ,yCACE,yBAIF,cACE,mBACA,cAIF,oBA9BF,YA+BI,aCvEN,gGCFE,eDKA,YACA,aACA,aACA,UACA,cACA,kBACA,oBACA,iCACA,gBACA,sCACA,YACA,oBACA,2BACA,UACA,6CAEE,sBAIF,aACE,WACA,gCAIF,uBACE,UACA,6EAEE,cAKJ,WAtCF,YAuCI,aEvCJ,uBACE,CADF,eACE,MACA,QACA,OACA,UACA,cACA,iCACA,4CACA,+DAIE,8CAGA,mBAIF,eACE,gBACA,kCAIF,gEAEI,+DAGA,cAMJ,WApCF,YAqCI,iBAKJ,YACE,gBACA,wBAGA,iBACE,UACA,cACA,aACA,cACA,eACA,yBACA,sCAME,oBACE,2DAKJ,UAEE,gCAIF,YACE,cACA,uEAGA,aAEE,aACA,cACA,kBACA,6CAKJ,YACE,qCRwEF,qCQjEE,YACE,2CRkFJ,+BQ1EE,YACE,yCRuDJ,qCQ/CE,YACE,wBAMN,iBACE,WACA,wEAEE,6CAIF,UACE,8BACA,UACA,wEAEE,oBAEF,uDAGA,8BACE,8BAKJ,gBACE,oDAIF,YACE,uBAKJ,WACE,eACA,gBACA,mBACA,mEAGA,UACE,+BACA,UACA,wEAEE,oBAEF,6EAGA,6BACE,yFAIF,SACE,wBACA,UACA,wEAEE,uBAEF,gDAKJ,iBACE,WACA,YACA,wBAKJ,YACE,qCRtCA,uBQqCF,aAKI,cACA,kBACA,iBACA,kCAGA,iBACE,oBACA,yCRlDJ,uBQqCF,kBAmBI,kCAGA,mBACE,WC5NR,eACE,iCACA,eACA,4CACA,4BACA,iBAGA,eACE,0BACA,wEAEE,uBAEF,0CToKA,gBS1KF,iBAUI,qBACA,yCAIF,8BACE,UACA,iDAEE,oBAEF,kCAIF,oBACE,YClCN,+BACE,2CACA,cAGA,WALF,YAMI,wBAQF,aACE,cACA,sBAIF,YACE,mBACA,qBACA,yBACA,qCVwIA,qBU5IF,SAQI,wDAIF,UAEE,4BAIF,UACE,sCAGA,WACE,0CAGA,oBACE,0CVmIN,2BU5IA,SAeI,kDAGA,YACE,6BAMN,WACE,iBACA,sCAGA,UACE,gBACA,0CAGA,oBACE,0CVwGN,2BUnHA,SAiBI,wBAMN,iBACE,YACA,8BACA,eACA,gBACA,mBACA,wBAIF,YACE,cACA,2BAIF,iBACE,QACA,OACA,iBACA,eACA,iBACA,WACA,iBAKJ,gDACE,wBAGA,YACE,eACA,8BACA,cACA,mCAIF,sCACE,iFAGA,+BAEE,sBAMN,UACE,kBACA,gBACA,yCACA,iBACA,qCViBE,qBUtBJ,UASI,kCAIF,sCACE,mBAKJ,cACE,sBACA,qCVCE,kBUHJ,eAMI,0BAIF,oBACE,aACA,cACA,kBACA,iCAGA,eACE,6BAIF,gBACE,oBACA,kBACA,OCtLN,2MACE,kMACA,2NACA,SAMF,eACE,gBACA,gBAGA,aACE,gBACA,gBACA,gBACA,uBACA,gCAGA,YACE,oCAGA,UACE,YACA,uFAOA,aAEE,aACA,cACA,4CAIF,iBACE,eAOR,QACE,UACA,gBACA,eAIF,eACE,0BAGA,oBACE,6BAIF,eACE,uCAGA,mBACE,eACA,wCAIF,gBACE,eAMN,aACE,kBACA,gBACA,uBACA,eACA,uBACA,wBACA,+BAIA,YACE,uCAGA,YACE,mCAKJ,uCACE,qCAIF,+BACE,qCAIF,aACE,yCAIF,+BAEE,iBAKJ,YACE,0CXkDA,QWzKJ,2CA4HI,2CAGA,iBAEE,MACA,QACA,OACA,UACA,aACA,sBACA,YACA,gEAOA,eAEE,gBACA,iCAIF,iBACE,cACA,yBACA,wCACA,gBACA,mBACA,mBACA,sDACA,eACA,+CAGA,iBACE,UACA,WACA,cACA,aACA,cACA,aACA,sDAGA,aACE,WACA,YACA,8BACA,4CACA,CADA,mCACA,8BACA,CADA,qBACA,WACA,yDAIF,WACE,aACA,+CAKJ,eACE,4CACA,iEAEE,qCACF,CADE,gCACF,CADE,4BACF,mBACA,yEAGA,YACE,+CAKJ,iBACE,iCACA,4CACA,+DAGA,iBACE,UACA,WACA,cACA,aACA,cACA,iBACA,8EASJ,WACE,aACA,gCAKJ,MACE,gCAIF,SACE,6DACA,0CAGA,SACE,sDAIF,oBACE,gEAGA,mBACE,oBACA,sDAKJ,+BACE,uHAGA,+BAEE,gCAMN,iBACE,aACA,oBACA,8CAGA,iBACE,QACA,YACA,aACA,cACA,mBACA,cACA,iBACA,qDAGA,aACE,WACA,YACA,8BACA,4CACA,CADA,mCACA,8BACA,CADA,qBACA,WACA,wDAIF,aACE,WACA,iDAYF,mBACE,mDASJ,eACE,6CAIF,eACE,6BACA,2DAGA,mBACE,qEAGA,oBACE,qBACA,mEAKJ,iBACE,6EAGA,kBACE,qBACA,2EAKJ,mBACE,qFAGA,oBACE,qBACA,mFAKJ,mBACE,6FAGA,oBACE,qBACA,yBAQV,YACE,2BACA,UACA,2EAEE,mCAIF,2BACE,iCAKJ,uBACE,UACA,4EAEE,+CAIF,kCACE,CADF,0BACE,2CX5OJ,8BWsPA,aACE,qBACA,6CAGA,YACE,+CAIF,aACE,WACA,YACA,sCACA,CADA,6BACA,8BACA,WACA,uCAIF,YACE,8BAKJ,mBACE,oBACA,iBAIF,aACE,gBACA,iCACA,kDACA,sCX5SF,6CWuTE,uBACE,iDAIF,YACE,yCX7TJ,QWvJJ,0DA2dI,+CAME,uBACE,+CAIF,YACE,yBAKJ,YACE,iCAIF,aACE,8CAIF,YACE,eAIF,WACE,YACA,aACA,2BACA,yBAGA,UACE,yBACA,sBAIF,oBACE,WACA,YACA,uBACA,8BACA,4CACA,CADA,mCACA,8BACA,CADA,qBACA,WACA,2EAIF,uBACE,aCthBR,iBACE,mBAGA,YACE,qCZmJA,WYxJJ,eAUI,sBAIF,SACE,UACA,0CZ0JA,oBY5JF,iBAMI,UACA,aACA,WACA,YACA,gBACA,4CACA,mBACA,wBACA,qDAEE,oBAEF,+BAGA,aACE,aACA,gEAIF,SACE,yCAEE,2CZ8HN,+DYxHA,mBAII,gEZ6EF,+DYjFF,mBASI,gEZwEF,+DYjFF,mBAcI,sCZwFJ,oBY1IF,cAwDI,MACA,OACA,QACA,SACA,iCACA,eACA,0DAEE,+BAKF,OACE,aACA,gEAIF,UACE,YACA,UACA,8CAEE,oBAQR,kCAEE,CAFF,0BAEE,0CZkEA,kBYpEF,cAMI,MACA,UACA,UACA,WACA,YACA,yBACA,UACA,iHAEE,8DAMF,MACE,wBACA,UACA,+GAEE,wEAMF,OACE,aACA,kCAKJ,UACE,aACA,0BACA,sCZQJ,kBYlDF,iBAgDI,YACA,cACA,gBACA,sDACA,6BAGA,UACE,gEZ3BF,6DYgCF,aAII,yCZfJ,6DYWA,aASI,mBAMN,iBACE,qCZ3BA,iBY0BF,mBAKI,oBAKJ,iBACE,UACA,0BACA,uBACA,4CACA,8CAEE,6BAIF,yBACE,8CAIF,8BACE,CADF,sBACE,CALA,oCAIF,2BACE,CADF,sBACE,CALA,yCAIF,0BACE,CADF,sBACE,CALA,+BAIF,sBACE,8CAIF,uCAEE,CANA,oCAIF,uCAEE,CANA,yCAIF,uCAEE,CANA,kEAIF,uCAEE,8BAIF,YACE,0CZ9CF,kBYkBF,UAiCI,cACA,gBACA,sCZvEF,kBYoCF,UAwCI,cACA,oBACA,cACA,gBACA,iCACA,oBACA,6BAGA,oBACE,oCAIF,gCACE,8CAIF,uCACE,CALA,oCAIF,uCACE,CALA,yCAIF,uCACE,CALA,+BAIF,uCACE,yBAIF,sCACE,8DAIF,gCACE,mBACA,4CACA,8BACA,yFAGA,uCAEE,CALF,+EAGA,uCAEE,CALF,oFAGA,uCAEE,CALF,wJAGA,uCAEE,mBAOR,iBACE,UACA,aACA,cACA,eACA,qCAEE,wBAIF,UACE,gCAIF,SACE,WACA,0CAGA,WACE,aACA,8CAGA,oBACE,0CZlIN,+BYuHA,SAiBI,WACA,0CAGA,WACE,aACA,gDAIF,YACE,sCZrKN,+BYyIA,mBAkCI,+CAGA,YACE,+BAMN,SACE,YACA,sBACA,UACA,wEAEE,oBAEF,wCAGA,aACE,WACA,0CZhLJ,6BYmKA,SAkBI,YACA,wCAGA,aACE,WACA,yHAKJ,kBAEE,UACA,uBACA,CATE,kHAKJ,kBAEE,UACA,uBACA,8HAGA,UACE,CAJF,wHAGA,UACE,oBAOR,iBACE,UACA,WACA,gBACA,8BACA,0CZpNA,mBY+MF,UASI,SACA,sCZ3OF,mBYiOF,UAeI,UACA,yBACA,+DAGA,kGLrYJ,UKwYM,yBAMN,WACE,gBACA,4CACA,mCAEA,CAFA,0BAEA,qCACA,CADA,gCACA,CADA,4BACA,mBACA,oEAGA,uBAVF,uBAWI,gEZ9RA,uBYmRJ,aAgBI,yCZ9QF,uBY8PF,aAqBI,sCZnRF,uBY8PF,YA0BI,qBAEA,gEACA,mEAGA,eACE,8BAIF,qDACE,2CAIF,WACE,aACA,iDAIF,oDACE,uDAGA,0CACE,oBAQV,gCACE,sBACA,yBAGA,eACE,wCACA,iBACA,mBACA,sDACA,wBACA,qCZtUA,wBYgUF,mBAUI,mCAGA,oBACE,qBACA,0BAMN,QACE,UACA,gBACA,yBAIF,4DACE,qCAGA,eACE,yBAKJ,aACE,aACA,4BACA,wBACA,6DAGA,uDAEE,mIAGA,UACE,8DAKJ,mBACE,4BAKJ,iBACE,gBACA,gBACA,qCZjYA,2BY8XF,mBAOI,sCAGA,oBACE,mBACA,gEAQF,eACE,gBACA,gBACA,gBACA,yBAMN,iBACE,OACA,aACA,cACA,wCACA,mCAGA,OACE,aACA,uCAGA,oBACE,0CZxZJ,wBY0YF,YAoBI,2BAKJ,aACE,gBACA,iBACA,gBACA,2BAMF,mBACE,mBACA,cACA,gBACA,wCACA,iBACA,gBACA,uBACA,4BACA,qBACA,0CZvbA,0BY6aF,iBAcI,qBACA,gEZneA,0BYodJ,iBAoBI,qBACA,uBAOJ,eACE,kBACA,0BACA,iDCtnBJ,OACE,6BACE,CADF,qBACE,MAGF,oCACE,CADF,4BACE,EDgnBA,wCCtnBJ,OACE,6BACE,CADF,yBACE,CADF,qBACE,MAGF,oCACE,CADF,gCACE,CADF,4BACE,cASJ,uBACE,CADF,eACE,WACA,sBACA,cACA,iBACA,gBACA,cAGA,YATF,YAUI,2CbiJA,qBa1IA,cACE,MACA,cACA,UACA,cACA,YACA,4CACA,wBACA,yEAEE,gCAIF,cACE,aACA,oEAIF,sGNtCJ,8BMyCM,8EAGA,8BACE,8CAKJ,eACE,yBAMN,YACE,QACA,qCb+EA,uBajFF,aAMI,gDAGA,kBACE,0BAMN,eACE,eACA,gBACA,mCAEA,CAFA,0BAEA,qBAEA,gEACA,6BAMA,6DACE,CADF,qDACE,0CboEF,6Ca7DE,iBACE,MACA,QACA,SACA,OACA,SACA,8BACA,CADA,yBACA,CADA,qBACA,gCAKJ,qDACE,4CAIF,WACE,aACA,kDAIF,oDACE,wDAGA,0CACE,2CCjJR,GACE,QACE,MAGF,aACE,ED2II,kCCjJR,GACE,QACE,MAGF,aACE,2CAKJ,GACE,0BACE,UACA,KAGF,SACE,MAGF,wBACE,UACA,EAjBA,iCAKJ,GACE,0BACE,UACA,KAGF,SACE,MAGF,wBACE,UACA,aASJ,aACE,iBACA,gBACA,mBACA,mCAEA,CAFA,0BAEA,yBACA,kBAGA,UACE,kBAIF,oBACE,aACA,cACA,sBACA,sBAGA,gBACE,kBACA,gCAGA,kBACE,oBACA,yCAKJ,iBACE,kBACA,mDAGA,kBACE,oBACA,mBACA,qBACA,wBAMN,oBACE,8BACA,kBACA,gBACA,gBACA,uBACA,sBACA,mBAIF,QACE,UACA,gBACA,gBACA,iBACA,qBACA,YACA,wCAGA,sDACE,CADF,8CACE,kBAKJ,UACE,4BAGA,WACE,uCAIF,sDACE,CADF,8CACE,0BAIF,cACE,YACA,sCAIF,YACE,UCjIN,UACE,cACA,iCACA,4CACA,4BACA,iBAGA,eACE,0CfyKA,SelLJ,YAcI,eAIF,SAlBF,YAmBI,iBAIF,QACE,kBACA,UACA,mBACA,gBACA,gBACA,0BAGA,kBACE,oBACA,gBAKJ,oBACE,cACA,oBACA,mBACA,gBAKF,aACE,iBACA,gBACA,WACA,wEAEE,uBAIF,eACE,6CAIF,aAEE,UACA,4CAKA,qBACE,4CADF,qBACE,4CADF,qBACE,4CADF,qBACE,4CADF,sBACE,4CADF,sBACE,4CADF,sBACE,4CADF,sBACE,6CADF,sBACE,6CADF,sBACE,6CADF,sBACE,6CADF,sBACE,6CADF,sBACE,6CADF,sBACE,6CADF,sBACE,gCAMN,mBACE,+CAIA,yBACE,UACA,yDAEE,wCfyEJ,uEe/DA,YACE,2DAUE,aACE,gBACA,oBACA,wBACA,yEAGA,YACE,wEAKJ,YACE,gFAGA,aACE,UACA,8FAGA,YACE,sDAOR,aAGE,kFAGA,eACE,6FAGA,oBACE,2GAGA,gBACE,6EAMN,YACE,QC1IV,4RAMI,owHAUF,iBACE,gBACA,gBACA,oCACA,iBACA,wBACA,+CACA,gCACA,oBACA,mEAEE,iEAIF,gCACE,iBACA,cAIF,4CArBF,eAsBI,gFAIF,mBACE,iIAIF,YACE,6FAIF,kBACE,mFAIF,eACE,2FAIF,YACE,mDAKJ,iBACE,2BACA,iCACA,gBACA,qCACA,uEAGA,0BACE,+BACA,mFAIF,eACE,mEAIF,iBACE,WACA,WACA,YACA,yBCwIU,mDDtIV,CCsIU,0CDtIV,8BACA,CADA,qBACA,WACA,uFAGA,WACE,aACA,6DAKJ,cACE,gBACA,mBACA,6BACA,sBACA,gBACA,iGAIF,YACE,uDAcJ,oBAHO,+DAQP,oCACE,+EAGA,wBAZK,mDAcH,CAdG,0CAcH,8BACA,CADA,qBACA,iLAZJ,oBAHO,yMAQP,mCACE,yPAGA,wBAZK,uDAcH,CAdG,8CAcH,8BACA,CADA,qBACA,6GAZJ,oBAHO,6HAQP,mCACE,6JAGA,wBAZK,mDAcH,CAdG,0CAcH,8BACA,CADA,qBACA,2KAZJ,oBAHO,mMAQP,mCACE,mPAGA,wBAZK,kDAcH,CAdG,yCAcH,8BACA,CADA,qBACA,2KAZJ,oBAHO,mMAQP,kCACE,mPAGA,wBAZK,sDAcH,CAdG,6CAcH,8BACA,CADA,qBACA,yKAZJ,oBAHO,iMAQP,oCACE,iPAGA,wBAZK,uDAcH,CAdG,8CAcH,8BACA,CADA,qBACA,yLAZJ,oBAHO,iNAQP,mCACE,iQAGA,wBAZK,sDAcH,CAdG,6CAcH,8BACA,CADA,qBACA,+KAZJ,oBAHO,uMAQP,mCACE,uPAGA,wBAZK,sDAcH,CAdG,6CAcH,8BACA,CADA,qBACA,mHAZJ,oBAHO,mIAQP,mCACE,mKAGA,wBAZK,qDAcH,CAdG,4CAcH,8BACA,CADA,qBACA,qDAZJ,oBAHO,6DAQP,kCACE,6EAGA,wBAZK,kDAcH,CAdG,yCAcH,8BACA,CADA,qBACA,6DAZJ,oBAHO,qEAQP,oCACE,qFAGA,wBAZK,sDAcH,CAdG,6CAcH,8BACA,CADA,qBACA,+GAZJ,oBAHO,+HAQP,qCACE,+JAGA,wBAZK,oDAcH,CAdG,2CAcH,8BACA,CADA,qBACA,6DElKJ,sCAEE,8BAGF,yCACE,sRAGF,oCASE,4JAGF,qCAKE,yLAGF,oCAME,yLAGF,qCAME,6DAGF,kCAEE,8FAGF,sCAGE,6HAGF,sCAIE,6HAGF,qCAIE,yLAGF,qCAME,4JAGF,sCAKE,yPAGF,qCAQE,+DAGF,iBAEE,iBACA,oBACA,gCAGF,4CACE,gCAGF,4CACE,kCAIF,aACE,yBACA,yBACA,yCACA,kCASJ,aACE,gBACA,qFAIA,aAEE,UACA,wCAKF,YACE,0CAKF,QACE,oDAKF,8BACE,gBACA,gBACA,yCACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,wDAIF,2BACE,gEACA,gEAGA,uCACE,iBACA,8CAMJ,MACE,gBACA,0DAQF,YACE,cACA,oBACA,oEAGA,eACE,0ClBlBF,+CkB0BA,kBACE,0DAGA,gBACE,gBACA,0DAIF,eACE,0DAKJ,kBACE,gBACA,oEAGA,gBACE,gBACA,QCnOR,yMACE,4BASA,oBACE,mCAGA,kBACE,mBACA,oBACA,0BACA,iCAQF,YACE,SACA,WACA,gCAIF,yBACE,wCAIF,aACE,mBACA,mBACA,oBACA,uBAKJ,uCACE,iBACA,0BAGA,aACE,0BAIF,sBACE,iCAGA,gCACE,uCAIF,YACE,oGAIF,uBAEE,UACA,wDAIF,+BACE,2BAMN,oBACE,uBACA,+BAIF,oBACE,gCACA,YAEA,2BACA,8BACA,UACA,iEAEE,yCAKF,8BACE,uCAIF,oBACE,YACA,aACA,8BACA,4CACA,CADA,mCACA,8BACA,CADA,qBACA,WACA,qDAME,oBACE,cAMN,8BAvCF,+BAwCI,wBACA,UACA,0BClIJ,oBACE,kBACA,kBAGA,UACA,0DAEE,mCAKF,kBACE,oBACA,mCAIF,yCACE,cAIF,wBAxBF,YAyBI,+FAKJ,kBAGE,UACA,oDAEE,6FAMJ,+BAGE,qBAMF,wBACE,+EAYE,yBACE,kFAIF,aACE,mBACA,kBACA,WACA,uGAIF,kBACE,mBACA,2BAfF,yBACE,4BAIF,aACE,oBACA,mBACA,WACA,mCAIF,mBACE,oBACA,qDAfF,yBACE,uDAIF,aACE,mBACA,kBACA,WACA,qEAIF,kBACE,mBACA,4BC/EN,iBACE,0CrB8KA,2BqB/KF,gBAKI,+BAIF,yBACE,CADF,sBACE,CADF,iBACE,2BACA,gBACA,cACA,kBACA,2ECdJ,kCAGE,CAHF,0BAGE,wBAIF,4CACE,wBAIF,4CACE,6BAIF,qCACE,qCAGA,aACE,oCAIF,aACE,2BAKJ,aACE,aACA,oBACA,mBACA,cACA,gBACA,wCAGA,eACE,uCAIF,kBACE,OClDN,+LACE,qBASA,aAGE,cACA,iBACA,0CAGA,uBACE,iCAIF,gBACE,yCAIA,mBACE,4BAKJ,aACE,WACA,qBAKJ,aAGE,gBACA,kCACA,6BACA,8BACA,eACA,yCAGA,YACE,wCACA,+BAIF,iCACE,6CAIF,YACE,4BAIF,iBACE,UACA,YACA,WACA,YACA,8BACA,0CACA,CADA,iCACA,8BACA,CADA,qBACA,uBACA,2BACA,WACA,sCAGA,aACE,WACA,yBACA,yEClFN,aAGE,gBACA,oBACA,0BAIF,oBACE,eACA,wBACA,8BAGA,aACE,gBACA,kBACA,mCCfJ,uBACE,CADF,eACE,qBACA,WACA,4BACA,4BACA,4BACA,wCACA,yCACA,gEACA,2BACA,yBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,4DCdF,iBAEE,SACA,cACA,gCACA,+BACA,wBAIF,cACE,wCACA,oCAqDE,kBACE,YAlDgB,yCAiDlB,kBACE,YAlDgB,0CAiDlB,kBACE,YAlDgB,wCAiDlB,kBACE,YAlDgB,6CAiDlB,kBACE,YAlDgB,8CAiDlB,kBACE,YAlDgB,wCAiDlB,kBACE,YAlDgB,6CAiDlB,kBACE,YAlDgB,8CAiDlB,kBACE,YAlDgB,qCAiDlB,kBACE,YAlDgB,0CAiDlB,kBACE,YAlDgB,2CAiDlB,kBACE,YAlDgB,uCAiDlB,kBACE,YAlDgB,4CAiDlB,kBACE,YAlDgB,6CAiDlB,kBACE,YAlDgB,sCAiDlB,kBACE,YAlDgB,2CAiDlB,kBACE,YAlDgB,4CAiDlB,kBACE,YAlDgB,sCAiDlB,kBACE,YAlDgB,2CAiDlB,kBACE,YAlDgB,4CAiDlB,kBACE,YAlDgB,wCAiDlB,kBACE,YAlDgB,6CAiDlB,kBACE,YAlDgB,8CAiDlB,kBACE,YAlDgB,2CAiDlB,kBACE,YAlDgB,2CAiDlB,kBACE,YAlDgB,4CAiDlB,kBACE,YAlDgB,yCAiDlB,kBACE,YAlDgB,0CAiDlB,kBACE,YAlDgB,wCAiDlB,kBACE,YAlDgB,0CAiDlB,kBACE,YAlDgB,sCAiDlB,kBACE,YAlDgB,6CAiDlB,kBACE,YAlDgB,uCAiDlB,kBACE,YAlDgB,sCAiDlB,kBACE,YAlDgB,oCAiDlB,kBACE,YAlDgB,uCAiDlB,kBACE,YAlDgB,qCAiDlB,kBACE,YAlDgB,uCAiDlB,kBACE,YAlDgB,0CAiDlB,kBACE,YAlDgB,wCAiDlB,kBACE,YAlDgB,6CAiDlB,kBACE,YAlDgB,mCA+DlB,iBACE,YAPgB,yCAMlB,iBACE,YAPgB,qCAMlB,iBACE,YAPgB,6BCzEtB,YACE,SACA,WACA,2DACA,wQAGA,QAKE,iSAGA,wBACE,0BACA,yCAKJ,QACE,yBAKJ,iBACE,aACA,eACA,aACA,oBACA,+BAGA,iBACE,UACA,6CAGA,+BACE,uCACA,6DAGA,aACE,2CAKJ,kBACE,yDAIF,YACE,wCACA,+BAKJ,SACE,WACA,gCACA,wCACA,gBACA,iBACA,sCACA,eACA,uBACA,0CAGA,+BACE,OChFR,kVACE,4VAGA,6BAWA,iBACE,qBACA,6CAIA,iBACE,UACA,UACA,uDAGA,UACE,aACA,6DASJ,iBACE,UACA,YACA,aACA,cACA,sDACA,2CACA,CADA,kCACA,8BACA,CADA,qBACA,WACA,uEAGA,YACE,aACA,qFAKJ,wBXiWa,oDW/VX,CX+VW,2CW/VX,gDAIF,UACE,UACA,C","file":"assets/stylesheets/main.4dd2dd8d.min.css","sourcesContent":["html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html{text-size-adjust:none}body{margin:0}hr{box-sizing:content-box;overflow:visible}a,button,label,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}small{font-size:80%}sub,sup{line-height:1em}img{border-style:none}table{border-collapse:separate;border-spacing:0}td,th{font-weight:normal;vertical-align:top}button{margin:0;padding:0;font-size:inherit;background:transparent;border:0}input{border:0;outline:none}:root{--md-default-fg-color: hsla(0, 0%, 0%, 0.87);--md-default-fg-color--light: hsla(0, 0%, 0%, 0.54);--md-default-fg-color--lighter: hsla(0, 0%, 0%, 0.32);--md-default-fg-color--lightest: hsla(0, 0%, 0%, 0.07);--md-default-bg-color: hsla(0, 0%, 100%, 1);--md-default-bg-color--light: hsla(0, 0%, 100%, 0.7);--md-default-bg-color--lighter: hsla(0, 0%, 100%, 0.3);--md-default-bg-color--lightest: hsla(0, 0%, 100%, 0.12);--md-primary-fg-color: hsla(231, 48%, 48%, 1);--md-primary-fg-color--light: hsla(230, 44%, 64%, 1);--md-primary-fg-color--dark: hsla(232, 54%, 41%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);--md-accent-fg-color: hsla(231, 99%, 66%, 1);--md-accent-fg-color--transparent: hsla(231, 99%, 66%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}:root>*{--md-code-fg-color: hsla(200, 18%, 26%, 1);--md-code-bg-color: hsla(0, 0%, 96%, 1);--md-code-hl-color: hsla(60, 100%, 50%, 0.5);--md-code-hl-number-color: hsla(0, 67%, 50%, 1);--md-code-hl-special-color: hsla(340, 83%, 47%, 1);--md-code-hl-function-color: hsla(291, 45%, 50%, 1);--md-code-hl-constant-color: hsla(250, 63%, 60%, 1);--md-code-hl-keyword-color: hsla(219, 54%, 51%, 1);--md-code-hl-string-color: hsla(150, 63%, 30%, 1);--md-code-hl-name-color: var(--md-code-fg-color);--md-code-hl-operator-color: var(--md-default-fg-color--light);--md-code-hl-punctuation-color: var(--md-default-fg-color--light);--md-code-hl-comment-color: var(--md-default-fg-color--light);--md-code-hl-generic-color: var(--md-default-fg-color--light);--md-code-hl-variable-color: var(--md-default-fg-color--light);--md-typeset-color: var(--md-default-fg-color);--md-typeset-a-color: var(--md-primary-fg-color);--md-typeset-mark-color: hsla(60, 100%, 50%, 0.5);--md-typeset-del-color: hsla(6, 90%, 60%, 0.15);--md-typeset-ins-color: hsla(150, 90%, 44%, 0.15);--md-typeset-kbd-color: hsla(0, 0%, 98%, 1);--md-typeset-kbd-accent-color: hsla(0, 100%, 100%, 1);--md-typeset-kbd-border-color: hsla(0, 0%, 72%, 1);--md-admonition-fg-color: var(--md-default-fg-color);--md-admonition-bg-color: var(--md-default-bg-color);--md-footer-fg-color: hsla(0, 0%, 100%, 1);--md-footer-fg-color--light: hsla(0, 0%, 100%, 0.7);--md-footer-fg-color--lighter: hsla(0, 0%, 100%, 0.3);--md-footer-bg-color: hsla(0, 0%, 0%, 0.87);--md-footer-bg-color--dark: hsla(0, 0%, 0%, 0.32)}.md-icon svg{display:block;width:1.2rem;height:1.2rem;margin:0 auto;fill:currentColor}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,input{color:var(--md-typeset-color);font-feature-settings:\"kern\",\"liga\";font-family:-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif}code,pre,kbd{color:var(--md-typeset-color);font-feature-settings:\"kern\";font-family:SFMono-Regular,Consolas,Menlo,monospace}:root{--md-typeset-table--ascending: svg-load(\"@mdi/svg/svg/arrow-down.svg\");--md-typeset-table--descending: svg-load(\"@mdi/svg/svg/arrow-up.svg\")}.md-typeset{font-size:.8rem;line-height:1.6;color-adjust:exact}@media print{.md-typeset{font-size:.68rem}}.md-typeset p,.md-typeset ul,.md-typeset ol,.md-typeset blockquote{margin:1em 0}.md-typeset h1{margin:0 0 1.25em;color:var(--md-default-fg-color--light);font-weight:300;font-size:2em;line-height:1.3;letter-spacing:-0.01em}.md-typeset h2{margin:1.6em 0 .64em;font-weight:300;font-size:1.5625em;line-height:1.4;letter-spacing:-0.01em}.md-typeset h3{margin:1.6em 0 .8em;font-weight:400;font-size:1.25em;line-height:1.5;letter-spacing:-0.01em}.md-typeset h2+h3{margin-top:.8em}.md-typeset h4{margin:1em 0;font-weight:700;letter-spacing:-0.01em}.md-typeset h5,.md-typeset h6{margin:1.25em 0;color:var(--md-default-fg-color--light);font-weight:700;font-size:.8em;letter-spacing:-0.01em}.md-typeset h5{text-transform:uppercase}.md-typeset hr{margin:1.5em 0;border-bottom:.05rem dotted var(--md-default-fg-color--lighter)}.md-typeset a{color:var(--md-typeset-a-color);word-break:break-word}.md-typeset a,.md-typeset a::before{transition:color 125ms}.md-typeset a:focus,.md-typeset a:hover{color:var(--md-accent-fg-color)}.md-typeset code,.md-typeset pre,.md-typeset kbd{color:var(--md-code-fg-color);direction:ltr}@media print{.md-typeset code,.md-typeset pre,.md-typeset kbd{white-space:pre-wrap}}.md-typeset code{padding:0 .2941176471em;font-size:.85em;word-break:break-word;background-color:var(--md-code-bg-color);border-radius:.1rem;box-decoration-break:clone}.md-typeset h1 code,.md-typeset h2 code,.md-typeset h3 code,.md-typeset h4 code,.md-typeset h5 code,.md-typeset h6 code{margin:initial;padding:initial;background-color:transparent;box-shadow:none}.md-typeset a>code{color:currentColor}.md-typeset pre{position:relative;margin:1em 0;line-height:1.4}.md-typeset pre>code{display:block;margin:0;padding:.7720588235em 1.1764705882em;overflow:auto;word-break:normal;box-shadow:none;box-decoration-break:slice;touch-action:auto;scrollbar-width:thin;scrollbar-color:var(--md-default-fg-color--lighter) transparent}.md-typeset pre>code:hover{scrollbar-color:var(--md-accent-fg-color) transparent}.md-typeset pre>code::-webkit-scrollbar{width:.2rem;height:.2rem}.md-typeset pre>code::-webkit-scrollbar-thumb{background-color:var(--md-default-fg-color--lighter)}.md-typeset pre>code::-webkit-scrollbar-thumb:hover{background-color:var(--md-accent-fg-color)}@media screen and (max-width: 44.9375em){.md-typeset>pre{margin:1em -0.8rem}.md-typeset>pre code{border-radius:0}}.md-typeset kbd{display:inline-block;padding:0 .6666666667em;color:var(--md-default-fg-color);font-size:.75em;vertical-align:text-top;word-break:break-word;background-color:var(--md-typeset-kbd-color);border-radius:.1rem;box-shadow:0 .1rem 0 .05rem var(--md-typeset-kbd-border-color),0 .1rem 0 var(--md-typeset-kbd-border-color),0 -0.1rem .2rem var(--md-typeset-kbd-accent-color) inset}.md-typeset mark{color:inherit;word-break:break-word;background-color:var(--md-typeset-mark-color);box-decoration-break:clone}.md-typeset abbr{text-decoration:none;border-bottom:.05rem dotted var(--md-default-fg-color--light);cursor:help}.md-typeset small{opacity:.75}.md-typeset sup,.md-typeset sub{margin-left:.078125em}[dir=rtl] .md-typeset sup,[dir=rtl] .md-typeset sub{margin-right:.078125em;margin-left:initial}.md-typeset blockquote{padding-left:.6rem;color:var(--md-default-fg-color--light);border-left:.2rem solid var(--md-default-fg-color--lighter)}[dir=rtl] .md-typeset blockquote{padding-right:.6rem;padding-left:initial;border-right:.2rem solid var(--md-default-fg-color--lighter);border-left:initial}.md-typeset ul{list-style-type:disc}.md-typeset ul,.md-typeset ol{margin-left:.625em;padding:0}[dir=rtl] .md-typeset ul,[dir=rtl] .md-typeset ol{margin-right:.625em;margin-left:initial}.md-typeset ul ol,.md-typeset ol ol{list-style-type:lower-alpha}.md-typeset ul ol ol,.md-typeset ol ol ol{list-style-type:lower-roman}.md-typeset ul li,.md-typeset ol li{margin-bottom:.5em;margin-left:1.25em}[dir=rtl] .md-typeset ul li,[dir=rtl] .md-typeset ol li{margin-right:1.25em;margin-left:initial}.md-typeset ul li p,.md-typeset ul li blockquote,.md-typeset ol li p,.md-typeset ol li blockquote{margin:.5em 0}.md-typeset ul li:last-child,.md-typeset ol li:last-child{margin-bottom:0}.md-typeset ul li ul,.md-typeset ul li ol,.md-typeset ol li ul,.md-typeset ol li ol{margin:.5em 0 .5em .625em}[dir=rtl] .md-typeset ul li ul,[dir=rtl] .md-typeset ul li ol,[dir=rtl] .md-typeset ol li ul,[dir=rtl] .md-typeset ol li ol{margin-right:.625em;margin-left:initial}.md-typeset dd{margin:1em 0 1.5em 1.875em}[dir=rtl] .md-typeset dd{margin-right:1.875em;margin-left:initial}.md-typeset img,.md-typeset svg{max-width:100%;height:auto}.md-typeset img[align=left],.md-typeset svg[align=left]{margin:1em;margin-left:0}.md-typeset img[align=right],.md-typeset svg[align=right]{margin:1em;margin-right:0}.md-typeset img[align]:only-child,.md-typeset svg[align]:only-child{margin-top:0}.md-typeset figure{width:fit-content;max-width:100%;margin:0 auto;text-align:center}.md-typeset figcaption{max-width:24rem;margin:.5em auto;font-style:italic}.md-typeset iframe{max-width:100%}.md-typeset table:not([class]){display:inline-block;max-width:100%;overflow:auto;font-size:.64rem;background:var(--md-default-bg-color);border-radius:.1rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.05),0 0 .05rem rgba(0,0,0,.1);touch-action:auto}.md-typeset table:not([class])+*{margin-top:1.5em}.md-typeset table:not([class]) th>*:first-child,.md-typeset table:not([class]) td>*:first-child{margin-top:0}.md-typeset table:not([class]) th>*:last-child,.md-typeset table:not([class]) td>*:last-child{margin-bottom:0}.md-typeset table:not([class]) th:not([align]),.md-typeset table:not([class]) td:not([align]){text-align:left}[dir=rtl] .md-typeset table:not([class]) th:not([align]),[dir=rtl] .md-typeset table:not([class]) td:not([align]){text-align:right}.md-typeset table:not([class]) th{min-width:5rem;padding:.9375em 1.25em;color:var(--md-default-bg-color);vertical-align:top;background-color:var(--md-default-fg-color--light)}.md-typeset table:not([class]) th a{color:inherit}.md-typeset table:not([class]) td{padding:.9375em 1.25em;vertical-align:top;border-top:.05rem solid var(--md-default-fg-color--lightest)}.md-typeset table:not([class]) tr{transition:background-color 125ms}.md-typeset table:not([class]) tr:hover{background-color:rgba(0,0,0,.035);box-shadow:0 .05rem 0 var(--md-default-bg-color) inset}.md-typeset table:not([class]) tr:first-child td{border-top:0}.md-typeset table:not([class]) a{word-break:normal}.md-typeset table th[role=columnheader]{cursor:pointer}.md-typeset table th[role=columnheader]::after{display:inline-block;width:1.2em;height:1.2em;margin-left:.5em;vertical-align:sub;mask-repeat:no-repeat;content:\" \"}.md-typeset table th[role=columnheader][aria-sort=ascending]::after{background-color:currentColor;mask-image:var(--md-typeset-table--ascending)}.md-typeset table th[role=columnheader][aria-sort=descending]::after{background-color:currentColor;mask-image:var(--md-typeset-table--descending)}.md-typeset__scrollwrap{margin:1em -0.8rem;overflow-x:auto;touch-action:auto}.md-typeset__table{display:inline-block;margin-bottom:.5em;padding:0 .8rem}.md-typeset__table table{display:table;width:100%;margin:0;overflow:hidden}html{height:100%;overflow-x:hidden;font-size:125%}@media screen and (min-width: 100em){html{font-size:137.5%}}@media screen and (min-width: 125em){html{font-size:150%}}body{position:relative;display:flex;flex-direction:column;width:100%;min-height:100%;font-size:.5rem;background-color:var(--md-default-bg-color)}@media screen and (max-width: 59.9375em){body[data-md-state=lock]{position:fixed}}@media print{body{display:block}}hr{display:block;height:.05rem;padding:0;border:0}.md-grid{max-width:61rem;margin-right:auto;margin-left:auto}.md-container{display:flex;flex-direction:column;flex-grow:1}@media print{.md-container{display:block}}.md-main{flex-grow:1}.md-main__inner{display:flex;height:100%;margin-top:1.5rem}.md-ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.md-toggle{display:none}.md-overlay{position:fixed;top:0;z-index:3;width:0;height:0;background-color:rgba(0,0,0,.54);opacity:0;transition:width 0ms 250ms,height 0ms 250ms,opacity 250ms}@media screen and (max-width: 76.1875em){[data-md-toggle=drawer]:checked~.md-overlay{width:100%;height:100%;opacity:1;transition:width 0ms,height 0ms,opacity 250ms}}.md-skip{position:fixed;z-index:-1;margin:.5rem;padding:.3rem .5rem;color:var(--md-default-bg-color);font-size:.64rem;background-color:var(--md-default-fg-color);border-radius:.1rem;transform:translateY(0.4rem);opacity:0}.md-skip:focus{z-index:10;transform:translateY(0);opacity:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 175ms 75ms}@page{margin:25mm}.md-announce{overflow:auto;background-color:var(--md-footer-bg-color)}.md-announce__inner{margin:.6rem auto;padding:0 .8rem;color:var(--md-footer-fg-color);font-size:.7rem}@media print{.md-announce{display:none}}.md-typeset .md-button{display:inline-block;padding:.625em 2em;color:var(--md-primary-fg-color);font-weight:700;border:.1rem solid currentColor;border-radius:.1rem;transition:color 125ms,background-color 125ms,border-color 125ms}.md-typeset .md-button--primary{color:var(--md-primary-bg-color);background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color)}.md-typeset .md-button:focus,.md-typeset .md-button:hover{color:var(--md-accent-bg-color);background-color:var(--md-accent-fg-color);border-color:var(--md-accent-fg-color)}:root{--md-clipboard-icon: svg-load(\"@mdi/svg/svg/content-copy.svg\")}.md-clipboard{position:absolute;top:.5em;right:.5em;z-index:1;width:1.5em;height:1.5em;color:var(--md-default-fg-color--lightest);border-radius:.1rem;cursor:pointer;transition:color 125ms}@media print{.md-clipboard{display:none}}.md-clipboard::after{display:block;width:1.125em;height:1.125em;margin:0 auto;background-color:currentColor;mask-image:var(--md-clipboard-icon);mask-repeat:no-repeat;content:\"\"}pre:hover .md-clipboard{color:var(--md-default-fg-color--light)}pre .md-clipboard:focus,pre .md-clipboard:hover{color:var(--md-accent-fg-color)}.md-content{flex:1;max-width:100%}@media screen and (min-width: 60em)and (max-width: 76.1875em){.md-content{max-width:calc(100% - 12.1rem)}}@media screen and (min-width: 76.25em){.md-content{max-width:calc(100% - 12.1rem * 2)}}.md-content__inner{margin:0 .8rem 1.2rem;padding-top:.6rem}@media screen and (min-width: 76.25em){.md-content__inner{margin-right:1.2rem;margin-left:1.2rem}}.md-content__inner::before{display:block;height:.4rem;content:\"\"}.md-content__inner>:last-child{margin-bottom:0}.md-content__button{float:right;margin:.4rem 0;margin-left:.4rem;padding:0}[dir=rtl] .md-content__button{float:left;margin-right:.4rem;margin-left:initial}[dir=rtl] .md-content__button svg{transform:scaleX(-1)}.md-typeset .md-content__button{color:var(--md-default-fg-color--lighter)}.md-content__button svg{display:inline;vertical-align:top}@media print{.md-content__button{display:none}}.md-dialog{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);position:fixed;right:.8rem;bottom:.8rem;left:initial;z-index:2;display:block;min-width:11.1rem;padding:.4rem .6rem;color:var(--md-default-bg-color);font-size:.7rem;background:var(--md-default-fg-color);border:none;border-radius:.1rem;transform:translateY(100%);opacity:0;transition:transform 0ms 400ms,opacity 400ms}[dir=rtl] .md-dialog{right:initial;left:.8rem}.md-dialog[data-md-state=open]{transform:translateY(0);opacity:1;transition:transform 400ms cubic-bezier(0.075, 0.85, 0.175, 1),opacity 400ms}@media print{.md-dialog{display:none}}.md-header{position:sticky;top:0;right:0;left:0;z-index:2;height:2.4rem;color:var(--md-primary-bg-color);background-color:var(--md-primary-fg-color);box-shadow:0 0 .2rem rgba(0,0,0,0),0 .2rem .4rem rgba(0,0,0,0);transition:color 250ms,background-color 250ms}.no-js .md-header{box-shadow:none;transition:none}.md-header[data-md-state=shadow]{box-shadow:0 0 .2rem rgba(0,0,0,.1),0 .2rem .4rem rgba(0,0,0,.2);transition:color 250ms,background-color 250ms,box-shadow 250ms}@media print{.md-header{display:none}}.md-header-nav{display:flex;padding:0 .2rem}.md-header-nav__button{position:relative;z-index:1;display:block;margin:.2rem;padding:.4rem;cursor:pointer;transition:opacity 250ms}[dir=rtl] .md-header-nav__button svg{transform:scaleX(-1)}.md-header-nav__button:focus,.md-header-nav__button:hover{opacity:.7}.md-header-nav__button.md-logo{margin:.2rem;padding:.4rem}.md-header-nav__button.md-logo img,.md-header-nav__button.md-logo svg{display:block;width:1.2rem;height:1.2rem;fill:currentColor}.no-js .md-header-nav__button[for=__search]{display:none}@media screen and (min-width: 60em){.md-header-nav__button[for=__search]{display:none}}@media screen and (max-width: 76.1875em){.md-header-nav__button.md-logo{display:none}}@media screen and (min-width: 76.25em){.md-header-nav__button[for=__drawer]{display:none}}.md-header-nav__topic{position:absolute;width:100%;transition:transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 150ms}.md-header-nav__topic+.md-header-nav__topic{z-index:-1;transform:translateX(1.25rem);opacity:0;transition:transform 400ms cubic-bezier(1, 0.7, 0.1, 0.1),opacity 150ms;pointer-events:none}[dir=rtl] .md-header-nav__topic+.md-header-nav__topic{transform:translateX(-1.25rem)}.no-js .md-header-nav__topic{position:initial}.no-js .md-header-nav__topic+.md-header-nav__topic{display:none}.md-header-nav__title{flex-grow:1;padding:0 1rem;font-size:.9rem;line-height:2.4rem}.md-header-nav__title[data-md-state=active] .md-header-nav__topic{z-index:-1;transform:translateX(-1.25rem);opacity:0;transition:transform 400ms cubic-bezier(1, 0.7, 0.1, 0.1),opacity 150ms;pointer-events:none}[dir=rtl] .md-header-nav__title[data-md-state=active] .md-header-nav__topic{transform:translateX(1.25rem)}.md-header-nav__title[data-md-state=active] .md-header-nav__topic+.md-header-nav__topic{z-index:0;transform:translateX(0);opacity:1;transition:transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 150ms;pointer-events:initial}.md-header-nav__title>.md-header-nav__ellipsis{position:relative;width:100%;height:100%}.md-header-nav__source{display:none}@media screen and (min-width: 60em){.md-header-nav__source{display:block;width:11.7rem;max-width:11.7rem;margin-left:1rem}[dir=rtl] .md-header-nav__source{margin-right:1rem;margin-left:initial}}@media screen and (min-width: 76.25em){.md-header-nav__source{margin-left:1.4rem}[dir=rtl] .md-header-nav__source{margin-right:1.4rem}}.md-hero{overflow:hidden;color:var(--md-primary-bg-color);font-size:1rem;background-color:var(--md-primary-fg-color);transition:background 250ms}.md-hero__inner{margin-top:1rem;padding:.8rem .8rem .4rem;transition:transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 250ms;transition-delay:100ms}@media screen and (max-width: 76.1875em){.md-hero__inner{margin-top:2.4rem;margin-bottom:1.2rem}}[data-md-state=hidden] .md-hero__inner{transform:translateY(0.625rem);opacity:0;transition:transform 0ms 400ms,opacity 100ms 0ms;pointer-events:none}.md-hero--expand .md-hero__inner{margin-bottom:1.2rem}.md-footer{color:var(--md-footer-fg-color);background-color:var(--md-footer-bg-color)}@media print{.md-footer{display:none}}.md-footer-nav__inner{padding:.2rem;overflow:auto}.md-footer-nav__link{display:flex;padding-top:1.4rem;padding-bottom:.4rem;transition:opacity 250ms}@media screen and (min-width: 45em){.md-footer-nav__link{width:50%}}.md-footer-nav__link:focus,.md-footer-nav__link:hover{opacity:.7}.md-footer-nav__link--prev{float:left}[dir=rtl] .md-footer-nav__link--prev{float:right}[dir=rtl] .md-footer-nav__link--prev svg{transform:scaleX(-1)}@media screen and (max-width: 44.9375em){.md-footer-nav__link--prev{width:25%}.md-footer-nav__link--prev .md-footer-nav__title{display:none}}.md-footer-nav__link--next{float:right;text-align:right}[dir=rtl] .md-footer-nav__link--next{float:left;text-align:left}[dir=rtl] .md-footer-nav__link--next svg{transform:scaleX(-1)}@media screen and (max-width: 44.9375em){.md-footer-nav__link--next{width:75%}}.md-footer-nav__title{position:relative;flex-grow:1;max-width:calc(100% - 2.4rem);padding:0 1rem;font-size:.9rem;line-height:2.4rem}.md-footer-nav__button{margin:.2rem;padding:.4rem}.md-footer-nav__direction{position:absolute;right:0;left:0;margin-top:-1rem;padding:0 1rem;font-size:.64rem;opacity:.7}.md-footer-meta{background-color:var(--md-footer-bg-color--dark)}.md-footer-meta__inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.2rem}html .md-footer-meta.md-typeset a{color:var(--md-footer-fg-color--light)}html .md-footer-meta.md-typeset a:focus,html .md-footer-meta.md-typeset a:hover{color:var(--md-footer-fg-color)}.md-footer-copyright{width:100%;margin:auto .6rem;padding:.4rem 0;color:var(--md-footer-fg-color--lighter);font-size:.64rem}@media screen and (min-width: 45em){.md-footer-copyright{width:auto}}.md-footer-copyright__highlight{color:var(--md-footer-fg-color--light)}.md-footer-social{margin:0 .4rem;padding:.2rem 0 .6rem}@media screen and (min-width: 45em){.md-footer-social{padding:.6rem 0}}.md-footer-social__link{display:inline-block;width:1.6rem;height:1.6rem;text-align:center}.md-footer-social__link::before{line-height:1.9}.md-footer-social__link svg{max-height:.8rem;vertical-align:-25%;fill:currentColor}:root{--md-nav-icon--prev: svg-load(\"@mdi/svg/svg/arrow-left.svg\");--md-nav-icon--next: svg-load(\"@mdi/svg/svg/chevron-right.svg\");--md-toc-icon: svg-load(\"@mdi/svg/svg/table-of-contents.svg\")}.md-nav{font-size:.7rem;line-height:1.3}.md-nav__title{display:block;padding:0 .6rem;overflow:hidden;font-weight:700;text-overflow:ellipsis}.md-nav__title .md-nav__button{display:none}.md-nav__title .md-nav__button img{width:100%;height:auto}.md-nav__title .md-nav__button.md-logo img,.md-nav__title .md-nav__button.md-logo svg{display:block;width:2.4rem;height:2.4rem}.md-nav__title .md-nav__button.md-logo svg{fill:currentColor}.md-nav__list{margin:0;padding:0;list-style:none}.md-nav__item{padding:0 .6rem}.md-nav__item:last-child{padding-bottom:.6rem}.md-nav__item .md-nav__item{padding-right:0}[dir=rtl] .md-nav__item .md-nav__item{padding-right:.6rem;padding-left:0}.md-nav__item .md-nav__item:last-child{padding-bottom:0}.md-nav__link{display:block;margin-top:.625em;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color 125ms;scroll-snap-align:start}html .md-nav__link[for=__toc]{display:none}html .md-nav__link[for=__toc]~.md-nav{display:none}.md-nav__link[data-md-state=blur]{color:var(--md-default-fg-color--light)}.md-nav__item .md-nav__link--active{color:var(--md-typeset-a-color)}.md-nav__item--nested>.md-nav__link{color:inherit}.md-nav__link:focus,.md-nav__link:hover{color:var(--md-accent-fg-color)}.md-nav__source{display:none}@media screen and (max-width: 76.1875em){.md-nav{background-color:var(--md-default-bg-color)}.md-nav--primary,.md-nav--primary .md-nav{position:absolute;top:0;right:0;left:0;z-index:1;display:flex;flex-direction:column;height:100%}.md-nav--primary .md-nav__title,.md-nav--primary .md-nav__item{font-size:.8rem;line-height:1.5}.md-nav--primary .md-nav__title{position:relative;height:5.6rem;padding:3rem .8rem .2rem;color:var(--md-default-fg-color--light);font-weight:400;line-height:2.4rem;white-space:nowrap;background-color:var(--md-default-fg-color--lightest);cursor:pointer}.md-nav--primary .md-nav__title .md-nav__icon{position:absolute;top:.4rem;left:.4rem;display:block;width:1.2rem;height:1.2rem;margin:.2rem}.md-nav--primary .md-nav__title .md-nav__icon::after{display:block;width:100%;height:100%;background-color:currentColor;mask-image:var(--md-nav-icon--prev);mask-repeat:no-repeat;content:\"\"}[dir=rtl] .md-nav--primary .md-nav__title .md-nav__icon{right:.4rem;left:initial}.md-nav--primary .md-nav__title~.md-nav__list{overflow-y:auto;background-color:var(--md-default-bg-color);box-shadow:0 .05rem 0 var(--md-default-fg-color--lightest) inset;scroll-snap-type:y mandatory;touch-action:pan-y}.md-nav--primary .md-nav__title~.md-nav__list>.md-nav__item:first-child{border-top:0}.md-nav--primary .md-nav__title[for=__drawer]{position:relative;color:var(--md-primary-bg-color);background-color:var(--md-primary-fg-color)}.md-nav--primary .md-nav__title[for=__drawer] .md-nav__button{position:absolute;top:.2rem;left:.2rem;display:block;margin:.2rem;padding:.4rem;font-size:2.4rem}html [dir=rtl] .md-nav--primary .md-nav__title[for=__drawer] .md-nav__button{right:.2rem;left:initial}.md-nav--primary .md-nav__list{flex:1}.md-nav--primary .md-nav__item{padding:0;border-top:.05rem solid var(--md-default-fg-color--lightest)}[dir=rtl] .md-nav--primary .md-nav__item{padding:0}.md-nav--primary .md-nav__item--nested>.md-nav__link{padding-right:2.4rem}[dir=rtl] .md-nav--primary .md-nav__item--nested>.md-nav__link{padding-right:.8rem;padding-left:2.4rem}.md-nav--primary .md-nav__item--active>.md-nav__link{color:var(--md-typeset-a-color)}.md-nav--primary .md-nav__item--active>.md-nav__link:focus,.md-nav--primary .md-nav__item--active>.md-nav__link:hover{color:var(--md-accent-fg-color)}.md-nav--primary .md-nav__link{position:relative;margin-top:0;padding:.6rem .8rem}.md-nav--primary .md-nav__link .md-nav__icon{position:absolute;top:50%;right:.6rem;width:1.2rem;height:1.2rem;margin-top:-0.6rem;color:inherit;font-size:1.2rem}.md-nav--primary .md-nav__link .md-nav__icon::after{display:block;width:100%;height:100%;background-color:currentColor;mask-image:var(--md-nav-icon--next);mask-repeat:no-repeat;content:\"\"}[dir=rtl] .md-nav--primary .md-nav__link .md-nav__icon{right:initial;left:.6rem}[dir=rtl] .md-nav--primary .md-nav__icon::after{transform:scale(-1)}.md-nav--primary .md-nav--secondary .md-nav__link{position:static}.md-nav--primary .md-nav--secondary .md-nav{position:static;background-color:transparent}.md-nav--primary .md-nav--secondary .md-nav .md-nav__link{padding-left:1.4rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav__link{padding-right:1.4rem;padding-left:initial}.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav__link{padding-left:2rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav__link{padding-right:2rem;padding-left:initial}.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav__link{padding-left:2.6rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav__link{padding-right:2.6rem;padding-left:initial}.md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav .md-nav__link{padding-left:3.2rem}[dir=rtl] .md-nav--primary .md-nav--secondary .md-nav .md-nav .md-nav .md-nav .md-nav__link{padding-right:3.2rem;padding-left:initial}.md-nav__toggle~.md-nav{display:flex;transform:translateX(100%);opacity:0;transition:transform 250ms cubic-bezier(0.8, 0, 0.6, 1),opacity 125ms 50ms}[dir=rtl] .md-nav__toggle~.md-nav{transform:translateX(-100%)}.md-nav__toggle:checked~.md-nav{transform:translateX(0);opacity:1;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),opacity 125ms 125ms}.md-nav__toggle:checked~.md-nav>.md-nav__list{backface-visibility:hidden}}@media screen and (max-width: 59.9375em){html .md-nav__link[for=__toc]{display:block;padding-right:2.4rem}html .md-nav__link[for=__toc]+.md-nav__link{display:none}html .md-nav__link[for=__toc] .md-icon::after{display:block;width:100%;height:100%;mask-image:var(--md-toc-icon);background-color:currentColor;content:\"\"}html .md-nav__link[for=__toc]~.md-nav{display:flex}html [dir=rtl] .md-nav__link{padding-right:.8rem;padding-left:2.4rem}.md-nav__source{display:block;padding:0 .2rem;color:var(--md-primary-bg-color);background-color:var(--md-primary-fg-color--dark)}}@media screen and (min-width: 60em){.md-nav--secondary .md-nav__title[for=__toc]{scroll-snap-align:start}.md-nav--secondary .md-nav__title .md-nav__icon{display:none}}@media screen and (min-width: 76.25em){.md-nav{transition:max-height 250ms cubic-bezier(0.86, 0, 0.07, 1)}.md-nav--primary .md-nav__title[for=__drawer]{scroll-snap-align:start}.md-nav--primary .md-nav__title .md-nav__icon{display:none}.md-nav__toggle~.md-nav{display:none}.md-nav__toggle:checked~.md-nav{display:block}.md-nav__item--nested>.md-nav>.md-nav__title{display:none}.md-nav__icon{float:right;width:.9rem;height:.9rem;transition:transform 250ms}[dir=rtl] .md-nav__icon{float:left;transform:rotate(180deg)}.md-nav__icon::after{display:inline-block;width:100%;height:100%;vertical-align:-0.1rem;background-color:currentColor;mask-image:var(--md-nav-icon--next);mask-repeat:no-repeat;content:\"\"}.md-nav__item--nested .md-nav__toggle:checked~.md-nav__link .md-nav__icon{transform:rotate(90deg)}}.md-search{position:relative}.no-js .md-search{display:none}@media screen and (min-width: 60em){.md-search{padding:.2rem 0}}.md-search__overlay{z-index:1;opacity:0}@media screen and (max-width: 59.9375em){.md-search__overlay{position:absolute;top:.2rem;left:-2.2rem;width:2rem;height:2rem;overflow:hidden;background-color:var(--md-default-bg-color);border-radius:1rem;transform-origin:center;transition:transform 300ms 100ms,opacity 200ms 200ms;pointer-events:none}[dir=rtl] .md-search__overlay{right:-2.2rem;left:initial}[data-md-toggle=search]:checked~.md-header .md-search__overlay{opacity:1;transition:transform 400ms,opacity 100ms}}@media screen and (max-width: 29.9375em){[data-md-toggle=search]:checked~.md-header .md-search__overlay{transform:scale(45)}}@media screen and (min-width: 30em)and (max-width: 44.9375em){[data-md-toggle=search]:checked~.md-header .md-search__overlay{transform:scale(60)}}@media screen and (min-width: 45em)and (max-width: 59.9375em){[data-md-toggle=search]:checked~.md-header .md-search__overlay{transform:scale(75)}}@media screen and (min-width: 60em){.md-search__overlay{position:fixed;top:0;left:0;width:0;height:0;background-color:rgba(0,0,0,.54);cursor:pointer;transition:width 0ms 250ms,height 0ms 250ms,opacity 250ms}[dir=rtl] .md-search__overlay{right:0;left:initial}[data-md-toggle=search]:checked~.md-header .md-search__overlay{width:100%;height:100%;opacity:1;transition:width 0ms,height 0ms,opacity 250ms}}.md-search__inner{backface-visibility:hidden}@media screen and (max-width: 59.9375em){.md-search__inner{position:fixed;top:0;left:100%;z-index:2;width:100%;height:100%;transform:translateX(5%);opacity:0;transition:right 0ms 300ms,left 0ms 300ms,transform 150ms 150ms cubic-bezier(0.4, 0, 0.2, 1),opacity 150ms 150ms}[data-md-toggle=search]:checked~.md-header .md-search__inner{left:0;transform:translateX(0);opacity:1;transition:right 0ms 0ms,left 0ms 0ms,transform 150ms 150ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 150ms 150ms}[dir=rtl] [data-md-toggle=search]:checked~.md-header .md-search__inner{right:0;left:initial}html [dir=rtl] .md-search__inner{right:100%;left:initial;transform:translateX(-5%)}}@media screen and (min-width: 60em){.md-search__inner{position:relative;float:right;width:11.7rem;padding:.1rem 0;transition:width 250ms cubic-bezier(0.1, 0.7, 0.1, 1)}[dir=rtl] .md-search__inner{float:left}}@media screen and (min-width: 60em)and (max-width: 76.1875em){[data-md-toggle=search]:checked~.md-header .md-search__inner{width:23.4rem}}@media screen and (min-width: 76.25em){[data-md-toggle=search]:checked~.md-header .md-search__inner{width:34.4rem}}.md-search__form{position:relative}@media screen and (min-width: 60em){.md-search__form{border-radius:.1rem}}.md-search__input{position:relative;z-index:2;padding:0 2.2rem 0 3.6rem;text-overflow:ellipsis;background-color:var(--md-default-bg-color);transition:color 250ms,background-color 250ms}[dir=rtl] .md-search__input{padding:0 3.6rem 0 2.2rem}.md-search__input::placeholder{transition:color 250ms}.md-search__input~.md-search__icon,.md-search__input::placeholder{color:var(--md-default-fg-color--light)}.md-search__input::-ms-clear{display:none}@media screen and (max-width: 59.9375em){.md-search__input{width:100%;height:2.4rem;font-size:.9rem}}@media screen and (min-width: 60em){.md-search__input{width:100%;height:1.8rem;padding-left:2.2rem;color:inherit;font-size:.8rem;background-color:rgba(0,0,0,.26);border-radius:.1rem}[dir=rtl] .md-search__input{padding-right:2.2rem}.md-search__input+.md-search__icon{color:var(--md-primary-bg-color)}.md-search__input::placeholder{color:var(--md-primary-bg-color--light)}.md-search__input:hover{background-color:rgba(255,255,255,.12)}[data-md-toggle=search]:checked~.md-header .md-search__input{color:var(--md-default-fg-color);text-overflow:clip;background-color:var(--md-default-bg-color);border-radius:.1rem .1rem 0 0}[data-md-toggle=search]:checked~.md-header .md-search__input+.md-search__icon,[data-md-toggle=search]:checked~.md-header .md-search__input::placeholder{color:var(--md-default-fg-color--light)}}.md-search__icon{position:absolute;z-index:2;width:1.2rem;height:1.2rem;cursor:pointer;transition:color 250ms,opacity 250ms}.md-search__icon:hover{opacity:.7}.md-search__icon[for=__search]{top:.3rem;left:.5rem}[dir=rtl] .md-search__icon[for=__search]{right:.5rem;left:initial}[dir=rtl] .md-search__icon[for=__search] svg{transform:scaleX(-1)}@media screen and (max-width: 59.9375em){.md-search__icon[for=__search]{top:.6rem;left:.8rem}[dir=rtl] .md-search__icon[for=__search]{right:.8rem;left:initial}.md-search__icon[for=__search] svg:first-child{display:none}}@media screen and (min-width: 60em){.md-search__icon[for=__search]{pointer-events:none}.md-search__icon[for=__search] svg:last-child{display:none}}.md-search__icon[type=reset]{top:.3rem;right:.5rem;transform:scale(0.75);opacity:0;transition:transform 150ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 150ms;pointer-events:none}[dir=rtl] .md-search__icon[type=reset]{right:initial;left:.5rem}@media screen and (max-width: 59.9375em){.md-search__icon[type=reset]{top:.6rem;right:.8rem}[dir=rtl] .md-search__icon[type=reset]{right:initial;left:.8rem}}[data-md-toggle=search]:checked~.md-header .md-search__input:not(:placeholder-shown)~.md-search__icon[type=reset]{transform:scale(1);opacity:1;pointer-events:initial}[data-md-toggle=search]:checked~.md-header .md-search__input:not(:placeholder-shown)~.md-search__icon[type=reset]:hover{opacity:.7}.md-search__output{position:absolute;z-index:1;width:100%;overflow:hidden;border-radius:0 0 .1rem .1rem}@media screen and (max-width: 59.9375em){.md-search__output{top:2.4rem;bottom:0}}@media screen and (min-width: 60em){.md-search__output{top:1.9rem;opacity:0;transition:opacity 400ms}[data-md-toggle=search]:checked~.md-header .md-search__output{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.4);opacity:1}}.md-search__scrollwrap{height:100%;overflow-y:auto;background-color:var(--md-default-bg-color);backface-visibility:hidden;scroll-snap-type:y mandatory;touch-action:pan-y}@media(max-resolution: 1dppx){.md-search__scrollwrap{transform:translateZ(0)}}@media screen and (min-width: 60em)and (max-width: 76.1875em){.md-search__scrollwrap{width:23.4rem}}@media screen and (min-width: 76.25em){.md-search__scrollwrap{width:34.4rem}}@media screen and (min-width: 60em){.md-search__scrollwrap{max-height:0;scrollbar-width:thin;scrollbar-color:var(--md-default-fg-color--lighter) transparent}[data-md-toggle=search]:checked~.md-header .md-search__scrollwrap{max-height:75vh}.md-search__scrollwrap:hover{scrollbar-color:var(--md-accent-fg-color) transparent}.md-search__scrollwrap::-webkit-scrollbar{width:.2rem;height:.2rem}.md-search__scrollwrap::-webkit-scrollbar-thumb{background-color:var(--md-default-fg-color--lighter)}.md-search__scrollwrap::-webkit-scrollbar-thumb:hover{background-color:var(--md-accent-fg-color)}}.md-search-result{color:var(--md-default-fg-color);word-break:break-word}.md-search-result__meta{padding:0 .8rem;color:var(--md-default-fg-color--light);font-size:.64rem;line-height:1.8rem;background-color:var(--md-default-fg-color--lightest);scroll-snap-align:start}@media screen and (min-width: 60em){.md-search-result__meta{padding-left:2.2rem}[dir=rtl] .md-search-result__meta{padding-right:2.2rem;padding-left:initial}}.md-search-result__list{margin:0;padding:0;list-style:none}.md-search-result__item{box-shadow:0 -0.05rem 0 var(--md-default-fg-color--lightest)}.md-search-result__item:first-child{box-shadow:none}.md-search-result__link{display:block;outline:none;transition:background 250ms;scroll-snap-align:start}.md-search-result__link:focus,.md-search-result__link:hover{background-color:var(--md-accent-fg-color--transparent)}.md-search-result__link:focus .md-search-result__article::before,.md-search-result__link:hover .md-search-result__article::before{opacity:.7}.md-search-result__link:last-child .md-search-result__teaser{margin-bottom:.6rem}.md-search-result__article{position:relative;padding:0 .8rem;overflow:hidden}@media screen and (min-width: 60em){.md-search-result__article{padding-left:2.2rem}[dir=rtl] .md-search-result__article{padding-right:2.2rem;padding-left:.8rem}}.md-search-result__article--document .md-search-result__title{margin:.55rem 0;font-weight:400;font-size:.8rem;line-height:1.4}.md-search-result__icon{position:absolute;left:0;margin:.1rem;padding:.4rem;color:var(--md-default-fg-color--light)}[dir=rtl] .md-search-result__icon{right:0;left:initial}[dir=rtl] .md-search-result__icon svg{transform:scaleX(-1)}@media screen and (max-width: 59.9375em){.md-search-result__icon{display:none}}.md-search-result__title{margin:.5em 0;font-weight:700;font-size:.64rem;line-height:1.4}.md-search-result__teaser{display:-webkit-box;max-height:1.65rem;margin:.5em 0;overflow:hidden;color:var(--md-default-fg-color--light);font-size:.64rem;line-height:1.4;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (max-width: 44.9375em){.md-search-result__teaser{max-height:2.5rem;-webkit-line-clamp:3}}@media screen and (min-width: 60em)and (max-width: 76.1875em){.md-search-result__teaser{max-height:2.5rem;-webkit-line-clamp:3}}.md-search-result em{font-weight:700;font-style:normal;text-decoration:underline}@keyframes md-sidebar__scrollwrap--hack{0%,99%{scroll-snap-type:none}100%{scroll-snap-type:y mandatory}}.md-sidebar{position:sticky;top:2.4rem;align-self:flex-start;width:12.1rem;padding:1.2rem 0;overflow:hidden}@media print{.md-sidebar{display:none}}@media screen and (max-width: 76.1875em){.md-sidebar--primary{position:fixed;top:0;left:-12.1rem;z-index:3;width:12.1rem;height:100%;background-color:var(--md-default-bg-color);transform:translateX(0);transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 250ms}[dir=rtl] .md-sidebar--primary{right:-12.1rem;left:initial}[data-md-toggle=drawer]:checked~.md-container .md-sidebar--primary{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);transform:translateX(12.1rem)}[dir=rtl] [data-md-toggle=drawer]:checked~.md-container .md-sidebar--primary{transform:translateX(-12.1rem)}.md-sidebar--primary .md-sidebar__scrollwrap{overflow:hidden}}.md-sidebar--secondary{display:none;order:2}@media screen and (min-width: 60em){.md-sidebar--secondary{display:block}.md-sidebar--secondary .md-sidebar__scrollwrap{touch-action:pan-y}}.md-sidebar__scrollwrap{max-height:100%;margin:0 .2rem;overflow-y:auto;backface-visibility:hidden;scrollbar-width:thin;scrollbar-color:var(--md-default-fg-color--lighter) transparent}.js .md-sidebar__scrollwrap{animation:md-sidebar__scrollwrap--hack 400ms forwards}@media screen and (max-width: 76.1875em){.md-sidebar--primary .md-sidebar__scrollwrap{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;scroll-snap-type:none}}.md-sidebar__scrollwrap:hover{scrollbar-color:var(--md-accent-fg-color) transparent}.md-sidebar__scrollwrap::-webkit-scrollbar{width:.2rem;height:.2rem}.md-sidebar__scrollwrap::-webkit-scrollbar-thumb{background-color:var(--md-default-fg-color--lighter)}.md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover{background-color:var(--md-accent-fg-color)}@keyframes md-source__facts--done{0%{height:0}100%{height:.65rem}}@keyframes md-source__fact--done{0%{transform:translateY(100%);opacity:0}50%{opacity:0}100%{transform:translateY(0%);opacity:1}}.md-source{display:block;font-size:.65rem;line-height:1.2;white-space:nowrap;backface-visibility:hidden;transition:opacity 250ms}.md-source:hover{opacity:.7}.md-source__icon{display:inline-block;width:2.4rem;height:2.4rem;vertical-align:middle}.md-source__icon svg{margin-top:.6rem;margin-left:.6rem}[dir=rtl] .md-source__icon svg{margin-right:.6rem;margin-left:initial}.md-source__icon+.md-source__repository{margin-left:-2rem;padding-left:2rem}[dir=rtl] .md-source__icon+.md-source__repository{margin-right:-2rem;margin-left:initial;padding-right:2rem;padding-left:initial}.md-source__repository{display:inline-block;max-width:calc(100% - 1.2rem);margin-left:.6rem;overflow:hidden;font-weight:700;text-overflow:ellipsis;vertical-align:middle}.md-source__facts{margin:0;padding:0;overflow:hidden;font-weight:700;font-size:.55rem;list-style-type:none;opacity:.75}[data-md-state=done] .md-source__facts{animation:md-source__facts--done 250ms ease-in}.md-source__fact{float:left}[dir=rtl] .md-source__fact{float:right}[data-md-state=done] .md-source__fact{animation:md-source__fact--done 400ms ease-out}.md-source__fact::before{margin:0 .1rem;content:\"·\"}.md-source__fact:first-child::before{display:none}.md-tabs{width:100%;overflow:auto;color:var(--md-primary-bg-color);background-color:var(--md-primary-fg-color);transition:background 250ms}.no-js .md-tabs{transition:none}@media screen and (max-width: 76.1875em){.md-tabs{display:none}}@media print{.md-tabs{display:none}}.md-tabs__list{margin:0;margin-left:.2rem;padding:0;white-space:nowrap;list-style:none;contain:content}[dir=rtl] .md-tabs__list{margin-right:.2rem;margin-left:initial}.md-tabs__item{display:inline-block;height:2.4rem;padding-right:.6rem;padding-left:.6rem}.md-tabs__link{display:block;margin-top:.8rem;font-size:.7rem;opacity:.7;transition:transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),opacity 250ms}.no-js .md-tabs__link{transition:none}.md-tabs__link--active,.md-tabs__link:hover{color:inherit;opacity:1}.md-tabs__item:nth-child(2) .md-tabs__link{transition-delay:20ms}.md-tabs__item:nth-child(3) .md-tabs__link{transition-delay:40ms}.md-tabs__item:nth-child(4) .md-tabs__link{transition-delay:60ms}.md-tabs__item:nth-child(5) .md-tabs__link{transition-delay:80ms}.md-tabs__item:nth-child(6) .md-tabs__link{transition-delay:100ms}.md-tabs__item:nth-child(7) .md-tabs__link{transition-delay:120ms}.md-tabs__item:nth-child(8) .md-tabs__link{transition-delay:140ms}.md-tabs__item:nth-child(9) .md-tabs__link{transition-delay:160ms}.md-tabs__item:nth-child(10) .md-tabs__link{transition-delay:180ms}.md-tabs__item:nth-child(11) .md-tabs__link{transition-delay:200ms}.md-tabs__item:nth-child(12) .md-tabs__link{transition-delay:220ms}.md-tabs__item:nth-child(13) .md-tabs__link{transition-delay:240ms}.md-tabs__item:nth-child(14) .md-tabs__link{transition-delay:260ms}.md-tabs__item:nth-child(15) .md-tabs__link{transition-delay:280ms}.md-tabs__item:nth-child(16) .md-tabs__link{transition-delay:300ms}.md-tabs[data-md-state=hidden]{pointer-events:none}.md-tabs[data-md-state=hidden] .md-tabs__link{transform:translateY(50%);opacity:0;transition:color 250ms,transform 0ms 400ms,opacity 100ms}@media screen and (min-width: 76.25em){.md-tabs~.md-main .md-nav--primary>.md-nav__list>.md-nav__item--nested{display:none}.md-tabs--active~.md-main .md-nav--primary .md-nav__title{display:block;padding:0 .6rem;pointer-events:none;scroll-snap-align:start}.md-tabs--active~.md-main .md-nav--primary .md-nav__title[for=__drawer]{display:none}.md-tabs--active~.md-main .md-nav--primary>.md-nav__list>.md-nav__item{display:none}.md-tabs--active~.md-main .md-nav--primary>.md-nav__list>.md-nav__item--active{display:block;padding:0}.md-tabs--active~.md-main .md-nav--primary>.md-nav__list>.md-nav__item--active>.md-nav__link{display:none}.md-tabs--active~.md-main .md-nav[data-md-level=\"1\"]{display:block}.md-tabs--active~.md-main .md-nav[data-md-level=\"1\"]>.md-nav__list>.md-nav__item{padding:0 .6rem}.md-tabs--active~.md-main .md-nav[data-md-level=\"1\"]>.md-nav__list>.md-nav__item:last-child{padding-bottom:.6rem}.md-tabs--active~.md-main .md-nav[data-md-level=\"1\"]>.md-nav__list>.md-nav__item:last-child .md-nav__item{padding-bottom:0}.md-tabs--active~.md-main .md-nav[data-md-level=\"1\"] .md-nav .md-nav__title{display:none}}:root{--md-admonition-icon--note: svg-load(\"@mdi/svg/svg/pencil.svg\");--md-admonition-icon--abstract: svg-load(\"@mdi/svg/svg/text-subject.svg\");--md-admonition-icon--info: svg-load(\"@mdi/svg/svg/information.svg\");--md-admonition-icon--tip: svg-load(\"@mdi/svg/svg/fire.svg\");--md-admonition-icon--success: svg-load(\"@mdi/svg/svg/check-circle.svg\");--md-admonition-icon--question: svg-load(\"@mdi/svg/svg/help-circle.svg\");--md-admonition-icon--warning: svg-load(\"@mdi/svg/svg/alert.svg\");--md-admonition-icon--failure: svg-load(\"@mdi/svg/svg/close-circle.svg\");--md-admonition-icon--danger: svg-load(\"@mdi/svg/svg/flash-circle.svg\");--md-admonition-icon--bug: svg-load(\"@mdi/svg/svg/bug.svg\");--md-admonition-icon--example: svg-load(\"@mdi/svg/svg/format-list-numbered.svg\");--md-admonition-icon--quote: svg-load(\"@mdi/svg/svg/format-quote-close.svg\")}.md-typeset .admonition,.md-typeset details{margin:1.5625em 0;padding:0 .6rem;overflow:hidden;color:var(--md-admonition-fg-color);font-size:.64rem;page-break-inside:avoid;background-color:var(--md-admonition-bg-color);border-left:.2rem solid #448aff;border-radius:.1rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.05),0 0 .05rem rgba(0,0,0,.1)}[dir=rtl] .md-typeset .admonition,[dir=rtl] .md-typeset details{border-right:.2rem solid #448aff;border-left:none}@media print{.md-typeset .admonition,.md-typeset details{box-shadow:none}}html .md-typeset .admonition>:last-child,html .md-typeset details>:last-child{margin-bottom:.6rem}.md-typeset .admonition .admonition,.md-typeset details .admonition,.md-typeset .admonition details,.md-typeset details details{margin:1em 0}.md-typeset .admonition .md-typeset__scrollwrap,.md-typeset details .md-typeset__scrollwrap{margin:1em -0.6rem}.md-typeset .admonition .md-typeset__table,.md-typeset details .md-typeset__table{padding:0 .6rem}.md-typeset .admonition>.tabbed-set:only-child,.md-typeset details>.tabbed-set:only-child{margin-top:0}.md-typeset .admonition-title,.md-typeset summary{position:relative;margin:0 -0.6rem 0 -0.8rem;padding:.4rem .6rem .4rem 2.2rem;font-weight:700;background-color:rgba(68,138,255,.1)}[dir=rtl] .md-typeset .admonition-title,[dir=rtl] .md-typeset summary{margin:0 -0.8rem 0 -0.6rem;padding:.4rem 2rem .4rem .6rem}html .md-typeset .admonition-title:last-child,html .md-typeset summary:last-child{margin-bottom:0}.md-typeset .admonition-title::before,.md-typeset summary::before{position:absolute;left:.8rem;width:1rem;height:1rem;background-color:#448aff;mask-image:var(--md-admonition-icon--note);mask-repeat:no-repeat;content:\"\"}[dir=rtl] .md-typeset .admonition-title::before,[dir=rtl] .md-typeset summary::before{right:.8rem;left:initial}.md-typeset .admonition-title code,.md-typeset summary code{margin:initial;padding:initial;color:currentColor;background-color:transparent;border-radius:initial;box-shadow:none}.md-typeset .admonition-title+.tabbed-set:last-child,.md-typeset summary+.tabbed-set:last-child{margin-top:0}.md-typeset .admonition.note,.md-typeset details.note{border-color:#448aff}.md-typeset .note>.admonition-title,.md-typeset .note>summary{background-color:rgba(68,138,255,.1)}.md-typeset .note>.admonition-title::before,.md-typeset .note>summary::before{background-color:#448aff;mask-image:var(--md-admonition-icon--note);mask-repeat:no-repeat}.md-typeset .admonition.abstract,.md-typeset details.abstract,.md-typeset .admonition.tldr,.md-typeset details.tldr,.md-typeset .admonition.summary,.md-typeset details.summary{border-color:#00b0ff}.md-typeset .abstract>.admonition-title,.md-typeset .abstract>summary,.md-typeset .tldr>.admonition-title,.md-typeset .tldr>summary,.md-typeset .summary>.admonition-title,.md-typeset .summary>summary{background-color:rgba(0,176,255,.1)}.md-typeset .abstract>.admonition-title::before,.md-typeset .abstract>summary::before,.md-typeset .tldr>.admonition-title::before,.md-typeset .tldr>summary::before,.md-typeset .summary>.admonition-title::before,.md-typeset .summary>summary::before{background-color:#00b0ff;mask-image:var(--md-admonition-icon--abstract);mask-repeat:no-repeat}.md-typeset .admonition.info,.md-typeset details.info,.md-typeset .admonition.todo,.md-typeset details.todo{border-color:#00b8d4}.md-typeset .info>.admonition-title,.md-typeset .info>summary,.md-typeset .todo>.admonition-title,.md-typeset .todo>summary{background-color:rgba(0,184,212,.1)}.md-typeset .info>.admonition-title::before,.md-typeset .info>summary::before,.md-typeset .todo>.admonition-title::before,.md-typeset .todo>summary::before{background-color:#00b8d4;mask-image:var(--md-admonition-icon--info);mask-repeat:no-repeat}.md-typeset .admonition.tip,.md-typeset details.tip,.md-typeset .admonition.important,.md-typeset details.important,.md-typeset .admonition.hint,.md-typeset details.hint{border-color:#00bfa5}.md-typeset .tip>.admonition-title,.md-typeset .tip>summary,.md-typeset .important>.admonition-title,.md-typeset .important>summary,.md-typeset .hint>.admonition-title,.md-typeset .hint>summary{background-color:rgba(0,191,165,.1)}.md-typeset .tip>.admonition-title::before,.md-typeset .tip>summary::before,.md-typeset .important>.admonition-title::before,.md-typeset .important>summary::before,.md-typeset .hint>.admonition-title::before,.md-typeset .hint>summary::before{background-color:#00bfa5;mask-image:var(--md-admonition-icon--tip);mask-repeat:no-repeat}.md-typeset .admonition.success,.md-typeset details.success,.md-typeset .admonition.done,.md-typeset details.done,.md-typeset .admonition.check,.md-typeset details.check{border-color:#00c853}.md-typeset .success>.admonition-title,.md-typeset .success>summary,.md-typeset .done>.admonition-title,.md-typeset .done>summary,.md-typeset .check>.admonition-title,.md-typeset .check>summary{background-color:rgba(0,200,83,.1)}.md-typeset .success>.admonition-title::before,.md-typeset .success>summary::before,.md-typeset .done>.admonition-title::before,.md-typeset .done>summary::before,.md-typeset .check>.admonition-title::before,.md-typeset .check>summary::before{background-color:#00c853;mask-image:var(--md-admonition-icon--success);mask-repeat:no-repeat}.md-typeset .admonition.question,.md-typeset details.question,.md-typeset .admonition.faq,.md-typeset details.faq,.md-typeset .admonition.help,.md-typeset details.help{border-color:#64dd17}.md-typeset .question>.admonition-title,.md-typeset .question>summary,.md-typeset .faq>.admonition-title,.md-typeset .faq>summary,.md-typeset .help>.admonition-title,.md-typeset .help>summary{background-color:rgba(100,221,23,.1)}.md-typeset .question>.admonition-title::before,.md-typeset .question>summary::before,.md-typeset .faq>.admonition-title::before,.md-typeset .faq>summary::before,.md-typeset .help>.admonition-title::before,.md-typeset .help>summary::before{background-color:#64dd17;mask-image:var(--md-admonition-icon--question);mask-repeat:no-repeat}.md-typeset .admonition.warning,.md-typeset details.warning,.md-typeset .admonition.attention,.md-typeset details.attention,.md-typeset .admonition.caution,.md-typeset details.caution{border-color:#ff9100}.md-typeset .warning>.admonition-title,.md-typeset .warning>summary,.md-typeset .attention>.admonition-title,.md-typeset .attention>summary,.md-typeset .caution>.admonition-title,.md-typeset .caution>summary{background-color:rgba(255,145,0,.1)}.md-typeset .warning>.admonition-title::before,.md-typeset .warning>summary::before,.md-typeset .attention>.admonition-title::before,.md-typeset .attention>summary::before,.md-typeset .caution>.admonition-title::before,.md-typeset .caution>summary::before{background-color:#ff9100;mask-image:var(--md-admonition-icon--warning);mask-repeat:no-repeat}.md-typeset .admonition.failure,.md-typeset details.failure,.md-typeset .admonition.missing,.md-typeset details.missing,.md-typeset .admonition.fail,.md-typeset details.fail{border-color:#ff5252}.md-typeset .failure>.admonition-title,.md-typeset .failure>summary,.md-typeset .missing>.admonition-title,.md-typeset .missing>summary,.md-typeset .fail>.admonition-title,.md-typeset .fail>summary{background-color:rgba(255,82,82,.1)}.md-typeset .failure>.admonition-title::before,.md-typeset .failure>summary::before,.md-typeset .missing>.admonition-title::before,.md-typeset .missing>summary::before,.md-typeset .fail>.admonition-title::before,.md-typeset .fail>summary::before{background-color:#ff5252;mask-image:var(--md-admonition-icon--failure);mask-repeat:no-repeat}.md-typeset .admonition.danger,.md-typeset details.danger,.md-typeset .admonition.error,.md-typeset details.error{border-color:#ff1744}.md-typeset .danger>.admonition-title,.md-typeset .danger>summary,.md-typeset .error>.admonition-title,.md-typeset .error>summary{background-color:rgba(255,23,68,.1)}.md-typeset .danger>.admonition-title::before,.md-typeset .danger>summary::before,.md-typeset .error>.admonition-title::before,.md-typeset .error>summary::before{background-color:#ff1744;mask-image:var(--md-admonition-icon--danger);mask-repeat:no-repeat}.md-typeset .admonition.bug,.md-typeset details.bug{border-color:#f50057}.md-typeset .bug>.admonition-title,.md-typeset .bug>summary{background-color:rgba(245,0,87,.1)}.md-typeset .bug>.admonition-title::before,.md-typeset .bug>summary::before{background-color:#f50057;mask-image:var(--md-admonition-icon--bug);mask-repeat:no-repeat}.md-typeset .admonition.example,.md-typeset details.example{border-color:#651fff}.md-typeset .example>.admonition-title,.md-typeset .example>summary{background-color:rgba(101,31,255,.1)}.md-typeset .example>.admonition-title::before,.md-typeset .example>summary::before{background-color:#651fff;mask-image:var(--md-admonition-icon--example);mask-repeat:no-repeat}.md-typeset .admonition.quote,.md-typeset details.quote,.md-typeset .admonition.cite,.md-typeset details.cite{border-color:#9e9e9e}.md-typeset .quote>.admonition-title,.md-typeset .quote>summary,.md-typeset .cite>.admonition-title,.md-typeset .cite>summary{background-color:rgba(158,158,158,.1)}.md-typeset .quote>.admonition-title::before,.md-typeset .quote>summary::before,.md-typeset .cite>.admonition-title::before,.md-typeset .cite>summary::before{background-color:#9e9e9e;mask-image:var(--md-admonition-icon--quote);mask-repeat:no-repeat}.codehilite .o,.highlight .o,.codehilite .ow,.highlight .ow{color:var(--md-code-hl-operator-color)}.codehilite .p,.highlight .p{color:var(--md-code-hl-punctuation-color)}.codehilite .cpf,.highlight .cpf,.codehilite .l,.highlight .l,.codehilite .s,.highlight .s,.codehilite .sb,.highlight .sb,.codehilite .sc,.highlight .sc,.codehilite .s2,.highlight .s2,.codehilite .si,.highlight .si,.codehilite .s1,.highlight .s1,.codehilite .ss,.highlight .ss{color:var(--md-code-hl-string-color)}.codehilite .cp,.highlight .cp,.codehilite .se,.highlight .se,.codehilite .sh,.highlight .sh,.codehilite .sr,.highlight .sr,.codehilite .sx,.highlight .sx{color:var(--md-code-hl-special-color)}.codehilite .m,.highlight .m,.codehilite .mf,.highlight .mf,.codehilite .mh,.highlight .mh,.codehilite .mi,.highlight .mi,.codehilite .il,.highlight .il,.codehilite .mo,.highlight .mo{color:var(--md-code-hl-number-color)}.codehilite .k,.highlight .k,.codehilite .kd,.highlight .kd,.codehilite .kn,.highlight .kn,.codehilite .kp,.highlight .kp,.codehilite .kr,.highlight .kr,.codehilite .kt,.highlight .kt{color:var(--md-code-hl-keyword-color)}.codehilite .kc,.highlight .kc,.codehilite .n,.highlight .n{color:var(--md-code-hl-name-color)}.codehilite .no,.highlight .no,.codehilite .nb,.highlight .nb,.codehilite .bp,.highlight .bp{color:var(--md-code-hl-constant-color)}.codehilite .nc,.highlight .nc,.codehilite .ne,.highlight .ne,.codehilite .nf,.highlight .nf,.codehilite .nn,.highlight .nn{color:var(--md-code-hl-function-color)}.codehilite .nd,.highlight .nd,.codehilite .ni,.highlight .ni,.codehilite .nl,.highlight .nl,.codehilite .nt,.highlight .nt{color:var(--md-code-hl-keyword-color)}.codehilite .c,.highlight .c,.codehilite .cm,.highlight .cm,.codehilite .c1,.highlight .c1,.codehilite .ch,.highlight .ch,.codehilite .cs,.highlight .cs,.codehilite .sd,.highlight .sd{color:var(--md-code-hl-comment-color)}.codehilite .na,.highlight .na,.codehilite .nv,.highlight .nv,.codehilite .vc,.highlight .vc,.codehilite .vg,.highlight .vg,.codehilite .vi,.highlight .vi{color:var(--md-code-hl-variable-color)}.codehilite .ge,.highlight .ge,.codehilite .gr,.highlight .gr,.codehilite .gh,.highlight .gh,.codehilite .go,.highlight .go,.codehilite .gp,.highlight .gp,.codehilite .gs,.highlight .gs,.codehilite .gu,.highlight .gu,.codehilite .gt,.highlight .gt{color:var(--md-code-hl-generic-color)}.codehilite .gd,.highlight .gd,.codehilite .gi,.highlight .gi{margin:0 -0.125em;padding:0 .125em;border-radius:.1rem}.codehilite .gd,.highlight .gd{background-color:var(--md-typeset-del-color)}.codehilite .gi,.highlight .gi{background-color:var(--md-typeset-ins-color)}.codehilite .hll,.highlight .hll{display:block;margin:0 -1.1764705882em;padding:0 1.1764705882em;background-color:var(--md-code-hl-color)}.codehilitetable,.highlighttable{display:block;overflow:hidden}.codehilitetable tbody,.highlighttable tbody,.codehilitetable td,.highlighttable td{display:block;padding:0}.codehilitetable tr,.highlighttable tr{display:flex}.codehilitetable pre,.highlighttable pre{margin:0}.codehilitetable .linenos,.highlighttable .linenos{padding:.525rem 1.1764705882em;padding-right:0;font-size:.85em;background-color:var(--md-code-bg-color);user-select:none}.codehilitetable .linenodiv,.highlighttable .linenodiv{padding-right:.5882352941em;box-shadow:-0.05rem 0 var(--md-default-fg-color--lighter) inset}.codehilitetable .linenodiv pre,.highlighttable .linenodiv pre{color:var(--md-default-fg-color--light);text-align:right}.codehilitetable .code,.highlighttable .code{flex:1;overflow:hidden}.md-typeset .codehilitetable,.md-typeset .highlighttable{margin:1em 0;direction:ltr;border-radius:.1rem}.md-typeset .codehilitetable code,.md-typeset .highlighttable code{border-radius:0}@media screen and (max-width: 44.9375em){.md-typeset>.codehilite,.md-typeset>.highlight{margin:1em -0.8rem}.md-typeset>.codehilite .hll,.md-typeset>.highlight .hll{margin:0 -0.8rem;padding:0 .8rem}.md-typeset>.codehilite code,.md-typeset>.highlight code{border-radius:0}.md-typeset>.codehilitetable,.md-typeset>.highlighttable{margin:1em -0.8rem;border-radius:0}.md-typeset>.codehilitetable .hll,.md-typeset>.highlighttable .hll{margin:0 -0.8rem;padding:0 .8rem}}:root{--md-footnotes-icon: svg-load(\"@mdi/svg/svg/keyboard-return.svg\")}.md-typeset [id^=\"fnref:\"]{display:inline-block}.md-typeset [id^=\"fnref:\"]:target{margin-top:-3.8rem;padding-top:3.8rem;pointer-events:none;scroll-margin-top:initial}.md-typeset [id^=\"fn:\"]::before{display:none;height:0;content:\"\"}.md-typeset [id^=\"fn:\"]:target{scroll-margin-top:initial}.md-typeset [id^=\"fn:\"]:target::before{display:block;margin-top:-3.5rem;padding-top:3.5rem;pointer-events:none}.md-typeset .footnote{color:var(--md-default-fg-color--light);font-size:.64rem}.md-typeset .footnote ol{margin-left:0}.md-typeset .footnote li{transition:color 125ms}.md-typeset .footnote li:target{color:var(--md-default-fg-color)}.md-typeset .footnote li :first-child{margin-top:0}.md-typeset .footnote li:hover .footnote-backref,.md-typeset .footnote li:target .footnote-backref{transform:translateX(0);opacity:1}.md-typeset .footnote li:hover .footnote-backref:hover{color:var(--md-accent-fg-color)}.md-typeset .footnote-ref{display:inline-block;pointer-events:initial}.md-typeset .footnote-backref{display:inline-block;color:var(--md-typeset-a-color);font-size:0;vertical-align:text-bottom;transform:translateX(0.25rem);opacity:0;transition:color 250ms,transform 250ms 250ms,opacity 125ms 250ms}[dir=rtl] .md-typeset .footnote-backref{transform:translateX(-0.25rem)}.md-typeset .footnote-backref::before{display:inline-block;width:.8rem;height:.8rem;background-color:currentColor;mask-image:var(--md-footnotes-icon);mask-repeat:no-repeat;content:\"\"}[dir=rtl] .md-typeset .footnote-backref::before svg{transform:scaleX(-1)}@media print{.md-typeset .footnote-backref{color:var(--md-typeset-a-color);transform:translateX(0);opacity:1}}.md-typeset .headerlink{display:inline-block;margin-left:.5rem;visibility:hidden;opacity:0;transition:color 250ms,visibility 0ms 500ms,opacity 125ms}[dir=rtl] .md-typeset .headerlink{margin-right:.5rem;margin-left:initial}html body .md-typeset .headerlink{color:var(--md-default-fg-color--lighter)}@media print{.md-typeset .headerlink{display:none}}.md-typeset :hover>.headerlink,.md-typeset :target>.headerlink,.md-typeset .headerlink:focus{visibility:visible;opacity:1;transition:color 250ms,visibility 0ms,opacity 125ms}.md-typeset :target>.headerlink,.md-typeset .headerlink:focus,.md-typeset .headerlink:hover{color:var(--md-accent-fg-color)}.md-typeset :target{scroll-margin-top:3.6rem}.md-typeset h3[id]:target,.md-typeset h2[id]:target,.md-typeset h1[id]:target{scroll-margin-top:initial}.md-typeset h3[id]::before,.md-typeset h2[id]::before,.md-typeset h1[id]::before{display:block;margin-top:-0.4rem;padding-top:.4rem;content:\"\"}.md-typeset h3[id]:target::before,.md-typeset h2[id]:target::before,.md-typeset h1[id]:target::before{margin-top:-3.4rem;padding-top:3.4rem}.md-typeset h4[id]:target{scroll-margin-top:initial}.md-typeset h4[id]::before{display:block;margin-top:-0.45rem;padding-top:.45rem;content:\"\"}.md-typeset h4[id]:target::before{margin-top:-3.45rem;padding-top:3.45rem}.md-typeset h6[id]:target,.md-typeset h5[id]:target{scroll-margin-top:initial}.md-typeset h6[id]::before,.md-typeset h5[id]::before{display:block;margin-top:-0.6rem;padding-top:.6rem;content:\"\"}.md-typeset h6[id]:target::before,.md-typeset h5[id]:target::before{margin-top:-3.6rem;padding-top:3.6rem}.md-typeset div.arithmatex{overflow-x:scroll}@media screen and (max-width: 44.9375em){.md-typeset div.arithmatex{margin:0 -0.8rem}}.md-typeset div.arithmatex>*{width:min-content;margin:1em auto !important;padding:0 .8rem;overflow:auto;touch-action:auto}.md-typeset del.critic,.md-typeset ins.critic,.md-typeset .critic.comment{box-decoration-break:clone}.md-typeset del.critic{background-color:var(--md-typeset-del-color)}.md-typeset ins.critic{background-color:var(--md-typeset-ins-color)}.md-typeset .critic.comment{color:var(--md-code-hl-comment-color)}.md-typeset .critic.comment::before{content:\"/* \"}.md-typeset .critic.comment::after{content:\" */\"}.md-typeset .critic.block{display:block;margin:1em 0;padding-right:.8rem;padding-left:.8rem;overflow:auto;box-shadow:none}.md-typeset .critic.block :first-child{margin-top:.5em}.md-typeset .critic.block :last-child{margin-bottom:.5em}:root{--md-details-icon: svg-load(\"@mdi/svg/svg/chevron-right.svg\")}.md-typeset details{display:block;padding-top:0;overflow:visible}.md-typeset details[open]>summary::after{transform:rotate(90deg)}.md-typeset details:not([open]){padding-bottom:0}.md-typeset details:not([open])>summary{border-radius:.1rem}.md-typeset details::after{display:table;content:\"\"}.md-typeset summary{display:block;min-height:1rem;padding:.4rem 1.8rem .4rem 2.2rem;border-top-left-radius:.1rem;border-top-right-radius:.1rem;cursor:pointer}.md-typeset summary:not(.focus-visible){outline:none;-webkit-tap-highlight-color:transparent}[dir=rtl] .md-typeset summary{padding:.4rem 2.2rem .4rem 1.8rem}.md-typeset summary::-webkit-details-marker{display:none}.md-typeset summary::after{position:absolute;top:.4rem;right:.4rem;width:1rem;height:1rem;background-color:currentColor;mask-image:var(--md-details-icon);mask-repeat:no-repeat;transform:rotate(0deg);transition:transform 250ms;content:\"\"}[dir=rtl] .md-typeset summary::after{right:initial;left:.4rem;transform:rotate(180deg)}.md-typeset img.emojione,.md-typeset img.twemoji,.md-typeset img.gemoji{width:1.125em;max-height:100%;vertical-align:-15%}.md-typeset span.twemoji{display:inline-block;height:1.125em;vertical-align:text-top}.md-typeset span.twemoji svg{width:1.125em;max-height:100%;fill:currentColor}.highlight [data-linenos]::before{position:sticky;left:-1.1764705882em;float:left;margin-right:1.1764705882em;margin-left:-1.1764705882em;padding-left:1.1764705882em;color:var(--md-default-fg-color--light);background-color:var(--md-code-bg-color);box-shadow:-0.05rem 0 var(--md-default-fg-color--lighter) inset;content:attr(data-linenos);user-select:none}.md-typeset .keys kbd::before,.md-typeset .keys kbd::after{position:relative;margin:0;color:inherit;-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial}.md-typeset .keys span{padding:0 .2em;color:var(--md-default-fg-color--light)}.md-typeset .keys .key-alt::before{padding-right:.4em;content:\"⎇\"}.md-typeset .keys .key-left-alt::before{padding-right:.4em;content:\"⎇\"}.md-typeset .keys .key-right-alt::before{padding-right:.4em;content:\"⎇\"}.md-typeset .keys .key-command::before{padding-right:.4em;content:\"⌘\"}.md-typeset .keys .key-left-command::before{padding-right:.4em;content:\"⌘\"}.md-typeset .keys .key-right-command::before{padding-right:.4em;content:\"⌘\"}.md-typeset .keys .key-control::before{padding-right:.4em;content:\"⌃\"}.md-typeset .keys .key-left-control::before{padding-right:.4em;content:\"⌃\"}.md-typeset .keys .key-right-control::before{padding-right:.4em;content:\"⌃\"}.md-typeset .keys .key-meta::before{padding-right:.4em;content:\"◆\"}.md-typeset .keys .key-left-meta::before{padding-right:.4em;content:\"◆\"}.md-typeset .keys .key-right-meta::before{padding-right:.4em;content:\"◆\"}.md-typeset .keys .key-option::before{padding-right:.4em;content:\"⌥\"}.md-typeset .keys .key-left-option::before{padding-right:.4em;content:\"⌥\"}.md-typeset .keys .key-right-option::before{padding-right:.4em;content:\"⌥\"}.md-typeset .keys .key-shift::before{padding-right:.4em;content:\"⇧\"}.md-typeset .keys .key-left-shift::before{padding-right:.4em;content:\"⇧\"}.md-typeset .keys .key-right-shift::before{padding-right:.4em;content:\"⇧\"}.md-typeset .keys .key-super::before{padding-right:.4em;content:\"❖\"}.md-typeset .keys .key-left-super::before{padding-right:.4em;content:\"❖\"}.md-typeset .keys .key-right-super::before{padding-right:.4em;content:\"❖\"}.md-typeset .keys .key-windows::before{padding-right:.4em;content:\"⊞\"}.md-typeset .keys .key-left-windows::before{padding-right:.4em;content:\"⊞\"}.md-typeset .keys .key-right-windows::before{padding-right:.4em;content:\"⊞\"}.md-typeset .keys .key-arrow-down::before{padding-right:.4em;content:\"↓\"}.md-typeset .keys .key-arrow-left::before{padding-right:.4em;content:\"←\"}.md-typeset .keys .key-arrow-right::before{padding-right:.4em;content:\"→\"}.md-typeset .keys .key-arrow-up::before{padding-right:.4em;content:\"↑\"}.md-typeset .keys .key-backspace::before{padding-right:.4em;content:\"⌫\"}.md-typeset .keys .key-backtab::before{padding-right:.4em;content:\"⇤\"}.md-typeset .keys .key-caps-lock::before{padding-right:.4em;content:\"⇪\"}.md-typeset .keys .key-clear::before{padding-right:.4em;content:\"⌧\"}.md-typeset .keys .key-context-menu::before{padding-right:.4em;content:\"☰\"}.md-typeset .keys .key-delete::before{padding-right:.4em;content:\"⌦\"}.md-typeset .keys .key-eject::before{padding-right:.4em;content:\"⏏\"}.md-typeset .keys .key-end::before{padding-right:.4em;content:\"⤓\"}.md-typeset .keys .key-escape::before{padding-right:.4em;content:\"⎋\"}.md-typeset .keys .key-home::before{padding-right:.4em;content:\"⤒\"}.md-typeset .keys .key-insert::before{padding-right:.4em;content:\"⎀\"}.md-typeset .keys .key-page-down::before{padding-right:.4em;content:\"⇟\"}.md-typeset .keys .key-page-up::before{padding-right:.4em;content:\"⇞\"}.md-typeset .keys .key-print-screen::before{padding-right:.4em;content:\"⎙\"}.md-typeset .keys .key-tab::after{padding-left:.4em;content:\"⇥\"}.md-typeset .keys .key-num-enter::after{padding-left:.4em;content:\"⌤\"}.md-typeset .keys .key-enter::after{padding-left:.4em;content:\"⏎\"}.md-typeset .tabbed-content{display:none;order:99;width:100%;box-shadow:0 -0.05rem var(--md-default-fg-color--lightest)}.md-typeset .tabbed-content>pre:only-child,.md-typeset .tabbed-content>.codehilite:only-child pre,.md-typeset .tabbed-content>.codehilitetable:only-child,.md-typeset .tabbed-content>.highlight:only-child pre,.md-typeset .tabbed-content>.highlighttable:only-child{margin:0}.md-typeset .tabbed-content>pre:only-child>code,.md-typeset .tabbed-content>.codehilite:only-child pre>code,.md-typeset .tabbed-content>.codehilitetable:only-child>code,.md-typeset .tabbed-content>.highlight:only-child pre>code,.md-typeset .tabbed-content>.highlighttable:only-child>code{border-top-left-radius:0;border-top-right-radius:0}.md-typeset .tabbed-content>.tabbed-set{margin:0}.md-typeset .tabbed-set{position:relative;display:flex;flex-wrap:wrap;margin:1em 0;border-radius:.1rem}.md-typeset .tabbed-set>input{position:absolute;opacity:0}.md-typeset .tabbed-set>input:checked+label{color:var(--md-accent-fg-color);border-color:var(--md-accent-fg-color)}.md-typeset .tabbed-set>input:checked+label+.tabbed-content{display:block}.md-typeset .tabbed-set>input:focus+label{outline-style:auto}.md-typeset .tabbed-set>input:not(.focus-visible)+label{outline:none;-webkit-tap-highlight-color:transparent}.md-typeset .tabbed-set>label{z-index:1;width:auto;padding:.9375em 1.25em .78125em;color:var(--md-default-fg-color--light);font-weight:700;font-size:.64rem;border-bottom:.1rem solid transparent;cursor:pointer;transition:color 250ms}html .md-typeset .tabbed-set>label:hover{color:var(--md-accent-fg-color)}:root{--md-tasklist-icon: svg-load( \"@primer/octicons/build/svg/check-circle-fill-24.svg\" );--md-tasklist-icon--checked: svg-load( \"@primer/octicons/build/svg/check-circle-fill-24.svg\" )}.md-typeset .task-list-item{position:relative;list-style-type:none}.md-typeset .task-list-item [type=checkbox]{position:absolute;top:.45em;left:-2em}[dir=rtl] .md-typeset .task-list-item [type=checkbox]{right:-2em;left:initial}.md-typeset .task-list-control .task-list-indicator::before{position:absolute;top:.15em;left:-1.5em;width:1.25em;height:1.25em;background-color:var(--md-default-fg-color--lightest);mask-image:var(--md-tasklist-icon);mask-repeat:no-repeat;content:\"\"}[dir=rtl] .md-typeset .task-list-control .task-list-indicator::before{right:-1.5em;left:initial}.md-typeset .task-list-control [type=checkbox]:checked+.task-list-indicator::before{background-color:#00e676;mask-image:var(--md-tasklist-icon--checked)}.md-typeset .task-list-control [type=checkbox]{z-index:-1;opacity:0}","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// stylelint-disable no-duplicate-selectors\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Enforce correct box model\nhtml {\n  box-sizing: border-box;\n}\n\n// All elements shall inherit the document default\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n}\n\n// Prevent adjustments of font size after orientation changes in IE and iOS\nhtml {\n  text-size-adjust: none;\n}\n\n// Remove margin in all browsers\nbody {\n  margin: 0;\n}\n\n// Reset horizontal rules in FF\nhr {\n  box-sizing: content-box;\n  overflow: visible;\n}\n\n// Reset tap outlines on iOS and Android\na,\nbutton,\nlabel,\ninput {\n  -webkit-tap-highlight-color: transparent;\n}\n\n// Reset link styles\na {\n  color: inherit;\n  text-decoration: none;\n}\n\n// Normalize font-size in all browsers\nsmall {\n  font-size: 80%;\n}\n\n// Prevent subscript and superscript from affecting line-height\nsub,\nsup {\n  line-height: 1em;\n}\n\n// Remove borders on images\nimg {\n  border-style: none;\n}\n\n// Reset table styles\ntable {\n  border-collapse: separate;\n  border-spacing: 0;\n}\n\n// Reset table cell styles\ntd,\nth {\n  font-weight: normal; // stylelint-disable-line\n  vertical-align: top;\n}\n\n// Reset button styles\nbutton {\n  margin: 0;\n  padding: 0;\n  font-size: inherit;\n  background: transparent;\n  border: 0;\n}\n\n// Reset input styles\ninput {\n  border: 0;\n  outline: none;\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Color definitions\n:root {\n\n  // Default color shades\n  --md-default-fg-color:               hsla(0, 0%, 0%, 0.87);\n  --md-default-fg-color--light:        hsla(0, 0%, 0%, 0.54);\n  --md-default-fg-color--lighter:      hsla(0, 0%, 0%, 0.32);\n  --md-default-fg-color--lightest:     hsla(0, 0%, 0%, 0.07);\n  --md-default-bg-color:               hsla(0, 0%, 100%, 1);\n  --md-default-bg-color--light:        hsla(0, 0%, 100%, 0.7);\n  --md-default-bg-color--lighter:      hsla(0, 0%, 100%, 0.3);\n  --md-default-bg-color--lightest:     hsla(0, 0%, 100%, 0.12);\n\n  // Primary color shades\n  --md-primary-fg-color:               hsla(#{hex2hsl($clr-indigo-500)}, 1);\n  --md-primary-fg-color--light:        hsla(#{hex2hsl($clr-indigo-300)}, 1);\n  --md-primary-fg-color--dark:         hsla(#{hex2hsl($clr-indigo-700)}, 1);\n  --md-primary-bg-color:               hsla(0, 0%, 100%, 1);\n  --md-primary-bg-color--light:        hsla(0, 0%, 100%, 0.7);\n\n  // Accent color shades\n  --md-accent-fg-color:                hsla(#{hex2hsl($clr-indigo-a200)}, 1);\n  --md-accent-fg-color--transparent:   hsla(#{hex2hsl($clr-indigo-a200)}, 0.1);\n  --md-accent-bg-color:                hsla(0, 0%, 100%, 1);\n  --md-accent-bg-color--light:         hsla(0, 0%, 100%, 0.7);\n\n  // Light theme (default)\n  > * {\n\n    // Code color shades\n    --md-code-fg-color:                hsla(200, 18%, 26%, 1);\n    --md-code-bg-color:                hsla(0, 0%, 96%, 1);\n\n    // Code highlighting color shades\n    --md-code-hl-color:                hsla(#{hex2hsl($clr-yellow-a200)}, 0.5);\n    --md-code-hl-number-color:         hsla(0, 67%, 50%, 1);\n    --md-code-hl-special-color:        hsla(340, 83%, 47%, 1);\n    --md-code-hl-function-color:       hsla(291, 45%, 50%, 1);\n    --md-code-hl-constant-color:       hsla(250, 63%, 60%, 1);\n    --md-code-hl-keyword-color:        hsla(219, 54%, 51%, 1);\n    --md-code-hl-string-color:         hsla(150, 63%, 30%, 1);\n    --md-code-hl-name-color:           var(--md-code-fg-color);\n    --md-code-hl-operator-color:       var(--md-default-fg-color--light);\n    --md-code-hl-punctuation-color:    var(--md-default-fg-color--light);\n    --md-code-hl-comment-color:        var(--md-default-fg-color--light);\n    --md-code-hl-generic-color:        var(--md-default-fg-color--light);\n    --md-code-hl-variable-color:       var(--md-default-fg-color--light);\n\n    // Typeset color shades\n    --md-typeset-color:                var(--md-default-fg-color);\n    --md-typeset-a-color:              var(--md-primary-fg-color);\n\n    // Typeset `mark` color shades\n    --md-typeset-mark-color:           hsla(#{hex2hsl($clr-yellow-a200)}, 0.5);\n\n    // Typeset `del` and `ins` color shades\n    --md-typeset-del-color:            hsla(6, 90%, 60%, 0.15);\n    --md-typeset-ins-color:            hsla(150, 90%, 44%, 0.15);\n\n    // Typeset `kbd` color shades\n    --md-typeset-kbd-color:            hsla(0, 0%, 98%, 1);\n    --md-typeset-kbd-accent-color:     hsla(0, 100%, 100%, 1);\n    --md-typeset-kbd-border-color:     hsla(0, 0%, 72%, 1);\n\n    // Admonition color shades\n    --md-admonition-fg-color:          var(--md-default-fg-color);\n    --md-admonition-bg-color:          var(--md-default-bg-color);\n\n    // Footer color shades\n    --md-footer-fg-color:              hsla(0, 0%, 100%, 1);\n    --md-footer-fg-color--light:       hsla(0, 0%, 100%, 0.7);\n    --md-footer-fg-color--lighter:     hsla(0, 0%, 100%, 0.3);\n    --md-footer-bg-color:              hsla(0, 0%, 0%, 0.87);\n    --md-footer-bg-color--dark:        hsla(0, 0%, 0%, 0.32);\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Icon\n.md-icon {\n\n  // SVG defaults\n  svg {\n    display: block;\n    width: px2rem(24px);\n    height: px2rem(24px);\n    margin: 0 auto;\n    fill: currentColor;\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules: font definitions\n// ----------------------------------------------------------------------------\n\n// Enable font-smoothing in Webkit and FF\nbody {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n// Default fonts\nbody,\ninput {\n  color: var(--md-typeset-color);\n  font-feature-settings: \"kern\", \"liga\";\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;\n}\n\n// Proportionally spaced fonts\ncode,\npre,\nkbd {\n  color: var(--md-typeset-color);\n  font-feature-settings: \"kern\";\n  font-family: SFMono-Regular, Consolas, Menlo, monospace;\n}\n\n// ----------------------------------------------------------------------------\n// Rules: typesetted content\n// ----------------------------------------------------------------------------\n\n// Icon definitions\n:root {\n  --md-typeset-table--ascending: svg-load(\"@mdi/svg/svg/arrow-down.svg\");\n  --md-typeset-table--descending: svg-load(\"@mdi/svg/svg/arrow-up.svg\");\n}\n\n// ----------------------------------------------------------------------------\n\n// Content that is typeset - if possible, all margins, paddings and font sizes\n// should be set in ems, so nested blocks (e.g. admonitions) render correctly,\n// except headlines that should only appear on the top level and need to have\n// consistent spacing due to layout constraints.\n.md-typeset {\n  font-size: px2rem(16px);\n  line-height: 1.6;\n  color-adjust: exact;\n\n  // We'll use a smaller font-size for printing, so code examples don't break\n  // too early, and 16px looks too big anyway.\n  @media print {\n    font-size: px2rem(13.6px);\n  }\n\n  // Default spacing\n  p,\n  ul,\n  ol,\n  blockquote {\n    margin: 1em 0;\n  }\n\n  // 1st level headline\n  h1 {\n    margin: 0 0 px2em(40px, 32px);\n    color: var(--md-default-fg-color--light);\n    font-weight: 300;\n    font-size: px2em(32px);\n    line-height: 1.3;\n    letter-spacing: -0.01em;\n  }\n\n  // 2nd level headline\n  h2 {\n    margin: px2em(40px, 25px) 0 px2em(16px, 25px);\n    font-weight: 300;\n    font-size: px2em(25px);\n    line-height: 1.4;\n    letter-spacing: -0.01em;\n  }\n\n  // 3rd level headline\n  h3 {\n    margin: px2em(32px, 20px) 0 px2em(16px, 20px);\n    font-weight: 400;\n    font-size: px2em(20px);\n    line-height: 1.5;\n    letter-spacing: -0.01em;\n  }\n\n  // 3rd level headline following an 2nd level headline\n  h2 + h3 {\n    margin-top: px2em(16px, 20px);\n  }\n\n  // 4th level headline\n  h4 {\n    margin: px2em(16px) 0;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n  }\n\n  // 5th and 6th level headline\n  h5,\n  h6 {\n    margin: px2em(16px, 12.8px) 0;\n    color: var(--md-default-fg-color--light);\n    font-weight: 700;\n    font-size: px2em(12.8px);\n    letter-spacing: -0.01em;\n  }\n\n  // Overrides for 5th level headline\n  h5 {\n    text-transform: uppercase;\n  }\n\n  // Horizontal separators\n  hr {\n    margin: 1.5em 0;\n    border-bottom: px2rem(1px) dotted var(--md-default-fg-color--lighter);\n  }\n\n  // Links\n  a {\n    color: var(--md-typeset-a-color);\n    word-break: break-word;\n\n    // Also enable color transition on pseudo elements\n    &,\n    &::before {\n      transition: color 125ms;\n    }\n\n    // Focused or hovered links\n    &:focus,\n    &:hover {\n      color: var(--md-accent-fg-color);\n    }\n  }\n\n  // Code blocks\n  code,\n  pre,\n  kbd {\n    color: var(--md-code-fg-color);\n    direction: ltr;\n\n    // Wrap text and hide scollbars\n    @media print {\n      white-space: pre-wrap;\n    }\n  }\n\n  // Inline code blocks\n  code {\n    padding: 0 px2em(4px, 13.6px);\n    font-size: px2em(13.6px);\n    word-break: break-word;\n    background-color: var(--md-code-bg-color);\n    border-radius: px2rem(2px);\n    box-decoration-break: clone;\n  }\n\n  // Disable containing block inside headlines\n  h1 code,\n  h2 code,\n  h3 code,\n  h4 code,\n  h5 code,\n  h6 code {\n    margin: initial;\n    padding: initial;\n    background-color: transparent;\n    box-shadow: none;\n  }\n\n  // Ensure link color in code blocks\n  a > code {\n    color: currentColor;\n  }\n\n  // Unformatted code blocks\n  pre {\n    position: relative;\n    margin: 1em 0;\n    line-height: 1.4;\n\n    // Actual container with code, overflowing\n    > code {\n      display: block;\n      margin: 0;\n      padding: px2em(10.5px, 13.6px) px2em(16px, 13.6px);\n      overflow: auto;\n      word-break: normal;\n      box-shadow: none;\n      box-decoration-break: slice;\n      touch-action: auto;\n      // Override Firefox scrollbar style\n      scrollbar-width: thin;\n      scrollbar-color: var(--md-default-fg-color--lighter) transparent;\n\n      // Override Firefox scrollbar hover color\n      &:hover {\n        scrollbar-color: var(--md-accent-fg-color) transparent;\n      }\n\n      // Override native scrollbar styles\n      &::-webkit-scrollbar {\n        width: px2rem(4px);\n        height: px2rem(4px);\n      }\n\n      // Scrollbar thumb\n      &::-webkit-scrollbar-thumb {\n        background-color: var(--md-default-fg-color--lighter);\n\n        // Hovered scrollbar thumb\n        &:hover {\n          background-color: var(--md-accent-fg-color);\n        }\n      }\n    }\n  }\n\n  // [mobile -]: Stretch to whole width\n  @include break-to-device(mobile) {\n\n    // Stretch top-level containers\n    > pre {\n      margin: 1em px2rem(-16px);\n\n      // Remove rounded borders\n      code {\n        border-radius: 0;\n      }\n    }\n  }\n\n  // Keyboard key\n  kbd {\n    display: inline-block;\n    padding: 0 px2em(8px, 12px);\n    color: var(--md-default-fg-color);\n    font-size: px2em(12px);\n    vertical-align: text-top;\n    word-break: break-word;\n    background-color: var(--md-typeset-kbd-color);\n    border-radius: px2rem(2px);\n    box-shadow:\n      0 px2rem(2px)  0 px2rem(1px) var(--md-typeset-kbd-border-color),\n      0 px2rem(2px)  0             var(--md-typeset-kbd-border-color),\n      0 px2rem(-2px) px2rem(4px)   var(--md-typeset-kbd-accent-color) inset;\n  }\n\n  // Text highlighting marker\n  mark {\n    color: inherit;\n    word-break: break-word;\n    background-color: var(--md-typeset-mark-color);\n    box-decoration-break: clone;\n  }\n\n  // Abbreviations\n  abbr {\n    text-decoration: none;\n    border-bottom: px2rem(1px) dotted var(--md-default-fg-color--light);\n    cursor: help;\n  }\n\n  // Small text\n  small {\n    opacity: 0.75;\n  }\n\n  // Superscript and subscript\n  sup,\n  sub {\n    margin-left: px2em(1px, 12.8px);\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      margin-right: px2em(1px, 12.8px);\n      margin-left: initial;\n    }\n  }\n\n  // Blockquotes, possibly nested\n  blockquote {\n    padding-left: px2rem(12px);\n    color: var(--md-default-fg-color--light);\n    border-left: px2rem(4px) solid var(--md-default-fg-color--lighter);\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      padding-right: px2rem(12px);\n      padding-left: initial;\n      border-right: px2rem(4px) solid var(--md-default-fg-color--lighter);\n      border-left: initial;\n    }\n  }\n\n  // Unordered lists\n  ul {\n    list-style-type: disc;\n  }\n\n  // Unordered and ordered lists\n  ul,\n  ol {\n    margin-left: px2em(10px);\n    padding: 0;\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      margin-right: px2em(10px);\n      margin-left: initial;\n    }\n\n    // Nested ordered lists\n    ol {\n      list-style-type: lower-alpha;\n\n      // Triply nested ordered list\n      ol {\n        list-style-type: lower-roman;\n      }\n    }\n\n    // List elements\n    li {\n      margin-bottom: 0.5em;\n      margin-left: px2em(20px);\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        margin-right: px2em(20px);\n        margin-left: initial;\n      }\n\n      // Decrease vertical spacing\n      p,\n      blockquote {\n        margin: 0.5em 0;\n      }\n\n      // Remove margin on last element\n      &:last-child {\n        margin-bottom: 0;\n      }\n\n      // Nested lists\n      ul,\n      ol {\n        margin: 0.5em 0 0.5em px2em(10px);\n\n        // Adjust for right-to-left languages\n        [dir=\"rtl\"] & {\n          margin-right: px2em(10px);\n          margin-left: initial;\n        }\n      }\n    }\n  }\n\n  // Definition lists\n  dd {\n    margin: 1em 0 1.5em px2em(30px);\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      margin-right: px2em(30px);\n      margin-left: initial;\n    }\n  }\n\n  // Limit width to container, scale height proportionally\n  img,\n  svg {\n    max-width: 100%;\n    height: auto;\n\n    // Left-aligned\n    &[align=\"left\"] {\n      margin: 1em;\n      margin-left: 0;\n    }\n\n    // Right-aligned\n    &[align=\"right\"] {\n      margin: 1em;\n      margin-right: 0;\n    }\n\n    // Remove top spacing of sole children\n    &[align]:only-child {\n      margin-top: 0;\n    }\n  }\n\n  // Figures\n  figure {\n    width: fit-content;\n    max-width: 100%;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  // Figure captions\n  figcaption {\n    max-width: px2rem(480px);\n    margin: 0.5em auto;\n    font-style: italic;\n  }\n\n  // Limit width to container\n  iframe {\n    max-width: 100%;\n  }\n\n  // Data tables\n  table:not([class]) {\n    display: inline-block;\n    max-width: 100%;\n    overflow: auto;\n    font-size: px2rem(12.8px);\n    background: var(--md-default-bg-color);\n    border-radius: px2rem(2px);\n    box-shadow:\n      0 px2rem(4px) px2rem(10px) hsla(0, 0%, 0%, 0.05),\n      0 0           px2rem(1px)  hsla(0, 0%, 0%, 0.1);\n    touch-action: auto;\n\n    // Due to margin collapse because of the necessary inline-block hack, we\n    // cannot increase the bottom margin on the table, so we just increase the\n    // top margin on the following element\n    & + * {\n      margin-top: 1.5em;\n    }\n\n    // Elements inside cells\n    th > *,\n    td > * {\n\n      // Remove top spacing of first child\n      &:first-child {\n        margin-top: 0;\n      }\n\n      // Remove bottom spacing of last child\n      &:last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    // Table headings and cells\n    th:not([align]),\n    td:not([align]) {\n      text-align: left;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        text-align: right;\n      }\n    }\n\n    // Table headings\n    th {\n      min-width: px2rem(100px);\n      padding: px2em(12px, 12.8px) px2em(16px, 12.8px);\n      color: var(--md-default-bg-color);\n      vertical-align: top;\n      background-color: var(--md-default-fg-color--light);\n\n      // Links in table headings\n      a {\n        color: inherit;\n      }\n    }\n\n    // Table cells\n    td {\n      padding: px2em(12px, 12.8px) px2em(16px, 12.8px);\n      vertical-align: top;\n      border-top: px2rem(1px) solid var(--md-default-fg-color--lightest);\n    }\n\n    // Table rows\n    tr {\n      transition: background-color 125ms;\n\n      // Add background on hover\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.035);\n        box-shadow: 0 px2rem(1px) 0 var(--md-default-bg-color) inset;\n      }\n\n      // Remove top border on first row\n      &:first-child td {\n        border-top: 0;\n      }\n    }\n\n    // Do not wrap links in tables\n    a {\n      word-break: normal;\n    }\n  }\n\n  // Sortable tables\n  table th[role=\"columnheader\"] {\n    cursor: pointer;\n\n    // Sort icon\n    &::after {\n      display: inline-block;\n      width: 1.2em;\n      height: 1.2em;\n      margin-left: 0.5em;\n      vertical-align: sub;\n      mask-repeat: no-repeat;\n      content: \" \";\n    }\n\n    // Sort ascending\n    &[aria-sort=\"ascending\"]::after {\n      background-color: currentColor;\n      mask-image: var(--md-typeset-table--ascending);\n    }\n\n    // Sort descending\n    &[aria-sort=\"descending\"]::after {\n      background-color: currentColor;\n      mask-image: var(--md-typeset-table--descending);\n    }\n  }\n\n  // Wrapper for scrolling on overflow\n  &__scrollwrap {\n    margin: 1em px2rem(-16px);\n    overflow-x: auto;\n    touch-action: auto;\n  }\n\n  // Data table wrapper, in case JavaScript is available\n  &__table {\n    display: inline-block;\n    margin-bottom: 0.5em;\n    padding: 0 px2rem(16px);\n\n    // Data tables\n    table {\n      display: table;\n      width: 100%;\n      margin: 0;\n      overflow: hidden;\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Variables\n// ----------------------------------------------------------------------------\n\n///\n/// Device-specific breakpoints\n///\n/// @example\n///   $break-devices: (\n///     mobile: (\n///       portrait:  220px  479px,\n///       landscape: 480px  719px\n///     ),\n///     tablet: (\n///       portrait:  720px  959px,\n///       landscape: 960px  1219px\n///     ),\n///     screen: (\n///       small:     1220px 1599px,\n///       medium:    1600px 1999px,\n///       large:     2000px\n///     )\n///   );\n///\n$break-devices: () !default;\n\n// ----------------------------------------------------------------------------\n// Helpers\n// ----------------------------------------------------------------------------\n\n///\n/// Choose minimum and maximum device widths\n///\n@function break-select-min-max($devices) {\n  $min: 1000000;\n  $max: 0;\n  @each $key, $value in $devices {\n    @while type-of($value) == map {\n      $value: break-select-min-max($value);\n    }\n    @if type-of($value) == list {\n      @each $number in $value {\n        @if type-of($number) == number {\n          $min: min($number, $min);\n          @if $max != null {\n            $max: max($number, $max);\n          }\n        } @else {\n          @error \"Invalid number: #{$number}\";\n        }\n      }\n    } @else if type-of($value) == number {\n      $min: min($value, $min);\n      $max: null;\n    } @else {\n      @error \"Invalid value: #{$value}\";\n    }\n  }\n  @return $min, $max;\n}\n\n///\n/// Select minimum and maximum widths for a device breakpoint\n///\n@function break-select-device($device) {\n  $current: $break-devices;\n  @for $n from 1 through length($device) {\n    @if type-of($current) == map {\n      $current: map-get($current, nth($device, $n));\n    } @else {\n      @error \"Invalid device map: #{$devices}\";\n    }\n  }\n  @if type-of($current) == list or type-of($current) == number {\n    $current: (default: $current);\n  }\n  @return break-select-min-max($current);\n}\n\n// ----------------------------------------------------------------------------\n// Mixins\n// ----------------------------------------------------------------------------\n\n///\n/// A minimum-maximum media query breakpoint\n///\n@mixin break-at($breakpoint) {\n  @if type-of($breakpoint) == number {\n    @media screen and (min-width: $breakpoint) {\n      @content;\n    }\n  } @else if type-of($breakpoint) == list {\n    $min: nth($breakpoint, 1);\n    $max: nth($breakpoint, 2);\n    @if type-of($min) == number and type-of($max) == number {\n      @media screen and (min-width: $min) and (max-width: $max) {\n        @content;\n      }\n    } @else {\n      @error \"Invalid breakpoint: #{$breakpoint}\";\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// An orientation media query breakpoint\n///\n@mixin break-at-orientation($breakpoint) {\n  @if type-of($breakpoint) == string {\n    @media screen and (orientation: $breakpoint) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// A maximum-aspect-ratio media query breakpoint\n///\n@mixin break-at-ratio($breakpoint) {\n  @if type-of($breakpoint) == number {\n    @media screen and (max-aspect-ratio: $breakpoint) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// A minimum-maximum media query device breakpoint\n///\n@mixin break-at-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    @if nth($breakpoint, 2) != null {\n      $min: nth($breakpoint, 1);\n      $max: nth($breakpoint, 2);\n      @media screen and (min-width: $min) and (max-width: $max) {\n        @content;\n      }\n    } @else {\n      @error \"Invalid device: #{$device}\";\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n\n///\n/// A minimum media query device breakpoint\n///\n@mixin break-from-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    $min: nth($breakpoint, 1);\n    @media screen and (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n\n///\n/// A maximum media query device breakpoint\n///\n@mixin break-to-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    $max: nth($breakpoint, 2);\n    @media screen and (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Variables\n// ----------------------------------------------------------------------------\n\n// Active (toggled) drawer\n$md-toggle__drawer--checked:\n  \"[data-md-toggle=\\\"drawer\\\"]:checked ~\";\n\n// ----------------------------------------------------------------------------\n// Rules: base grid and containers\n// ----------------------------------------------------------------------------\n\n// Stretch container to viewport and set base font-sizefor simple calculations\n// based on relative ems (rems)\nhtml {\n  height: 100%;\n  // Hack: some browsers on some operating systems don't account for scroll\n  // bars when firing media queries, so we need to do this for safety. This\n  // currently impacts the table of contents component between 1220 and 1234px\n  // and is to current knowledge not fixable.\n  overflow-x: hidden;\n  // Hack: normally, we would set the base font-size to 62.5%, so we can base\n  // all calculations on 10px, but Chromium and Chrome define a minimal font\n  // size of 12 if the system language is set to Chinese. For this reason we\n  // just double the font-size, set it to 20px which seems to do the trick.\n  //\n  // See https://github.com/squidfunk/mkdocs-material/issues/911\n  font-size: 125%;\n\n  // [screen medium +]: Set base font-size to 11px\n  @include break-from-device(screen medium) {\n    font-size: 137.50%;\n  }\n\n  // [screen large +]: Set base font-size to 12px\n  @include break-from-device(screen large) {\n    font-size: 150%;\n  }\n}\n\n// Stretch body to container and leave room for footer\nbody {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-height: 100%;\n  // Hack: reset font-size to 10px, so the spacing for all inline elements is\n  // correct again. Otherwise the spacing would be based on 20px.\n  font-size: 0.5rem; // stylelint-disable-line unit-whitelist\n  background-color: var(--md-default-bg-color);\n\n  // [tablet portrait -]: Lock body to disable scroll bubbling\n  @include break-to-device(tablet portrait) {\n\n    // Lock body to viewport height (e.g. in search mode)\n    &[data-md-state=\"lock\"] {\n      position: fixed;\n    }\n  }\n\n  // Hack: we must not use flex, or Firefox will only print the first page\n  // see https://mzl.la/39DgR3m\n  @media print {\n    display: block;\n  }\n}\n\n// Horizontal separators\nhr {\n  display: block;\n  height: px2rem(1px);\n  padding: 0;\n  border: 0;\n}\n\n// Template-wide grid\n.md-grid {\n  max-width: px2rem(1220px);\n  margin-right: auto;\n  margin-left: auto;\n}\n\n// Content wrapper\n.md-container {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n\n  // Hack: we must not use flex, or Firefox will only print the first page\n  // see https://mzl.la/39DgR3m\n  @media print {\n    display: block;\n  }\n}\n\n// The main content should stretch to maximum height in the table\n.md-main {\n  flex-grow: 1;\n\n  // Increase top spacing of content area to give typography more room\n  &__inner {\n    display: flex;\n    height: 100%;\n    margin-top: px2rem(24px + 6px);\n  }\n}\n\n// Apply ellipsis in case of overflowing text\n.md-ellipsis {\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n// ----------------------------------------------------------------------------\n// Rules: navigational elements\n// ----------------------------------------------------------------------------\n\n// Toggle checkbox\n.md-toggle {\n  display: none;\n}\n\n// Overlay below expanded drawer\n.md-overlay {\n  position: fixed;\n  top: 0;\n  z-index: 3;\n  width: 0;\n  height: 0;\n  background-color: hsla(0, 0%, 0%, 0.54);\n  opacity: 0;\n  transition:\n    width     0ms 250ms,\n    height    0ms 250ms,\n    opacity 250ms;\n\n  // [tablet -]: Trigger overlay\n  @include break-to-device(tablet) {\n\n    // Expanded drawer\n    #{$md-toggle__drawer--checked} & {\n      width: 100%;\n      height: 100%;\n      opacity: 1;\n      transition:\n        width     0ms,\n        height    0ms,\n        opacity 250ms;\n    }\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: skip link\n// ----------------------------------------------------------------------------\n\n// Skip link\n.md-skip {\n  position: fixed;\n  // Hack: if we don't set the negative z-index, the skip link will induce the\n  // creation of new layers when code blocks are near the header on scrolling\n  z-index: -1;\n  margin: px2rem(10px);\n  padding: px2rem(6px) px2rem(10px);\n  color: var(--md-default-bg-color);\n  font-size: px2rem(12.8px);\n  background-color: var(--md-default-fg-color);\n  border-radius: px2rem(2px);\n  transform: translateY(px2rem(8px));\n  opacity: 0;\n\n  // Show skip link on focus\n  &:focus {\n    z-index: 10;\n    transform: translateY(0);\n    opacity: 1;\n    transition:\n      transform 250ms cubic-bezier(0.4, 0, 0.2, 1),\n      opacity   175ms 75ms;\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: print styles\n// ----------------------------------------------------------------------------\n\n// Add margins to page\n@page {\n  margin: 25mm;\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Announcement bar\n.md-announce {\n  overflow: auto;\n  background-color: var(--md-footer-bg-color);\n\n  // Actual content\n  &__inner {\n    margin: px2rem(12px) auto;\n    padding: 0 px2rem(16px);\n    color: var(--md-footer-fg-color);\n    font-size: px2rem(14px);\n  }\n\n  // Hide for print\n  @media print {\n    display: none;\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset {\n\n  // Button\n  .md-button {\n    display: inline-block;\n    padding: px2em(10px) px2em(32px);\n    color: var(--md-primary-fg-color);\n    font-weight: 700;\n    border: px2rem(2px) solid currentColor;\n    border-radius: px2rem(2px);\n    transition:\n      color            125ms,\n      background-color 125ms,\n      border-color     125ms;\n\n    // Primary button\n    &--primary {\n      color: var(--md-primary-bg-color);\n      background-color: var(--md-primary-fg-color);\n      border-color: var(--md-primary-fg-color);\n    }\n\n    // Focused or hovered button\n    &:focus,\n    &:hover {\n      color: var(--md-accent-bg-color);\n      background-color: var(--md-accent-fg-color);\n      border-color: var(--md-accent-fg-color);\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Icon definitions\n:root {\n  --md-clipboard-icon: svg-load(\"@mdi/svg/svg/content-copy.svg\");\n}\n\n// ----------------------------------------------------------------------------\n\n// Copy to clipboard\n.md-clipboard {\n  position: absolute;\n  top: px2em(8px);\n  right: px2em(8px);\n  z-index: 1;\n  width: px2em(24px);\n  height: px2em(24px);\n  color: var(--md-default-fg-color--lightest);\n  // background-color: var(--md-code-bg-color);\n  border-radius: px2rem(2px);\n  cursor: pointer;\n  transition: color 125ms;\n\n  // Hide for print\n  @media print {\n    display: none;\n  }\n\n  // // Make room for clipboard button in case of overflowing code\n  // .md-typeset & + code {\n  //   padding-right: px2em(24px + 2 * 8px, 13.6px);\n  // }\n\n  // Slightly smaller icon\n  &::after {\n    display: block;\n    width: px2em(18px);\n    height: px2em(18px);\n    margin: 0 auto;\n    background-color: currentColor;\n    mask-image: var(--md-clipboard-icon);\n    mask-repeat: no-repeat;\n    content: \"\";\n  }\n\n  // Show on container hover\n  pre:hover & {\n    color: var(--md-default-fg-color--light);\n  }\n\n  // Focused or hovered icon\n  pre &:focus,\n  pre &:hover {\n    color: var(--md-accent-fg-color);\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Content container\n.md-content {\n  flex: 1;\n  max-width: 100%;\n\n  // [tablet landscape]: Decrease horizontal width\n  @include break-at-device(tablet landscape) {\n    max-width: calc(100% - #{px2rem(242px)});\n  }\n\n  // [screen +]: Decrease horizontal width\n  @include break-from-device(screen) {\n    max-width: calc(100% - #{px2rem(242px)} * 2);\n  }\n\n  // Define spacing\n  &__inner {\n    margin: 0 px2rem(16px) px2rem(24px);\n    padding-top: px2rem(12px);\n\n    // [screen +]: Increase horizontal spacing\n    @include break-from-device(screen) {\n      margin-right: px2rem(24px);\n      margin-left: px2rem(24px);\n    }\n\n    // Hack: add pseudo element for spacing, as the overflow of the content\n    // container may not be hidden due to an imminent offset error on targets\n    &::before {\n      display: block;\n      height: px2rem(8px);\n      content: \"\";\n    }\n\n    // Hack: remove bottom spacing of last element, due to margin collapse\n    > :last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  // Button next to the title\n  &__button {\n    float: right;\n    margin: px2rem(8px) 0;\n    margin-left: px2rem(8px);\n    padding: 0;\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      float: left;\n      margin-right: px2rem(8px);\n      margin-left: initial;\n\n      // Flip icon vertically\n      svg {\n        transform: scaleX(-1);\n      }\n    }\n\n    // Override default link color for icons\n    .md-typeset & {\n      color: var(--md-default-fg-color--lighter);\n    }\n\n    // Align text with icon\n    svg {\n      display: inline;\n      vertical-align: top;\n    }\n\n    // Hide for print\n    @media print {\n      display: none;\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Dialog rendered as snackbar\n.md-dialog {\n  @include z-depth(2);\n\n  position: fixed;\n  right: px2rem(16px);\n  bottom: px2rem(16px);\n  left: initial;\n  z-index: 2;\n  display: block;\n  min-width: px2rem(222px);\n  padding: px2rem(8px) px2rem(12px);\n  color: var(--md-default-bg-color);\n  font-size: px2rem(14px);\n  background: var(--md-default-fg-color);\n  border: none;\n  border-radius: px2rem(2px);\n  transform: translateY(100%);\n  opacity: 0;\n  transition:\n    transform 0ms   400ms,\n    opacity   400ms;\n\n  // Adjust for right-to-left languages\n  [dir=\"rtl\"] & {\n    right: initial;\n    left: px2rem(16px);\n  }\n\n  // Show open dialog\n  &[data-md-state=\"open\"] {\n    transform: translateY(0);\n    opacity: 1;\n    transition:\n      transform 400ms cubic-bezier(0.075, 0.85, 0.175, 1),\n      opacity   400ms;\n  }\n\n  // Hide for print\n  @media print {\n    display: none;\n  }\n}\n","//\n// Name:           Material Shadows\n// Description:    Mixins for Material Design Shadows.\n// Version:        3.0.1\n//\n// Author:         Denis Malinochkin\n// Git:            https://github.com/mrmlnc/material-shadows\n//\n// twitter:        @mrmlnc\n//\n// ------------------------------------\n\n\n// Mixins\n// ------------------------------------\n\n@mixin z-depth-transition() {\n  transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);\n}\n\n@mixin z-depth-focus() {\n  box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);\n}\n\n@mixin z-depth-2dp() {\n  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14),\n              0 1px 5px 0 rgba(0, 0, 0, .12),\n              0 3px 1px -2px rgba(0, 0, 0, .2);\n}\n\n@mixin z-depth-3dp() {\n  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14),\n              0 1px 8px 0 rgba(0, 0, 0, .12),\n              0 3px 3px -2px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth-4dp() {\n  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14),\n              0 1px 10px 0 rgba(0, 0, 0, .12),\n              0 2px 4px -1px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth-6dp() {\n  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14),\n              0 1px 18px 0 rgba(0, 0, 0, .12),\n              0 3px 5px -1px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth-8dp() {\n  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14),\n              0 3px 14px 2px rgba(0, 0, 0, .12),\n              0 5px 5px -3px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth-16dp() {\n  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14),\n              0  6px 30px 5px rgba(0, 0, 0, .12),\n              0  8px 10px -5px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth-24dp() {\n  box-shadow: 0  9px 46px  8px rgba(0, 0, 0, .14),\n              0 24px 38px  3px rgba(0, 0, 0, .12),\n              0 11px 15px -7px rgba(0, 0, 0, .4);\n}\n\n@mixin z-depth($dp: 2) {\n  @if $dp == 2 {\n    @include z-depth-2dp();\n  } @else if $dp == 3 {\n    @include z-depth-3dp();\n  } @else if $dp == 4 {\n    @include z-depth-4dp();\n  } @else if $dp == 6 {\n    @include z-depth-6dp();\n  } @else if $dp == 8 {\n    @include z-depth-8dp();\n  } @else if $dp == 16 {\n    @include z-depth-16dp();\n  } @else if $dp == 24 {\n    @include z-depth-24dp();\n  }\n}\n\n\n// Class generator\n// ------------------------------------\n\n@mixin z-depth-classes($transition: false, $focus: false) {\n  @if $transition == true {\n    &-transition {\n      @include z-depth-transition();\n    }\n  }\n\n  @if $focus == true {\n    &-focus {\n      @include z-depth-focus();\n    }\n  }\n\n  // The available values for the shadow depth\n  @each $depth in 2, 3, 4, 6, 8, 16, 24 {\n    &-#{$depth}dp {\n      @include z-depth($depth);\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Application header (stays always on top)\n.md-header {\n  position: sticky;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  height: px2rem(48px);\n  color: var(--md-primary-bg-color);\n  background-color: var(--md-primary-fg-color);\n  // Hack: reduce jitter by adding a transparent box shadow of the same size\n  // so the size of the layer doesn't change during animation\n  box-shadow:\n    0 0           px2rem(4px) rgba(0, 0, 0, 0),\n    0 px2rem(4px) px2rem(8px) rgba(0, 0, 0, 0);\n  transition:\n    color            250ms,\n    background-color 250ms;\n\n  // Always hide shadow, in case JavaScript is not available\n  .no-js & {\n    box-shadow: none;\n    transition: none;\n  }\n\n  // Show and animate shadow\n  &[data-md-state=\"shadow\"] {\n    box-shadow:\n      0 0           px2rem(4px) rgba(0, 0, 0, 0.1),\n      0 px2rem(4px) px2rem(8px) rgba(0, 0, 0, 0.2);\n    transition:\n      color            250ms,\n      background-color 250ms,\n      box-shadow       250ms;\n  }\n\n  // Hide for print\n  @media print {\n    display: none;\n  }\n}\n\n// Navigation within header\n.md-header-nav {\n  display: flex;\n  padding: 0 px2rem(4px);\n\n  // Icon buttons\n  &__button {\n    position: relative;\n    z-index: 1;\n    display: block;\n    margin: px2rem(4px);\n    padding: px2rem(8px);\n    cursor: pointer;\n    transition: opacity 250ms;\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n\n      // Flip icon vertically\n      svg {\n        transform: scaleX(-1);\n      }\n    }\n\n    // Focused or hovered icon\n    &:focus,\n    &:hover {\n      opacity: 0.7;\n    }\n\n    // Logo\n    &.md-logo {\n      margin: px2rem(4px);\n      padding: px2rem(8px);\n\n      // Image or icon\n      img,\n      svg {\n        display: block;\n        width: px2rem(24px);\n        height: px2rem(24px);\n        fill: currentColor;\n      }\n    }\n\n    // Hide search icon, if JavaScript is not available.\n    .no-js &[for=\"__search\"] {\n      display: none;\n    }\n\n    // [tablet landscape +]: Hide the search button\n    @include break-from-device(tablet landscape) {\n\n      // Search button\n      &[for=\"__search\"] {\n        display: none;\n      }\n    }\n\n    // [tablet -]: Hide the logo\n    @include break-to-device(tablet) {\n\n      // Logo\n      &.md-logo {\n        display: none;\n      }\n    }\n\n    // [screen +]: Hide the menu button\n    @include break-from-device(screen) {\n\n      // Menu button\n      &[for=\"__drawer\"] {\n        display: none;\n      }\n    }\n  }\n\n  // Header topics\n  &__topic {\n    position: absolute;\n    width: 100%;\n    transition:\n      transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),\n      opacity   150ms;\n\n    // Page title\n    & + & {\n      z-index: -1;\n      transform: translateX(px2rem(25px));\n      opacity: 0;\n      transition:\n        transform 400ms cubic-bezier(1, 0.7, 0.1, 0.1),\n        opacity   150ms;\n      pointer-events: none;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        transform: translateX(px2rem(-25px));\n      }\n    }\n\n    // Induce ellipsis, if no JavaScript is available\n    .no-js & {\n      position: initial;\n    }\n\n    // Hide page title as it is invisible anyway and will overflow the header\n    .no-js & + & {\n      display: none;\n    }\n  }\n\n  // Header title - set line height to match icon for correct alignment\n  &__title {\n    flex-grow: 1;\n    padding: 0 px2rem(20px);\n    font-size: px2rem(18px);\n    line-height: px2rem(48px);\n\n    // Show page title\n    &[data-md-state=\"active\"] .md-header-nav__topic {\n      z-index: -1;\n      transform: translateX(px2rem(-25px));\n      opacity: 0;\n      transition:\n        transform 400ms cubic-bezier(1, 0.7, 0.1, 0.1),\n        opacity   150ms;\n      pointer-events: none;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        transform: translateX(px2rem(25px));\n      }\n\n      // Page title\n      & + .md-header-nav__topic {\n        z-index: 0;\n        transform: translateX(0);\n        opacity: 1;\n        transition:\n          transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),\n          opacity   150ms;\n        pointer-events: initial;\n      }\n    }\n\n    // Patch ellipsis\n    > .md-header-nav__ellipsis {\n      position: relative;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  // Repository containing source\n  &__source {\n    display: none;\n\n    // [tablet landscape +]: Show the reposistory from tablet\n    @include break-from-device(tablet landscape) {\n      display: block;\n      width: px2rem(234px);\n      max-width: px2rem(234px);\n      margin-left: px2rem(20px);\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        margin-right: px2rem(20px);\n        margin-left: initial;\n      }\n    }\n\n    // [screen +]: Increase spacing of search bar\n    @include break-from-device(screen) {\n      margin-left: px2rem(28px);\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        margin-right: px2rem(28px);\n      }\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Hero teaser\n.md-hero {\n  overflow: hidden;\n  color: var(--md-primary-bg-color);\n  font-size: px2rem(20px);\n  background-color: var(--md-primary-fg-color);\n  transition: background 250ms;\n\n  // Inner wrapper\n  &__inner {\n    margin-top: px2rem(20px);\n    padding: px2rem(16px) px2rem(16px) px2rem(8px);\n    transition:\n      transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),\n      opacity   250ms;\n    transition-delay: 100ms;\n\n    // [tablet -]: Compensate for missing tabs\n    @include break-to-device(tablet) {\n      margin-top: px2rem(48px);\n      margin-bottom: px2rem(24px);\n    }\n\n    // Fade-out tabs background upon scrolling\n    [data-md-state=\"hidden\"] & {\n      transform: translateY(px2rem(12.5px));\n      opacity: 0;\n      transition:\n        transform   0ms 400ms,\n        opacity   100ms   0ms;\n      pointer-events: none;\n    }\n\n    // Adjust bottom spacing if there are no tabs\n    .md-hero--expand & {\n      margin-bottom: px2rem(24px);\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Application footer\n.md-footer {\n  color: var(--md-footer-fg-color);\n  background-color: var(--md-footer-bg-color);\n\n  // Hide for print\n  @media print {\n    display: none;\n  }\n}\n\n// Navigation within footer\n.md-footer-nav {\n\n  // Set spacing\n  &__inner {\n    padding: px2rem(4px);\n    overflow: auto;\n  }\n\n  // Links to previous and next page\n  &__link {\n    display: flex;\n    padding-top: px2rem(28px);\n    padding-bottom: px2rem(8px);\n    transition: opacity 250ms;\n\n    // [tablet +]: Set proportional width\n    @include break-from-device(tablet) {\n      width: 50%;\n    }\n\n    // Focused or hovered links\n    &:focus,\n    &:hover {\n      opacity: 0.7;\n    }\n\n    // Link to previous page\n    &--prev {\n      float: left;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        float: right;\n\n        // Flip icon vertically\n        svg {\n          transform: scaleX(-1);\n        }\n      }\n\n      // [mobile -]: Hide title for previous page\n      @include break-to-device(mobile) {\n        width: 25%;\n\n        // Title\n        .md-footer-nav__title {\n          display: none;\n        }\n      }\n    }\n\n    // Link to next page\n    &--next {\n      float: right;\n      text-align: right;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        float: left;\n        text-align: left;\n\n        // Flip icon vertically\n        svg {\n          transform: scaleX(-1);\n        }\n      }\n\n      // [mobile -]: Hide title for previous page\n      @include break-to-device(mobile) {\n        width: 75%;\n      }\n    }\n  }\n\n  // Link title - set line height to match icon for correct alignment\n  &__title {\n    position: relative;\n    flex-grow: 1;\n    max-width: calc(100% - #{px2rem(48px)});\n    padding: 0 px2rem(20px);\n    font-size: px2rem(18px);\n    line-height: px2rem(48px);\n  }\n\n  // Link button\n  &__button {\n    margin: px2rem(4px);\n    padding: px2rem(8px);\n  }\n\n  // Link direction\n  &__direction {\n    position: absolute;\n    right: 0;\n    left: 0;\n    margin-top: px2rem(-20px);\n    padding: 0 px2rem(20px);\n    font-size: px2rem(12.8px);\n    opacity: 0.7;\n  }\n}\n\n// Non-navigational information\n.md-footer-meta {\n  background-color: var(--md-footer-bg-color--dark);\n\n  // Set spacing\n  &__inner {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    padding: px2rem(4px);\n  }\n\n  // Use a decent color for non-hovered links and ensure specificity\n  html &.md-typeset a {\n    color: var(--md-footer-fg-color--light);\n\n    // Focused or hovered link\n    &:focus,\n    &:hover {\n      color: var(--md-footer-fg-color);\n    }\n  }\n}\n\n// Copyright and theme information\n.md-footer-copyright {\n  width: 100%;\n  margin: auto px2rem(12px);\n  padding: px2rem(8px) 0;\n  color: var(--md-footer-fg-color--lighter);\n  font-size: px2rem(12.8px);\n\n  // [tablet portrait +]: Show next to social media links\n  @include break-from-device(tablet portrait) {\n    width: auto;\n  }\n\n  // Highlight copyright information\n  &__highlight {\n    color: var(--md-footer-fg-color--light);\n  }\n}\n\n// Social links\n.md-footer-social {\n  margin: 0 px2rem(8px);\n  padding: px2rem(4px) 0 px2rem(12px);\n\n  // [tablet portrait +]: Show next to copyright information\n  @include break-from-device(tablet portrait) {\n    padding: px2rem(12px) 0;\n  }\n\n  // Link with icon\n  &__link {\n    display: inline-block;\n    width: px2rem(32px);\n    height: px2rem(32px);\n    text-align: center;\n\n    // Adjust line-height to match height for correct alignment\n    &::before {\n      line-height: 1.9;\n    }\n\n    // Social icon\n    svg {\n      max-height: px2rem(16px);\n      vertical-align: -25%;\n      fill: currentColor;\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Icon definitions\n:root {\n  --md-nav-icon--prev: svg-load(\"@mdi/svg/svg/arrow-left.svg\");\n  --md-nav-icon--next: svg-load(\"@mdi/svg/svg/chevron-right.svg\");\n  --md-toc-icon: svg-load(\"@mdi/svg/svg/table-of-contents.svg\");\n}\n\n// ----------------------------------------------------------------------------\n\n// Navigation container\n.md-nav {\n  font-size: px2rem(14px);\n  line-height: 1.3;\n\n  // List title\n  &__title {\n    display: block;\n    padding: 0 px2rem(12px);\n    overflow: hidden;\n    font-weight: 700;\n    text-overflow: ellipsis;\n\n    // Hide buttons by default\n    .md-nav__button {\n      display: none;\n\n      // Stretch images\n      img {\n        width: 100%;\n        height: auto;\n      }\n\n      // Logo\n      &.md-logo {\n\n        // Image or icon\n        img,\n        svg {\n          display: block;\n          width: px2rem(48px);\n          height: px2rem(48px);\n        }\n\n        // Icon\n        svg {\n          fill: currentColor;\n        }\n      }\n    }\n  }\n\n  // List of items\n  &__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  // List item\n  &__item {\n    padding: 0 px2rem(12px);\n\n    // Add bottom spacing to last item\n    &:last-child {\n      padding-bottom: px2rem(12px);\n    }\n\n    // 2nd+ level items\n    & & {\n      padding-right: 0;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        padding-right: px2rem(12px);\n        padding-left: 0;\n      }\n\n      // Remove bottom spacing for nested items\n      &:last-child {\n        padding-bottom: 0;\n      }\n    }\n  }\n\n  // Link inside item\n  &__link {\n    display: block;\n    margin-top: 0.625em;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    cursor: pointer;\n    transition: color 125ms;\n    scroll-snap-align: start;\n\n    // Hide link to table of contents by default - this will only match the\n    // table of contents inside the drawer below and including tablet portrait\n    html &[for=\"__toc\"] {\n      display: none;\n\n      // Hide table of contents by default\n      & ~ .md-nav {\n        display: none;\n      }\n    }\n\n    // Blurred link\n    &[data-md-state=\"blur\"] {\n      color: var(--md-default-fg-color--light);\n    }\n\n    // Active link\n    .md-nav__item &--active {\n      color: var(--md-typeset-a-color);\n    }\n\n    // Reset active color for nested list titles\n    .md-nav__item--nested > & {\n      color: inherit;\n    }\n\n    // Focused or hovered link\n    &:focus,\n    &:hover {\n      color: var(--md-accent-fg-color);\n    }\n  }\n\n  // Repository containing source\n  &__source {\n    display: none;\n  }\n\n  // [tablet -]: Layered navigation\n  @include break-to-device(tablet) {\n    background-color: var(--md-default-bg-color);\n\n    // Stretch primary navigation to drawer\n    &--primary,\n    &--primary .md-nav {\n      position: absolute;\n      top: 0;\n      right: 0;\n      left: 0;\n      z-index: 1;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    // Adjust styles for primary navigation\n    &--primary {\n\n      // List title and item\n      .md-nav__title,\n      .md-nav__item {\n        font-size: px2rem(16px);\n        line-height: 1.5;\n      }\n\n      // List title\n      .md-nav__title {\n        position: relative;\n        height: px2rem(112px);\n        padding: px2rem(60px) px2rem(16px) px2rem(4px);\n        color: var(--md-default-fg-color--light);\n        font-weight: 400;\n        line-height: px2rem(48px);\n        white-space: nowrap;\n        background-color: var(--md-default-fg-color--lightest);\n        cursor: pointer;\n\n        // Navigation icon\n        .md-nav__icon {\n          position: absolute;\n          top: px2rem(8px);\n          left: px2rem(8px);\n          display: block;\n          width: px2rem(24px);\n          height: px2rem(24px);\n          margin: px2rem(4px);\n\n          // Previous navigation item icon\n          &::after {\n            display: block;\n            width: 100%;\n            height: 100%;\n            background-color: currentColor;\n            mask-image: var(--md-nav-icon--prev);\n            mask-repeat: no-repeat;\n            content: \"\";\n          }\n\n          // Adjust for right-to-left languages\n          [dir=\"rtl\"] & {\n            right: px2rem(8px);\n            left: initial;\n          }\n        }\n\n        // Main lists\n        ~ .md-nav__list {\n          overflow-y: auto;\n          background-color: var(--md-default-bg-color);\n          box-shadow:\n            0 px2rem(1px) 0 var(--md-default-fg-color--lightest) inset;\n          scroll-snap-type: y mandatory;\n          touch-action: pan-y;\n\n          // Remove border for first list item\n          > .md-nav__item:first-child {\n            border-top: 0;\n          }\n        }\n\n        // Site title in main navigation\n        &[for=\"__drawer\"] {\n          position: relative;\n          color: var(--md-primary-bg-color);\n          background-color: var(--md-primary-fg-color);\n\n          // Site logo\n          .md-nav__button {\n            position: absolute;\n            top: px2rem(4px);\n            left: px2rem(4px);\n            display: block;\n            margin: px2rem(4px);\n            padding: px2rem(8px);\n            font-size: px2rem(48px);\n          }\n        }\n      }\n\n      // Adjust for right-to-left languages\n      html [dir=\"rtl\"] & .md-nav__title {\n\n        // Site title in main navigation\n        &[for=\"__drawer\"] .md-nav__button {\n          right: px2rem(4px);\n          left: initial;\n        }\n      }\n\n      // List of items\n      .md-nav__list {\n        flex: 1;\n      }\n\n      // List item\n      .md-nav__item {\n        padding: 0;\n        border-top: px2rem(1px) solid var(--md-default-fg-color--lightest);\n\n        // Adjust for right-to-left languages\n        [dir=\"rtl\"] & {\n          padding: 0;\n        }\n\n        // Increase spacing to account for icon\n        &--nested > .md-nav__link {\n          padding-right: px2rem(48px);\n\n          // Adjust for right-to-left languages\n          [dir=\"rtl\"] & {\n            padding-right: px2rem(16px);\n            padding-left: px2rem(48px);\n          }\n        }\n\n        // Active parent item\n        &--active > .md-nav__link {\n          color: var(--md-typeset-a-color);\n\n          // Focused or hovered linl\n          &:focus,\n          &:hover {\n            color: var(--md-accent-fg-color);\n          }\n        }\n      }\n\n      // Link inside item\n      .md-nav__link {\n        position: relative;\n        margin-top: 0;\n        padding: px2rem(12px) px2rem(16px);\n\n        // Navigation icon\n        .md-nav__icon {\n          position: absolute;\n          top: 50%;\n          right: px2rem(12px);\n          width: px2rem(24px);\n          height: px2rem(24px);\n          margin-top: px2rem(-12px);\n          color: inherit;\n          font-size: px2rem(24px);\n\n          // Next navigation item icon\n          &::after {\n            display: block;\n            width: 100%;\n            height: 100%;\n            background-color: currentColor;\n            mask-image: var(--md-nav-icon--next);\n            mask-repeat: no-repeat;\n            content: \"\";\n          }\n\n          // Adjust for right-to-left languages\n          [dir=\"rtl\"] & {\n            right: initial;\n            left: px2rem(12px);\n          }\n        }\n      }\n\n      // Navigation icon\n      .md-nav__icon {\n\n        // Adjust for right-to-left languages\n        [dir=\"rtl\"] & {\n\n          // Flip icon vertically\n          &::after {\n            transform: scale(-1);\n          }\n        }\n      }\n\n      // Table of contents inside navigation\n      .md-nav--secondary {\n\n        // Set links to static to avoid unnecessary layering\n        .md-nav__link {\n          position: static;\n        }\n\n        // Set nested navigation for table of contents to static\n        .md-nav {\n          position: static;\n          background-color: transparent;\n\n          // 3rd level link\n          .md-nav__link {\n            padding-left: px2rem(28px);\n\n            // Adjust for right-to-left languages\n            [dir=\"rtl\"] & {\n              padding-right: px2rem(28px);\n              padding-left: initial;\n            }\n          }\n\n          // 4th level link\n          .md-nav .md-nav__link {\n            padding-left: px2rem(40px);\n\n            // Adjust for right-to-left languages\n            [dir=\"rtl\"] & {\n              padding-right: px2rem(40px);\n              padding-left: initial;\n            }\n          }\n\n          // 5th level link\n          .md-nav .md-nav .md-nav__link {\n            padding-left: px2rem(52px);\n\n            // Adjust for right-to-left languages\n            [dir=\"rtl\"] & {\n              padding-right: px2rem(52px);\n              padding-left: initial;\n            }\n          }\n\n          // 6th level link\n          .md-nav .md-nav .md-nav .md-nav__link {\n            padding-left: px2rem(64px);\n\n            // Adjust for right-to-left languages\n            [dir=\"rtl\"] & {\n              padding-right: px2rem(64px);\n              padding-left: initial;\n            }\n          }\n        }\n      }\n    }\n\n    // Hide nested navigation by default\n    .md-nav__toggle ~ & {\n      display: flex;\n      transform: translateX(100%);\n      opacity: 0;\n      transition:\n        transform 250ms cubic-bezier(0.8, 0, 0.6, 1),\n        opacity   125ms 50ms;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        transform: translateX(-100%);\n      }\n    }\n\n    // Expand nested navigation, if toggle is checked\n    .md-nav__toggle:checked ~ & {\n      transform: translateX(0);\n      opacity: 1;\n      transition:\n        transform 250ms cubic-bezier(0.4, 0, 0.2, 1),\n        opacity   125ms 125ms;\n\n      // Hack: reduce jitter\n      > .md-nav__list {\n        backface-visibility: hidden;\n      }\n    }\n  }\n\n  // [tablet portrait -]: Show table of contents in drawer\n  @include break-to-device(tablet portrait) {\n\n    // Show link to table of contents - higher specificity is necessary to\n    // display the table of contents inside the drawer\n    html &__link[for=\"__toc\"] {\n      display: block;\n      padding-right: px2rem(48px);\n\n      // Hide link to current item\n      + .md-nav__link {\n        display: none;\n      }\n\n      // Table of contents icon\n      .md-icon::after {\n        display: block;\n        width: 100%;\n        height: 100%;\n        mask-image: var(--md-toc-icon);\n        background-color: currentColor;\n        content: \"\";\n      }\n\n      // Show table of contents\n      & ~ .md-nav {\n        display: flex;\n      }\n    }\n\n    // Adjust for right-to-left languages\n    html [dir=\"rtl\"] &__link {\n      padding-right: px2rem(16px);\n      padding-left: px2rem(48px);\n    }\n\n    // Repository containing source\n    &__source {\n      display: block;\n      padding: 0 px2rem(4px);\n      color: var(--md-primary-bg-color);\n      background-color: var(--md-primary-fg-color--dark);\n    }\n  }\n\n  // [tablet landscape +]: Tree-like navigation\n  @include break-from-device(tablet landscape) {\n\n    // List title\n    &--secondary .md-nav__title {\n\n      // Snap to table of contents title\n      &[for=\"__toc\"] {\n        scroll-snap-align: start;\n      }\n\n      // Hide icon\n      .md-nav__icon {\n        display: none;\n      }\n    }\n  }\n\n  // [screen +]: Tree-like navigation\n  @include break-from-device(screen) {\n    transition: max-height 250ms cubic-bezier(0.86, 0, 0.07, 1);\n\n    // List title\n    &--primary .md-nav__title {\n\n      // Snap to site title\n      &[for=\"__drawer\"] {\n        scroll-snap-align: start;\n      }\n\n      // Hide icon\n      .md-nav__icon {\n        display: none;\n      }\n    }\n\n    // Hide nested navigation by default\n    .md-nav__toggle ~ & {\n      display: none;\n    }\n\n    // Show nested navigation, if toggle is checked\n    .md-nav__toggle:checked ~ & {\n      display: block;\n    }\n\n    // Hide titles for nested navigation\n    &__item--nested > .md-nav > &__title {\n      display: none;\n    }\n\n    // Navigation icon\n    &__icon {\n      float: right;\n      width: px2rem(18px);\n      height: px2rem(18px);\n      transition: transform 250ms;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        float: left;\n        transform: rotate(180deg);\n      }\n\n      // Inline icon and adjust icon to match font size\n      &::after {\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n        vertical-align: px2rem(-2px);\n        background-color: currentColor;\n        mask-image: var(--md-nav-icon--next);\n        mask-repeat: no-repeat;\n        content: \"\";\n      }\n\n      // Rotate icon for expanded lists\n      .md-nav__item--nested .md-nav__toggle:checked ~ .md-nav__link & {\n        transform: rotate(90deg);\n      }\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Variables\n// ----------------------------------------------------------------------------\n\n// Active (toggled) search\n$md-toggle__search--checked:\n  \"[data-md-toggle=\\\"search\\\"]:checked ~ .md-header\";\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Search container\n.md-search {\n  position: relative;\n\n  // Hide search, if JavaScript is not available.\n  .no-js & {\n    display: none;\n  }\n\n  // [tablet landscape +]: Header-embedded search\n  @include break-from-device(tablet landscape) {\n    padding: px2rem(4px) 0;\n  }\n\n  // Search modal overlay\n  &__overlay {\n    z-index: 1;\n    opacity: 0;\n\n    // [tablet portrait -]: Full-screen search bar\n    @include break-to-device(tablet portrait) {\n      position: absolute;\n      top: px2rem(4px);\n      left: px2rem(-44px);\n      width: px2rem(40px);\n      height: px2rem(40px);\n      overflow: hidden;\n      background-color: var(--md-default-bg-color);\n      border-radius: px2rem(20px);\n      transform-origin: center;\n      transition:\n        transform 300ms 100ms,\n        opacity   200ms 200ms;\n      pointer-events: none;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        right: px2rem(-44px);\n        left: initial;\n      }\n\n      // Expanded overlay\n      #{$md-toggle__search--checked} & {\n        opacity: 1;\n        transition:\n          transform 400ms,\n          opacity   100ms;\n      }\n    }\n\n    // Set scale factors\n    #{$md-toggle__search--checked} & {\n\n      // [mobile portrait -]: Scale up 45 times\n      @include break-to-device(mobile portrait) {\n        transform: scale(45);\n      }\n\n      // [mobile landscape]: Scale up 60 times\n      @include break-at-device(mobile landscape) {\n        transform: scale(60);\n      }\n\n      // [tablet portrait]: Scale up 75 times\n      @include break-at-device(tablet portrait) {\n        transform: scale(75);\n      }\n    }\n\n    // [tablet landscape +]: Overlay for better focus on search\n    @include break-from-device(tablet landscape) {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 0;\n      height: 0;\n      background-color: hsla(0, 0%, 0%, 0.54);\n      cursor: pointer;\n      transition:\n        width     0ms 250ms,\n        height    0ms 250ms,\n        opacity 250ms;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        right: 0;\n        left: initial;\n      }\n\n      // Expanded overlay\n      #{$md-toggle__search--checked} & {\n        width: 100%;\n        height: 100%;\n        opacity: 1;\n        transition:\n          width     0ms,\n          height    0ms,\n          opacity 250ms;\n      }\n    }\n  }\n\n  // Search modal wrapper\n  &__inner {\n    // Hack: reduce jitter\n    backface-visibility: hidden;\n\n    // [tablet portrait -]: Put search modal off-canvas by default\n    @include break-to-device(tablet portrait) {\n      position: fixed;\n      top: 0;\n      left: 100%;\n      z-index: 2;\n      width: 100%;\n      height: 100%;\n      transform: translateX(5%);\n      opacity: 0;\n      transition:\n        right       0ms 300ms,\n        left        0ms 300ms,\n        transform 150ms 150ms cubic-bezier(0.4, 0, 0.2, 1),\n        opacity   150ms 150ms;\n\n      // Active search modal\n      #{$md-toggle__search--checked} & {\n        left: 0;\n        transform: translateX(0);\n        opacity: 1;\n        transition:\n          right       0ms   0ms,\n          left        0ms   0ms,\n          transform 150ms 150ms cubic-bezier(0.1, 0.7, 0.1, 1),\n          opacity   150ms 150ms;\n\n        // Adjust for right-to-left languages\n        [dir=\"rtl\"] & {\n          right: 0;\n          left: initial;\n        }\n      }\n\n      // Adjust for right-to-left languages\n      html [dir=\"rtl\"] & {\n        right: 100%;\n        left: initial;\n        transform: translateX(-5%);\n      }\n    }\n\n    // [tablet landscape +]: Header-embedded search\n    @include break-from-device(tablet landscape) {\n      position: relative;\n      float: right;\n      width: px2rem(234px);\n      padding: px2rem(2px) 0;\n      transition: width 250ms cubic-bezier(0.1, 0.7, 0.1, 1);\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        float: left;\n      }\n    }\n\n    // Set maximum width\n    #{$md-toggle__search--checked} & {\n\n      // [tablet landscape]: Do not overlay title\n      @include break-at-device(tablet landscape) {\n        width: px2rem(468px);\n      }\n\n      // [screen +]: Match content width\n      @include break-from-device(screen) {\n        width: px2rem(688px);\n      }\n    }\n  }\n\n  // Search form\n  &__form {\n    position: relative;\n\n    // [tablet landscape +]: Header-embedded search\n    @include break-from-device(tablet landscape) {\n      border-radius: px2rem(2px);\n    }\n  }\n\n  // Search input\n  &__input {\n    position: relative;\n    z-index: 2;\n    padding: 0 px2rem(44px) 0 px2rem(72px);\n    text-overflow: ellipsis;\n    background-color: var(--md-default-bg-color);\n    transition:\n      color            250ms,\n      background-color 250ms;\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      padding: 0 px2rem(72px) 0 px2rem(44px);\n    }\n\n    // Transition on placeholder\n    &::placeholder {\n      transition: color 250ms;\n    }\n\n    // Placeholder and icon color in active state\n    ~ .md-search__icon,\n    &::placeholder {\n      color: var(--md-default-fg-color--light);\n    }\n\n    // Remove the \"x\" rendered by Internet Explorer\n    &::-ms-clear {\n      display: none;\n    }\n\n    // [tablet portrait -]: Full-screen search bar\n    @include break-to-device(tablet portrait) {\n      width: 100%;\n      height: px2rem(48px);\n      font-size: px2rem(18px);\n    }\n\n    // [tablet landscape +]: Header-embedded search\n    @include break-from-device(tablet landscape) {\n      width: 100%;\n      height: px2rem(36px);\n      padding-left: px2rem(44px);\n      color: inherit;\n      font-size: px2rem(16px);\n      background-color: hsla(0, 0%, 0%, 0.26);\n      border-radius: px2rem(2px);\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        padding-right: px2rem(44px);\n      }\n\n      // Search icon color\n      + .md-search__icon {\n        color: var(--md-primary-bg-color);\n      }\n\n      // Placeholder color\n      &::placeholder {\n        color: var(--md-primary-bg-color--light);\n      }\n\n      // Hovered search field\n      &:hover {\n        background-color: hsla(0, 0%, 100%, 0.12);\n      }\n\n      // Set light background on active search field\n      #{$md-toggle__search--checked} & {\n        color: var(--md-default-fg-color);\n        text-overflow: clip;\n        background-color: var(--md-default-bg-color);\n        border-radius: px2rem(2px) px2rem(2px) 0 0;\n\n        // Search icon and placeholder color in active state\n        + .md-search__icon,\n        &::placeholder {\n          color: var(--md-default-fg-color--light);\n        }\n      }\n    }\n  }\n\n  // Search icon\n  &__icon {\n    position: absolute;\n    z-index: 2;\n    width: px2rem(24px);\n    height: px2rem(24px);\n    cursor: pointer;\n    transition:\n      color   250ms,\n      opacity 250ms;\n\n    // Hovered icon\n    &:hover {\n      opacity: 0.7;\n    }\n\n    // Search icon\n    &[for=\"__search\"] {\n      top: px2rem(6px);\n      left: px2rem(10px);\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        right: px2rem(10px);\n        left: initial;\n\n        // Flip icon vertically\n        svg {\n          transform: scaleX(-1);\n        }\n      }\n\n      // [tablet portrait -]: Full-screen search bar\n      @include break-to-device(tablet portrait) {\n        top: px2rem(12px);\n        left: px2rem(16px);\n\n        // Adjust for right-to-left languages\n        [dir=\"rtl\"] & {\n          right: px2rem(16px);\n          left: initial;\n        }\n\n        // Hide the magnifying glass (1st icon)\n        svg:first-child {\n          display: none;\n        }\n      }\n\n      // [tablet landscape +]: Header-embedded search\n      @include break-from-device(tablet landscape) {\n        pointer-events: none;\n\n        // Hide the arrow (2nd icon)\n        svg:last-child {\n          display: none;\n        }\n      }\n    }\n\n    // Reset button\n    &[type=\"reset\"] {\n      top: px2rem(6px);\n      right: px2rem(10px);\n      transform: scale(0.75);\n      opacity: 0;\n      transition:\n        transform 150ms cubic-bezier(0.1, 0.7, 0.1, 1),\n        opacity   150ms;\n      pointer-events: none;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        right: initial;\n        left: px2rem(10px);\n      }\n\n      // [tablet portrait -]: Full-screen search bar\n      @include break-to-device(tablet portrait) {\n        top: px2rem(12px);\n        right: px2rem(16px);\n\n        // Adjust for right-to-left languages\n        [dir=\"rtl\"] & {\n          right: initial;\n          left: px2rem(16px);\n        }\n      }\n\n      // Show reset button if search is active and input non-empty\n      #{$md-toggle__search--checked}\n      .md-search__input:not(:placeholder-shown) ~ & {\n        transform: scale(1);\n        opacity: 1;\n        pointer-events: initial;\n\n        // Hovered icon\n        &:hover {\n          opacity: 0.7;\n        }\n      }\n    }\n  }\n\n  // Search output container\n  &__output {\n    position: absolute;\n    z-index: 1;\n    width: 100%;\n    overflow: hidden;\n    border-radius: 0 0 px2rem(2px) px2rem(2px);\n\n    // [tablet portrait -]: Full-screen search bar\n    @include break-to-device(tablet portrait) {\n      top: px2rem(48px);\n      bottom: 0;\n    }\n\n    // [tablet landscape +]: Header-embedded search\n    @include break-from-device(tablet landscape) {\n      top: px2rem(38px);\n      opacity: 0;\n      transition: opacity 400ms;\n\n      // Show search output in active state\n      #{$md-toggle__search--checked} & {\n        @include z-depth(6);\n\n        opacity: 1;\n      }\n    }\n  }\n\n  // Wrapper for scrolling on overflow\n  &__scrollwrap {\n    height: 100%;\n    overflow-y: auto;\n    background-color: var(--md-default-bg-color);\n    // Hack: reduce jitter\n    backface-visibility: hidden;\n    scroll-snap-type: y mandatory;\n    touch-action: pan-y;\n\n    // Mitigiate excessive repaints on non-retina devices\n    @media (max-resolution: 1dppx) {\n      transform: translateZ(0);\n    }\n\n    // [tablet landscape]: Set absolute width to omit unnecessary reflow\n    @include break-at-device(tablet landscape) {\n      width: px2rem(468px);\n    }\n\n    // [screen +]: Set absolute width to omit unnecessary reflow\n    @include break-from-device(screen) {\n      width: px2rem(688px);\n    }\n\n    // [tablet landscape +]: Limit height to viewport\n    @include break-from-device(tablet landscape) {\n      max-height: 0;\n      // Override Firefox scrollbar style\n      scrollbar-width: thin;\n      scrollbar-color: var(--md-default-fg-color--lighter) transparent;\n\n      // Expand in active state\n      #{$md-toggle__search--checked} & {\n        max-height: 75vh;\n      }\n\n      // Override Firefox scrollbar hover color\n      &:hover {\n        scrollbar-color: var(--md-accent-fg-color) transparent;\n      }\n\n      // Override native scrollbar styles\n      &::-webkit-scrollbar {\n        width: px2rem(4px);\n        height: px2rem(4px);\n      }\n\n      // Scrollbar thumb\n      &::-webkit-scrollbar-thumb {\n        background-color: var(--md-default-fg-color--lighter);\n\n        // Hovered scrollbar thumb\n        &:hover {\n          background-color: var(--md-accent-fg-color);\n        }\n      }\n    }\n  }\n}\n\n// Search result\n.md-search-result {\n  color: var(--md-default-fg-color);\n  word-break: break-word;\n\n  // Search metadata\n  &__meta {\n    padding: 0 px2rem(16px);\n    color: var(--md-default-fg-color--light);\n    font-size: px2rem(12.8px);\n    line-height: px2rem(36px);\n    background-color: var(--md-default-fg-color--lightest);\n    scroll-snap-align: start;\n\n    // [tablet landscape +]: Increase left indent\n    @include break-from-device(tablet landscape) {\n      padding-left: px2rem(44px);\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        padding-right: px2rem(44px);\n        padding-left: initial;\n      }\n    }\n  }\n\n  // List of items\n  &__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  // List item\n  &__item {\n    box-shadow: 0 px2rem(-1px) 0 var(--md-default-fg-color--lightest);\n\n    // No border for first item\n    &:first-child {\n      box-shadow: none;\n    }\n  }\n\n  // Link inside item\n  &__link {\n    display: block;\n    outline: none;\n    transition: background 250ms;\n    scroll-snap-align: start;\n\n    // Focused or hovered link\n    &:focus,\n    &:hover {\n      background-color: var(--md-accent-fg-color--transparent);\n\n      // Slightly transparent icon\n      .md-search-result__article::before {\n        opacity: 0.7;\n      }\n    }\n\n    // Add a little spacing on the teaser of the last link\n    &:last-child .md-search-result__teaser {\n      margin-bottom: px2rem(12px);\n    }\n  }\n\n  // Article - document or section\n  &__article {\n    position: relative;\n    padding: 0 px2rem(16px);\n    overflow: hidden;\n\n    // [tablet landscape +]: Increase left indent\n    @include break-from-device(tablet landscape) {\n      padding-left: px2rem(44px);\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        padding-right: px2rem(44px);\n        padding-left: px2rem(16px);\n      }\n    }\n\n    // Document\n    &--document {\n\n      // Title\n      .md-search-result__title {\n        margin: px2rem(11px) 0;\n        font-weight: 400;\n        font-size: px2rem(16px);\n        line-height: 1.4;\n      }\n    }\n  }\n\n  // Search result icon\n  &__icon {\n    position: absolute;\n    left: 0;\n    margin: px2rem(2px);\n    padding: px2rem(8px);\n    color: var(--md-default-fg-color--light);\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      right: 0;\n      left: initial;\n\n      // Flip icon vertically\n      svg {\n        transform: scaleX(-1);\n      }\n    }\n\n    // [tablet portrait -]: Hide page icon\n    @include break-to-device(tablet portrait) {\n      display: none;\n    }\n  }\n\n  // Title\n  &__title {\n    margin: 0.5em 0;\n    font-weight: 700;\n    font-size: px2rem(12.8px);\n    line-height: 1.4;\n  }\n\n  // stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix\n\n  // Teaser\n  &__teaser {\n    display: -webkit-box;\n    max-height: px2rem(33px);\n    margin: 0.5em 0;\n    overflow: hidden;\n    color: var(--md-default-fg-color--light);\n    font-size: px2rem(12.8px);\n    line-height: 1.4;\n    text-overflow: ellipsis;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n\n    // [mobile -]: Increase number of lines\n    @include break-to-device(mobile) {\n      max-height: px2rem(50px);\n      -webkit-line-clamp: 3;\n    }\n\n    // [tablet landscape]: Increase number of lines\n    @include break-at-device(tablet landscape) {\n      max-height: px2rem(50px);\n      -webkit-line-clamp: 3;\n    }\n  }\n\n  // stylelint-enable value-no-vendor-prefix, property-no-vendor-prefix\n\n  // Search term highlighting\n  em {\n    font-weight: 700;\n    font-style: normal;\n    text-decoration: underline;\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Variables\n// ----------------------------------------------------------------------------\n\n// Active (toggled) drawer\n$md-toggle__drawer--checked:\n  \"[data-md-toggle=\\\"drawer\\\"]:checked ~ .md-container\";\n\n// ----------------------------------------------------------------------------\n// Keyframes\n// ----------------------------------------------------------------------------\n\n// Activate scroll snapping with delay\n@keyframes md-sidebar__scrollwrap--hack {\n  0%, 99% {\n    scroll-snap-type: none;\n  }\n\n  100% {\n    scroll-snap-type: y mandatory;\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Sidebar container\n.md-sidebar {\n  position: sticky;\n  top: px2rem(48px);\n  align-self: flex-start;\n  width: px2rem(242px);\n  padding: px2rem(24px) 0;\n  overflow: hidden;\n\n  // Hide for print\n  @media print {\n    display: none;\n  }\n\n  // [tablet -]: Convert navigation to drawer\n  @include break-to-device(tablet) {\n\n    // Render primary sidebar as a slideout container\n    &--primary {\n      position: fixed;\n      top: 0;\n      left: px2rem(-242px);\n      z-index: 3;\n      width: px2rem(242px);\n      height: 100%;\n      background-color: var(--md-default-bg-color);\n      transform: translateX(0);\n      transition:\n        transform  250ms cubic-bezier(0.4, 0, 0.2, 1),\n        box-shadow 250ms;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        right: px2rem(-242px);\n        left: initial;\n      }\n\n      // Expanded drawer\n      #{$md-toggle__drawer--checked} & {\n        @include z-depth(8);\n\n        transform: translateX(px2rem(242px));\n\n        // Adjust for right-to-left languages\n        [dir=\"rtl\"] & {\n          transform: translateX(px2rem(-242px));\n        }\n      }\n\n      // Hide overflow for nested navigation\n      .md-sidebar__scrollwrap {\n        overflow: hidden;\n      }\n    }\n  }\n\n  // Secondary sidebar with table of contents\n  &--secondary {\n    display: none;\n    order: 2;\n\n    // [tablet landscape +]: Show table of contents next to body copy\n    @include break-from-device(tablet landscape) {\n      display: block;\n\n      // Ensure smooth scrolling on iOS\n      .md-sidebar__scrollwrap {\n        touch-action: pan-y;\n      }\n    }\n  }\n\n  // Wrapper for scrolling on overflow\n  &__scrollwrap {\n    max-height: 100%;\n    margin: 0 px2rem(4px);\n    overflow-y: auto;\n    // Hack: reduce jitter\n    backface-visibility: hidden;\n    // Override Firefox scrollbar style\n    scrollbar-width: thin;\n    scrollbar-color: var(--md-default-fg-color--lighter) transparent;\n\n    // Hack: Chrome 81+ exhibits a strange bug, where it scrolls the container\n    // to the bottom if `scroll-snap-type` is set on the initial render. For\n    // this reason, we use an animation to set scroll snaping with a slight\n    // delay, which seems to fix the issue (#1667).\n    .js & {\n      animation: md-sidebar__scrollwrap--hack 400ms forwards;\n    }\n\n    // [tablet -]: Adjust margins\n    @include break-to-device(tablet) {\n\n      // Stretch scrollwrap for primary sidebar\n      .md-sidebar--primary & {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: 0;\n        scroll-snap-type: none;\n      }\n    }\n\n    // Override Firefox scrollbar hover color\n    &:hover {\n      scrollbar-color: var(--md-accent-fg-color) transparent;\n    }\n\n    // Override native scrollbar styles\n    &::-webkit-scrollbar {\n      width: px2rem(4px);\n      height: px2rem(4px);\n    }\n\n    // Scrollbar thumb\n    &::-webkit-scrollbar-thumb {\n      background-color: var(--md-default-fg-color--lighter);\n\n      // Hovered scrollbar thumb\n      &:hover {\n        background-color: var(--md-accent-fg-color);\n      }\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Keyframes\n// ----------------------------------------------------------------------------\n\n// Show source facts\n@keyframes md-source__facts--done {\n  0% {\n    height: 0;\n  }\n\n  100% {\n    height: px2rem(13px);\n  }\n}\n\n// Show source fact\n@keyframes md-source__fact--done {\n  0% {\n    transform: translateY(100%);\n    opacity: 0;\n  }\n\n  50% {\n    opacity: 0;\n  }\n\n  100% {\n    transform: translateY(0%);\n    opacity: 1;\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Source container\n.md-source {\n  display: block;\n  font-size: px2rem(13px);\n  line-height: 1.2;\n  white-space: nowrap;\n  // Hack: reduce jitter\n  backface-visibility: hidden;\n  transition: opacity 250ms;\n\n  // Hovered source container\n  &:hover {\n    opacity: 0.7;\n  }\n\n  // Repository platform icon\n  &__icon {\n    display: inline-block;\n    width: px2rem(48px);\n    height: px2rem(48px);\n    vertical-align: middle;\n\n    // Align with margin only (as opposed to normal button alignment)\n    svg {\n      margin-top: px2rem(12px);\n      margin-left: px2rem(12px);\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        margin-right: px2rem(12px);\n        margin-left: initial;\n      }\n    }\n\n    // Correct alignment, if icon is present\n    + .md-source__repository {\n      margin-left: px2rem(-40px);\n      padding-left: px2rem(40px);\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        margin-right: px2rem(-40px);\n        margin-left: initial;\n        padding-right: px2rem(40px);\n        padding-left: initial;\n      }\n    }\n  }\n\n  // Repository name\n  &__repository {\n    display: inline-block;\n    max-width: calc(100% - #{px2rem(24px)});\n    margin-left: px2rem(12px);\n    overflow: hidden;\n    font-weight: 700;\n    text-overflow: ellipsis;\n    vertical-align: middle;\n  }\n\n  // Source facts (statistics etc.)\n  &__facts {\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n    font-weight: 700;\n    font-size: px2rem(11px);\n    list-style-type: none;\n    opacity: 0.75;\n\n    // Show after the data was loaded\n    [data-md-state=\"done\"] & {\n      animation: md-source__facts--done 250ms ease-in;\n    }\n  }\n\n  // Fact\n  &__fact {\n    float: left;\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      float: right;\n    }\n\n    // Show after the data was loaded\n    [data-md-state=\"done\"] & {\n      animation: md-source__fact--done 400ms ease-out;\n    }\n\n    // Middle dot before fact\n    &::before {\n      margin: 0 px2rem(2px);\n      content: \"\\00B7\";\n    }\n\n    // Remove middle dot on first fact\n    &:first-child::before {\n      display: none;\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Tabs with outline\n.md-tabs {\n  width: 100%;\n  overflow: auto;\n  color: var(--md-primary-bg-color);\n  background-color: var(--md-primary-fg-color);\n  transition: background 250ms;\n\n  // Omit transitions, in case JavaScript is not available\n  .no-js & {\n    transition: none;\n  }\n\n  // [tablet -]: Hide tabs for tablet and below, as they don't make any sense\n  @include break-to-device(tablet) {\n    display: none;\n  }\n\n  // Hide for print\n  @media print {\n    display: none;\n  }\n\n  // List of items\n  &__list {\n    margin: 0;\n    margin-left: px2rem(4px);\n    padding: 0;\n    white-space: nowrap;\n    list-style: none;\n    contain: content;\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      margin-right: px2rem(4px);\n      margin-left: initial;\n    }\n  }\n\n  // List item\n  &__item {\n    display: inline-block;\n    height: px2rem(48px);\n    padding-right: px2rem(12px);\n    padding-left: px2rem(12px);\n  }\n\n  // Link inside item - could be defined as block elements and aligned via\n  // line height, but this would imply more repaints when scrolling\n  &__link {\n    display: block;\n    margin-top: px2rem(16px);\n    font-size: px2rem(14px);\n    opacity: 0.7;\n    transition:\n      transform 400ms cubic-bezier(0.1, 0.7, 0.1, 1),\n      opacity   250ms;\n\n    // Omit transitions, in case JavaScript is not available\n    .no-js & {\n      transition: none;\n    }\n\n    // Active or hovered link\n    &--active,\n    &:hover {\n      color: inherit;\n      opacity: 1;\n    }\n\n    // Delay transitions by a small amount\n    @for $i from 2 through 16 {\n      .md-tabs__item:nth-child(#{$i}) & {\n        transition-delay: 20ms * ($i - 1);\n      }\n    }\n  }\n\n  // Fade-out tabs background upon scrolling\n  &[data-md-state=\"hidden\"] {\n    pointer-events: none;\n\n    // Hide tabs upon scrolling - disable transition to minimizes repaints\n    // while scrolling down, while scrolling up seems to be okay\n    .md-tabs__link {\n      transform: translateY(50%);\n      opacity: 0;\n      transition:\n        color     250ms,\n        transform   0ms 400ms,\n        opacity   100ms;\n    }\n  }\n\n  // [screen +]: Adjust main navigation styles\n  @include break-from-device(screen) {\n\n    // Hide 1st level nested items, as they are listed in the tabs\n    ~ .md-main .md-nav--primary > .md-nav__list > .md-nav__item--nested {\n      display: none;\n    }\n\n    // Active tab\n    &--active ~ .md-main {\n\n      // Adjust 1st level styles\n      .md-nav--primary {\n\n        // Show title and remove spacing\n        .md-nav__title {\n          display: block;\n          padding: 0 px2rem(12px);\n          pointer-events: none;\n          scroll-snap-align: start;\n\n          // Hide site title\n          &[for=\"__drawer\"] {\n            display: none;\n          }\n        }\n\n        // Hide 1st level items\n        > .md-nav__list > .md-nav__item {\n          display: none;\n\n          // Show 1st level active nested items\n          &--active {\n            display: block;\n            padding: 0;\n\n            // Hide nested links\n            > .md-nav__link {\n              display: none;\n            }\n          }\n        }\n      }\n\n      // Always expand nested navigation on 2nd level\n      .md-nav[data-md-level=\"1\"] {\n        // Hack: Always show active navigation tab on breakpoint screen, despite\n        // of checkbox being checked or not. Fixes #1655.\n        display: block;\n\n        // Remove spacing on 2nd level items\n        > .md-nav__list > .md-nav__item {\n          padding: 0 px2rem(12px);\n\n          // Add bottom spacing to last item\n          &:last-child {\n            padding-bottom: px2rem(12px);\n\n            // Remove bottom spacing for nested items\n            .md-nav__item {\n              padding-bottom: 0;\n            }\n          }\n        }\n\n        // Hide titles from 2nd level on\n        .md-nav .md-nav__title {\n          display: none;\n        }\n      }\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Variables\n// ----------------------------------------------------------------------------\n\n///\n/// Admonition flavours\n///\n$admonitions: (\n  note:                       pencil $clr-blue-a200,\n  abstract summary tldr:      text-subject $clr-light-blue-a400,\n  info todo:                  information $clr-cyan-a700,\n  tip hint important:         fire $clr-teal-a700,\n  success check done:         check-circle $clr-green-a700,\n  question help faq:          help-circle $clr-light-green-a700,\n  warning caution attention:  alert $clr-orange-a400,\n  failure fail missing:       close-circle $clr-red-a200,\n  danger error:               flash-circle $clr-red-a400,\n  bug:                        bug $clr-pink-a400,\n  example:                    format-list-numbered $clr-deep-purple-a400,\n  quote cite:                 format-quote-close $clr-grey\n) !default;\n\n// ----------------------------------------------------------------------------\n// Rules: layout\n// ----------------------------------------------------------------------------\n\n// Icon definitions\n:root {\n  @each $names, $props in $admonitions {\n    $name: nth($names, 1);\n    $icon: nth($props, 1);\n\n    // Inline icon through PostCSS in Webpack\n    --md-admonition-icon--#{$name}: svg-load(\"@mdi/svg/svg/#{$icon}.svg\");\n  }\n}\n\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset {\n\n  // Admonition extension\n  .admonition {\n    margin: px2em(20px, 12.8px) 0;\n    padding: 0 px2rem(12px);\n    overflow: hidden;\n    color: var(--md-admonition-fg-color);\n    font-size: px2rem(12.8px);\n    page-break-inside: avoid;\n    background-color: var(--md-admonition-bg-color);\n    border-left: px2rem(4px) solid $clr-blue-a200;\n    border-radius: px2rem(2px);\n    box-shadow:\n      0 px2rem(4px) px2rem(10px) hsla(0, 0%, 0%, 0.05),\n      0 0           px2rem(1px)  hsla(0, 0%, 0%, 0.1);\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      border-right: px2rem(4px) solid $clr-blue-a200;\n      border-left: none;\n    }\n\n    // Hack: omit rendering errors for print\n    @media print {\n      box-shadow: none;\n    }\n\n    // Adjust spacing on last element\n    html & > :last-child {\n      margin-bottom: px2rem(12px);\n    }\n\n    // Adjust margin for nested admonition blocks\n    .admonition {\n      margin: 1em 0;\n    }\n\n    // Wrapper for scrolling on overflow\n    .md-typeset__scrollwrap {\n      margin: 1em px2rem(-12px);\n    }\n\n    // Data table wrapper, in case JavaScript is available\n    .md-typeset__table {\n      padding: 0 px2rem(12px);\n    }\n\n    // Tabbed block container is the only child\n    > .tabbed-set:only-child {\n      margin-top: 0;\n    }\n  }\n\n  // Admonition title\n  .admonition-title {\n    position: relative;\n    margin: 0 px2rem(-12px) 0 px2rem(-16px);\n    padding: px2rem(8px) px2rem(12px) px2rem(8px) px2rem(44px);\n    font-weight: 700;\n    background-color: transparentize($clr-blue-a200, 0.9);\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      margin: 0 px2rem(-16px) 0 px2rem(-12px);\n      padding: px2rem(8px) px2rem(40px) px2rem(8px) px2rem(12px);\n    }\n\n    // Reset spacing, if title is the only element\n    html &:last-child {\n      margin-bottom: 0;\n    }\n\n    // Admonition icon\n    &::before {\n      position: absolute;\n      left: px2rem(16px);\n      width: px2rem(20px);\n      height: px2rem(20px);\n      background-color: $clr-blue-a200;\n      mask-image: var(--md-admonition-icon--note);\n      mask-repeat: no-repeat;\n      content: \"\";\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        right: px2rem(16px);\n        left: initial;\n      }\n    }\n\n    // Reset code inside admonition titles\n    code {\n      margin: initial;\n      padding: initial;\n      color: currentColor;\n      background-color: transparent;\n      border-radius: initial;\n      box-shadow: none;\n    }\n\n    // Tabbed block container is the last child\n    + .tabbed-set:last-child {\n      margin-top: 0;\n    }\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: flavours\n// ----------------------------------------------------------------------------\n\n@each $names, $props in $admonitions {\n  $name: nth($names, 1);\n  $tint: nth($props, 2);\n\n  // Admonition base class\n  .md-typeset .admonition.#{$name} {\n    border-color: $tint;\n  }\n\n  // Admonition title\n  .md-typeset .#{$name} > .admonition-title {\n    background-color: transparentize($tint, 0.9);\n\n    // Admonition icon\n    &::before {\n      background-color: $tint;\n      mask-image: var(--md-admonition-icon--#{$name});\n      mask-repeat: no-repeat;\n    }\n  }\n\n  // Define synonyms for base class\n  @if length($names) > 1 {\n    @for $n from 2 through length($names) {\n      .#{nth($names, $n)} {\n        @extend .#{$name};\n      }\n    }\n  }\n}\n","// ==========================================================================\n//\n// Name:        UI Color Palette\n// Description: The color palette of material design.\n// Version:     2.3.1\n//\n// Author:      Denis Malinochkin\n// Git:         https://github.com/mrmlnc/material-color\n//\n// twitter:     @mrmlnc\n//\n// ==========================================================================\n\n\n//\n// List of base colors\n//\n\n// $clr-red\n// $clr-pink\n// $clr-purple\n// $clr-deep-purple\n// $clr-indigo\n// $clr-blue\n// $clr-light-blue\n// $clr-cyan\n// $clr-teal\n// $clr-green\n// $clr-light-green\n// $clr-lime\n// $clr-yellow\n// $clr-amber\n// $clr-orange\n// $clr-deep-orange\n// $clr-brown\n// $clr-grey\n// $clr-blue-grey\n// $clr-black\n// $clr-white\n\n\n//\n// Red\n//\n\n$clr-red-list: (\n  \"base\": #f44336,\n  \"50\":   #ffebee,\n  \"100\":  #ffcdd2,\n  \"200\":  #ef9a9a,\n  \"300\":  #e57373,\n  \"400\":  #ef5350,\n  \"500\":  #f44336,\n  \"600\":  #e53935,\n  \"700\":  #d32f2f,\n  \"800\":  #c62828,\n  \"900\":  #b71c1c,\n  \"a100\": #ff8a80,\n  \"a200\": #ff5252,\n  \"a400\": #ff1744,\n  \"a700\": #d50000\n);\n\n$clr-red:      map-get($clr-red-list, \"base\");\n\n$clr-red-50:   map-get($clr-red-list, \"50\");\n$clr-red-100:  map-get($clr-red-list, \"100\");\n$clr-red-200:  map-get($clr-red-list, \"200\");\n$clr-red-300:  map-get($clr-red-list, \"300\");\n$clr-red-400:  map-get($clr-red-list, \"400\");\n$clr-red-500:  map-get($clr-red-list, \"500\");\n$clr-red-600:  map-get($clr-red-list, \"600\");\n$clr-red-700:  map-get($clr-red-list, \"700\");\n$clr-red-800:  map-get($clr-red-list, \"800\");\n$clr-red-900:  map-get($clr-red-list, \"900\");\n$clr-red-a100: map-get($clr-red-list, \"a100\");\n$clr-red-a200: map-get($clr-red-list, \"a200\");\n$clr-red-a400: map-get($clr-red-list, \"a400\");\n$clr-red-a700: map-get($clr-red-list, \"a700\");\n\n\n//\n// Pink\n//\n\n$clr-pink-list: (\n  \"base\": #e91e63,\n  \"50\":   #fce4ec,\n  \"100\":  #f8bbd0,\n  \"200\":  #f48fb1,\n  \"300\":  #f06292,\n  \"400\":  #ec407a,\n  \"500\":  #e91e63,\n  \"600\":  #d81b60,\n  \"700\":  #c2185b,\n  \"800\":  #ad1457,\n  \"900\":  #880e4f,\n  \"a100\": #ff80ab,\n  \"a200\": #ff4081,\n  \"a400\": #f50057,\n  \"a700\": #c51162\n);\n\n$clr-pink:      map-get($clr-pink-list, \"base\");\n\n$clr-pink-50:   map-get($clr-pink-list, \"50\");\n$clr-pink-100:  map-get($clr-pink-list, \"100\");\n$clr-pink-200:  map-get($clr-pink-list, \"200\");\n$clr-pink-300:  map-get($clr-pink-list, \"300\");\n$clr-pink-400:  map-get($clr-pink-list, \"400\");\n$clr-pink-500:  map-get($clr-pink-list, \"500\");\n$clr-pink-600:  map-get($clr-pink-list, \"600\");\n$clr-pink-700:  map-get($clr-pink-list, \"700\");\n$clr-pink-800:  map-get($clr-pink-list, \"800\");\n$clr-pink-900:  map-get($clr-pink-list, \"900\");\n$clr-pink-a100: map-get($clr-pink-list, \"a100\");\n$clr-pink-a200: map-get($clr-pink-list, \"a200\");\n$clr-pink-a400: map-get($clr-pink-list, \"a400\");\n$clr-pink-a700: map-get($clr-pink-list, \"a700\");\n\n\n//\n// Purple\n//\n\n$clr-purple-list: (\n  \"base\": #9c27b0,\n  \"50\":   #f3e5f5,\n  \"100\":  #e1bee7,\n  \"200\":  #ce93d8,\n  \"300\":  #ba68c8,\n  \"400\":  #ab47bc,\n  \"500\":  #9c27b0,\n  \"600\":  #8e24aa,\n  \"700\":  #7b1fa2,\n  \"800\":  #6a1b9a,\n  \"900\":  #4a148c,\n  \"a100\": #ea80fc,\n  \"a200\": #e040fb,\n  \"a400\": #d500f9,\n  \"a700\": #aa00ff\n);\n\n$clr-purple:      map-get($clr-purple-list, \"base\");\n\n$clr-purple-50:   map-get($clr-purple-list, \"50\");\n$clr-purple-100:  map-get($clr-purple-list, \"100\");\n$clr-purple-200:  map-get($clr-purple-list, \"200\");\n$clr-purple-300:  map-get($clr-purple-list, \"300\");\n$clr-purple-400:  map-get($clr-purple-list, \"400\");\n$clr-purple-500:  map-get($clr-purple-list, \"500\");\n$clr-purple-600:  map-get($clr-purple-list, \"600\");\n$clr-purple-700:  map-get($clr-purple-list, \"700\");\n$clr-purple-800:  map-get($clr-purple-list, \"800\");\n$clr-purple-900:  map-get($clr-purple-list, \"900\");\n$clr-purple-a100: map-get($clr-purple-list, \"a100\");\n$clr-purple-a200: map-get($clr-purple-list, \"a200\");\n$clr-purple-a400: map-get($clr-purple-list, \"a400\");\n$clr-purple-a700: map-get($clr-purple-list, \"a700\");\n\n\n//\n// Deep purple\n//\n\n$clr-deep-purple-list: (\n  \"base\": #673ab7,\n  \"50\":   #ede7f6,\n  \"100\":  #d1c4e9,\n  \"200\":  #b39ddb,\n  \"300\":  #9575cd,\n  \"400\":  #7e57c2,\n  \"500\":  #673ab7,\n  \"600\":  #5e35b1,\n  \"700\":  #512da8,\n  \"800\":  #4527a0,\n  \"900\":  #311b92,\n  \"a100\": #b388ff,\n  \"a200\": #7c4dff,\n  \"a400\": #651fff,\n  \"a700\": #6200ea\n);\n\n$clr-deep-purple:      map-get($clr-deep-purple-list, \"base\");\n\n$clr-deep-purple-50:   map-get($clr-deep-purple-list, \"50\");\n$clr-deep-purple-100:  map-get($clr-deep-purple-list, \"100\");\n$clr-deep-purple-200:  map-get($clr-deep-purple-list, \"200\");\n$clr-deep-purple-300:  map-get($clr-deep-purple-list, \"300\");\n$clr-deep-purple-400:  map-get($clr-deep-purple-list, \"400\");\n$clr-deep-purple-500:  map-get($clr-deep-purple-list, \"500\");\n$clr-deep-purple-600:  map-get($clr-deep-purple-list, \"600\");\n$clr-deep-purple-700:  map-get($clr-deep-purple-list, \"700\");\n$clr-deep-purple-800:  map-get($clr-deep-purple-list, \"800\");\n$clr-deep-purple-900:  map-get($clr-deep-purple-list, \"900\");\n$clr-deep-purple-a100: map-get($clr-deep-purple-list, \"a100\");\n$clr-deep-purple-a200: map-get($clr-deep-purple-list, \"a200\");\n$clr-deep-purple-a400: map-get($clr-deep-purple-list, \"a400\");\n$clr-deep-purple-a700: map-get($clr-deep-purple-list, \"a700\");\n\n\n//\n// Indigo\n//\n\n$clr-indigo-list: (\n  \"base\": #3f51b5,\n  \"50\":   #e8eaf6,\n  \"100\":  #c5cae9,\n  \"200\":  #9fa8da,\n  \"300\":  #7986cb,\n  \"400\":  #5c6bc0,\n  \"500\":  #3f51b5,\n  \"600\":  #3949ab,\n  \"700\":  #303f9f,\n  \"800\":  #283593,\n  \"900\":  #1a237e,\n  \"a100\": #8c9eff,\n  \"a200\": #536dfe,\n  \"a400\": #3d5afe,\n  \"a700\": #304ffe\n);\n\n$clr-indigo:      map-get($clr-indigo-list, \"base\");\n\n$clr-indigo-50:   map-get($clr-indigo-list, \"50\");\n$clr-indigo-100:  map-get($clr-indigo-list, \"100\");\n$clr-indigo-200:  map-get($clr-indigo-list, \"200\");\n$clr-indigo-300:  map-get($clr-indigo-list, \"300\");\n$clr-indigo-400:  map-get($clr-indigo-list, \"400\");\n$clr-indigo-500:  map-get($clr-indigo-list, \"500\");\n$clr-indigo-600:  map-get($clr-indigo-list, \"600\");\n$clr-indigo-700:  map-get($clr-indigo-list, \"700\");\n$clr-indigo-800:  map-get($clr-indigo-list, \"800\");\n$clr-indigo-900:  map-get($clr-indigo-list, \"900\");\n$clr-indigo-a100: map-get($clr-indigo-list, \"a100\");\n$clr-indigo-a200: map-get($clr-indigo-list, \"a200\");\n$clr-indigo-a400: map-get($clr-indigo-list, \"a400\");\n$clr-indigo-a700: map-get($clr-indigo-list, \"a700\");\n\n\n//\n// Blue\n//\n\n$clr-blue-list: (\n  \"base\": #2196f3,\n  \"50\":   #e3f2fd,\n  \"100\":  #bbdefb,\n  \"200\":  #90caf9,\n  \"300\":  #64b5f6,\n  \"400\":  #42a5f5,\n  \"500\":  #2196f3,\n  \"600\":  #1e88e5,\n  \"700\":  #1976d2,\n  \"800\":  #1565c0,\n  \"900\":  #0d47a1,\n  \"a100\": #82b1ff,\n  \"a200\": #448aff,\n  \"a400\": #2979ff,\n  \"a700\": #2962ff\n);\n\n$clr-blue:      map-get($clr-blue-list, \"base\");\n\n$clr-blue-50:   map-get($clr-blue-list, \"50\");\n$clr-blue-100:  map-get($clr-blue-list, \"100\");\n$clr-blue-200:  map-get($clr-blue-list, \"200\");\n$clr-blue-300:  map-get($clr-blue-list, \"300\");\n$clr-blue-400:  map-get($clr-blue-list, \"400\");\n$clr-blue-500:  map-get($clr-blue-list, \"500\");\n$clr-blue-600:  map-get($clr-blue-list, \"600\");\n$clr-blue-700:  map-get($clr-blue-list, \"700\");\n$clr-blue-800:  map-get($clr-blue-list, \"800\");\n$clr-blue-900:  map-get($clr-blue-list, \"900\");\n$clr-blue-a100: map-get($clr-blue-list, \"a100\");\n$clr-blue-a200: map-get($clr-blue-list, \"a200\");\n$clr-blue-a400: map-get($clr-blue-list, \"a400\");\n$clr-blue-a700: map-get($clr-blue-list, \"a700\");\n\n\n//\n// Light Blue\n//\n\n$clr-light-blue-list: (\n  \"base\": #03a9f4,\n  \"50\":   #e1f5fe,\n  \"100\":  #b3e5fc,\n  \"200\":  #81d4fa,\n  \"300\":  #4fc3f7,\n  \"400\":  #29b6f6,\n  \"500\":  #03a9f4,\n  \"600\":  #039be5,\n  \"700\":  #0288d1,\n  \"800\":  #0277bd,\n  \"900\":  #01579b,\n  \"a100\": #80d8ff,\n  \"a200\": #40c4ff,\n  \"a400\": #00b0ff,\n  \"a700\": #0091ea\n);\n\n$clr-light-blue:      map-get($clr-light-blue-list, \"base\");\n\n$clr-light-blue-50:   map-get($clr-light-blue-list, \"50\");\n$clr-light-blue-100:  map-get($clr-light-blue-list, \"100\");\n$clr-light-blue-200:  map-get($clr-light-blue-list, \"200\");\n$clr-light-blue-300:  map-get($clr-light-blue-list, \"300\");\n$clr-light-blue-400:  map-get($clr-light-blue-list, \"400\");\n$clr-light-blue-500:  map-get($clr-light-blue-list, \"500\");\n$clr-light-blue-600:  map-get($clr-light-blue-list, \"600\");\n$clr-light-blue-700:  map-get($clr-light-blue-list, \"700\");\n$clr-light-blue-800:  map-get($clr-light-blue-list, \"800\");\n$clr-light-blue-900:  map-get($clr-light-blue-list, \"900\");\n$clr-light-blue-a100: map-get($clr-light-blue-list, \"a100\");\n$clr-light-blue-a200: map-get($clr-light-blue-list, \"a200\");\n$clr-light-blue-a400: map-get($clr-light-blue-list, \"a400\");\n$clr-light-blue-a700: map-get($clr-light-blue-list, \"a700\");\n\n\n//\n// Cyan\n//\n\n$clr-cyan-list: (\n  \"base\": #00bcd4,\n  \"50\":   #e0f7fa,\n  \"100\":  #b2ebf2,\n  \"200\":  #80deea,\n  \"300\":  #4dd0e1,\n  \"400\":  #26c6da,\n  \"500\":  #00bcd4,\n  \"600\":  #00acc1,\n  \"700\":  #0097a7,\n  \"800\":  #00838f,\n  \"900\":  #006064,\n  \"a100\": #84ffff,\n  \"a200\": #18ffff,\n  \"a400\": #00e5ff,\n  \"a700\": #00b8d4\n);\n\n$clr-cyan:      map-get($clr-cyan-list, \"base\");\n\n$clr-cyan-50:   map-get($clr-cyan-list, \"50\");\n$clr-cyan-100:  map-get($clr-cyan-list, \"100\");\n$clr-cyan-200:  map-get($clr-cyan-list, \"200\");\n$clr-cyan-300:  map-get($clr-cyan-list, \"300\");\n$clr-cyan-400:  map-get($clr-cyan-list, \"400\");\n$clr-cyan-500:  map-get($clr-cyan-list, \"500\");\n$clr-cyan-600:  map-get($clr-cyan-list, \"600\");\n$clr-cyan-700:  map-get($clr-cyan-list, \"700\");\n$clr-cyan-800:  map-get($clr-cyan-list, \"800\");\n$clr-cyan-900:  map-get($clr-cyan-list, \"900\");\n$clr-cyan-a100: map-get($clr-cyan-list, \"a100\");\n$clr-cyan-a200: map-get($clr-cyan-list, \"a200\");\n$clr-cyan-a400: map-get($clr-cyan-list, \"a400\");\n$clr-cyan-a700: map-get($clr-cyan-list, \"a700\");\n\n\n//\n// Teal\n//\n\n$clr-teal-list: (\n  \"base\": #009688,\n  \"50\":   #e0f2f1,\n  \"100\":  #b2dfdb,\n  \"200\":  #80cbc4,\n  \"300\":  #4db6ac,\n  \"400\":  #26a69a,\n  \"500\":  #009688,\n  \"600\":  #00897b,\n  \"700\":  #00796b,\n  \"800\":  #00695c,\n  \"900\":  #004d40,\n  \"a100\": #a7ffeb,\n  \"a200\": #64ffda,\n  \"a400\": #1de9b6,\n  \"a700\": #00bfa5\n);\n\n$clr-teal:      map-get($clr-teal-list, \"base\");\n\n$clr-teal-50:   map-get($clr-teal-list, \"50\");\n$clr-teal-100:  map-get($clr-teal-list, \"100\");\n$clr-teal-200:  map-get($clr-teal-list, \"200\");\n$clr-teal-300:  map-get($clr-teal-list, \"300\");\n$clr-teal-400:  map-get($clr-teal-list, \"400\");\n$clr-teal-500:  map-get($clr-teal-list, \"500\");\n$clr-teal-600:  map-get($clr-teal-list, \"600\");\n$clr-teal-700:  map-get($clr-teal-list, \"700\");\n$clr-teal-800:  map-get($clr-teal-list, \"800\");\n$clr-teal-900:  map-get($clr-teal-list, \"900\");\n$clr-teal-a100: map-get($clr-teal-list, \"a100\");\n$clr-teal-a200: map-get($clr-teal-list, \"a200\");\n$clr-teal-a400: map-get($clr-teal-list, \"a400\");\n$clr-teal-a700: map-get($clr-teal-list, \"a700\");\n\n\n//\n// Green\n//\n\n$clr-green-list: (\n  \"base\": #4caf50,\n  \"50\":   #e8f5e9,\n  \"100\":  #c8e6c9,\n  \"200\":  #a5d6a7,\n  \"300\":  #81c784,\n  \"400\":  #66bb6a,\n  \"500\":  #4caf50,\n  \"600\":  #43a047,\n  \"700\":  #388e3c,\n  \"800\":  #2e7d32,\n  \"900\":  #1b5e20,\n  \"a100\": #b9f6ca,\n  \"a200\": #69f0ae,\n  \"a400\": #00e676,\n  \"a700\": #00c853\n);\n\n$clr-green:      map-get($clr-green-list, \"base\");\n\n$clr-green-50:   map-get($clr-green-list, \"50\");\n$clr-green-100:  map-get($clr-green-list, \"100\");\n$clr-green-200:  map-get($clr-green-list, \"200\");\n$clr-green-300:  map-get($clr-green-list, \"300\");\n$clr-green-400:  map-get($clr-green-list, \"400\");\n$clr-green-500:  map-get($clr-green-list, \"500\");\n$clr-green-600:  map-get($clr-green-list, \"600\");\n$clr-green-700:  map-get($clr-green-list, \"700\");\n$clr-green-800:  map-get($clr-green-list, \"800\");\n$clr-green-900:  map-get($clr-green-list, \"900\");\n$clr-green-a100: map-get($clr-green-list, \"a100\");\n$clr-green-a200: map-get($clr-green-list, \"a200\");\n$clr-green-a400: map-get($clr-green-list, \"a400\");\n$clr-green-a700: map-get($clr-green-list, \"a700\");\n\n\n//\n// Light green\n//\n\n$clr-light-green-list: (\n  \"base\": #8bc34a,\n  \"50\":   #f1f8e9,\n  \"100\":  #dcedc8,\n  \"200\":  #c5e1a5,\n  \"300\":  #aed581,\n  \"400\":  #9ccc65,\n  \"500\":  #8bc34a,\n  \"600\":  #7cb342,\n  \"700\":  #689f38,\n  \"800\":  #558b2f,\n  \"900\":  #33691e,\n  \"a100\": #ccff90,\n  \"a200\": #b2ff59,\n  \"a400\": #76ff03,\n  \"a700\": #64dd17\n);\n\n$clr-light-green:      map-get($clr-light-green-list, \"base\");\n\n$clr-light-green-50:   map-get($clr-light-green-list, \"50\");\n$clr-light-green-100:  map-get($clr-light-green-list, \"100\");\n$clr-light-green-200:  map-get($clr-light-green-list, \"200\");\n$clr-light-green-300:  map-get($clr-light-green-list, \"300\");\n$clr-light-green-400:  map-get($clr-light-green-list, \"400\");\n$clr-light-green-500:  map-get($clr-light-green-list, \"500\");\n$clr-light-green-600:  map-get($clr-light-green-list, \"600\");\n$clr-light-green-700:  map-get($clr-light-green-list, \"700\");\n$clr-light-green-800:  map-get($clr-light-green-list, \"800\");\n$clr-light-green-900:  map-get($clr-light-green-list, \"900\");\n$clr-light-green-a100: map-get($clr-light-green-list, \"a100\");\n$clr-light-green-a200: map-get($clr-light-green-list, \"a200\");\n$clr-light-green-a400: map-get($clr-light-green-list, \"a400\");\n$clr-light-green-a700: map-get($clr-light-green-list, \"a700\");\n\n\n//\n// Lime\n//\n\n$clr-lime-list: (\n  \"base\": #cddc39,\n  \"50\":   #f9fbe7,\n  \"100\":  #f0f4c3,\n  \"200\":  #e6ee9c,\n  \"300\":  #dce775,\n  \"400\":  #d4e157,\n  \"500\":  #cddc39,\n  \"600\":  #c0ca33,\n  \"700\":  #afb42b,\n  \"800\":  #9e9d24,\n  \"900\":  #827717,\n  \"a100\": #f4ff81,\n  \"a200\": #eeff41,\n  \"a400\": #c6ff00,\n  \"a700\": #aeea00\n);\n\n$clr-lime:      map-get($clr-lime-list, \"base\");\n\n$clr-lime-50:   map-get($clr-lime-list, \"50\");\n$clr-lime-100:  map-get($clr-lime-list, \"100\");\n$clr-lime-200:  map-get($clr-lime-list, \"200\");\n$clr-lime-300:  map-get($clr-lime-list, \"300\");\n$clr-lime-400:  map-get($clr-lime-list, \"400\");\n$clr-lime-500:  map-get($clr-lime-list, \"500\");\n$clr-lime-600:  map-get($clr-lime-list, \"600\");\n$clr-lime-700:  map-get($clr-lime-list, \"700\");\n$clr-lime-800:  map-get($clr-lime-list, \"800\");\n$clr-lime-900:  map-get($clr-lime-list, \"900\");\n$clr-lime-a100: map-get($clr-lime-list, \"a100\");\n$clr-lime-a200: map-get($clr-lime-list, \"a200\");\n$clr-lime-a400: map-get($clr-lime-list, \"a400\");\n$clr-lime-a700: map-get($clr-lime-list, \"a700\");\n\n\n//\n// Yellow\n//\n\n$clr-yellow-list: (\n  \"base\": #ffeb3b,\n  \"50\":   #fffde7,\n  \"100\":  #fff9c4,\n  \"200\":  #fff59d,\n  \"300\":  #fff176,\n  \"400\":  #ffee58,\n  \"500\":  #ffeb3b,\n  \"600\":  #fdd835,\n  \"700\":  #fbc02d,\n  \"800\":  #f9a825,\n  \"900\":  #f57f17,\n  \"a100\": #ffff8d,\n  \"a200\": #ffff00,\n  \"a400\": #ffea00,\n  \"a700\": #ffd600\n);\n\n$clr-yellow:      map-get($clr-yellow-list, \"base\");\n\n$clr-yellow-50:   map-get($clr-yellow-list, \"50\");\n$clr-yellow-100:  map-get($clr-yellow-list, \"100\");\n$clr-yellow-200:  map-get($clr-yellow-list, \"200\");\n$clr-yellow-300:  map-get($clr-yellow-list, \"300\");\n$clr-yellow-400:  map-get($clr-yellow-list, \"400\");\n$clr-yellow-500:  map-get($clr-yellow-list, \"500\");\n$clr-yellow-600:  map-get($clr-yellow-list, \"600\");\n$clr-yellow-700:  map-get($clr-yellow-list, \"700\");\n$clr-yellow-800:  map-get($clr-yellow-list, \"800\");\n$clr-yellow-900:  map-get($clr-yellow-list, \"900\");\n$clr-yellow-a100: map-get($clr-yellow-list, \"a100\");\n$clr-yellow-a200: map-get($clr-yellow-list, \"a200\");\n$clr-yellow-a400: map-get($clr-yellow-list, \"a400\");\n$clr-yellow-a700: map-get($clr-yellow-list, \"a700\");\n\n\n//\n// amber\n//\n\n$clr-amber-list: (\n  \"base\": #ffc107,\n  \"50\":   #fff8e1,\n  \"100\":  #ffecb3,\n  \"200\":  #ffe082,\n  \"300\":  #ffd54f,\n  \"400\":  #ffca28,\n  \"500\":  #ffc107,\n  \"600\":  #ffb300,\n  \"700\":  #ffa000,\n  \"800\":  #ff8f00,\n  \"900\":  #ff6f00,\n  \"a100\": #ffe57f,\n  \"a200\": #ffd740,\n  \"a400\": #ffc400,\n  \"a700\": #ffab00\n);\n\n$clr-amber:      map-get($clr-amber-list, \"base\");\n\n$clr-amber-50:   map-get($clr-amber-list, \"50\");\n$clr-amber-100:  map-get($clr-amber-list, \"100\");\n$clr-amber-200:  map-get($clr-amber-list, \"200\");\n$clr-amber-300:  map-get($clr-amber-list, \"300\");\n$clr-amber-400:  map-get($clr-amber-list, \"400\");\n$clr-amber-500:  map-get($clr-amber-list, \"500\");\n$clr-amber-600:  map-get($clr-amber-list, \"600\");\n$clr-amber-700:  map-get($clr-amber-list, \"700\");\n$clr-amber-800:  map-get($clr-amber-list, \"800\");\n$clr-amber-900:  map-get($clr-amber-list, \"900\");\n$clr-amber-a100: map-get($clr-amber-list, \"a100\");\n$clr-amber-a200: map-get($clr-amber-list, \"a200\");\n$clr-amber-a400: map-get($clr-amber-list, \"a400\");\n$clr-amber-a700: map-get($clr-amber-list, \"a700\");\n\n\n//\n// Orange\n//\n\n$clr-orange-list: (\n  \"base\": #ff9800,\n  \"50\":   #fff3e0,\n  \"100\":  #ffe0b2,\n  \"200\":  #ffcc80,\n  \"300\":  #ffb74d,\n  \"400\":  #ffa726,\n  \"500\":  #ff9800,\n  \"600\":  #fb8c00,\n  \"700\":  #f57c00,\n  \"800\":  #ef6c00,\n  \"900\":  #e65100,\n  \"a100\": #ffd180,\n  \"a200\": #ffab40,\n  \"a400\": #ff9100,\n  \"a700\": #ff6d00\n);\n\n$clr-orange:      map-get($clr-orange-list, \"base\");\n\n$clr-orange-50:   map-get($clr-orange-list, \"50\");\n$clr-orange-100:  map-get($clr-orange-list, \"100\");\n$clr-orange-200:  map-get($clr-orange-list, \"200\");\n$clr-orange-300:  map-get($clr-orange-list, \"300\");\n$clr-orange-400:  map-get($clr-orange-list, \"400\");\n$clr-orange-500:  map-get($clr-orange-list, \"500\");\n$clr-orange-600:  map-get($clr-orange-list, \"600\");\n$clr-orange-700:  map-get($clr-orange-list, \"700\");\n$clr-orange-800:  map-get($clr-orange-list, \"800\");\n$clr-orange-900:  map-get($clr-orange-list, \"900\");\n$clr-orange-a100: map-get($clr-orange-list, \"a100\");\n$clr-orange-a200: map-get($clr-orange-list, \"a200\");\n$clr-orange-a400: map-get($clr-orange-list, \"a400\");\n$clr-orange-a700: map-get($clr-orange-list, \"a700\");\n\n\n//\n// Deep orange\n//\n\n$clr-deep-orange-list: (\n  \"base\": #ff5722,\n  \"50\":   #fbe9e7,\n  \"100\":  #ffccbc,\n  \"200\":  #ffab91,\n  \"300\":  #ff8a65,\n  \"400\":  #ff7043,\n  \"500\":  #ff5722,\n  \"600\":  #f4511e,\n  \"700\":  #e64a19,\n  \"800\":  #d84315,\n  \"900\":  #bf360c,\n  \"a100\": #ff9e80,\n  \"a200\": #ff6e40,\n  \"a400\": #ff3d00,\n  \"a700\": #dd2c00\n);\n\n$clr-deep-orange:      map-get($clr-deep-orange-list, \"base\");\n\n$clr-deep-orange-50:   map-get($clr-deep-orange-list, \"50\");\n$clr-deep-orange-100:  map-get($clr-deep-orange-list, \"100\");\n$clr-deep-orange-200:  map-get($clr-deep-orange-list, \"200\");\n$clr-deep-orange-300:  map-get($clr-deep-orange-list, \"300\");\n$clr-deep-orange-400:  map-get($clr-deep-orange-list, \"400\");\n$clr-deep-orange-500:  map-get($clr-deep-orange-list, \"500\");\n$clr-deep-orange-600:  map-get($clr-deep-orange-list, \"600\");\n$clr-deep-orange-700:  map-get($clr-deep-orange-list, \"700\");\n$clr-deep-orange-800:  map-get($clr-deep-orange-list, \"800\");\n$clr-deep-orange-900:  map-get($clr-deep-orange-list, \"900\");\n$clr-deep-orange-a100: map-get($clr-deep-orange-list, \"a100\");\n$clr-deep-orange-a200: map-get($clr-deep-orange-list, \"a200\");\n$clr-deep-orange-a400: map-get($clr-deep-orange-list, \"a400\");\n$clr-deep-orange-a700: map-get($clr-deep-orange-list, \"a700\");\n\n\n//\n// Brown\n//\n\n$clr-brown-list: (\n  \"base\": #795548,\n  \"50\":   #efebe9,\n  \"100\":  #d7ccc8,\n  \"200\":  #bcaaa4,\n  \"300\":  #a1887f,\n  \"400\":  #8d6e63,\n  \"500\":  #795548,\n  \"600\":  #6d4c41,\n  \"700\":  #5d4037,\n  \"800\":  #4e342e,\n  \"900\":  #3e2723,\n);\n\n$clr-brown:     map-get($clr-brown-list, \"base\");\n\n$clr-brown-50:  map-get($clr-brown-list, \"50\");\n$clr-brown-100: map-get($clr-brown-list, \"100\");\n$clr-brown-200: map-get($clr-brown-list, \"200\");\n$clr-brown-300: map-get($clr-brown-list, \"300\");\n$clr-brown-400: map-get($clr-brown-list, \"400\");\n$clr-brown-500: map-get($clr-brown-list, \"500\");\n$clr-brown-600: map-get($clr-brown-list, \"600\");\n$clr-brown-700: map-get($clr-brown-list, \"700\");\n$clr-brown-800: map-get($clr-brown-list, \"800\");\n$clr-brown-900: map-get($clr-brown-list, \"900\");\n\n\n//\n// Grey\n//\n\n$clr-grey-list: (\n  \"base\": #9e9e9e,\n  \"50\":   #fafafa,\n  \"100\":  #f5f5f5,\n  \"200\":  #eeeeee,\n  \"300\":  #e0e0e0,\n  \"400\":  #bdbdbd,\n  \"500\":  #9e9e9e,\n  \"600\":  #757575,\n  \"700\":  #616161,\n  \"800\":  #424242,\n  \"900\":  #212121,\n);\n\n$clr-grey:     map-get($clr-grey-list, \"base\");\n\n$clr-grey-50:  map-get($clr-grey-list, \"50\");\n$clr-grey-100: map-get($clr-grey-list, \"100\");\n$clr-grey-200: map-get($clr-grey-list, \"200\");\n$clr-grey-300: map-get($clr-grey-list, \"300\");\n$clr-grey-400: map-get($clr-grey-list, \"400\");\n$clr-grey-500: map-get($clr-grey-list, \"500\");\n$clr-grey-600: map-get($clr-grey-list, \"600\");\n$clr-grey-700: map-get($clr-grey-list, \"700\");\n$clr-grey-800: map-get($clr-grey-list, \"800\");\n$clr-grey-900: map-get($clr-grey-list, \"900\");\n\n\n//\n// Blue grey\n//\n\n$clr-blue-grey-list: (\n  \"base\": #607d8b,\n  \"50\":   #eceff1,\n  \"100\":  #cfd8dc,\n  \"200\":  #b0bec5,\n  \"300\":  #90a4ae,\n  \"400\":  #78909c,\n  \"500\":  #607d8b,\n  \"600\":  #546e7a,\n  \"700\":  #455a64,\n  \"800\":  #37474f,\n  \"900\":  #263238,\n);\n\n$clr-blue-grey:     map-get($clr-blue-grey-list, \"base\");\n\n$clr-blue-grey-50:  map-get($clr-blue-grey-list, \"50\");\n$clr-blue-grey-100: map-get($clr-blue-grey-list, \"100\");\n$clr-blue-grey-200: map-get($clr-blue-grey-list, \"200\");\n$clr-blue-grey-300: map-get($clr-blue-grey-list, \"300\");\n$clr-blue-grey-400: map-get($clr-blue-grey-list, \"400\");\n$clr-blue-grey-500: map-get($clr-blue-grey-list, \"500\");\n$clr-blue-grey-600: map-get($clr-blue-grey-list, \"600\");\n$clr-blue-grey-700: map-get($clr-blue-grey-list, \"700\");\n$clr-blue-grey-800: map-get($clr-blue-grey-list, \"800\");\n$clr-blue-grey-900: map-get($clr-blue-grey-list, \"900\");\n\n\n//\n// Black\n//\n\n$clr-black-list: (\n  \"base\": #000\n);\n\n$clr-black: map-get($clr-black-list, \"base\");\n\n\n//\n// White\n//\n\n$clr-white-list: (\n  \"base\": #fff\n);\n\n$clr-white: map-get($clr-white-list, \"base\");\n\n\n//\n// List for all Colors for looping\n//\n\n$clr-list-all: (\n  \"red\":         $clr-red-list,\n  \"pink\":        $clr-pink-list,\n  \"purple\":      $clr-purple-list,\n  \"deep-purple\": $clr-deep-purple-list,\n  \"indigo\":      $clr-indigo-list,\n  \"blue\":        $clr-blue-list,\n  \"light-blue\":  $clr-light-blue-list,\n  \"cyan\":        $clr-cyan-list,\n  \"teal\":        $clr-teal-list,\n  \"green\":       $clr-green-list,\n  \"light-green\": $clr-light-green-list,\n  \"lime\":        $clr-lime-list,\n  \"yellow\":      $clr-yellow-list,\n  \"amber\":       $clr-amber-list,\n  \"orange\":      $clr-orange-list,\n  \"deep-orange\": $clr-deep-orange-list,\n  \"brown\":       $clr-brown-list,\n  \"grey\":        $clr-grey-list,\n  \"blue-grey\":   $clr-blue-grey-list,\n  \"black\":       $clr-black-list,\n  \"white\":       $clr-white-list\n);\n\n\n//\n// Typography\n//\n\n$clr-ui-display-4: $clr-grey-600;\n$clr-ui-display-3: $clr-grey-600;\n$clr-ui-display-2: $clr-grey-600;\n$clr-ui-display-1: $clr-grey-600;\n$clr-ui-headline:  $clr-grey-900;\n$clr-ui-title:     $clr-grey-900;\n$clr-ui-subhead-1: $clr-grey-900;\n$clr-ui-body-2:    $clr-grey-900;\n$clr-ui-body-1:    $clr-grey-900;\n$clr-ui-caption:   $clr-grey-600;\n$clr-ui-menu:      $clr-grey-900;\n$clr-ui-button:    $clr-grey-900;\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules: syntax highlighting\n// ----------------------------------------------------------------------------\n\n// Codehilite extension\n.codehilite {\n\n  .o,   // Operator\n  .ow { // Operator, word\n    color: var(--md-code-hl-operator-color);\n  }\n\n  .p {  // Punctuation\n    color: var(--md-code-hl-punctuation-color);\n  }\n\n  .cpf, // Comment, preprocessor file\n  .l,   // Literal\n  .s,   // Literal, string\n  .sb,  // Literal, string backticks\n  .sc,  // Literal, string char\n  .s2,  // Literal, string double\n  .si,  // Literal, string interpol\n  .s1,  // Literal, string single\n  .ss { // Literal, string symbol\n    color: var(--md-code-hl-string-color);\n  }\n\n  .cp,  // Comment, pre-processor\n  .se,  // Literal, string escape\n  .sh,  // Literal, string heredoc\n  .sr,  // Literal, string regex\n  .sx { // Literal, string other\n    color: var(--md-code-hl-special-color);\n  }\n\n  .m,   // Number\n  .mf,  // Number, float\n  .mh,  // Number, hex\n  .mi,  // Number, integer\n  .il,  // Number, integer long\n  .mo { // Number, octal\n    color: var(--md-code-hl-number-color);\n  }\n\n  .k,   // Keyword,\n  .kd,  // Keyword, declaration\n  .kn,  // Keyword, namespace\n  .kp,  // Keyword, pseudo\n  .kr,  // Keyword, reserved\n  .kt { // Keyword, type\n    color: var(--md-code-hl-keyword-color);\n  }\n\n  .kc,  // Keyword, constant\n  .n {  // Name\n    color: var(--md-code-hl-name-color);\n  }\n\n  .no,  // Name, constant\n  .nb,  // Name, builtin\n  .bp { // Name, builtin pseudo\n    color: var(--md-code-hl-constant-color);\n  }\n\n  .nc,  // Name, class\n  .ne,  // Name, exception\n  .nf,  // Name, function\n  .nn { // Name, namespace\n    color: var(--md-code-hl-function-color);\n  }\n\n  .nd,  // Name, decorator\n  .ni,  // Name, entity\n  .nl,  // Name, label\n  .nt { // Name, tag\n    color: var(--md-code-hl-keyword-color);\n  }\n\n  .c,   // Comment\n  .cm,  // Comment, multiline\n  .c1,  // Comment, single\n  .ch,  // Comment, shebang\n  .cs,  // Comment, special\n  .sd { // Literal, string doc\n    color: var(--md-code-hl-comment-color);\n  }\n\n  .na,  // Name, attribute\n  .nv,  // Variable,\n  .vc,  // Variable, class\n  .vg,  // Variable, global\n  .vi { // Variable, instance\n    color: var(--md-code-hl-variable-color);\n  }\n\n  .ge,  // Generic, emph\n  .gr,  // Generic, error\n  .gh,  // Generic, heading\n  .go,  // Generic, output\n  .gp,  // Generic, prompt\n  .gs,  // Generic, strong\n  .gu,  // Generic, subheading\n  .gt { // Generic, traceback\n    color: var(--md-code-hl-generic-color);\n  }\n\n  .gd,  // Diff, delete\n  .gi { // Diff, insert\n    margin: 0 px2em(-2px);\n    padding: 0 px2em(2px);\n    border-radius: px2rem(2px);\n  }\n\n  .gd { // Diff, delete\n    background-color: var(--md-typeset-del-color);\n  }\n\n  .gi { // Diff, insert\n    background-color: var(--md-typeset-ins-color)\n  }\n\n  // Highlighted lines\n  .hll {\n    display: block;\n    margin: 0 px2em(-16px, 13.6px);\n    padding: 0 px2em(16px, 13.6px);\n    background-color: var(--md-code-hl-color)\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: layout\n// ----------------------------------------------------------------------------\n\n// Block with line numbers\n.codehilitetable {\n  display: block;\n  overflow: hidden;\n\n  // Set table elements to block layout, because otherwise the whole flexbox\n  // hacking won't work correctly\n  tbody,\n  td {\n    display: block;\n    padding: 0;\n  }\n\n  // We need to use flexbox layout, because otherwise it's not possible to\n  // make the code container scroll while keeping the line numbers static\n  tr {\n    display: flex;\n  }\n\n  // The pre tags are nested inside a table, so we need to remove the\n  // margin because it collapses below all the overflows\n  pre {\n    margin: 0;\n  }\n\n  // Disable user selection, so code can be easily copied without\n  // accidentally also copying the line numbers\n  .linenos {\n    padding: px2rem(10.5px) px2em(16px, 13.6px);\n    padding-right: 0;\n    font-size: px2em(13.6px);\n    background-color: var(--md-code-bg-color);\n    user-select: none;\n  }\n\n  // Add spacing to line number container\n  .linenodiv {\n    padding-right: px2em(8px, 13.6px);\n    box-shadow: px2rem(-1px) 0 var(--md-default-fg-color--lighter) inset;\n\n    // Reset spacings\n    pre {\n      color: var(--md-default-fg-color--light);\n      text-align: right;\n    }\n  }\n\n  // The table cell containing the code container wrapper and code should\n  // stretch horizontally to the remaining space\n  .code {\n    flex: 1;\n    overflow: hidden;\n  }\n}\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset {\n\n  // Block with line numbers\n  .codehilitetable {\n    margin: 1em 0;\n    direction: ltr;\n    border-radius: px2rem(2px);\n\n    // Remove rounded borders\n    code {\n      border-radius: 0;\n    }\n  }\n\n  // [mobile -]: Stretch to whole width\n  @include break-to-device(mobile) {\n\n    // Full-width container\n    > .codehilite {\n      margin: 1em px2rem(-16px);\n\n      // Stretch highlighted lines\n      .hll {\n        margin: 0 px2rem(-16px);\n        padding: 0 px2rem(16px);\n      }\n\n      // Remove rounded borders\n      code {\n        border-radius: 0;\n      }\n    }\n\n    // Full-width container on top-level\n    > .codehilitetable {\n      margin: 1em px2rem(-16px);\n      border-radius: 0;\n\n      // Stretch highlighted lines\n      .hll {\n        margin: 0 px2rem(-16px);\n        padding: 0 px2rem(16px);\n      }\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Icon definitions\n:root {\n  --md-footnotes-icon: svg-load(\"@mdi/svg/svg/keyboard-return.svg\");\n}\n\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset {\n\n  // All footnote references\n  [id^=\"fnref:\"] {\n    display: inline-block;\n\n    // Targeted anchor\n    &:target {\n      margin-top: -1 * px2rem(48px + 12px + 16px);\n      padding-top: px2rem(48px + 12px + 16px);\n      pointer-events: none;\n      scroll-margin-top: initial;\n    }\n  }\n\n  // All footnote back references\n  [id^=\"fn:\"] {\n\n    // Add spacing to anchor for offset\n    &::before {\n      display: none;\n      height: 0;\n      content: \"\";\n    }\n\n    // Reset, as we use the anchor-correction hack here.\n    &:target {\n      scroll-margin-top: initial;\n    }\n\n    // Targeted anchor\n    &:target::before {\n      display: block;\n      margin-top: -1 * px2rem(48px + 12px + 10px);\n      padding-top: px2rem(48px + 12px + 10px);\n      pointer-events: none;\n    }\n  }\n\n  // Footnotes extension\n  .footnote {\n    color: var(--md-default-fg-color--light);\n    font-size: px2rem(12.8px);\n\n    // Remove additional spacing on footnotes\n    ol {\n      margin-left: 0;\n    }\n\n    // Footnote\n    li {\n      transition: color 125ms;\n\n      // Darken color for targeted footnote\n      &:target {\n        color: var(--md-default-fg-color);\n      }\n\n      // Remove spacing on first element\n      :first-child {\n        margin-top: 0;\n      }\n\n      // Make back references visible on container hover\n      &:hover  .footnote-backref,\n      &:target .footnote-backref {\n        transform: translateX(0);\n        opacity: 1;\n      }\n\n      // Hovered back reference\n      &:hover  .footnote-backref:hover {\n        color: var(--md-accent-fg-color);\n      }\n    }\n  }\n\n  // Footnote reference\n  .footnote-ref {\n    display: inline-block;\n    pointer-events: initial;\n  }\n\n  // Footnote back reference\n  .footnote-backref {\n    display: inline-block;\n    color: var(--md-typeset-a-color);\n    // Hack: remove Unicode arrow for icon\n    font-size: 0;\n    vertical-align: text-bottom;\n    transform: translateX(px2rem(5px));\n    opacity: 0;\n    transition:\n      color     250ms,\n      transform 250ms 250ms,\n      opacity   125ms 250ms;\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      transform: translateX(px2rem(-5px));\n    }\n\n    // Back reference icon\n    &::before {\n      display: inline-block;\n      width: px2rem(16px);\n      height: px2rem(16px);\n      background-color: currentColor;\n      mask-image: var(--md-footnotes-icon);\n      mask-repeat: no-repeat;\n      content: \"\";\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n\n        // Flip icon vertically\n        svg {\n          transform: scaleX(-1)\n        }\n      }\n    }\n\n    // Always show for print\n    @media print {\n      color: var(--md-typeset-a-color);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset {\n\n  // Permalinks extension\n  .headerlink {\n    display: inline-block;\n    margin-left: px2rem(10px);\n    // Hack: if we don't set visibility hidden, the text content of the node\n    // will include the headerlink character, which is why Google indexes them.\n    visibility: hidden;\n    opacity: 0;\n    transition:\n      color      250ms,\n      visibility   0ms 500ms,\n      opacity    125ms;\n\n    // Adjust for RTL languages\n    [dir=\"rtl\"] & {\n      margin-right: px2rem(10px);\n      margin-left: initial;\n    }\n\n    // Higher specificity for color due to palettes integration\n    html body & {\n      color: var(--md-default-fg-color--lighter);\n    }\n\n    // Hide for print\n    @media print {\n      display: none;\n    }\n  }\n\n  // Make permalink visible on hover\n  :hover  > .headerlink,\n  :target > .headerlink,\n  .headerlink:focus {\n    visibility: visible;\n    opacity: 1;\n    transition:\n      color      250ms,\n      visibility   0ms,\n      opacity    125ms;\n  }\n\n  // Active or targeted permalink\n  :target > .headerlink,\n  .headerlink:focus,\n  .headerlink:hover {\n    color: var(--md-accent-fg-color);\n  }\n\n  // General scroll margin offset for anything that can be targeted. Browser\n  // support is pretty decent by now, and if we wait until Edge 79+ has more\n  // adoption, we can get rid of all anchor-correction hacks.\n  :target {\n    scroll-margin-top: px2rem(48px + 24px);\n  }\n\n  // Correct anchor offset for link blurring\n  @each $level, $delta in (\n    h1 h2 h3: 8px,\n    h4: 9px,\n    h5 h6: 12px,\n  ) {\n    %#{nth($level, 1)} {\n\n      // Reset, as we use the anchor-correction hack here.\n      &:target {\n        scroll-margin-top: initial;\n      }\n\n      // Un-targeted anchor\n      &::before {\n        display: block;\n        margin-top: -1 * px2rem($delta);\n        padding-top: px2rem($delta);\n        content: \"\";\n      }\n\n      // Targeted anchor (48px from header, 12px from sidebar offset)\n      &:target::before {\n        margin-top: -1 * px2rem(48px + 12px + $delta);\n        padding-top: px2rem(48px + 12px + $delta);\n      }\n    }\n\n    // Define levels\n    @for $n from 1 through length($level) {\n      #{nth($level, $n)}[id] {\n        @extend %#{nth($level, 1)};\n      }\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset {\n\n  // Scroll math block on overflow\n  div.arithmatex {\n    overflow-x: scroll;\n\n    // [mobile -]: Stretch to whole width\n    @include break-to-device(mobile) {\n      margin: 0 px2rem(-16px);\n    }\n\n    // MathJax integration\n    > * {\n      width: min-content;\n      margin: 1em auto !important;\n      padding: 0 px2rem(16px);\n      overflow: auto;\n      touch-action: auto;\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset {\n\n  // Deletions, additions and comments\n  del.critic,\n  ins.critic,\n  .critic.comment {\n    box-decoration-break: clone;\n  }\n\n  // Deletion\n  del.critic {\n    background-color: var(--md-typeset-del-color);\n  }\n\n  // Addition\n  ins.critic {\n    background-color: var(--md-typeset-ins-color);\n  }\n\n  // Comment\n  .critic.comment {\n    color: var(--md-code-hl-comment-color);\n\n    // Comment opening mark\n    &::before {\n      content: \"/* \";\n    }\n\n    // Comment closing mark\n    &::after {\n      content: \" */\";\n    }\n  }\n\n  // Block\n  .critic.block {\n    display: block;\n    margin: 1em 0;\n    padding-right: px2rem(16px);\n    padding-left: px2rem(16px);\n    overflow: auto;\n    box-shadow: none;\n\n    // Decrease spacing on first element\n    :first-child {\n      margin-top: 0.5em;\n    }\n\n    // Decrease spacing on last element\n    :last-child {\n      margin-bottom: 0.5em;\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Icon definitions\n:root {\n  --md-details-icon: svg-load(\"@mdi/svg/svg/chevron-right.svg\");\n}\n\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset {\n\n  // Details extension\n  details {\n    @extend .admonition;\n\n    display: block;\n    padding-top: 0;\n    overflow: visible;\n\n    // Rotate title icon\n    &[open] > summary::after {\n      transform: rotate(90deg);\n    }\n\n    // Remove bottom spacing for closed details\n    &:not([open]) {\n      padding-bottom: 0;\n\n      // We cannot set overflow: hidden, as the outline would not be visible,\n      // so we need to correct the border radius\n      > summary {\n        border-radius: px2rem(2px);\n      }\n    }\n\n    // Hack: omit margin collapse\n    &::after {\n      display: table;\n      content: \"\";\n    }\n  }\n\n  // Details title\n  summary {\n    @extend .admonition-title;\n\n    display: block;\n    min-height: px2rem(20px);\n    padding: px2rem(8px) px2rem(36px) px2rem(8px) px2rem(44px);\n    border-top-left-radius: px2rem(2px);\n    border-top-right-radius: px2rem(2px);\n    cursor: pointer;\n\n    // Disable focus indicator for pointer devices\n    &:not(.focus-visible) {\n      outline: none;\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    // Adjust for right-to-left languages\n    [dir=\"rtl\"] & {\n      padding: px2rem(8px) px2rem(44px) px2rem(8px) px2rem(36px);\n    }\n\n    // Remove default details marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    // Details marker\n    &::after {\n      position: absolute;\n      top: px2rem(8px);\n      right: px2rem(8px);\n      width: px2rem(20px);\n      height: px2rem(20px);\n      background-color: currentColor;\n      mask-image: var(--md-details-icon);\n      mask-repeat: no-repeat;\n      transform: rotate(0deg);\n      transition: transform 250ms;\n      content: \"\";\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        right: initial;\n        left: px2rem(8px);\n        transform: rotate(180deg);\n      }\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset {\n\n  // Emojis\n  img.emojione,\n  img.twemoji,\n  img.gemoji {\n    width: px2em(18px);\n    max-height: 100%;\n    vertical-align: -15%;\n  }\n\n  // Inlined SVG icons via mkdocs-material-extensions\n  span.twemoji {\n    display: inline-block;\n    height: px2em(18px);\n    vertical-align: text-top;\n\n    // Icon\n    svg {\n      width: px2em(18px);\n      max-height: 100%;\n      fill: currentColor;\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// When pymdownx.superfences is enabled but codehilite is disabled,\n// pymdownx.highlight will be used. When this happens, the outer container\n// and tables get this class names by default\n.highlight {\n  @extend .codehilite;\n\n  // Inline line numbers\n  [data-linenos]::before {\n    position: sticky;\n    left: px2em(-16px, 13.6px);\n    float: left;\n    margin-right: px2em(16px, 13.6px);\n    margin-left: px2em(-16px, 13.6px);\n    padding-left: px2em(16px, 13.6px);\n    color: var(--md-default-fg-color--light);\n    background-color: var(--md-code-bg-color);\n    box-shadow: px2rem(-1px) 0 var(--md-default-fg-color--lighter) inset;\n    content: attr(data-linenos);\n    user-select: none;\n  }\n}\n\n// Same as above, but for code blocks with line numbers enabled\n.highlighttable {\n  @extend .codehilitetable;\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset .keys {\n\n  // Keyboard key icon\n  kbd::before,\n  kbd::after {\n    position: relative;\n    margin: 0;\n    color: inherit;\n    -moz-osx-font-smoothing: initial;\n    -webkit-font-smoothing: initial;\n  }\n\n  // Surrounding text\n  span {\n    padding: 0 px2em(3.2px);\n    color: var(--md-default-fg-color--light);\n  }\n\n  // Build special keys with left icon\n  @each $name, $code in (\n\n    // Modifiers\n    \"alt\":           \"\\2387\",\n    \"left-alt\":      \"\\2387\",\n    \"right-alt\":     \"\\2387\",\n    \"command\":       \"\\2318\",\n    \"left-command\":  \"\\2318\",\n    \"right-command\": \"\\2318\",\n    \"control\":       \"\\2303\",\n    \"left-control\":  \"\\2303\",\n    \"right-control\": \"\\2303\",\n    \"meta\":          \"\\25C6\",\n    \"left-meta\":     \"\\25C6\",\n    \"right-meta\":    \"\\25C6\",\n    \"option\":        \"\\2325\",\n    \"left-option\":   \"\\2325\",\n    \"right-option\":  \"\\2325\",\n    \"shift\":         \"\\21E7\",\n    \"left-shift\":    \"\\21E7\",\n    \"right-shift\":   \"\\21E7\",\n    \"super\":         \"\\2756\",\n    \"left-super\":    \"\\2756\",\n    \"right-super\":   \"\\2756\",\n    \"windows\":       \"\\229E\",\n    \"left-windows\":  \"\\229E\",\n    \"right-windows\": \"\\229E\",\n\n    // Other keys\n    \"arrow-down\":    \"\\2193\",\n    \"arrow-left\":    \"\\2190\",\n    \"arrow-right\":   \"\\2192\",\n    \"arrow-up\":      \"\\2191\",\n    \"backspace\":     \"\\232B\",\n    \"backtab\":       \"\\21E4\",\n    \"caps-lock\":     \"\\21EA\",\n    \"clear\":         \"\\2327\",\n    \"context-menu\":  \"\\2630\",\n    \"delete\":        \"\\2326\",\n    \"eject\":         \"\\23CF\",\n    \"end\":           \"\\2913\",\n    \"escape\":        \"\\238B\",\n    \"home\":          \"\\2912\",\n    \"insert\":        \"\\2380\",\n    \"page-down\":     \"\\21DF\",\n    \"page-up\":       \"\\21DE\",\n    \"print-screen\":  \"\\2399\"\n  ) {\n    .key-#{$name} {\n      &::before {\n        padding-right: px2em(6.4px);\n        content: $code;\n      }\n    }\n  }\n\n  // Build special keys with right icon\n  @each $name, $code in (\n    \"tab\":           \"\\21E5\",\n    \"num-enter\":     \"\\2324\",\n    \"enter\":         \"\\23CE\"\n  ) {\n    .key-#{$name} {\n      &::after {\n        padding-left: px2em(6.4px);\n        content: $code;\n      }\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset {\n\n  // Tabbed block content\n  .tabbed-content {\n    display: none;\n    order: 99;\n    width: 100%;\n    box-shadow: 0 px2rem(-1px) var(--md-default-fg-color--lightest);\n\n    // Mirror old superfences behavior, if there's only a single code block.\n    > pre:only-child,\n    > .codehilite:only-child pre,\n    > .codehilitetable:only-child,\n    > .highlight:only-child pre,\n    > .highlighttable:only-child {\n      margin: 0;\n\n      // Remove rounded borders at the top\n      > code {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n      }\n    }\n\n    // Nested tabs\n    > .tabbed-set {\n      margin: 0;\n    }\n  }\n\n  // Tabbed block container\n  .tabbed-set {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    margin: 1em 0;\n    border-radius: px2rem(2px);\n\n    // Hide radio buttons\n    > input {\n      position: absolute;\n      opacity: 0;\n\n      // Active tab label\n      &:checked + label {\n        color: var(--md-accent-fg-color);\n        border-color: var(--md-accent-fg-color);\n\n        // Show tabbed block content\n        & + .tabbed-content {\n          display: block;\n        }\n      }\n\n      // Focused tab label\n      &:focus + label {\n        outline-style: auto;\n      }\n\n      // Disable focus indicator for pointer devices\n      &:not(.focus-visible) + label {\n        outline: none;\n        -webkit-tap-highlight-color: transparent;\n      }\n    }\n\n    // Tab label\n    > label {\n      z-index: 1;\n      width: auto;\n      padding: px2em(12px, 12.8px) 1.25em px2em(10px, 12.8px);\n      color: var(--md-default-fg-color--light);\n      font-weight: 700;\n      font-size: px2rem(12.8px);\n      border-bottom: px2rem(2px) solid transparent;\n      cursor: pointer;\n      transition: color 250ms;\n\n      // Hovered label\n      html &:hover {\n        color: var(--md-accent-fg-color);\n      }\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Icon definitions\n:root {\n  --md-tasklist-icon: svg-load(\n    \"@primer/octicons/build/svg/check-circle-fill-24.svg\"\n  );\n  --md-tasklist-icon--checked: svg-load(\n    \"@primer/octicons/build/svg/check-circle-fill-24.svg\"\n  );\n}\n\n// ----------------------------------------------------------------------------\n\n// Scoped in typesetted content to match specificity of regular content\n.md-typeset {\n\n  // Remove list icon on task items\n  .task-list-item {\n    position: relative;\n    list-style-type: none;\n\n    // Make checkbox items align with normal list items, but position\n    // everything in ems for correct layout at smaller font sizes\n    [type=\"checkbox\"] {\n      position: absolute;\n      top: 0.45em;\n      left: -2em;\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        right: -2em;\n        left: initial;\n      }\n    }\n  }\n\n  // Wrapper for list controls, in case custom checkboxes are enabled\n  .task-list-control {\n\n    // Checkbox icon in unchecked state\n    .task-list-indicator::before {\n      position: absolute;\n      top: 0.15em;\n      left: px2em(-24px);\n      width: px2em(20px);\n      height: px2em(20px);\n      background-color: var(--md-default-fg-color--lightest);\n      mask-image: var(--md-tasklist-icon);\n      mask-repeat: no-repeat;\n      content: \"\";\n\n      // Adjust for right-to-left languages\n      [dir=\"rtl\"] & {\n        right: px2em(-24px);\n        left: initial;\n      }\n    }\n\n    // Checkbox icon in checked state\n    [type=\"checkbox\"]:checked + .task-list-indicator::before {\n      background-color: $clr-green-a400;\n      mask-image: var(--md-tasklist-icon--checked);\n    }\n\n    // Hide original checkbox behind icon\n    [type=\"checkbox\"] {\n      z-index: -1;\n      opacity: 0;\n    }\n  }\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/custum_style_src/material-polyfills/dev-site/assets/stylesheets/overrides.2b41d529.min.css b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/overrides.2b41d529.min.css
new file mode 100644
index 00000000..0b14d56e
--- /dev/null
+++ b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/overrides.2b41d529.min.css
@@ -0,0 +1,3 @@
+.md-typeset .tx-insiders{color:#e91e63}.md-typeset .tx-switch button{cursor:pointer;transition:opacity 250ms}.md-typeset .tx-switch button:hover{opacity:.75}.md-typeset .tx-switch button>code{display:block;color:var(--md-primary-bg-color);background-color:var(--md-primary-fg-color)}.md-typeset .tx-columns{-moz-columns:2;columns:2}.md-typeset .tx-columns>*{-moz-column-break-inside:avoid;break-inside:avoid}.md-announce a,.md-announce a:focus,.md-announce a:hover{color:currentColor}.md-announce strong{white-space:nowrap}.md-announce .twitter{margin-left:.2em;color:#00acee}.tx-container{padding-top:1rem;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(0, 0%, 100%, 1)' /></svg>") no-repeat bottom,linear-gradient(to bottom, var(--md-primary-fg-color), #a63fd9 99%, var(--md-default-bg-color) 99%)}[data-md-color-scheme=slate] .tx-container{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)' /></svg>") no-repeat bottom,linear-gradient(to bottom, var(--md-primary-fg-color), #a63fd9 99%, var(--md-default-bg-color) 99%)}@-webkit-keyframes tx-heart{0%,40%,80%,100%{transform:scale(1)}20%,60%{transform:scale(1.15)}}@keyframes tx-heart{0%,40%,80%,100%{transform:scale(1)}20%,60%{transform:scale(1.15)}}.tx-content__footer{margin-top:1rem;text-align:center}.tx-content__footer a{display:inline-block;color:#e91e63;transition:transform 250ms cubic-bezier(0.1, 0.7, 0.1, 1),color 125ms}.tx-content__footer a:focus,.tx-content__footer a:hover{transform:scale(1.2)}.tx-content__footer hr{display:inline-block;width:2rem;margin:1em;vertical-align:middle;background-color:currentColor;border:none}.tx-heart{-webkit-animation:tx-heart 1000ms infinite;animation:tx-heart 1000ms infinite}.tx-hero{margin:0 .8rem;color:var(--md-primary-bg-color)}.tx-hero h1{margin-bottom:1rem;color:currentColor;font-weight:700}@media screen and (max-width: 29.9375em){.tx-hero h1{font-size:1.4rem}}.tx-hero__content{padding-bottom:6rem}@media screen and (min-width: 60em){.tx-hero{display:flex;align-items:stretch}.tx-hero__content{max-width:19rem;margin-top:3.5rem;padding-bottom:14vw}.tx-hero__image{order:1;width:38rem;transform:translateX(4rem)}}@media screen and (min-width: 76.25em){.tx-hero__image{transform:translateX(8rem)}}.tx-hero .md-button{margin-top:.5rem;margin-right:.5rem;color:var(--md-primary-bg-color)}.tx-hero .md-button:hover,.tx-hero .md-button:focus{color:var(--md-default-bg-color);background-color:var(--md-accent-fg-color);border-color:var(--md-accent-fg-color)}.tx-hero .md-button--primary{color:#894da8;background-color:var(--md-primary-bg-color);border-color:var(--md-primary-bg-color)}
+
+/*# sourceMappingURL=overrides.2b41d529.min.css.map*/
\ No newline at end of file
diff --git a/custum_style_src/material-polyfills/dev-site/assets/stylesheets/overrides.2b41d529.min.css.map b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/overrides.2b41d529.min.css.map
new file mode 100644
index 00000000..1c50a896
--- /dev/null
+++ b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/overrides.2b41d529.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///src/assets/stylesheets/overrides/_typeset.scss","webpack:///node_modules/material-design-color/material-color.scss","webpack:///src/assets/stylesheets/overrides/layout/_announce.scss","webpack:///src/assets/stylesheets/overrides/layout/_base.scss","webpack:///src/assets/stylesheets/overrides/layout/_content.scss","webpack:///src/assets/stylesheets/overrides/layout/_hero.scss","webpack:///src/assets/stylesheets/utilities/_break.scss"],"names":[],"mappings":"AA8BE,yBACE,aC+EY,CD3Ed,8BACE,eACA,yBAGA,oCACE,YAIF,mCACE,cACA,iCACA,4CAKJ,wBACE,yBAGA,0BACE,kDE5BJ,yDAGE,mBAIF,oBACE,mBAIF,sBACE,iBACA,cCjBJ,cACE,iBACA,0YACE,CASF,2CACE,4YACE,CCdN,4BACE,gBACE,mBAEF,QACE,uBALJ,oBACE,gBACE,mBAEF,QACE,uBASJ,oBACE,gBACA,kBAGA,sBACE,qBACA,aH8DY,CG7DZ,qEACE,CAIF,wDAEE,qBAKJ,uBACE,qBACA,WACA,WACA,sBACA,8BACA,YAKJ,UACE,8EC9CF,SACE,eACA,iCAGA,YACE,mBACA,mBACA,gBC0KA,yCD7KF,YAOI,kBAKJ,kBACE,oBC8IA,oCDhKJ,SAuBI,aACA,oBAGA,kBACE,gBACA,kBACA,oBAIF,gBACE,QACA,YACA,4BC2HF,uCDnHA,gBACE,4BAKJ,oBACE,iBACA,mBACA,iCAGA,oDAEE,iCACA,2CACA,uCAIF,6BACE,cACA,4CACA,wC","file":"assets/stylesheets/overrides.2b41d529.min.css","sourcesContent":["////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Typesetted content\n.md-typeset {\n\n  // Insiders color (for links, etc.)\n  .tx-insiders {\n    color: $clr-pink-500;\n  }\n\n  // Extension: switch buttons\n  .tx-switch button {\n    cursor: pointer;\n    transition: opacity 250ms;\n\n    // Hovered button\n    &:hover {\n      opacity: 0.75;\n    }\n\n    // Code block\n    > code {\n      display: block;\n      color: var(--md-primary-bg-color);\n      background-color: var(--md-primary-fg-color);\n    }\n  }\n\n  // Two-column layout\n  .tx-columns {\n    columns: 2;\n\n    // Column\n    > * {\n      break-inside: avoid;\n    }\n  }\n}\n","// ==========================================================================\n//\n// Name:        UI Color Palette\n// Description: The color palette of material design.\n// Version:     2.3.1\n//\n// Author:      Denis Malinochkin\n// Git:         https://github.com/mrmlnc/material-color\n//\n// twitter:     @mrmlnc\n//\n// ==========================================================================\n\n\n//\n// List of base colors\n//\n\n// $clr-red\n// $clr-pink\n// $clr-purple\n// $clr-deep-purple\n// $clr-indigo\n// $clr-blue\n// $clr-light-blue\n// $clr-cyan\n// $clr-teal\n// $clr-green\n// $clr-light-green\n// $clr-lime\n// $clr-yellow\n// $clr-amber\n// $clr-orange\n// $clr-deep-orange\n// $clr-brown\n// $clr-grey\n// $clr-blue-grey\n// $clr-black\n// $clr-white\n\n\n//\n// Red\n//\n\n$clr-red-list: (\n  \"base\": #f44336,\n  \"50\":   #ffebee,\n  \"100\":  #ffcdd2,\n  \"200\":  #ef9a9a,\n  \"300\":  #e57373,\n  \"400\":  #ef5350,\n  \"500\":  #f44336,\n  \"600\":  #e53935,\n  \"700\":  #d32f2f,\n  \"800\":  #c62828,\n  \"900\":  #b71c1c,\n  \"a100\": #ff8a80,\n  \"a200\": #ff5252,\n  \"a400\": #ff1744,\n  \"a700\": #d50000\n);\n\n$clr-red:      map-get($clr-red-list, \"base\");\n\n$clr-red-50:   map-get($clr-red-list, \"50\");\n$clr-red-100:  map-get($clr-red-list, \"100\");\n$clr-red-200:  map-get($clr-red-list, \"200\");\n$clr-red-300:  map-get($clr-red-list, \"300\");\n$clr-red-400:  map-get($clr-red-list, \"400\");\n$clr-red-500:  map-get($clr-red-list, \"500\");\n$clr-red-600:  map-get($clr-red-list, \"600\");\n$clr-red-700:  map-get($clr-red-list, \"700\");\n$clr-red-800:  map-get($clr-red-list, \"800\");\n$clr-red-900:  map-get($clr-red-list, \"900\");\n$clr-red-a100: map-get($clr-red-list, \"a100\");\n$clr-red-a200: map-get($clr-red-list, \"a200\");\n$clr-red-a400: map-get($clr-red-list, \"a400\");\n$clr-red-a700: map-get($clr-red-list, \"a700\");\n\n\n//\n// Pink\n//\n\n$clr-pink-list: (\n  \"base\": #e91e63,\n  \"50\":   #fce4ec,\n  \"100\":  #f8bbd0,\n  \"200\":  #f48fb1,\n  \"300\":  #f06292,\n  \"400\":  #ec407a,\n  \"500\":  #e91e63,\n  \"600\":  #d81b60,\n  \"700\":  #c2185b,\n  \"800\":  #ad1457,\n  \"900\":  #880e4f,\n  \"a100\": #ff80ab,\n  \"a200\": #ff4081,\n  \"a400\": #f50057,\n  \"a700\": #c51162\n);\n\n$clr-pink:      map-get($clr-pink-list, \"base\");\n\n$clr-pink-50:   map-get($clr-pink-list, \"50\");\n$clr-pink-100:  map-get($clr-pink-list, \"100\");\n$clr-pink-200:  map-get($clr-pink-list, \"200\");\n$clr-pink-300:  map-get($clr-pink-list, \"300\");\n$clr-pink-400:  map-get($clr-pink-list, \"400\");\n$clr-pink-500:  map-get($clr-pink-list, \"500\");\n$clr-pink-600:  map-get($clr-pink-list, \"600\");\n$clr-pink-700:  map-get($clr-pink-list, \"700\");\n$clr-pink-800:  map-get($clr-pink-list, \"800\");\n$clr-pink-900:  map-get($clr-pink-list, \"900\");\n$clr-pink-a100: map-get($clr-pink-list, \"a100\");\n$clr-pink-a200: map-get($clr-pink-list, \"a200\");\n$clr-pink-a400: map-get($clr-pink-list, \"a400\");\n$clr-pink-a700: map-get($clr-pink-list, \"a700\");\n\n\n//\n// Purple\n//\n\n$clr-purple-list: (\n  \"base\": #9c27b0,\n  \"50\":   #f3e5f5,\n  \"100\":  #e1bee7,\n  \"200\":  #ce93d8,\n  \"300\":  #ba68c8,\n  \"400\":  #ab47bc,\n  \"500\":  #9c27b0,\n  \"600\":  #8e24aa,\n  \"700\":  #7b1fa2,\n  \"800\":  #6a1b9a,\n  \"900\":  #4a148c,\n  \"a100\": #ea80fc,\n  \"a200\": #e040fb,\n  \"a400\": #d500f9,\n  \"a700\": #aa00ff\n);\n\n$clr-purple:      map-get($clr-purple-list, \"base\");\n\n$clr-purple-50:   map-get($clr-purple-list, \"50\");\n$clr-purple-100:  map-get($clr-purple-list, \"100\");\n$clr-purple-200:  map-get($clr-purple-list, \"200\");\n$clr-purple-300:  map-get($clr-purple-list, \"300\");\n$clr-purple-400:  map-get($clr-purple-list, \"400\");\n$clr-purple-500:  map-get($clr-purple-list, \"500\");\n$clr-purple-600:  map-get($clr-purple-list, \"600\");\n$clr-purple-700:  map-get($clr-purple-list, \"700\");\n$clr-purple-800:  map-get($clr-purple-list, \"800\");\n$clr-purple-900:  map-get($clr-purple-list, \"900\");\n$clr-purple-a100: map-get($clr-purple-list, \"a100\");\n$clr-purple-a200: map-get($clr-purple-list, \"a200\");\n$clr-purple-a400: map-get($clr-purple-list, \"a400\");\n$clr-purple-a700: map-get($clr-purple-list, \"a700\");\n\n\n//\n// Deep purple\n//\n\n$clr-deep-purple-list: (\n  \"base\": #673ab7,\n  \"50\":   #ede7f6,\n  \"100\":  #d1c4e9,\n  \"200\":  #b39ddb,\n  \"300\":  #9575cd,\n  \"400\":  #7e57c2,\n  \"500\":  #673ab7,\n  \"600\":  #5e35b1,\n  \"700\":  #512da8,\n  \"800\":  #4527a0,\n  \"900\":  #311b92,\n  \"a100\": #b388ff,\n  \"a200\": #7c4dff,\n  \"a400\": #651fff,\n  \"a700\": #6200ea\n);\n\n$clr-deep-purple:      map-get($clr-deep-purple-list, \"base\");\n\n$clr-deep-purple-50:   map-get($clr-deep-purple-list, \"50\");\n$clr-deep-purple-100:  map-get($clr-deep-purple-list, \"100\");\n$clr-deep-purple-200:  map-get($clr-deep-purple-list, \"200\");\n$clr-deep-purple-300:  map-get($clr-deep-purple-list, \"300\");\n$clr-deep-purple-400:  map-get($clr-deep-purple-list, \"400\");\n$clr-deep-purple-500:  map-get($clr-deep-purple-list, \"500\");\n$clr-deep-purple-600:  map-get($clr-deep-purple-list, \"600\");\n$clr-deep-purple-700:  map-get($clr-deep-purple-list, \"700\");\n$clr-deep-purple-800:  map-get($clr-deep-purple-list, \"800\");\n$clr-deep-purple-900:  map-get($clr-deep-purple-list, \"900\");\n$clr-deep-purple-a100: map-get($clr-deep-purple-list, \"a100\");\n$clr-deep-purple-a200: map-get($clr-deep-purple-list, \"a200\");\n$clr-deep-purple-a400: map-get($clr-deep-purple-list, \"a400\");\n$clr-deep-purple-a700: map-get($clr-deep-purple-list, \"a700\");\n\n\n//\n// Indigo\n//\n\n$clr-indigo-list: (\n  \"base\": #3f51b5,\n  \"50\":   #e8eaf6,\n  \"100\":  #c5cae9,\n  \"200\":  #9fa8da,\n  \"300\":  #7986cb,\n  \"400\":  #5c6bc0,\n  \"500\":  #3f51b5,\n  \"600\":  #3949ab,\n  \"700\":  #303f9f,\n  \"800\":  #283593,\n  \"900\":  #1a237e,\n  \"a100\": #8c9eff,\n  \"a200\": #536dfe,\n  \"a400\": #3d5afe,\n  \"a700\": #304ffe\n);\n\n$clr-indigo:      map-get($clr-indigo-list, \"base\");\n\n$clr-indigo-50:   map-get($clr-indigo-list, \"50\");\n$clr-indigo-100:  map-get($clr-indigo-list, \"100\");\n$clr-indigo-200:  map-get($clr-indigo-list, \"200\");\n$clr-indigo-300:  map-get($clr-indigo-list, \"300\");\n$clr-indigo-400:  map-get($clr-indigo-list, \"400\");\n$clr-indigo-500:  map-get($clr-indigo-list, \"500\");\n$clr-indigo-600:  map-get($clr-indigo-list, \"600\");\n$clr-indigo-700:  map-get($clr-indigo-list, \"700\");\n$clr-indigo-800:  map-get($clr-indigo-list, \"800\");\n$clr-indigo-900:  map-get($clr-indigo-list, \"900\");\n$clr-indigo-a100: map-get($clr-indigo-list, \"a100\");\n$clr-indigo-a200: map-get($clr-indigo-list, \"a200\");\n$clr-indigo-a400: map-get($clr-indigo-list, \"a400\");\n$clr-indigo-a700: map-get($clr-indigo-list, \"a700\");\n\n\n//\n// Blue\n//\n\n$clr-blue-list: (\n  \"base\": #2196f3,\n  \"50\":   #e3f2fd,\n  \"100\":  #bbdefb,\n  \"200\":  #90caf9,\n  \"300\":  #64b5f6,\n  \"400\":  #42a5f5,\n  \"500\":  #2196f3,\n  \"600\":  #1e88e5,\n  \"700\":  #1976d2,\n  \"800\":  #1565c0,\n  \"900\":  #0d47a1,\n  \"a100\": #82b1ff,\n  \"a200\": #448aff,\n  \"a400\": #2979ff,\n  \"a700\": #2962ff\n);\n\n$clr-blue:      map-get($clr-blue-list, \"base\");\n\n$clr-blue-50:   map-get($clr-blue-list, \"50\");\n$clr-blue-100:  map-get($clr-blue-list, \"100\");\n$clr-blue-200:  map-get($clr-blue-list, \"200\");\n$clr-blue-300:  map-get($clr-blue-list, \"300\");\n$clr-blue-400:  map-get($clr-blue-list, \"400\");\n$clr-blue-500:  map-get($clr-blue-list, \"500\");\n$clr-blue-600:  map-get($clr-blue-list, \"600\");\n$clr-blue-700:  map-get($clr-blue-list, \"700\");\n$clr-blue-800:  map-get($clr-blue-list, \"800\");\n$clr-blue-900:  map-get($clr-blue-list, \"900\");\n$clr-blue-a100: map-get($clr-blue-list, \"a100\");\n$clr-blue-a200: map-get($clr-blue-list, \"a200\");\n$clr-blue-a400: map-get($clr-blue-list, \"a400\");\n$clr-blue-a700: map-get($clr-blue-list, \"a700\");\n\n\n//\n// Light Blue\n//\n\n$clr-light-blue-list: (\n  \"base\": #03a9f4,\n  \"50\":   #e1f5fe,\n  \"100\":  #b3e5fc,\n  \"200\":  #81d4fa,\n  \"300\":  #4fc3f7,\n  \"400\":  #29b6f6,\n  \"500\":  #03a9f4,\n  \"600\":  #039be5,\n  \"700\":  #0288d1,\n  \"800\":  #0277bd,\n  \"900\":  #01579b,\n  \"a100\": #80d8ff,\n  \"a200\": #40c4ff,\n  \"a400\": #00b0ff,\n  \"a700\": #0091ea\n);\n\n$clr-light-blue:      map-get($clr-light-blue-list, \"base\");\n\n$clr-light-blue-50:   map-get($clr-light-blue-list, \"50\");\n$clr-light-blue-100:  map-get($clr-light-blue-list, \"100\");\n$clr-light-blue-200:  map-get($clr-light-blue-list, \"200\");\n$clr-light-blue-300:  map-get($clr-light-blue-list, \"300\");\n$clr-light-blue-400:  map-get($clr-light-blue-list, \"400\");\n$clr-light-blue-500:  map-get($clr-light-blue-list, \"500\");\n$clr-light-blue-600:  map-get($clr-light-blue-list, \"600\");\n$clr-light-blue-700:  map-get($clr-light-blue-list, \"700\");\n$clr-light-blue-800:  map-get($clr-light-blue-list, \"800\");\n$clr-light-blue-900:  map-get($clr-light-blue-list, \"900\");\n$clr-light-blue-a100: map-get($clr-light-blue-list, \"a100\");\n$clr-light-blue-a200: map-get($clr-light-blue-list, \"a200\");\n$clr-light-blue-a400: map-get($clr-light-blue-list, \"a400\");\n$clr-light-blue-a700: map-get($clr-light-blue-list, \"a700\");\n\n\n//\n// Cyan\n//\n\n$clr-cyan-list: (\n  \"base\": #00bcd4,\n  \"50\":   #e0f7fa,\n  \"100\":  #b2ebf2,\n  \"200\":  #80deea,\n  \"300\":  #4dd0e1,\n  \"400\":  #26c6da,\n  \"500\":  #00bcd4,\n  \"600\":  #00acc1,\n  \"700\":  #0097a7,\n  \"800\":  #00838f,\n  \"900\":  #006064,\n  \"a100\": #84ffff,\n  \"a200\": #18ffff,\n  \"a400\": #00e5ff,\n  \"a700\": #00b8d4\n);\n\n$clr-cyan:      map-get($clr-cyan-list, \"base\");\n\n$clr-cyan-50:   map-get($clr-cyan-list, \"50\");\n$clr-cyan-100:  map-get($clr-cyan-list, \"100\");\n$clr-cyan-200:  map-get($clr-cyan-list, \"200\");\n$clr-cyan-300:  map-get($clr-cyan-list, \"300\");\n$clr-cyan-400:  map-get($clr-cyan-list, \"400\");\n$clr-cyan-500:  map-get($clr-cyan-list, \"500\");\n$clr-cyan-600:  map-get($clr-cyan-list, \"600\");\n$clr-cyan-700:  map-get($clr-cyan-list, \"700\");\n$clr-cyan-800:  map-get($clr-cyan-list, \"800\");\n$clr-cyan-900:  map-get($clr-cyan-list, \"900\");\n$clr-cyan-a100: map-get($clr-cyan-list, \"a100\");\n$clr-cyan-a200: map-get($clr-cyan-list, \"a200\");\n$clr-cyan-a400: map-get($clr-cyan-list, \"a400\");\n$clr-cyan-a700: map-get($clr-cyan-list, \"a700\");\n\n\n//\n// Teal\n//\n\n$clr-teal-list: (\n  \"base\": #009688,\n  \"50\":   #e0f2f1,\n  \"100\":  #b2dfdb,\n  \"200\":  #80cbc4,\n  \"300\":  #4db6ac,\n  \"400\":  #26a69a,\n  \"500\":  #009688,\n  \"600\":  #00897b,\n  \"700\":  #00796b,\n  \"800\":  #00695c,\n  \"900\":  #004d40,\n  \"a100\": #a7ffeb,\n  \"a200\": #64ffda,\n  \"a400\": #1de9b6,\n  \"a700\": #00bfa5\n);\n\n$clr-teal:      map-get($clr-teal-list, \"base\");\n\n$clr-teal-50:   map-get($clr-teal-list, \"50\");\n$clr-teal-100:  map-get($clr-teal-list, \"100\");\n$clr-teal-200:  map-get($clr-teal-list, \"200\");\n$clr-teal-300:  map-get($clr-teal-list, \"300\");\n$clr-teal-400:  map-get($clr-teal-list, \"400\");\n$clr-teal-500:  map-get($clr-teal-list, \"500\");\n$clr-teal-600:  map-get($clr-teal-list, \"600\");\n$clr-teal-700:  map-get($clr-teal-list, \"700\");\n$clr-teal-800:  map-get($clr-teal-list, \"800\");\n$clr-teal-900:  map-get($clr-teal-list, \"900\");\n$clr-teal-a100: map-get($clr-teal-list, \"a100\");\n$clr-teal-a200: map-get($clr-teal-list, \"a200\");\n$clr-teal-a400: map-get($clr-teal-list, \"a400\");\n$clr-teal-a700: map-get($clr-teal-list, \"a700\");\n\n\n//\n// Green\n//\n\n$clr-green-list: (\n  \"base\": #4caf50,\n  \"50\":   #e8f5e9,\n  \"100\":  #c8e6c9,\n  \"200\":  #a5d6a7,\n  \"300\":  #81c784,\n  \"400\":  #66bb6a,\n  \"500\":  #4caf50,\n  \"600\":  #43a047,\n  \"700\":  #388e3c,\n  \"800\":  #2e7d32,\n  \"900\":  #1b5e20,\n  \"a100\": #b9f6ca,\n  \"a200\": #69f0ae,\n  \"a400\": #00e676,\n  \"a700\": #00c853\n);\n\n$clr-green:      map-get($clr-green-list, \"base\");\n\n$clr-green-50:   map-get($clr-green-list, \"50\");\n$clr-green-100:  map-get($clr-green-list, \"100\");\n$clr-green-200:  map-get($clr-green-list, \"200\");\n$clr-green-300:  map-get($clr-green-list, \"300\");\n$clr-green-400:  map-get($clr-green-list, \"400\");\n$clr-green-500:  map-get($clr-green-list, \"500\");\n$clr-green-600:  map-get($clr-green-list, \"600\");\n$clr-green-700:  map-get($clr-green-list, \"700\");\n$clr-green-800:  map-get($clr-green-list, \"800\");\n$clr-green-900:  map-get($clr-green-list, \"900\");\n$clr-green-a100: map-get($clr-green-list, \"a100\");\n$clr-green-a200: map-get($clr-green-list, \"a200\");\n$clr-green-a400: map-get($clr-green-list, \"a400\");\n$clr-green-a700: map-get($clr-green-list, \"a700\");\n\n\n//\n// Light green\n//\n\n$clr-light-green-list: (\n  \"base\": #8bc34a,\n  \"50\":   #f1f8e9,\n  \"100\":  #dcedc8,\n  \"200\":  #c5e1a5,\n  \"300\":  #aed581,\n  \"400\":  #9ccc65,\n  \"500\":  #8bc34a,\n  \"600\":  #7cb342,\n  \"700\":  #689f38,\n  \"800\":  #558b2f,\n  \"900\":  #33691e,\n  \"a100\": #ccff90,\n  \"a200\": #b2ff59,\n  \"a400\": #76ff03,\n  \"a700\": #64dd17\n);\n\n$clr-light-green:      map-get($clr-light-green-list, \"base\");\n\n$clr-light-green-50:   map-get($clr-light-green-list, \"50\");\n$clr-light-green-100:  map-get($clr-light-green-list, \"100\");\n$clr-light-green-200:  map-get($clr-light-green-list, \"200\");\n$clr-light-green-300:  map-get($clr-light-green-list, \"300\");\n$clr-light-green-400:  map-get($clr-light-green-list, \"400\");\n$clr-light-green-500:  map-get($clr-light-green-list, \"500\");\n$clr-light-green-600:  map-get($clr-light-green-list, \"600\");\n$clr-light-green-700:  map-get($clr-light-green-list, \"700\");\n$clr-light-green-800:  map-get($clr-light-green-list, \"800\");\n$clr-light-green-900:  map-get($clr-light-green-list, \"900\");\n$clr-light-green-a100: map-get($clr-light-green-list, \"a100\");\n$clr-light-green-a200: map-get($clr-light-green-list, \"a200\");\n$clr-light-green-a400: map-get($clr-light-green-list, \"a400\");\n$clr-light-green-a700: map-get($clr-light-green-list, \"a700\");\n\n\n//\n// Lime\n//\n\n$clr-lime-list: (\n  \"base\": #cddc39,\n  \"50\":   #f9fbe7,\n  \"100\":  #f0f4c3,\n  \"200\":  #e6ee9c,\n  \"300\":  #dce775,\n  \"400\":  #d4e157,\n  \"500\":  #cddc39,\n  \"600\":  #c0ca33,\n  \"700\":  #afb42b,\n  \"800\":  #9e9d24,\n  \"900\":  #827717,\n  \"a100\": #f4ff81,\n  \"a200\": #eeff41,\n  \"a400\": #c6ff00,\n  \"a700\": #aeea00\n);\n\n$clr-lime:      map-get($clr-lime-list, \"base\");\n\n$clr-lime-50:   map-get($clr-lime-list, \"50\");\n$clr-lime-100:  map-get($clr-lime-list, \"100\");\n$clr-lime-200:  map-get($clr-lime-list, \"200\");\n$clr-lime-300:  map-get($clr-lime-list, \"300\");\n$clr-lime-400:  map-get($clr-lime-list, \"400\");\n$clr-lime-500:  map-get($clr-lime-list, \"500\");\n$clr-lime-600:  map-get($clr-lime-list, \"600\");\n$clr-lime-700:  map-get($clr-lime-list, \"700\");\n$clr-lime-800:  map-get($clr-lime-list, \"800\");\n$clr-lime-900:  map-get($clr-lime-list, \"900\");\n$clr-lime-a100: map-get($clr-lime-list, \"a100\");\n$clr-lime-a200: map-get($clr-lime-list, \"a200\");\n$clr-lime-a400: map-get($clr-lime-list, \"a400\");\n$clr-lime-a700: map-get($clr-lime-list, \"a700\");\n\n\n//\n// Yellow\n//\n\n$clr-yellow-list: (\n  \"base\": #ffeb3b,\n  \"50\":   #fffde7,\n  \"100\":  #fff9c4,\n  \"200\":  #fff59d,\n  \"300\":  #fff176,\n  \"400\":  #ffee58,\n  \"500\":  #ffeb3b,\n  \"600\":  #fdd835,\n  \"700\":  #fbc02d,\n  \"800\":  #f9a825,\n  \"900\":  #f57f17,\n  \"a100\": #ffff8d,\n  \"a200\": #ffff00,\n  \"a400\": #ffea00,\n  \"a700\": #ffd600\n);\n\n$clr-yellow:      map-get($clr-yellow-list, \"base\");\n\n$clr-yellow-50:   map-get($clr-yellow-list, \"50\");\n$clr-yellow-100:  map-get($clr-yellow-list, \"100\");\n$clr-yellow-200:  map-get($clr-yellow-list, \"200\");\n$clr-yellow-300:  map-get($clr-yellow-list, \"300\");\n$clr-yellow-400:  map-get($clr-yellow-list, \"400\");\n$clr-yellow-500:  map-get($clr-yellow-list, \"500\");\n$clr-yellow-600:  map-get($clr-yellow-list, \"600\");\n$clr-yellow-700:  map-get($clr-yellow-list, \"700\");\n$clr-yellow-800:  map-get($clr-yellow-list, \"800\");\n$clr-yellow-900:  map-get($clr-yellow-list, \"900\");\n$clr-yellow-a100: map-get($clr-yellow-list, \"a100\");\n$clr-yellow-a200: map-get($clr-yellow-list, \"a200\");\n$clr-yellow-a400: map-get($clr-yellow-list, \"a400\");\n$clr-yellow-a700: map-get($clr-yellow-list, \"a700\");\n\n\n//\n// amber\n//\n\n$clr-amber-list: (\n  \"base\": #ffc107,\n  \"50\":   #fff8e1,\n  \"100\":  #ffecb3,\n  \"200\":  #ffe082,\n  \"300\":  #ffd54f,\n  \"400\":  #ffca28,\n  \"500\":  #ffc107,\n  \"600\":  #ffb300,\n  \"700\":  #ffa000,\n  \"800\":  #ff8f00,\n  \"900\":  #ff6f00,\n  \"a100\": #ffe57f,\n  \"a200\": #ffd740,\n  \"a400\": #ffc400,\n  \"a700\": #ffab00\n);\n\n$clr-amber:      map-get($clr-amber-list, \"base\");\n\n$clr-amber-50:   map-get($clr-amber-list, \"50\");\n$clr-amber-100:  map-get($clr-amber-list, \"100\");\n$clr-amber-200:  map-get($clr-amber-list, \"200\");\n$clr-amber-300:  map-get($clr-amber-list, \"300\");\n$clr-amber-400:  map-get($clr-amber-list, \"400\");\n$clr-amber-500:  map-get($clr-amber-list, \"500\");\n$clr-amber-600:  map-get($clr-amber-list, \"600\");\n$clr-amber-700:  map-get($clr-amber-list, \"700\");\n$clr-amber-800:  map-get($clr-amber-list, \"800\");\n$clr-amber-900:  map-get($clr-amber-list, \"900\");\n$clr-amber-a100: map-get($clr-amber-list, \"a100\");\n$clr-amber-a200: map-get($clr-amber-list, \"a200\");\n$clr-amber-a400: map-get($clr-amber-list, \"a400\");\n$clr-amber-a700: map-get($clr-amber-list, \"a700\");\n\n\n//\n// Orange\n//\n\n$clr-orange-list: (\n  \"base\": #ff9800,\n  \"50\":   #fff3e0,\n  \"100\":  #ffe0b2,\n  \"200\":  #ffcc80,\n  \"300\":  #ffb74d,\n  \"400\":  #ffa726,\n  \"500\":  #ff9800,\n  \"600\":  #fb8c00,\n  \"700\":  #f57c00,\n  \"800\":  #ef6c00,\n  \"900\":  #e65100,\n  \"a100\": #ffd180,\n  \"a200\": #ffab40,\n  \"a400\": #ff9100,\n  \"a700\": #ff6d00\n);\n\n$clr-orange:      map-get($clr-orange-list, \"base\");\n\n$clr-orange-50:   map-get($clr-orange-list, \"50\");\n$clr-orange-100:  map-get($clr-orange-list, \"100\");\n$clr-orange-200:  map-get($clr-orange-list, \"200\");\n$clr-orange-300:  map-get($clr-orange-list, \"300\");\n$clr-orange-400:  map-get($clr-orange-list, \"400\");\n$clr-orange-500:  map-get($clr-orange-list, \"500\");\n$clr-orange-600:  map-get($clr-orange-list, \"600\");\n$clr-orange-700:  map-get($clr-orange-list, \"700\");\n$clr-orange-800:  map-get($clr-orange-list, \"800\");\n$clr-orange-900:  map-get($clr-orange-list, \"900\");\n$clr-orange-a100: map-get($clr-orange-list, \"a100\");\n$clr-orange-a200: map-get($clr-orange-list, \"a200\");\n$clr-orange-a400: map-get($clr-orange-list, \"a400\");\n$clr-orange-a700: map-get($clr-orange-list, \"a700\");\n\n\n//\n// Deep orange\n//\n\n$clr-deep-orange-list: (\n  \"base\": #ff5722,\n  \"50\":   #fbe9e7,\n  \"100\":  #ffccbc,\n  \"200\":  #ffab91,\n  \"300\":  #ff8a65,\n  \"400\":  #ff7043,\n  \"500\":  #ff5722,\n  \"600\":  #f4511e,\n  \"700\":  #e64a19,\n  \"800\":  #d84315,\n  \"900\":  #bf360c,\n  \"a100\": #ff9e80,\n  \"a200\": #ff6e40,\n  \"a400\": #ff3d00,\n  \"a700\": #dd2c00\n);\n\n$clr-deep-orange:      map-get($clr-deep-orange-list, \"base\");\n\n$clr-deep-orange-50:   map-get($clr-deep-orange-list, \"50\");\n$clr-deep-orange-100:  map-get($clr-deep-orange-list, \"100\");\n$clr-deep-orange-200:  map-get($clr-deep-orange-list, \"200\");\n$clr-deep-orange-300:  map-get($clr-deep-orange-list, \"300\");\n$clr-deep-orange-400:  map-get($clr-deep-orange-list, \"400\");\n$clr-deep-orange-500:  map-get($clr-deep-orange-list, \"500\");\n$clr-deep-orange-600:  map-get($clr-deep-orange-list, \"600\");\n$clr-deep-orange-700:  map-get($clr-deep-orange-list, \"700\");\n$clr-deep-orange-800:  map-get($clr-deep-orange-list, \"800\");\n$clr-deep-orange-900:  map-get($clr-deep-orange-list, \"900\");\n$clr-deep-orange-a100: map-get($clr-deep-orange-list, \"a100\");\n$clr-deep-orange-a200: map-get($clr-deep-orange-list, \"a200\");\n$clr-deep-orange-a400: map-get($clr-deep-orange-list, \"a400\");\n$clr-deep-orange-a700: map-get($clr-deep-orange-list, \"a700\");\n\n\n//\n// Brown\n//\n\n$clr-brown-list: (\n  \"base\": #795548,\n  \"50\":   #efebe9,\n  \"100\":  #d7ccc8,\n  \"200\":  #bcaaa4,\n  \"300\":  #a1887f,\n  \"400\":  #8d6e63,\n  \"500\":  #795548,\n  \"600\":  #6d4c41,\n  \"700\":  #5d4037,\n  \"800\":  #4e342e,\n  \"900\":  #3e2723,\n);\n\n$clr-brown:     map-get($clr-brown-list, \"base\");\n\n$clr-brown-50:  map-get($clr-brown-list, \"50\");\n$clr-brown-100: map-get($clr-brown-list, \"100\");\n$clr-brown-200: map-get($clr-brown-list, \"200\");\n$clr-brown-300: map-get($clr-brown-list, \"300\");\n$clr-brown-400: map-get($clr-brown-list, \"400\");\n$clr-brown-500: map-get($clr-brown-list, \"500\");\n$clr-brown-600: map-get($clr-brown-list, \"600\");\n$clr-brown-700: map-get($clr-brown-list, \"700\");\n$clr-brown-800: map-get($clr-brown-list, \"800\");\n$clr-brown-900: map-get($clr-brown-list, \"900\");\n\n\n//\n// Grey\n//\n\n$clr-grey-list: (\n  \"base\": #9e9e9e,\n  \"50\":   #fafafa,\n  \"100\":  #f5f5f5,\n  \"200\":  #eeeeee,\n  \"300\":  #e0e0e0,\n  \"400\":  #bdbdbd,\n  \"500\":  #9e9e9e,\n  \"600\":  #757575,\n  \"700\":  #616161,\n  \"800\":  #424242,\n  \"900\":  #212121,\n);\n\n$clr-grey:     map-get($clr-grey-list, \"base\");\n\n$clr-grey-50:  map-get($clr-grey-list, \"50\");\n$clr-grey-100: map-get($clr-grey-list, \"100\");\n$clr-grey-200: map-get($clr-grey-list, \"200\");\n$clr-grey-300: map-get($clr-grey-list, \"300\");\n$clr-grey-400: map-get($clr-grey-list, \"400\");\n$clr-grey-500: map-get($clr-grey-list, \"500\");\n$clr-grey-600: map-get($clr-grey-list, \"600\");\n$clr-grey-700: map-get($clr-grey-list, \"700\");\n$clr-grey-800: map-get($clr-grey-list, \"800\");\n$clr-grey-900: map-get($clr-grey-list, \"900\");\n\n\n//\n// Blue grey\n//\n\n$clr-blue-grey-list: (\n  \"base\": #607d8b,\n  \"50\":   #eceff1,\n  \"100\":  #cfd8dc,\n  \"200\":  #b0bec5,\n  \"300\":  #90a4ae,\n  \"400\":  #78909c,\n  \"500\":  #607d8b,\n  \"600\":  #546e7a,\n  \"700\":  #455a64,\n  \"800\":  #37474f,\n  \"900\":  #263238,\n);\n\n$clr-blue-grey:     map-get($clr-blue-grey-list, \"base\");\n\n$clr-blue-grey-50:  map-get($clr-blue-grey-list, \"50\");\n$clr-blue-grey-100: map-get($clr-blue-grey-list, \"100\");\n$clr-blue-grey-200: map-get($clr-blue-grey-list, \"200\");\n$clr-blue-grey-300: map-get($clr-blue-grey-list, \"300\");\n$clr-blue-grey-400: map-get($clr-blue-grey-list, \"400\");\n$clr-blue-grey-500: map-get($clr-blue-grey-list, \"500\");\n$clr-blue-grey-600: map-get($clr-blue-grey-list, \"600\");\n$clr-blue-grey-700: map-get($clr-blue-grey-list, \"700\");\n$clr-blue-grey-800: map-get($clr-blue-grey-list, \"800\");\n$clr-blue-grey-900: map-get($clr-blue-grey-list, \"900\");\n\n\n//\n// Black\n//\n\n$clr-black-list: (\n  \"base\": #000\n);\n\n$clr-black: map-get($clr-black-list, \"base\");\n\n\n//\n// White\n//\n\n$clr-white-list: (\n  \"base\": #fff\n);\n\n$clr-white: map-get($clr-white-list, \"base\");\n\n\n//\n// List for all Colors for looping\n//\n\n$clr-list-all: (\n  \"red\":         $clr-red-list,\n  \"pink\":        $clr-pink-list,\n  \"purple\":      $clr-purple-list,\n  \"deep-purple\": $clr-deep-purple-list,\n  \"indigo\":      $clr-indigo-list,\n  \"blue\":        $clr-blue-list,\n  \"light-blue\":  $clr-light-blue-list,\n  \"cyan\":        $clr-cyan-list,\n  \"teal\":        $clr-teal-list,\n  \"green\":       $clr-green-list,\n  \"light-green\": $clr-light-green-list,\n  \"lime\":        $clr-lime-list,\n  \"yellow\":      $clr-yellow-list,\n  \"amber\":       $clr-amber-list,\n  \"orange\":      $clr-orange-list,\n  \"deep-orange\": $clr-deep-orange-list,\n  \"brown\":       $clr-brown-list,\n  \"grey\":        $clr-grey-list,\n  \"blue-grey\":   $clr-blue-grey-list,\n  \"black\":       $clr-black-list,\n  \"white\":       $clr-white-list\n);\n\n\n//\n// Typography\n//\n\n$clr-ui-display-4: $clr-grey-600;\n$clr-ui-display-3: $clr-grey-600;\n$clr-ui-display-2: $clr-grey-600;\n$clr-ui-display-1: $clr-grey-600;\n$clr-ui-headline:  $clr-grey-900;\n$clr-ui-title:     $clr-grey-900;\n$clr-ui-subhead-1: $clr-grey-900;\n$clr-ui-body-2:    $clr-grey-900;\n$clr-ui-body-1:    $clr-grey-900;\n$clr-ui-caption:   $clr-grey-600;\n$clr-ui-menu:      $clr-grey-900;\n$clr-ui-button:    $clr-grey-900;\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Announcement bar\n.md-announce {\n\n  // Preserve link colors\n  a,\n  a:focus,\n  a:hover {\n    color: currentColor;\n  }\n\n  // Don't wrap name of blog article\n  strong {\n    white-space: nowrap;\n  }\n\n  // Twitter icon\n  .twitter {\n    margin-left: .2em;\n    color: #00ACEE;\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Landing page container\n.tx-container {\n  padding-top: px2rem(20px);\n  background:\n    url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(0, 0%, 100%, 1)' /></svg>\") no-repeat bottom,\n    linear-gradient(\n      to bottom,\n      var(--md-primary-fg-color),\n      hsla(280, 67%, 55%, 1) 99%,\n      var(--md-default-bg-color) 99%\n    );\n\n  // Adjust background for slate theme\n  [data-md-color-scheme=\"slate\"] & {\n    background:\n      url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)' /></svg>\") no-repeat bottom,\n      linear-gradient(\n        to bottom,\n        var(--md-primary-fg-color),\n        hsla(280, 67%, 55%, 1) 99%,\n        var(--md-default-bg-color) 99%\n      );\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Keyframes\n// ----------------------------------------------------------------------------\n\n// Heart animation\n@keyframes tx-heart {\n  0%, 40%, 80%, 100% {\n    transform: scale(1);\n  }\n  20%, 60% {\n    transform: scale(1.15);\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Content footer\n.tx-content__footer {\n  margin-top: px2rem(20px);\n  text-align: center;\n\n  // Link container\n  a {\n    display: inline-block;\n    color: $clr-pink-500;\n    transition:\n      transform 250ms cubic-bezier(0.1, 0.7, 0.1, 1),\n      color     125ms;\n\n    // Focused or hovered links\n    &:focus,\n    &:hover {\n      transform: scale(1.2);\n    }\n  }\n\n  // Horizontal separators\n  hr {\n    display: inline-block;\n    width: px2rem(40px);\n    margin: px2em(16px);\n    vertical-align: middle;\n    background-color: currentColor;\n    border: none;\n  }\n}\n\n// Pumping heart\n.tx-heart {\n  animation: tx-heart 1000ms infinite;\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Landing page hero\n.tx-hero {\n  margin: 0 px2rem(16px);\n  color: var(--md-primary-bg-color);\n\n  // Make main headline thicker\n  h1 {\n    margin-bottom: px2rem(20px);\n    color: currentColor;\n    font-weight: 700;\n\n    // [mobile portrait -]: Adjust headline\n    @include break-to-device(mobile portrait) {\n      font-size: px2rem(28px);\n    }\n  }\n\n  // Ensure that blob doesn't overlap buttons\n  &__content {\n    padding-bottom: px2rem(120px);\n  }\n\n  // [tablet landscape +]: Display content and image next to each other\n  @include break-from-device(tablet landscape) {\n    display: flex;\n    align-items: stretch;\n\n    // Increase bottom spacing and set dimensions\n    &__content {\n      max-width: px2rem(380px);\n      margin-top: px2rem(70px);\n      padding-bottom: 14vw;\n    }\n\n    // Swap with teaser and set dimensions\n    &__image {\n      order: 1;\n      width: px2rem(760px);\n      transform: translateX(#{px2rem(80px)});\n    }\n  }\n\n  // [screen +]: Adjust spacing\n  @include break-from-device(screen) {\n\n    // Ensure the image aligns with the repository information\n    &__image {\n      transform: translateX(#{px2rem(160px)});\n    }\n  }\n\n  // Adjust spacing of buttons and invert them\n  .md-button {\n    margin-top: px2rem(10px);\n    margin-right: px2rem(10px);\n    color: var(--md-primary-bg-color);\n\n    // Invert hover and focus button states\n    &:hover,\n    &:focus {\n      color: var(--md-default-bg-color);\n      background-color: var(--md-accent-fg-color);\n      border-color: var(--md-accent-fg-color);\n    }\n\n    // Invert primary button\n    &--primary {\n      color: hsla(280deg, 37%, 48%, 1);\n      background-color: var(--md-primary-bg-color);\n      border-color: var(--md-primary-bg-color);\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Variables\n// ----------------------------------------------------------------------------\n\n///\n/// Device-specific breakpoints\n///\n/// @example\n///   $break-devices: (\n///     mobile: (\n///       portrait:  220px  479px,\n///       landscape: 480px  719px\n///     ),\n///     tablet: (\n///       portrait:  720px  959px,\n///       landscape: 960px  1219px\n///     ),\n///     screen: (\n///       small:     1220px 1599px,\n///       medium:    1600px 1999px,\n///       large:     2000px\n///     )\n///   );\n///\n$break-devices: () !default;\n\n// ----------------------------------------------------------------------------\n// Helpers\n// ----------------------------------------------------------------------------\n\n///\n/// Choose minimum and maximum device widths\n///\n@function break-select-min-max($devices) {\n  $min: 1000000;\n  $max: 0;\n  @each $key, $value in $devices {\n    @while type-of($value) == map {\n      $value: break-select-min-max($value);\n    }\n    @if type-of($value) == list {\n      @each $number in $value {\n        @if type-of($number) == number {\n          $min: min($number, $min);\n          @if $max != null {\n            $max: max($number, $max);\n          }\n        } @else {\n          @error \"Invalid number: #{$number}\";\n        }\n      }\n    } @else if type-of($value) == number {\n      $min: min($value, $min);\n      $max: null;\n    } @else {\n      @error \"Invalid value: #{$value}\";\n    }\n  }\n  @return $min, $max;\n}\n\n///\n/// Select minimum and maximum widths for a device breakpoint\n///\n@function break-select-device($device) {\n  $current: $break-devices;\n  @for $n from 1 through length($device) {\n    @if type-of($current) == map {\n      $current: map-get($current, nth($device, $n));\n    } @else {\n      @error \"Invalid device map: #{$devices}\";\n    }\n  }\n  @if type-of($current) == list or type-of($current) == number {\n    $current: (default: $current);\n  }\n  @return break-select-min-max($current);\n}\n\n// ----------------------------------------------------------------------------\n// Mixins\n// ----------------------------------------------------------------------------\n\n///\n/// A minimum-maximum media query breakpoint\n///\n@mixin break-at($breakpoint) {\n  @if type-of($breakpoint) == number {\n    @media screen and (min-width: $breakpoint) {\n      @content;\n    }\n  } @else if type-of($breakpoint) == list {\n    $min: nth($breakpoint, 1);\n    $max: nth($breakpoint, 2);\n    @if type-of($min) == number and type-of($max) == number {\n      @media screen and (min-width: $min) and (max-width: $max) {\n        @content;\n      }\n    } @else {\n      @error \"Invalid breakpoint: #{$breakpoint}\";\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// An orientation media query breakpoint\n///\n@mixin break-at-orientation($breakpoint) {\n  @if type-of($breakpoint) == string {\n    @media screen and (orientation: $breakpoint) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// A maximum-aspect-ratio media query breakpoint\n///\n@mixin break-at-ratio($breakpoint) {\n  @if type-of($breakpoint) == number {\n    @media screen and (max-aspect-ratio: $breakpoint) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// A minimum-maximum media query device breakpoint\n///\n@mixin break-at-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    @if nth($breakpoint, 2) != null {\n      $min: nth($breakpoint, 1);\n      $max: nth($breakpoint, 2);\n      @media screen and (min-width: $min) and (max-width: $max) {\n        @content;\n      }\n    } @else {\n      @error \"Invalid device: #{$device}\";\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n\n///\n/// A minimum media query device breakpoint\n///\n@mixin break-from-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    $min: nth($breakpoint, 1);\n    @media screen and (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n\n///\n/// A maximum media query device breakpoint\n///\n@mixin break-to-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    $max: nth($breakpoint, 2);\n    @media screen and (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/custum_style_src/material-polyfills/dev-site/assets/stylesheets/palette.6a5ad368.min.css b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/palette.6a5ad368.min.css
new file mode 100644
index 00000000..703a84c5
--- /dev/null
+++ b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/palette.6a5ad368.min.css
@@ -0,0 +1,3 @@
+[data-md-color-accent=red]{--md-accent-fg-color: hsla(348, 100%, 55%, 1);--md-accent-fg-color--transparent: hsla(348, 100%, 55%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-accent=pink]{--md-accent-fg-color: hsla(339, 100%, 48%, 1);--md-accent-fg-color--transparent: hsla(339, 100%, 48%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-accent=purple]{--md-accent-fg-color: hsla(291, 96%, 62%, 1);--md-accent-fg-color--transparent: hsla(291, 96%, 62%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-accent=deep-purple]{--md-accent-fg-color: hsla(256, 100%, 65%, 1);--md-accent-fg-color--transparent: hsla(256, 100%, 65%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-accent=indigo]{--md-accent-fg-color: hsla(231, 99%, 66%, 1);--md-accent-fg-color--transparent: hsla(231, 99%, 66%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-accent=blue]{--md-accent-fg-color: hsla(218, 100%, 63%, 1);--md-accent-fg-color--transparent: hsla(218, 100%, 63%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-accent=light-blue]{--md-accent-fg-color: hsla(203, 100%, 46%, 1);--md-accent-fg-color--transparent: hsla(203, 100%, 46%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-accent=cyan]{--md-accent-fg-color: hsla(188, 100%, 42%, 1);--md-accent-fg-color--transparent: hsla(188, 100%, 42%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-accent=teal]{--md-accent-fg-color: hsla(172, 100%, 37%, 1);--md-accent-fg-color--transparent: hsla(172, 100%, 37%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-accent=green]{--md-accent-fg-color: hsla(145, 100%, 39%, 1);--md-accent-fg-color--transparent: hsla(145, 100%, 39%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-accent=light-green]{--md-accent-fg-color: hsla(97, 81%, 48%, 1);--md-accent-fg-color--transparent: hsla(97, 81%, 48%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-accent=lime]{--md-accent-fg-color: hsla(75, 100%, 46%, 1);--md-accent-fg-color--transparent: hsla(75, 100%, 46%, 0.1);--md-accent-bg-color: hsla(0, 0%, 0%, 0.87);--md-accent-bg-color--light: hsla(0, 0%, 0%, 0.54)}[data-md-color-accent=yellow]{--md-accent-fg-color: hsla(50, 100%, 50%, 1);--md-accent-fg-color--transparent: hsla(50, 100%, 50%, 0.1);--md-accent-bg-color: hsla(0, 0%, 0%, 0.87);--md-accent-bg-color--light: hsla(0, 0%, 0%, 0.54)}[data-md-color-accent=amber]{--md-accent-fg-color: hsla(40, 100%, 50%, 1);--md-accent-fg-color--transparent: hsla(40, 100%, 50%, 0.1);--md-accent-bg-color: hsla(0, 0%, 0%, 0.87);--md-accent-bg-color--light: hsla(0, 0%, 0%, 0.54)}[data-md-color-accent=orange]{--md-accent-fg-color: hsla(34, 100%, 50%, 1);--md-accent-fg-color--transparent: hsla(34, 100%, 50%, 0.1);--md-accent-bg-color: hsla(0, 0%, 0%, 0.87);--md-accent-bg-color--light: hsla(0, 0%, 0%, 0.54)}[data-md-color-accent=deep-orange]{--md-accent-fg-color: hsla(14, 100%, 63%, 1);--md-accent-fg-color--transparent: hsla(14, 100%, 63%, 0.1);--md-accent-bg-color: hsla(0, 0%, 100%, 1);--md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=red]{--md-primary-fg-color: hsla(1, 83%, 63%, 1);--md-primary-fg-color--light: hsla(0, 69%, 67%, 1);--md-primary-fg-color--dark: hsla(1, 77%, 55%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=pink]{--md-primary-fg-color: hsla(340, 82%, 52%, 1);--md-primary-fg-color--light: hsla(340, 82%, 59%, 1);--md-primary-fg-color--dark: hsla(336, 78%, 43%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=purple]{--md-primary-fg-color: hsla(291, 47%, 51%, 1);--md-primary-fg-color--light: hsla(291, 47%, 60%, 1);--md-primary-fg-color--dark: hsla(287, 65%, 40%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=deep-purple]{--md-primary-fg-color: hsla(262, 47%, 55%, 1);--md-primary-fg-color--light: hsla(262, 47%, 63%, 1);--md-primary-fg-color--dark: hsla(262, 52%, 47%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=indigo]{--md-primary-fg-color: hsla(231, 48%, 48%, 1);--md-primary-fg-color--light: hsla(231, 44%, 56%, 1);--md-primary-fg-color--dark: hsla(232, 54%, 41%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=blue]{--md-primary-fg-color: hsla(207, 90%, 54%, 1);--md-primary-fg-color--light: hsla(207, 90%, 61%, 1);--md-primary-fg-color--dark: hsla(210, 79%, 46%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=light-blue]{--md-primary-fg-color: hsla(199, 98%, 48%, 1);--md-primary-fg-color--light: hsla(199, 92%, 56%, 1);--md-primary-fg-color--dark: hsla(201, 98%, 41%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=cyan]{--md-primary-fg-color: hsla(187, 100%, 42%, 1);--md-primary-fg-color--light: hsla(187, 71%, 50%, 1);--md-primary-fg-color--dark: hsla(186, 100%, 33%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=teal]{--md-primary-fg-color: hsla(174, 100%, 29%, 1);--md-primary-fg-color--light: hsla(174, 63%, 40%, 1);--md-primary-fg-color--dark: hsla(173, 100%, 24%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=green]{--md-primary-fg-color: hsla(122, 39%, 49%, 1);--md-primary-fg-color--light: hsla(123, 38%, 57%, 1);--md-primary-fg-color--dark: hsla(123, 43%, 39%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=light-green]{--md-primary-fg-color: hsla(88, 50%, 53%, 1);--md-primary-fg-color--light: hsla(88, 50%, 60%, 1);--md-primary-fg-color--dark: hsla(92, 48%, 42%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=lime]{--md-primary-fg-color: hsla(66, 70%, 54%, 1);--md-primary-fg-color--light: hsla(66, 70%, 61%, 1);--md-primary-fg-color--dark: hsla(62, 61%, 44%, 1);--md-primary-bg-color: hsla(0, 0%, 0%, 0.87);--md-primary-bg-color--light: hsla(0, 0%, 0%, 0.54)}[data-md-color-primary=yellow]{--md-primary-fg-color: hsla(54, 100%, 62%, 1);--md-primary-fg-color--light: hsla(54, 100%, 67%, 1);--md-primary-fg-color--dark: hsla(43, 96%, 58%, 1);--md-primary-bg-color: hsla(0, 0%, 0%, 0.87);--md-primary-bg-color--light: hsla(0, 0%, 0%, 0.54)}[data-md-color-primary=amber]{--md-primary-fg-color: hsla(45, 100%, 51%, 1);--md-primary-fg-color--light: hsla(45, 100%, 58%, 1);--md-primary-fg-color--dark: hsla(38, 100%, 50%, 1);--md-primary-bg-color: hsla(0, 0%, 0%, 0.87);--md-primary-bg-color--light: hsla(0, 0%, 0%, 0.54)}[data-md-color-primary=orange]{--md-primary-fg-color: hsla(36, 100%, 57%, 1);--md-primary-fg-color--light: hsla(36, 100%, 57%, 1);--md-primary-fg-color--dark: hsla(33, 100%, 49%, 1);--md-primary-bg-color: hsla(0, 0%, 0%, 0.87);--md-primary-bg-color--light: hsla(0, 0%, 0%, 0.54)}[data-md-color-primary=deep-orange]{--md-primary-fg-color: hsla(14, 100%, 63%, 1);--md-primary-fg-color--light: hsla(14, 100%, 70%, 1);--md-primary-fg-color--dark: hsla(14, 91%, 54%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=brown]{--md-primary-fg-color: hsla(16, 25%, 38%, 1);--md-primary-fg-color--light: hsla(16, 18%, 47%, 1);--md-primary-fg-color--dark: hsla(14, 26%, 29%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=grey]{--md-primary-fg-color: hsla(0, 0%, 46%, 1);--md-primary-fg-color--light: hsla(0, 0%, 62%, 1);--md-primary-fg-color--dark: hsla(0, 0%, 38%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=blue-grey]{--md-primary-fg-color: hsla(199, 18%, 40%, 1);--md-primary-fg-color--light: hsla(200, 18%, 46%, 1);--md-primary-fg-color--dark: hsla(199, 18%, 33%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7)}[data-md-color-primary=white]{--md-primary-fg-color: hsla(0, 0%, 100%, 1);--md-primary-fg-color--light: hsla(0, 0%, 100%, 0.7);--md-primary-fg-color--dark: hsla(0, 0%, 0%, 0.07);--md-primary-bg-color: hsla(0, 0%, 0%, 0.87);--md-primary-bg-color--light: hsla(0, 0%, 0%, 0.54);--md-typeset-a-color: hsla(231, 48%, 48%, 1)}[data-md-color-primary=white] .md-hero--expand{border-bottom:.05rem solid rgba(0,0,0,.07)}@media screen and (max-width: 76.1875em){[data-md-color-primary=white] .md-hero{border-bottom:.05rem solid rgba(0,0,0,.07)}}@media screen and (min-width: 60em){[data-md-color-primary=white] .md-search__input{background-color:rgba(0,0,0,.07)}[data-md-color-primary=white] .md-search__input+.md-search__icon{color:rgba(0,0,0,.87)}[data-md-color-primary=white] .md-search__input::-webkit-input-placeholder{color:rgba(0,0,0,.54)}[data-md-color-primary=white] .md-search__input::-moz-placeholder{color:rgba(0,0,0,.54)}[data-md-color-primary=white] .md-search__input::-ms-input-placeholder{color:rgba(0,0,0,.54)}[data-md-color-primary=white] .md-search__input::placeholder{color:rgba(0,0,0,.54)}[data-md-color-primary=white] .md-search__input:hover{background-color:rgba(0,0,0,.32)}}@media screen and (min-width: 76.25em){[data-md-color-primary=white] .md-tabs{border-bottom:.05rem solid rgba(0,0,0,.07)}}[data-md-color-primary=black]{--md-primary-fg-color: hsla(0, 0%, 0%, 1);--md-primary-fg-color--light: hsla(0, 0%, 0%, 0.54);--md-primary-fg-color--dark: hsla(0, 0%, 0%, 1);--md-primary-bg-color: hsla(0, 0%, 100%, 1);--md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);--md-typeset-a-color: hsla(231, 48%, 48%, 1)}[data-md-color-primary=black] .md-header{background-color:#000}[data-md-color-primary=black] .md-hero{background-color:#000}@media screen and (max-width: 59.9375em){[data-md-color-primary=black] .md-nav__source{background-color:rgba(0,0,0,.87)}}@media screen and (min-width: 60em){[data-md-color-primary=black] .md-search__input{background-color:rgba(255,255,255,.12)}[data-md-color-primary=black] .md-search__input:hover{background-color:rgba(255,255,255,.3)}}@media screen and (max-width: 76.1875em){html [data-md-color-primary=black] .md-nav--primary .md-nav__title[for=__drawer]{background-color:#000}}@media screen and (min-width: 76.25em){[data-md-color-primary=black] .md-tabs{background-color:#000}}[data-md-color-scheme=slate]{--md-hue: 232;--md-default-fg-color: hsla(var(--md-hue), 75%, 95%, 1);--md-default-fg-color--light: hsla(var(--md-hue), 75%, 90%, 0.62);--md-default-fg-color--lighter: hsla(var(--md-hue), 75%, 90%, 0.32);--md-default-fg-color--lightest: hsla(var(--md-hue), 75%, 90%, 0.12);--md-default-bg-color: hsla(var(--md-hue), 15%, 21%, 1);--md-default-bg-color--light: hsla(var(--md-hue), 15%, 21%, 0.54);--md-default-bg-color--lighter: hsla(var(--md-hue), 15%, 21%, 0.26);--md-default-bg-color--lightest: hsla(var(--md-hue), 15%, 21%, 0.07);--md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 1);--md-code-bg-color: hsla(var(--md-hue), 15%, 15%, 1);--md-code-hl-color: hsla(218, 100%, 63%, 0.15);--md-code-hl-number-color: hsla(6, 74%, 63%, 1);--md-code-hl-special-color: hsla(340, 83%, 66%, 1);--md-code-hl-function-color: hsla(291, 57%, 65%, 1);--md-code-hl-constant-color: hsla(250, 62%, 70%, 1);--md-code-hl-keyword-color: hsla(219, 66%, 64%, 1);--md-code-hl-string-color: hsla(150, 58%, 44%, 1);--md-typeset-a-color: var(--md-primary-fg-color--light);--md-typeset-mark-color: hsla(218, 100%, 63%, 0.3);--md-typeset-kbd-color: hsla(var(--md-hue), 15%, 94%, 0.12);--md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 94%, 0.2);--md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1);--md-admonition-bg-color: hsla(var(--md-hue), 0%, 100%, 0.025);--md-footer-bg-color: hsla(var(--md-hue), 15%, 12%, 0.87);--md-footer-bg-color--dark: hsla(var(--md-hue), 15%, 10%, 1)}
+
+/*# sourceMappingURL=palette.6a5ad368.min.css.map*/
\ No newline at end of file
diff --git a/custum_style_src/material-polyfills/dev-site/assets/stylesheets/palette.6a5ad368.min.css.map b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/palette.6a5ad368.min.css.map
new file mode 100644
index 00000000..dd81b40e
--- /dev/null
+++ b/custum_style_src/material-polyfills/dev-site/assets/stylesheets/palette.6a5ad368.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///src/assets/stylesheets/palette/_accent.scss","webpack:///src/assets/stylesheets/palette/_primary.scss","webpack:///src/assets/stylesheets/utilities/_break.scss","webpack:///src/assets/stylesheets/palette/_scheme.scss"],"names":[],"mappings":"AA8CE,2BACE,8CACA,6DAOE,2CACA,oDAVJ,4BACE,8CACA,6DAOE,2CACA,oDAVJ,8BACE,6CACA,4DAOE,2CACA,oDAVJ,mCACE,8CACA,6DAOE,2CACA,oDAVJ,8BACE,6CACA,4DAOE,2CACA,oDAVJ,4BACE,8CACA,6DAOE,2CACA,oDAVJ,kCACE,8CACA,6DAOE,2CACA,oDAVJ,4BACE,8CACA,6DAOE,2CACA,oDAVJ,4BACE,8CACA,6DAOE,2CACA,oDAVJ,6BACE,8CACA,6DAOE,2CACA,oDAVJ,mCACE,4CACA,2DAOE,2CACA,oDAVJ,4BACE,6CACA,4DAIE,4CACA,mDAPJ,8BACE,6CACA,4DAIE,4CACA,mDAPJ,6BACE,6CACA,4DAIE,4CACA,mDAPJ,8BACE,6CACA,4DAIE,4CACA,mDAPJ,mCACE,6CACA,4DAOE,2CACA,oDCPJ,4BACE,4CACA,mDACA,kDAOE,4CACA,qDAXJ,6BACE,8CACA,qDACA,oDAOE,4CACA,qDAXJ,+BACE,8CACA,qDACA,oDAOE,4CACA,qDAXJ,oCACE,8CACA,qDACA,oDAOE,4CACA,qDAXJ,+BACE,8CACA,qDACA,oDAOE,4CACA,qDAXJ,6BACE,8CACA,qDACA,oDAOE,4CACA,qDAXJ,mCACE,8CACA,qDACA,oDAOE,4CACA,qDAXJ,6BACE,+CACA,qDACA,qDAOE,4CACA,qDAXJ,6BACE,+CACA,qDACA,qDAOE,4CACA,qDAXJ,8BACE,8CACA,qDACA,oDAOE,4CACA,qDAXJ,oCACE,6CACA,oDACA,mDAOE,4CACA,qDAXJ,6BACE,6CACA,oDACA,mDAIE,6CACA,oDARJ,+BACE,8CACA,qDACA,mDAIE,6CACA,oDARJ,8BACE,8CACA,qDACA,oDAIE,6CACA,oDARJ,+BACE,8CACA,qDACA,oDAIE,6CACA,oDARJ,oCACE,8CACA,qDACA,mDAOE,4CACA,qDAXJ,8BACE,6CACA,oDACA,mDAOE,4CACA,qDAXJ,6BACE,2CACA,kDACA,iDAOE,4CACA,qDAXJ,kCACE,8CACA,qDACA,oDAOE,4CACA,qDAUN,8BACE,4CACA,qDACA,mDACA,6CACA,oDAGA,6CAGA,+CACE,2CC2HA,yCDpHA,uCACE,4CCiGF,oCDzFA,gDACE,iCAGA,iEACE,sBAIF,2EACE,sBADF,kEACE,sBADF,uEACE,sBADF,6DACE,sBAIF,sDACE,kCC0EJ,uCDjEA,uCACE,4CAUN,8BACE,0CACA,oDACA,gDACA,4CACA,qDAGA,6CAGA,yCACE,sBAIF,uCACE,sBCuDA,yCDhDA,8CACE,kCC6BF,oCDrBA,gDACE,uCAGA,sDACE,uCCkCJ,yCDzBA,iFACE,uBCMF,uCDEA,uCACE,uBEnKN,6BAKE,cAGA,wDACA,kEACA,oEACA,qEACA,wDACA,kEACA,oEACA,qEAGA,qDACA,qDAGA,+CACA,gDACA,mDACA,oDACA,oDACA,mDACA,kDAGA,wDAGA,mDAGA,4DACA,kEACA,gEAGA,+DAGA,0DACA,6D","file":"assets/stylesheets/palette.6a5ad368.min.css","sourcesContent":["////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n@each $name, $color in (\n  \"red\":         $clr-red-a400,\n  \"pink\":        $clr-pink-a400,\n  \"purple\":      $clr-purple-a200,\n  \"deep-purple\": $clr-deep-purple-a200,\n  \"indigo\":      $clr-indigo-a200,\n  \"blue\":        $clr-blue-a200,\n  \"light-blue\":  $clr-light-blue-a700,\n  \"cyan\":        $clr-cyan-a700,\n  \"teal\":        $clr-teal-a700,\n  \"green\":       $clr-green-a700,\n  \"light-green\": $clr-light-green-a700,\n  \"lime\":        $clr-lime-a700,\n  \"yellow\":      $clr-yellow-a700,\n  \"amber\":       $clr-amber-a700,\n  \"orange\":      $clr-orange-a400,\n  \"deep-orange\": $clr-deep-orange-a200\n) {\n\n  // Color palette\n  [data-md-color-accent=\"#{$name}\"] {\n    --md-accent-fg-color:              hsla(#{hex2hsl($color)}, 1);\n    --md-accent-fg-color--transparent: hsla(#{hex2hsl($color)}, 0.1);\n\n    // Inverted text for lighter shades\n    @if index(\"lime\" \"yellow\" \"amber\" \"orange\", $name) {\n      --md-accent-bg-color:           hsla(0, 0%, 0%, 0.87);\n      --md-accent-bg-color--light:    hsla(0, 0%, 0%, 0.54);\n    } @else {\n      --md-accent-bg-color:           hsla(0, 0%, 100%, 1);\n      --md-accent-bg-color--light:    hsla(0, 0%, 100%, 0.7);\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n@each $name, $colors in (\n  \"red\":         $clr-red-400         $clr-red-300         $clr-red-600,\n  \"pink\":        $clr-pink-500        $clr-pink-400        $clr-pink-700,\n  \"purple\":      $clr-purple-400      $clr-purple-300      $clr-purple-600,\n  \"deep-purple\": $clr-deep-purple-400 $clr-deep-purple-300 $clr-deep-purple-500,\n  \"indigo\":      $clr-indigo-500      $clr-indigo-400      $clr-indigo-700,\n  \"blue\":        $clr-blue-500        $clr-blue-400        $clr-blue-700,\n  \"light-blue\":  $clr-light-blue-500  $clr-light-blue-400  $clr-light-blue-700,\n  \"cyan\":        $clr-cyan-500        $clr-cyan-400        $clr-cyan-700,\n  \"teal\":        $clr-teal-500        $clr-teal-400        $clr-teal-700,\n  \"green\":       $clr-green-500       $clr-green-400       $clr-green-700,\n  \"light-green\": $clr-light-green-500 $clr-light-green-400 $clr-light-green-700,\n  \"lime\":        $clr-lime-500        $clr-lime-400        $clr-lime-700,\n  \"yellow\":      $clr-yellow-500      $clr-yellow-400      $clr-yellow-700,\n  \"amber\":       $clr-amber-500       $clr-amber-400       $clr-amber-700,\n  \"orange\":      $clr-orange-400      $clr-orange-400      $clr-orange-600,\n  \"deep-orange\": $clr-deep-orange-400 $clr-deep-orange-300 $clr-deep-orange-600,\n  \"brown\":       $clr-brown-500       $clr-brown-400       $clr-brown-700,\n  \"grey\":        $clr-grey-600        $clr-grey-500        $clr-grey-700,\n  \"blue-grey\":   $clr-blue-grey-600   $clr-blue-grey-500   $clr-blue-grey-700\n) {\n\n  // Color palette\n  [data-md-color-primary=\"#{$name}\"] {\n    --md-primary-fg-color:             hsla(#{hex2hsl(nth($colors, 1))}, 1);\n    --md-primary-fg-color--light:      hsla(#{hex2hsl(nth($colors, 2))}, 1);\n    --md-primary-fg-color--dark:       hsla(#{hex2hsl(nth($colors, 3))}, 1);\n\n    // Inverted text for lighter shades\n    @if index(\"lime\" \"yellow\" \"amber\" \"orange\", $name) {\n      --md-primary-bg-color:           hsla(0, 0%, 0%, 0.87);\n      --md-primary-bg-color--light:    hsla(0, 0%, 0%, 0.54);\n    } @else {\n      --md-primary-bg-color:           hsla(0, 0%, 100%, 1);\n      --md-primary-bg-color--light:    hsla(0, 0%, 100%, 0.7);\n    }\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: white\n// ----------------------------------------------------------------------------\n\n// Color palette\n[data-md-color-primary=\"white\"] {\n  --md-primary-fg-color:               hsla(0, 0%, 100%, 1);\n  --md-primary-fg-color--light:        hsla(0, 0%, 100%, 0.7);\n  --md-primary-fg-color--dark:         hsla(0, 0%, 0%, 0.07);\n  --md-primary-bg-color:               hsla(0, 0%, 0%, 0.87);\n  --md-primary-bg-color--light:        hsla(0, 0%, 0%, 0.54);\n\n  // Typeset color shades\n  --md-typeset-a-color:                hsla(#{hex2hsl($clr-indigo-500)}, 1);\n\n  // Add a border if there are no tabs\n  .md-hero--expand {\n    border-bottom: px2rem(1px) solid hsla(0, 0%, 0%, 0.07);\n  }\n\n  // [tablet -]: Set bottom border for hero\n  @include break-to-device(tablet) {\n\n    // Hero teaser\n    .md-hero {\n      border-bottom: px2rem(1px) solid hsla(0, 0%, 0%, 0.07);\n    }\n  }\n\n  // [tablet portrait +]: Change color of search input\n  @include break-from-device(tablet landscape) {\n\n    // Search input\n    .md-search__input {\n      background-color: hsla(0, 0%, 0%, 0.07);\n\n      // Search icon color\n      + .md-search__icon {\n        color: hsla(0, 0%, 0%, 0.87);\n      }\n\n      // Placeholder color\n      &::placeholder {\n        color: hsla(0, 0%, 0%, 0.54);\n      }\n\n      // Hovered search field\n      &:hover {\n        background-color: hsla(0, 0%, 0%, 0.32);\n      }\n    }\n  }\n\n  // [screen +]: Set bottom border for tabs\n  @include break-from-device(screen) {\n\n    // Tabs with outline\n    .md-tabs {\n      border-bottom: px2rem(1px) solid hsla(0, 0%, 0%, 0.07);\n    }\n  }\n}\n\n// ----------------------------------------------------------------------------\n// Rules: black\n// ----------------------------------------------------------------------------\n\n// Color palette\n[data-md-color-primary=\"black\"] {\n  --md-primary-fg-color:               hsla(0, 0%, 0%, 1);\n  --md-primary-fg-color--light:        hsla(0, 0%, 0%, 0.54);\n  --md-primary-fg-color--dark:         hsla(0, 0%, 0%, 1);\n  --md-primary-bg-color:               hsla(0, 0%, 100%, 1);\n  --md-primary-bg-color--light:        hsla(0, 0%, 100%, 0.7);\n\n  // Text color shades\n  --md-typeset-a-color:                hsla(#{hex2hsl($clr-indigo-500)}, 1);\n\n  // Application header (stays always on top)\n  .md-header {\n    background-color: hsla(0, 0%, 0%, 1);\n  }\n\n  // Hero teaser\n  .md-hero {\n    background-color: hsla(0, 0%, 0%, 1);\n  }\n\n  // [tablet portrait -]: Layered navigation\n  @include break-to-device(tablet portrait) {\n\n    // Repository containing source\n    .md-nav__source {\n      background-color: hsla(0, 0%, 0%, 0.87);\n    }\n  }\n\n  // [tablet landscape +]: Header-embedded search\n  @include break-from-device(tablet landscape) {\n\n    // Search input\n    .md-search__input {\n      background-color: hsla(0, 0%, 100%, 0.12);\n\n      // Hovered search field\n      &:hover {\n        background-color: hsla(0, 0%, 100%, 0.3);\n      }\n    }\n  }\n\n  // [tablet -]: Layered navigation\n  @include break-to-device(tablet) {\n\n    // Site title in main navigation\n    html & .md-nav--primary .md-nav__title[for=\"__drawer\"] {\n      background-color: hsla(0, 0%, 0%, 1);\n    }\n  }\n\n  // [screen +]: Set background color for tabs\n  @include break-from-device(screen) {\n\n    // Tabs with outline\n    .md-tabs {\n      background-color: hsla(0, 0%, 0%, 1);\n    }\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Variables\n// ----------------------------------------------------------------------------\n\n///\n/// Device-specific breakpoints\n///\n/// @example\n///   $break-devices: (\n///     mobile: (\n///       portrait:  220px  479px,\n///       landscape: 480px  719px\n///     ),\n///     tablet: (\n///       portrait:  720px  959px,\n///       landscape: 960px  1219px\n///     ),\n///     screen: (\n///       small:     1220px 1599px,\n///       medium:    1600px 1999px,\n///       large:     2000px\n///     )\n///   );\n///\n$break-devices: () !default;\n\n// ----------------------------------------------------------------------------\n// Helpers\n// ----------------------------------------------------------------------------\n\n///\n/// Choose minimum and maximum device widths\n///\n@function break-select-min-max($devices) {\n  $min: 1000000;\n  $max: 0;\n  @each $key, $value in $devices {\n    @while type-of($value) == map {\n      $value: break-select-min-max($value);\n    }\n    @if type-of($value) == list {\n      @each $number in $value {\n        @if type-of($number) == number {\n          $min: min($number, $min);\n          @if $max != null {\n            $max: max($number, $max);\n          }\n        } @else {\n          @error \"Invalid number: #{$number}\";\n        }\n      }\n    } @else if type-of($value) == number {\n      $min: min($value, $min);\n      $max: null;\n    } @else {\n      @error \"Invalid value: #{$value}\";\n    }\n  }\n  @return $min, $max;\n}\n\n///\n/// Select minimum and maximum widths for a device breakpoint\n///\n@function break-select-device($device) {\n  $current: $break-devices;\n  @for $n from 1 through length($device) {\n    @if type-of($current) == map {\n      $current: map-get($current, nth($device, $n));\n    } @else {\n      @error \"Invalid device map: #{$devices}\";\n    }\n  }\n  @if type-of($current) == list or type-of($current) == number {\n    $current: (default: $current);\n  }\n  @return break-select-min-max($current);\n}\n\n// ----------------------------------------------------------------------------\n// Mixins\n// ----------------------------------------------------------------------------\n\n///\n/// A minimum-maximum media query breakpoint\n///\n@mixin break-at($breakpoint) {\n  @if type-of($breakpoint) == number {\n    @media screen and (min-width: $breakpoint) {\n      @content;\n    }\n  } @else if type-of($breakpoint) == list {\n    $min: nth($breakpoint, 1);\n    $max: nth($breakpoint, 2);\n    @if type-of($min) == number and type-of($max) == number {\n      @media screen and (min-width: $min) and (max-width: $max) {\n        @content;\n      }\n    } @else {\n      @error \"Invalid breakpoint: #{$breakpoint}\";\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// An orientation media query breakpoint\n///\n@mixin break-at-orientation($breakpoint) {\n  @if type-of($breakpoint) == string {\n    @media screen and (orientation: $breakpoint) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// A maximum-aspect-ratio media query breakpoint\n///\n@mixin break-at-ratio($breakpoint) {\n  @if type-of($breakpoint) == number {\n    @media screen and (max-aspect-ratio: $breakpoint) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid breakpoint: #{$breakpoint}\";\n  }\n}\n\n///\n/// A minimum-maximum media query device breakpoint\n///\n@mixin break-at-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    @if nth($breakpoint, 2) != null {\n      $min: nth($breakpoint, 1);\n      $max: nth($breakpoint, 2);\n      @media screen and (min-width: $min) and (max-width: $max) {\n        @content;\n      }\n    } @else {\n      @error \"Invalid device: #{$device}\";\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n\n///\n/// A minimum media query device breakpoint\n///\n@mixin break-from-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    $min: nth($breakpoint, 1);\n    @media screen and (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n\n///\n/// A maximum media query device breakpoint\n///\n@mixin break-to-device($device) {\n  @if type-of($device) == string {\n    $device: $device,;\n  }\n  @if type-of($device) == list {\n    $breakpoint: break-select-device($device);\n    $max: nth($breakpoint, 2);\n    @media screen and (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @error \"Invalid device: #{$device}\";\n  }\n}\n","////\n/// Copyright (c) 2016-2020 Martin Donath <martin.donath@squidfunk.com>\n///\n/// Permission is hereby granted, free of charge, to any person obtaining a\n/// copy of this software and associated documentation files (the \"Software\"),\n/// to deal in the Software without restriction, including without limitation\n/// the rights to use, copy, modify, merge, publish, distribute, sublicense,\n/// and/or sell copies of the Software, and to permit persons to whom the\n/// Software is furnished to do so, subject to the following conditions:\n///\n/// The above copyright notice and this permission notice shall be included in\n/// all copies or substantial portions of the Software.\n///\n/// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n/// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n/// FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL\n/// THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n/// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n/// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER\n/// DEALINGS\n////\n\n// ----------------------------------------------------------------------------\n// Rules\n// ----------------------------------------------------------------------------\n\n// Slate theme, i.e. dark mode\n[data-md-color-scheme=\"slate\"] {\n\n  // Slate's hue in the range [0,360] - change this variable to alter the tone\n  // of the theme, e.g. to make it more redish or greenish. This is a slate-\n  // specific variable, but the same approach may be adapted to custom themes.\n  --md-hue: 232;\n\n  // Default color shades\n  --md-default-fg-color:               hsla(var(--md-hue), 75%, 95%, 1);\n  --md-default-fg-color--light:        hsla(var(--md-hue), 75%, 90%, 0.62);\n  --md-default-fg-color--lighter:      hsla(var(--md-hue), 75%, 90%, 0.32);\n  --md-default-fg-color--lightest:     hsla(var(--md-hue), 75%, 90%, 0.12);\n  --md-default-bg-color:               hsla(var(--md-hue), 15%, 21%, 1);\n  --md-default-bg-color--light:        hsla(var(--md-hue), 15%, 21%, 0.54);\n  --md-default-bg-color--lighter:      hsla(var(--md-hue), 15%, 21%, 0.26);\n  --md-default-bg-color--lightest:     hsla(var(--md-hue), 15%, 21%, 0.07);\n\n  // Code color shades\n  --md-code-fg-color:                  hsla(var(--md-hue), 18%, 86%, 1);\n  --md-code-bg-color:                  hsla(var(--md-hue), 15%, 15%, 1);\n\n  // Code highlighting color shades\n  --md-code-hl-color:                  hsla(#{hex2hsl($clr-blue-a200)}, 0.15);\n  --md-code-hl-number-color:           hsla(6, 74%, 63%, 1);\n  --md-code-hl-special-color:          hsla(340, 83%, 66%, 1);\n  --md-code-hl-function-color:         hsla(291, 57%, 65%, 1);\n  --md-code-hl-constant-color:         hsla(250, 62%, 70%, 1);\n  --md-code-hl-keyword-color:          hsla(219, 66%, 64%, 1);\n  --md-code-hl-string-color:           hsla(150, 58%, 44%, 1);\n\n  // Typeset color shades\n  --md-typeset-a-color:                var(--md-primary-fg-color--light);\n\n  // Typeset `mark` color shades\n  --md-typeset-mark-color:             hsla(#{hex2hsl($clr-blue-a200)}, 0.3);\n\n  // Typeset `kbd` color shades\n  --md-typeset-kbd-color:              hsla(var(--md-hue), 15%, 94%, 0.12);\n  --md-typeset-kbd-accent-color:       hsla(var(--md-hue), 15%, 94%, 0.2);\n  --md-typeset-kbd-border-color:       hsla(var(--md-hue), 15%, 14%, 1);\n\n  // Admonition color shades\n  --md-admonition-bg-color:            hsla(var(--md-hue), 0%, 100%, 0.025);\n\n  // Footer color shades\n  --md-footer-bg-color:                hsla(var(--md-hue), 15%, 12%, 0.87);\n  --md-footer-bg-color--dark:          hsla(var(--md-hue), 15%, 10%, 1);\n}\n"],"sourceRoot":""}
\ No newline at end of file
diff --git a/custum_style_src/material-polyfills/dev-site/index.html b/custum_style_src/material-polyfills/dev-site/index.html
new file mode 100644
index 00000000..628c10b4
--- /dev/null
+++ b/custum_style_src/material-polyfills/dev-site/index.html
@@ -0,0 +1,9567 @@
+<html>
+
+<head>
+  <meta charset="utf-8" />
+  <meta content="width=device-width,initial-scale=1" name="viewport" />
+  <meta content="mkdocs-1.1.2, mkdocs-material-5.5.12" name="generator" />
+  <title>Material for MkDocs - Material for MkDocs</title>
+  <link href="assets/stylesheets/main.4dd2dd8d.min.css" rel="stylesheet" />
+  <link href="assets/stylesheets/palette.6a5ad368.min.css" rel="stylesheet" />
+  <meta content="#4051b5" name="theme-color" />
+  <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect" />
+  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700%7CRoboto+Mono&amp;display=fallback"
+    rel="stylesheet" />
+  <style>
+    body,
+    input {
+      font-family: "Roboto", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif
+    }
+
+    code,
+    kbd,
+    pre {
+      font-family: "Roboto Mono", SFMono-Regular, Consolas, Menlo, monospace
+    }
+  </style>
+  <link href="assets/css/extra.css" rel="stylesheet" />
+  <link href="assets/stylesheets/overrides.2b41d529.min.css" rel="stylesheet" />
+  <style>
+    @charset "UTF-8";
+
+    :root {
+      string-set: author 'Martin Donath';
+      string-set: copyright 'Copyright © 2016 - 2020 Martin Donath';
+    }
+
+    h1,
+    h2,
+    h3 {
+      string-set: chapter content();
+    }
+
+    @page {
+      size: a4 portrait;
+      margin: 25mm 10mm 25mm 10mm;
+      counter-increment: page;
+      white-space: pre;
+      color: grey;
+
+      @top-right {
+        font-size: 7pt;
+        content: string(chapter)
+      }
+
+      @bottom-center {
+        font-size: 8pt;
+        content: "- "counter(page) "/"counter(pages) " -"
+      }
+
+      @bottom-right {
+        font-size: 6pt;
+        content: string(copyright)
+      }
+    }
+
+    @media print {
+      body {
+        background: none;
+        background-color: #fff
+      }
+    }
+
+    article,
+    section+section {
+      page-break-before: always;
+      min-height: 100vh
+    }
+
+    article,
+    article h1,
+    article h2,
+    article h3,
+    article h4,
+    article h5,
+    article h6,
+    article div.tabbed-content--wrap>.tabbed-content,
+    section+section,
+    section+section h1,
+    section+section h2,
+    section+section h3,
+    section+section h4,
+    section+section h5,
+    section+section h6,
+    section+section div.tabbed-content--wrap>.tabbed-content {
+      clear: both
+    }
+
+    article h1,
+    article h2,
+    article h3,
+    article h4,
+    article h5,
+    article h6,
+    article img,
+    section+section h1,
+    section+section h2,
+    section+section h3,
+    section+section h4,
+    section+section h5,
+    section+section h6,
+    section+section img {
+      page-break-after: avoid;
+      page-break-inside: avoid
+    }
+
+    article a,
+    article blockquote,
+    article table,
+    article ul,
+    article ol,
+    section+section a,
+    section+section blockquote,
+    section+section table,
+    section+section ul,
+    section+section ol {
+      page-break-before: avoid;
+      page-break-inside: avoid
+    }
+
+    article pre,
+    article dt+dd,
+    section+section pre,
+    section+section dt+dd {
+      page-break-before: avoid
+    }
+
+    article h1+ul,
+    article h2+ul,
+    article h3+ul,
+    article h4+ul,
+    article h5+ul,
+    article h6+ul,
+    article h1+ol,
+    article h2+ol,
+    article h3+ol,
+    article h4+ol,
+    article h5+ol,
+    article h6+ol,
+    section+section h1+ul,
+    section+section h2+ul,
+    section+section h3+ul,
+    section+section h4+ul,
+    section+section h5+ul,
+    section+section h6+ul,
+    section+section h1+ol,
+    section+section h2+ol,
+    section+section h3+ol,
+    section+section h4+ol,
+    section+section h5+ol,
+    section+section h6+ol {
+      page-break-inside: auto
+    }
+
+    article div.admonition,
+    section+section div.admonition {
+      page-break-inside: avoid
+    }
+
+    article div.tabbed-content--wrap,
+    section+section div.tabbed-content--wrap {
+      page-break-inside: avoid
+    }
+
+    article *+div.highlight,
+    article *+div.tabbed-set,
+    section+section *+div.highlight,
+    section+section *+div.tabbed-set {
+      page-break-before: avoid
+    }
+
+    section.two-columns {
+      columns: 2;
+      column-gap: 1cm
+    }
+
+    article h1 {
+      border-bottom: 2px solid #f00
+    }
+
+    article h2 {
+      border-bottom: 1px solid #f99
+    }
+
+    article h3 {
+      border-bottom: 0.5px solid #eee
+    }
+
+    article h1>.pdf-order,
+    article h2>.pdf-order,
+    article h3>.pdf-order {
+      padding-left: 6px
+    }
+
+    article#doc-toc {
+      margin: 0 .8rem 1.2rem;
+      padding-top: .6rem;
+      font-size: 12pt;
+      line-height: 1.6
+    }
+
+    article#doc-toc>h1 {
+      margin: 0 0 2rem;
+      color: rgba(0, 0, 0, 0.54);
+      font-size: 1.2rem;
+      font-weight: 300;
+      letter-spacing: -.01em;
+      page-break-after: auto;
+      page-break-inside: auto;
+      bookmark-level: none
+    }
+
+    article#doc-toc>h1::before {
+      display: block;
+      margin-top: -9px;
+      padding-top: 9px;
+      content: ""
+    }
+
+    article#doc-toc ul {
+      list-style: none;
+      padding-left: 0;
+      margin-left: 1em;
+      font-size: 8pt;
+      page-break-inside: auto !important
+    }
+
+    article#doc-toc li {
+      list-style: none
+    }
+
+    article#doc-toc li>a {
+      color: inherit;
+      text-decoration: none;
+      padding-top: 0.4rem;
+      border-bottom: 1px dotted #ddd;
+      display: inline-block;
+      width: 100%
+    }
+
+    article#doc-toc li>a>.pdf-order {
+      padding-right: 0.5em
+    }
+
+    article#doc-toc li>a::after {
+      float: right;
+      content: target-counter(attr(href), page)
+    }
+
+    @media print {
+      html {
+        font-size: 95%;
+        font-family: 'Kelmscott Roman NF', 'Noto Serif JP', serif
+      }
+
+      body {
+        font-size: 10.5pt;
+        font-family: 'Classico URW T OT', 'Noto Serif JP', serif
+      }
+
+      article {
+        font-size: 0.8rem;
+        line-height: 1.6
+      }
+
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6,
+      label {
+        font-family: 'Gentium Book Basic', 'Helvetica Neue', Helvetica, Arial, 'Noto Sans JP', 'Roboto', sans-serif
+      }
+
+      pre,
+      code,
+      var,
+      samp,
+      kbd,
+      tt {
+        font-family: 'Noto Sans Mono CJK JP', 'Courier New', monospace, serif;
+        font-size: 0.8em
+      }
+
+      pre code,
+      pre var,
+      pre samp,
+      pre kbd,
+      pre tt {
+        font-size: 100%
+      }
+    }
+
+    @page :first {
+      @top-right {
+        content: normal
+      }
+
+      @bottom-center {
+        content: normal
+      }
+
+      @bottom-right {
+        content: normal
+      }
+    }
+
+    article#doc-cover {
+      display: flex;
+      flex-direction: column;
+      height: 100vh
+    }
+
+    article#doc-cover>.wrapper {
+      flex: 1 0 auto;
+      text-align: center;
+      padding: 0 3rem
+    }
+
+    article#doc-cover>.wrapper h1 {
+      font-size: 36pt;
+      line-height: 1.4
+    }
+
+    article#doc-cover>.wrapper h2 {
+      border: none;
+      bookmark-level: none
+    }
+
+    article#doc-cover>.properties {
+      flex: 0 0 auto;
+      text-align: right;
+      padding: 0 2rem
+    }
+
+    article#doc-cover>.properties p#copyright {
+      font-size: 80%
+    }
+  </style>
+  <style>
+    @media print {
+      .md-typeset .tabbed-set {
+        display: block
+      }
+
+      .md-typeset .tabbed-set .tabbed-content--wrap {
+        display: inline-block;
+        width: 100%;
+        margin-bottom: 0.25rem
+      }
+
+      .md-typeset .tabbed-set .tabbed-content--wrap>input {
+        display: none
+      }
+
+      .md-typeset .tabbed-set .tabbed-content--wrap>label {
+        background-color: rgba(170, 170, 170, 0.2);
+        padding: 0.2rem 2rem;
+        margin: 0;
+        font-weight: 600;
+        color: #666;
+        border-radius: 3px 3px 0 0;
+        border-bottom-color: transparent
+      }
+
+      .md-typeset .tabbed-set .tabbed-content--wrap>.tabbed-content {
+        display: block;
+        box-shadow: none
+      }
+
+      .md-typeset>details summary::after {
+        display: none
+      }
+
+      .md-typeset>div,
+      .md-typeset>div.admonition,
+      .md-typeset>details,
+      .md-typeset>div.tabbed-set,
+      .md-typeset>blockquote,
+      .md-typeset>mark,
+      .md-typeset>table,
+      .md-typeset>p {
+        margin-left: 0.7rem
+      }
+
+      .md-typeset>table.highlighttable {
+        margin: 0 0 0 0.7rem
+      }
+
+      .md-typeset>ul {
+        margin-left: 1.5rem
+      }
+
+      .md-typeset h4,
+      .md-typeset h5,
+      .md-typeset h6 {
+        margin-left: 0.25rem
+      }
+
+      .md-typeset *:not(h3)+h4 {
+        margin-top: 1.5rem
+      }
+
+      .md-typeset hr {
+        border-bottom: 1px dotted #999
+      }
+
+      .md-typeset .footnote {
+        line-height: 1.1
+      }
+
+      .md-typeset table:not([class]) th,
+      .md-typeset table:not([class]) td {
+        padding: 0.5em 1.25rem 0.4em
+      }
+
+      .md-typeset table:not([class]) td {
+        border-bottom: 1px solid #eee
+      }
+
+      .md-typeset span.twemoji {
+        vertical-align: middle;
+        height: 1.125rem
+      }
+
+      .md-typeset span.twemoji>img {
+        height: 1.125rem;
+        vertical-align: middle
+      }
+    }
+
+    .md-typeset kbd {
+      vertical-align: middle;
+      border-color: #b8b8b8;
+      border-style: outset;
+      border-width: .05rem .075rem .1rem .075rem;
+      border-radius: .25rem;
+      box-shadow: none
+    }
+
+    :root {
+      --print-md-admonition-icon--note: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23448aff"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg>');
+      --print-md-admonition-icon--abstract: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300b0ff"><path d="M4 5h16v2H4V5m0 4h16v2H4V9m0 4h16v2H4v-2m0 4h10v2H4v-2z"/></svg>');
+      --print-md-admonition-icon--info: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300b8d4"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"/></svg>');
+      --print-md-admonition-icon--tip: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300bfa5"><path d="M17.55 11.2c-.23-.3-.5-.56-.76-.82-.65-.6-1.4-1.03-2.03-1.66C13.3 7.26 13 4.85 13.91 3c-.91.23-1.75.75-2.45 1.32-2.54 2.08-3.54 5.75-2.34 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.22.1-.46.04-.64-.12a.83.83 0 01-.15-.17c-1.1-1.43-1.28-3.48-.53-5.12C5.89 10 5 12.3 5.14 14.47c.04.5.1 1 .27 1.5.14.6.4 1.2.72 1.73 1.04 1.73 2.87 2.97 4.84 3.22 2.1.27 4.35-.12 5.96-1.6 1.8-1.66 2.45-4.32 1.5-6.6l-.13-.26c-.2-.46-.47-.87-.8-1.25l.05-.01m-3.1 6.3c-.28.24-.73.5-1.08.6-1.1.4-2.2-.16-2.87-.82 1.19-.28 1.89-1.16 2.09-2.05.17-.8-.14-1.46-.27-2.23-.12-.74-.1-1.37.18-2.06.17.38.37.76.6 1.06.76 1 1.95 1.44 2.2 2.8.04.14.06.28.06.43.03.82-.32 1.72-.92 2.27h.01z"/></svg>');
+      --print-md-admonition-icon--success: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300c853"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
+      --print-md-admonition-icon--question: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2364dd17"><path d="M15.07 11.25l-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 00-2-2 2 2 0 00-2 2H8a4 4 0 014-4 4 4 0 014 4 3.2 3.2 0 01-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10c0-5.53-4.5-10-10-10z"/></svg>');
+      --print-md-admonition-icon--warning: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff9100"><path d="M13 14h-2v-4h2m0 8h-2v-2h2M1 21h22L12 2 1 21z"/></svg>');
+      --print-md-admonition-icon--failure: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff5252"><path d="M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12 6.47 2 12 2m3.59 5L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41 15.59 7z"/></svg>');
+      --print-md-admonition-icon--danger: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff1744"><path d="M11.5 20l4.86-9.73H13V4l-5 9.73h3.5V20M12 2c2.75 0 5.1 1 7.05 2.95C21 6.9 22 9.25 22 12s-1 5.1-2.95 7.05C17.1 21 14.75 22 12 22s-5.1-1-7.05-2.95C3 17.1 2 14.75 2 12s1-5.1 2.95-7.05C6.9 3 9.25 2 12 2z"/></svg>');
+      --print-md-admonition-icon--bug: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f50057"><path d="M14 12h-4v-2h4m0 6h-4v-2h4m6-6h-2.81a5.985 5.985 0 00-1.82-1.96L17 4.41 15.59 3l-2.17 2.17a6.002 6.002 0 00-2.83 0L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8z"/></svg>');
+      --print-md-admonition-icon--example: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23651fff"><path d="M7 13v-2h14v2H7m0 6v-2h14v2H7M7 7V5h14v2H7M3 8V5H2V4h2v4H3m-1 9v-1h3v4H2v-1h2v-.5H3v-1h1V17H2m2.25-7a.75.75 0 01.75.75c0 .2-.08.39-.21.52L3.12 13H5v1H2v-.92L4 11H2v-1h2.25z"/></svg>');
+      --print-md-admonition-icon--quote: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%239e9e9e"><path d="M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3l-2 4z"/></svg>')
+    }
+
+    @media print {
+      .md-typeset .admonition-title {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .admonition-title::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--note)
+      }
+
+      .md-typeset .note>.admonition-title,
+      .md-typeset .note>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .note>.admonition-title::before,
+      .md-typeset .note>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--note)
+      }
+
+      .md-typeset .abstract>.admonition-title,
+      .md-typeset .tldr>.admonition-title,
+      .md-typeset .summary>.admonition-title,
+      .md-typeset .abstract>summary,
+      .md-typeset .tldr>summary,
+      .md-typeset .summary>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .abstract>.admonition-title::before,
+      .md-typeset .tldr>.admonition-title::before,
+      .md-typeset .summary>.admonition-title::before,
+      .md-typeset .abstract>summary::before,
+      .md-typeset .tldr>summary::before,
+      .md-typeset .summary>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--abstract)
+      }
+
+      .md-typeset .info>.admonition-title,
+      .md-typeset .todo>.admonition-title,
+      .md-typeset .info>summary,
+      .md-typeset .todo>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .info>.admonition-title::before,
+      .md-typeset .todo>.admonition-title::before,
+      .md-typeset .info>summary::before,
+      .md-typeset .todo>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--info)
+      }
+
+      .md-typeset .tip>.admonition-title,
+      .md-typeset .important>.admonition-title,
+      .md-typeset .hint>.admonition-title,
+      .md-typeset .tip>summary,
+      .md-typeset .important>summary,
+      .md-typeset .hint>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .tip>.admonition-title::before,
+      .md-typeset .important>.admonition-title::before,
+      .md-typeset .hint>.admonition-title::before,
+      .md-typeset .tip>summary::before,
+      .md-typeset .important>summary::before,
+      .md-typeset .hint>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--tip)
+      }
+
+      .md-typeset .success>.admonition-title,
+      .md-typeset .done>.admonition-title,
+      .md-typeset .check>.admonition-title,
+      .md-typeset .success>summary,
+      .md-typeset .done>summary,
+      .md-typeset .check>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .success>.admonition-title::before,
+      .md-typeset .done>.admonition-title::before,
+      .md-typeset .check>.admonition-title::before,
+      .md-typeset .success>summary::before,
+      .md-typeset .done>summary::before,
+      .md-typeset .check>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--success)
+      }
+
+      .md-typeset .question>.admonition-title,
+      .md-typeset .faq>.admonition-title,
+      .md-typeset .help>.admonition-title,
+      .md-typeset .question>summary,
+      .md-typeset .faq>summary,
+      .md-typeset .help>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .question>.admonition-title::before,
+      .md-typeset .faq>.admonition-title::before,
+      .md-typeset .help>.admonition-title::before,
+      .md-typeset .question>summary::before,
+      .md-typeset .faq>summary::before,
+      .md-typeset .help>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--question)
+      }
+
+      .md-typeset .warning>.admonition-title,
+      .md-typeset .attention>.admonition-title,
+      .md-typeset .caution>.admonition-title,
+      .md-typeset .warning>summary,
+      .md-typeset .attention>summary,
+      .md-typeset .caution>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .warning>.admonition-title::before,
+      .md-typeset .attention>.admonition-title::before,
+      .md-typeset .caution>.admonition-title::before,
+      .md-typeset .warning>summary::before,
+      .md-typeset .attention>summary::before,
+      .md-typeset .caution>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--warning)
+      }
+
+      .md-typeset .failure>.admonition-title,
+      .md-typeset .missing>.admonition-title,
+      .md-typeset .fail>.admonition-title,
+      .md-typeset .failure>summary,
+      .md-typeset .missing>summary,
+      .md-typeset .fail>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .failure>.admonition-title::before,
+      .md-typeset .missing>.admonition-title::before,
+      .md-typeset .fail>.admonition-title::before,
+      .md-typeset .failure>summary::before,
+      .md-typeset .missing>summary::before,
+      .md-typeset .fail>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--failure)
+      }
+
+      .md-typeset .danger>.admonition-title,
+      .md-typeset .error>.admonition-title,
+      .md-typeset .danger>summary,
+      .md-typeset .error>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .danger>.admonition-title::before,
+      .md-typeset .error>.admonition-title::before,
+      .md-typeset .danger>summary::before,
+      .md-typeset .error>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--danger)
+      }
+
+      .md-typeset .bug>.admonition-title,
+      .md-typeset .bug>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .bug>.admonition-title::before,
+      .md-typeset .bug>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--bug)
+      }
+
+      .md-typeset .example>.admonition-title,
+      .md-typeset .example>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .example>.admonition-title::before,
+      .md-typeset .example>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--example)
+      }
+
+      .md-typeset .quote>.admonition-title,
+      .md-typeset .cite>.admonition-title,
+      .md-typeset .quote>summary,
+      .md-typeset .cite>summary {
+        padding: .6rem .6rem .4rem 2.2rem
+      }
+
+      .md-typeset .quote>.admonition-title::before,
+      .md-typeset .cite>.admonition-title::before,
+      .md-typeset .quote>summary::before,
+      .md-typeset .cite>summary::before {
+        margin-top: -0.15rem;
+        background-color: transparent;
+        background-image: var(--print-md-admonition-icon--quote)
+      }
+    }
+
+    :root {
+      --print-md-footnotes-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000000de"><path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.42L5.83 13H21V7h-2z"/></svg>')
+    }
+
+    @media print {
+      .md-typeset .footnote-backref::before {
+        background-color: transparent;
+        background-image: var(--print-md-footnotes-icon)
+      }
+    }
+
+    :root {
+      --print-md-details-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(0, 0%, 0%, 0.87)"><path d="M8.59 16.58L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42z"/></svg>')
+    }
+
+    @media print {
+      .md-typeset summary::after {
+        background-color: transparent;
+        background-image: var(--print-md-details-icon);
+        -webkit-mask-image: none;
+        mask-image: none
+      }
+    }
+
+    :root {
+      --print-md-tasklist-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ddd"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
+      --print-md-tasklist-icon--checked: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300e676"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>')
+    }
+
+    @media print {
+      .md-typeset .task-list-control .task-list-indicator::before {
+        background-color: transparent;
+        background-image: var(--print-md-tasklist-icon)
+      }
+
+      .md-typeset .task-list-control [type=checkbox]:checked+.task-list-indicator::before {
+        background-color: transparent;
+        background-image: var(--print-md-tasklist-icon--checked)
+      }
+    }
+  </style>
+</head>
+
+<body>
+  <article id="doc-cover">
+    <div class="wrapper"></div>
+    <div class="wrapper">
+      <h1>Material for MkDocs</h1>
+      <h2>A Material Design theme for MkDocs</h2>
+    </div>
+    <div class="properties">
+      <address>
+        <p id="author">Martin Donath</p>
+        <p id="copyright">Copyright © 2016 - 2020 Martin Donath</p>
+      </address>
+    </div>
+  </article>
+  <article id="doc-toc">
+    <h1>Table of contents</h1>
+    <ul>
+      <li><a href="#I5SXI5DJNZTSA43UMFZHIZLE/"><span class="pdf-order">1. </span>Getting started</a>
+        <ul>
+          <li><a href="#getting-started/:getting-started"><span class="pdf-order">1.1 </span>Getting started</a></li>
+          <li><a href="#creating-your-site/:creating-your-site"><span class="pdf-order">1.2 </span>Creating your
+              site</a></li>
+          <li><a href="#publishing-your-site/:publishing-your-site"><span class="pdf-order">1.3 </span>Publishing your
+              site</a></li>
+          <li><a href="#customization/:customization"><span class="pdf-order">1.4 </span>Customization</a></li>
+          <li><a href="#troubleshooting/:troubleshooting"><span class="pdf-order">1.5 </span>Troubleshooting</a></li>
+          <li><a href="#data-privacy/:data-privacy"><span class="pdf-order">1.6 </span>Data privacy</a></li>
+          <li><a href="#insiders/:insiders"><span class="pdf-order">1.7 </span><span hidden="">Insiders</span> <span
+                class="twemoji"><svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                  <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                  <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                  <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+                </svg></span> <span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+                </svg></span> <span class="twemoji tx-heart"><svg viewbox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                  </path>
+                </svg></span></a></li>
+          <li><a href="#license/:license"><span class="pdf-order">1.8 </span>License</a></li>
+        </ul>
+      </li>
+      <li><a href="#KNSXI5LQ/"><span class="pdf-order">2. </span>Setup</a>
+        <ul>
+          <li><a href="#setup/changing-the-colors/:changing-the-colors"><span class="pdf-order">2.1 </span>Changing the
+              colors</a></li>
+          <li><a href="#setup/changing-the-fonts/:changing-the-fonts"><span class="pdf-order">2.2 </span>Changing the
+              fonts</a></li>
+          <li><a href="#setup/changing-the-language/:changing-the-language"><span class="pdf-order">2.3 </span>Changing
+              the language</a></li>
+          <li><a href="#setup/changing-the-logo-and-icons/:changing-the-logo-and-icons"><span class="pdf-order">2.4
+              </span>Changing the logo and icons</a></li>
+          <li><a href="#setup/setting-up-navigation/:setting-up-navigation"><span class="pdf-order">2.5 </span>Setting
+              up navigation</a></li>
+          <li><a href="#setup/setting-up-site-search/:setting-up-site-search"><span class="pdf-order">2.6 </span>Setting
+              up site search</a></li>
+          <li><a href="#setup/setting-up-site-analytics/:setting-up-site-analytics"><span class="pdf-order">2.7
+              </span>Setting up site analytics</a></li>
+          <li><a href="#setup/setting-up-the-header/:setting-up-the-header"><span class="pdf-order">2.8 </span>Setting
+              up the header</a></li>
+          <li><a href="#setup/adding-social-links/:adding-social-links"><span class="pdf-order">2.9 </span>Adding social
+              links</a></li>
+          <li><a href="#setup/adding-a-git-repository/:adding-a-git-repository"><span class="pdf-order">2.10
+              </span>Adding a git repository</a></li>
+          <li><a href="#setup/adding-a-comment-system/:adding-a-comment-system"><span class="pdf-order">2.11
+              </span>Adding a comment system</a></li>
+        </ul>
+      </li>
+      <li><a href="#KJSWMZLSMVXGGZI/"><span class="pdf-order">3. </span>Reference</a>
+        <ul>
+          <li><a href="#reference/admonitions/:admonitions"><span class="pdf-order">3.1 </span>Admonitions</a></li>
+          <li><a href="#reference/buttons/:buttons"><span class="pdf-order">3.2 </span>Buttons</a></li>
+          <li><a href="#reference/code-blocks/:code-blocks"><span class="pdf-order">3.3 </span>Code blocks</a></li>
+          <li><a href="#reference/content-tabs/:content-tabs"><span class="pdf-order">3.4 </span>Content tabs</a></li>
+          <li><a href="#reference/data-tables/:data-tables"><span class="pdf-order">3.5 </span>Data tables</a></li>
+          <li><a href="#reference/footnotes/:footnotes"><span class="pdf-order">3.6 </span>Footnotes</a></li>
+          <li><a href="#reference/formatting/:formatting"><span class="pdf-order">3.7 </span>Formatting</a></li>
+          <li><a href="#reference/icons-emojis/:icons-emojis"><span class="pdf-order">3.8 </span>Icons + Emojis</a></li>
+          <li><a href="#reference/images/:images"><span class="pdf-order">3.9 </span>Images</a></li>
+          <li><a href="#reference/lists/:lists"><span class="pdf-order">3.10 </span>Lists</a></li>
+          <li><a href="#reference/mathjax/:mathjax"><span class="pdf-order">3.11 </span>MathJax</a></li>
+          <li><a href="#reference/meta-tags/:meta-tags"><span class="pdf-order">3.12 </span>Meta tags</a></li>
+        </ul>
+      </li>
+      <li><a href="#INUGC3THMVWG6ZY/"><span class="pdf-order">4. </span>Changelog</a>
+        <ul>
+          <li><a href="#changelog/:changelog"><span class="pdf-order">4.1 </span>Changelog</a></li>
+          <li><a href="#upgrading/:upgrading"><span class="pdf-order">4.2 </span>Upgrading</a></li>
+          <li><a href="#deprecations/:deprecations"><span class="pdf-order">4.3 </span>Deprecations</a></li>
+        </ul>
+      </li>
+    </ul>
+  </article>
+  <article class="md-content__inner md-typeset" data-url="/I5SXI5DJNZTSA43UMFZHIZLE/" id="I5SXI5DJNZTSA43UMFZHIZLE/:">
+    <h1 id="I5SXI5DJNZTSA43UMFZHIZLE/"><span class="pdf-order">1. </span>Getting started</h1>
+    <section class="md-typeset" data-url="/getting-started/" id="getting-started/:">
+      <h2 id="getting-started/:getting-started"><span class="pdf-order">1.1 </span>Getting started</h2>
+      <p>Material for MkDocs is a theme for <a href="https://www.mkdocs.org">MkDocs</a>, a static site generator geared
+        towards (technical) project documentation. If you're familiar with Python, you can install Material for MkDocs
+        with <a href="#getting-started/:with-pip"><code>pip</code></a>, the Python package manager. If not, we
+        recommended using <a href="#getting-started/:with-docker"><code>docker</code></a>.</p>
+      <p>In case you're running into problems, consult the <a href="#troubleshooting/:">troubleshooting</a> section.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="getting-started/:installation"><span class="pdf-order">1.1.1 </span>Installation</h3>
+        <h4 id="getting-started/:with-pip">with pip</h4>
+        <p>Material for MkDocs can be installed with <code>pip</code>:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="getting-started/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Material for MkDocs</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>pip install mkdocs-material
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="getting-started/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">Insiders</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>pip install git+https://<span class="si">${</span><span class="nv">GH_TOKEN</span><span class="si">}</span>@github.com/squidfunk/mkdocs-material-insiders.git
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <p>This will automatically install compatible versions of all dependencies: <a
+            href="https://www.mkdocs.org">MkDocs</a>, <a href="https://python-markdown.github.io/">Markdown</a>, <a
+            href="https://pygments.org/">Pygments</a> and <a
+            href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown Extensions</a>. Material for
+          MkDocs always strives to support the latest versions, so there's no need to install those packages separately.
+        </p>
+        <p><em>Note that in order to install <a href="#insiders/:">Material for MkDocs Insiders</a>, you'll need to <a
+              href="#insiders/:how-to-become-a-sponsor">become a sponsor</a>, create a <a
+              href="https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token">personal
+              access token</a><sup id="getting-started/:fnref:1"><a class="footnote-ref"
+                href="#getting-started/:fn:1">1</a></sup>, and set the</em> <code>GH_TOKEN</code> <em>environment
+            variable to the token's value.</em></p>
+        <h4 id="getting-started/:with-docker">with docker</h4>
+        <p>The official <a href="https://hub.docker.com/r/squidfunk/mkdocs-material/">Docker image</a> is a great way to
+          get up and running in a few minutes, as it comes with all dependencies pre-installed. Pull the image for the
+          <code>latest</code> version with:</p>
+        <div class="highlight">
+          <pre><span></span><code>docker pull squidfunk/mkdocs-material
+</code></pre>
+        </div>
+        <p>The <code>mkdocs</code> executable is provided as an entry point and <code>serve</code> is the default
+          command. If you're not familiar with Docker don't worry, we have you covered in the following sections.</p>
+        <p>The following plugins are bundled with the Docker image:</p>
+        <ul>
+          <li><a href="https://github.com/lukasgeiter/mkdocs-awesome-pages-plugin">mkdocs-awesome-pages-plugin</a></li>
+          <li><a
+              href="https://github.com/timvink/mkdocs-git-revision-date-localized-plugin">mkdocs-git-revision-date-localized-plugin</a>
+          </li>
+          <li><a href="https://github.com/byrnereese/mkdocs-minify-plugin">mkdocs-minify-plugin</a></li>
+          <li><a href="https://github.com/datarobot/mkdocs-redirects">mkdocs-redirects</a></li>
+        </ul>
+        <h4 id="getting-started/:with-git">with git</h4>
+        <p>Material for MkDocs can be directly used from <a
+            href="https://github.com/squidfunk/mkdocs-material">GitHub</a> by cloning the repository into a subfolder of
+          your project root which might be useful if you want to use the very latest version:</p>
+        <div class="tabbed-set" data-tabs="2:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="getting-started/:__tabbed_2_1"
+              name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Material for MkDocs</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>git clone https://github.com/squidfunk/mkdocs-material.git
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="getting-started/:__tabbed_2_2" name="__tabbed_2"
+              type="radio" /><label for="__tabbed_2_2">Insiders</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>git clone git@github.com:squidfunk/mkdocs-material-insiders.git mkdocs-material
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <p>The theme will reside in the folder <code>mkdocs-material/material</code>. When cloning from
+          <code>git</code>, you must install all required dependencies yourself:</p>
+        <div class="highlight">
+          <pre><span></span><code>pip install -r mkdocs-material/requirements.txt
+</code></pre>
+        </div>
+        <p><em>Note that in order to install <a href="#insiders/:">Material for MkDocs Insiders</a>, you'll need to <a
+              href="#insiders/:how-to-become-a-sponsor">become a sponsor</a>.</em></p>
+        <div class="footnote">
+          <hr />
+          <ol>
+            <li id="getting-started/:fn:1">
+              <p>In order to use <code>pip</code> to install from the private repository over HTTPS, the personal access
+                token requires the <a
+                  href="https://docs.github.com/en/developers/apps/scopes-for-oauth-apps#available-scopes"><code>repo</code></a>
+                scope. The creation and usage of an access token is only necessary when installing Insiders over HTTPS,
+                which is the recommended way when building from within a CI/CD workflow, e.g. using <a
+                  href="#publishing-your-site/:github-pages">GitHub Pages</a> or <a
+                  href="#publishing-your-site/:gitlab-pages">GitLab Pages</a>. <a class="footnote-backref"
+                  href="#getting-started/:fnref:1" title="Jump back to footnote 1 in the text">↩</a></p>
+            </li>
+          </ol>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/creating-your-site/" id="creating-your-site/:">
+      <h2 id="creating-your-site/:creating-your-site"><span class="pdf-order">1.2 </span>Creating your site</h2>
+      <p>After you've <a href="#getting-started/:">installed</a> Material for MkDocs, you can bootstrap your project
+        documentation using the <code>mkdocs</code> executable. Go to the directory where you want your project to be
+        located and enter:</p>
+      <div class="highlight">
+        <pre><span></span><code>mkdocs new .
+</code></pre>
+      </div>
+      <p>Alternatively, if you're running Material for MkDocs from within Docker, use:</p>
+      <div class="tabbed-set" data-tabs="1:2">
+        <div class="tabbed-content--wrap"><input checked="checked" id="creating-your-site/:__tabbed_1_1"
+            name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Unix</label>
+          <div class="tabbed-content">
+            <div class="highlight">
+              <pre><span></span><code>docker run --rm -it -v ${PWD}:/docs squidfunk/mkdocs-material new .
+</code></pre>
+            </div>
+          </div>
+        </div>
+        <div class="tabbed-content--wrap"><input id="creating-your-site/:__tabbed_1_2" name="__tabbed_1"
+            type="radio" /><label for="__tabbed_1_2">Windows</label>
+          <div class="tabbed-content">
+            <div class="highlight">
+              <pre><span></span><code>docker run --rm -it -v "%cd%":/docs squidfunk/mkdocs-material new .
+</code></pre>
+            </div>
+          </div>
+        </div>
+      </div>
+      <p>This will create the following structure:</p>
+      <div class="highlight">
+        <pre><span></span><code>.
+├─ docs/
+│  └─ index.md
+└─ mkdocs.yml
+</code></pre>
+      </div>
+      <section class="md-typeset two-columns">
+        <h3 id="creating-your-site/:configuration"><span class="pdf-order">1.2.1 </span>Configuration</h3>
+        <h4 id="creating-your-site/:minimal-configuration">Minimal configuration</h4>
+        <p>Depending on your <a href="#getting-started/:installation">installation method</a>, you can now add the
+          following lines to <code>mkdocs.yml</code> in your project root. If you installed Material for MkDocs using
+          <code>pip</code> or <code>docker</code>, add:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">material</span>
+</code></pre>
+        </div>
+        <p>If you cloned Material for MkDocs from GitHub, add:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">null</span>
+  <span class="nt">custom_dir</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">mkdocs-material/material</span>
+</code></pre>
+        </div>
+        <h4 id="creating-your-site/:advanced-configuration">Advanced configuration</h4>
+        <p>Material for MkDocs comes with a lot of configuration options. The <em>setup</em> section explains in great
+          detail how to configure and customize colors, fonts, icons and much more:</p>
+        <ul>
+          <li><a href="#setup/changing-the-colors/:">Changing the colors</a></li>
+          <li><a href="#setup/changing-the-fonts/:">Changing the fonts</a></li>
+          <li><a href="#setup/changing-the-language/:">Changing the language</a></li>
+          <li><a href="#setup/changing-the-logo-and-icons/:">Changing the logo and icons</a></li>
+          <li><a href="#setup/setting-up-navigation/:">Setting up navigation</a></li>
+          <li><a href="#setup/setting-up-site-search/:">Setting up site search</a></li>
+          <li><a href="#setup/setting-up-site-analytics/:">Setting up site analytics</a></li>
+          <li><a href="#setup/setting-up-the-header/:">Setting up the header</a></li>
+          <li><a href="#setup/adding-social-links/:">Adding social links</a></li>
+          <li><a href="#setup/adding-a-git-repository/:">Adding a git repository</a></li>
+          <li><a href="#setup/adding-a-comment-system/:">Adding a comment system</a>
+            <!-- * [Adding a landing page][14] -->
+          </li>
+        </ul>
+        <!--[14]: setup/adding-a-landing-page.md-->
+        <h3 id="creating-your-site/:previewing-as-you-write"><span class="pdf-order">1.2.2 </span>Previewing as you
+          write</h3>
+        <p>MkDocs includes a live preview server, so you can preview your changes as you write your documentation. The
+          server will automatically rebuild the site upon saving. Start it with:</p>
+        <div class="highlight">
+          <pre><span></span><code>mkdocs serve
+</code></pre>
+        </div>
+        <p>If you're running Material for MkDocs from within Docker, use:</p>
+        <div class="tabbed-set" data-tabs="2:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="creating-your-site/:__tabbed_2_1"
+              name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Unix</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>docker run --rm -it -p 8000:8000 -v ${PWD}:/docs squidfunk/mkdocs-material
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="creating-your-site/:__tabbed_2_2" name="__tabbed_2"
+              type="radio" /><label for="__tabbed_2_2">Windows</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>docker run --rm -it -p 8000:8000 -v "%cd%":/docs squidfunk/mkdocs-material
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <p>Point your browser to <a href="http://localhost:8000">localhost:8000</a> and you should see:</p>
+        <p><a href="http://localhost:8000"><img alt="Creating your site"
+              src="assets/creating-your-site.png"
+              style="" /></a></p>
+        <h3 id="creating-your-site/:building-your-site"><span class="pdf-order">1.2.3 </span>Building your site</h3>
+        <p>When you're finished editing, you can build a static site from your Markdown files with:</p>
+        <div class="highlight">
+          <pre><span></span><code>mkdocs build
+</code></pre>
+        </div>
+        <p>The contents of this directory make up your project documentation. There's no need for operating a database
+          or server, as it is completely self-contained. The site can be hosted on <a
+            href="#publishing-your-site/:github-pages">GitHub Pages</a>, <a
+            href="#publishing-your-site/:gitlab-pages">GitLab Pages</a>, a CDN of your choice or your private web space.
+        </p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/publishing-your-site/" id="publishing-your-site/:">
+      <h2 id="publishing-your-site/:publishing-your-site"><span class="pdf-order">1.3 </span>Publishing your site</h2>
+      <p>The great thing about hosting project documentation in a <code>git</code> repository is the ability to deploy
+        it automatically when new changes are pushed. MkDocs makes this ridiculously simple.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="publishing-your-site/:github-pages"><span class="pdf-order">1.3.1 </span>GitHub Pages</h3>
+        <p>If you're already hosting your code on GitHub, <a href="https://pages.github.com/">GitHub Pages</a> is
+          certainly the most convenient way to publish your project documentation. It's free of charge and pretty easy
+          to set up.</p>
+        <h4 id="publishing-your-site/:with-github-actions">with GitHub Actions</h4>
+        <p>Using <a href="https://github.com/features/actions">GitHub Actions</a> you can automate the deployment of
+          your project documentation. At the root of your repository, create a new GitHub Actions workflow, e.g.
+          <code>.github/workflows/ci.yml</code>, and copy and paste the following contents:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="publishing-your-site/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Material for MkDocs</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">ci</span>
+<span class="nt">on</span><span class="p">:</span>
+  <span class="nt">push</span><span class="p">:</span>
+    <span class="nt">branches</span><span class="p">:</span>
+      <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">master</span>
+<span class="nt">jobs</span><span class="p">:</span>
+  <span class="nt">deploy</span><span class="p">:</span>
+    <span class="nt">runs-on</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">ubuntu-latest</span>
+    <span class="nt">steps</span><span class="p">:</span>
+      <span class="p p-Indicator">-</span> <span class="nt">uses</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">actions/checkout@v2</span>
+      <span class="p p-Indicator">-</span> <span class="nt">uses</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">actions/setup-python@v2</span>
+        <span class="nt">with</span><span class="p">:</span>
+          <span class="nt">python-version</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">3.x</span>
+      <span class="p p-Indicator">-</span> <span class="nt">run</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">pip install mkdocs-material</span>
+      <span class="p p-Indicator">-</span> <span class="nt">run</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">mkdocs gh-deploy --force</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="publishing-your-site/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">Insiders</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">ci</span>
+<span class="nt">on</span><span class="p">:</span>
+  <span class="nt">push</span><span class="p">:</span>
+    <span class="nt">branches</span><span class="p">:</span>
+      <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">master</span>
+<span class="nt">jobs</span><span class="p">:</span>
+  <span class="nt">deploy</span><span class="p">:</span>
+    <span class="nt">runs-on</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">ubuntu-latest</span>
+    <span class="nt">steps</span><span class="p">:</span>
+      <span class="p p-Indicator">-</span> <span class="nt">uses</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">actions/checkout@v2</span>
+      <span class="p p-Indicator">-</span> <span class="nt">uses</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">actions/setup-python@v2</span>
+        <span class="nt">with</span><span class="p">:</span>
+          <span class="nt">python-version</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">3.x</span>
+      <span class="p p-Indicator">-</span> <span class="nt">run</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">pip install git+https://${GH_TOKEN}@github.com/squidfunk/mkdocs-material-insiders.git</span>
+      <span class="p p-Indicator">-</span> <span class="nt">run</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">mkdocs gh-deploy --force</span>
+<span class="nt">env</span><span class="p">:</span>
+  <span class="nt">GH_TOKEN</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">${{ secrets.GH_TOKEN }}</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <p>Now, when a new commit is pushed to <code>master</code>, the static site is automatically built and deployed.
+          Commit and push the file to your repository to see the workflow in action.</p>
+        <p>Your documentation should shortly appear at <code>&lt;username&gt;.github.io/&lt;repository&gt;</code>.</p>
+        <p><em>Remember to set the</em> <code>GH_TOKEN</code> <em>environment variable to the value of your <a
+              href="https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token">personal
+              access token</a> when using <a href="#insiders/:">Material for MkDocs Insiders</a>, which can be done
+            using <a
+              href="https://docs.github.com/en/actions/configuring-and-managing-workflows/creating-and-storing-encrypted-secrets">secrets</a>.</em>
+        </p>
+        <h4 id="publishing-your-site/:with-mkdocs">with MkDocs</h4>
+        <p>If you prefer to deploy your project documentation manually, you can just invoke the following command from
+          the directory containing the <code>mkdocs.yml</code> file:</p>
+        <div class="highlight">
+          <pre><span></span><code>mkdocs gh-deploy --force
+</code></pre>
+        </div>
+        <h3 id="publishing-your-site/:gitlab-pages"><span class="pdf-order">1.3.2 </span>GitLab Pages</h3>
+        <p>If you're hosting your code on GitLab, deploying to <a href="https://gitlab.com/pages">GitLab Pages</a> can
+          be done by using the <a href="https://docs.gitlab.com/ee/ci/">GitLab CI</a> task runner. At the root of your
+          repository, create a task definition named <code>.gitlab-ci.yml</code> and copy and paste the following
+          contents:</p>
+        <div class="tabbed-set" data-tabs="2:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="publishing-your-site/:__tabbed_2_1"
+              name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Material for MkDocs</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">image</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">python:latest</span>
+<span class="nt">deploy</span><span class="p">:</span>
+  <span class="nt">stage</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">deploy</span>
+  <span class="nt">only</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">master</span>
+  <span class="nt">script</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pip install mkdocs-material</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">mkdocs build --site-dir public</span>
+  <span class="nt">artifacts</span><span class="p">:</span>
+    <span class="nt">paths</span><span class="p">:</span>
+      <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">public</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="publishing-your-site/:__tabbed_2_2" name="__tabbed_2"
+              type="radio" /><label for="__tabbed_2_2">Insiders</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">image</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">python:latest</span>
+<span class="nt">deploy</span><span class="p">:</span>
+  <span class="nt">stage</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">deploy</span>
+  <span class="nt">only</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">master</span>
+  <span class="nt">script</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pip install git+https://${GH_TOKEN}@github.com/squidfunk/mkdocs-material-insiders.git</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">mkdocs build --site-dir public</span>
+  <span class="nt">artifacts</span><span class="p">:</span>
+    <span class="nt">paths</span><span class="p">:</span>
+      <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">public</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <p>Now, when a new commit is pushed to <code>master</code>, the static site is automatically built and deployed.
+          Commit and push the file to your repository to see the workflow in action.</p>
+        <p>Your documentation should shortly appear at <code>&lt;username&gt;.gitlab.io/&lt;repository&gt;</code>.</p>
+        <p><em>Remember to set the</em> <code>GH_TOKEN</code> <em>environment variable to the value of your <a
+              href="https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token">personal
+              access token</a> when using <a href="#insiders/:">Material for MkDocs Insiders</a>, which can be done
+            using <a href="https://docs.gitlab.com/ee/ci/variables/#create-a-custom-variable-in-the-ui">masked custom
+              variables</a>.</em></p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/customization/" id="customization/:">
+      <h2 id="customization/:customization"><span class="pdf-order">1.4 </span>Customization</h2>
+      <p>Project documentation is as diverse as the projects themselves and Material for MkDocs is a great starting
+        point for making it look beautiful. However, as you write your documentation, you may reach a point where small
+        adjustments are necessary to preserve your brand's style.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="customization/:adding-assets"><span class="pdf-order">1.4.1 </span>Adding assets</h3>
+        <p><a href="https://www.mkdocs.org">MkDocs</a> provides several ways to customize a theme. In order to make a
+          few tweaks to Material for MkDocs, you can just add your stylesheets and JavaScript files to the
+          <code>docs</code> directory.</p>
+        <h4 id="customization/:additional-stylesheets">Additional stylesheets</h4>
+        <p>If you want to tweak some colors or change the spacing of certain elements, you can do this in a separate
+          stylesheet. The easiest way is by creating a new stylesheet file in the <code>docs</code> directory:</p>
+        <div class="highlight">
+          <pre><span></span><code>.
+├─ docs/
+│  └─ stylesheets/
+│     └─ extra.css
+└─ mkdocs.yml
+</code></pre>
+        </div>
+        <p>Then, add the following line to <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">extra_css</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">stylesheets/extra.css</span>
+</code></pre>
+        </div>
+        <p>Spin up the <a href="#creating-your-site/:previewing-as-you-write">live preview server</a> and start typing
+          your changes in your additional stylesheet file – you should see them almost instantly after saving.</p>
+        <h4 id="customization/:additional-javascript">Additional JavaScript</h4>
+        <p>The same is true for additional JavaScript. If you want to integrate another syntax highlighter or add some
+          custom logic to your theme, create a new JavaScript file in the <code>docs</code> directory:</p>
+        <div class="highlight">
+          <pre><span></span><code>.
+├─ docs/
+│  └─ javascripts/
+│     └─ extra.js
+└─ mkdocs.yml
+</code></pre>
+        </div>
+        <p>Then, add the following line to <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">extra_javascript</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">javascripts/extra.js</span>
+</code></pre>
+        </div>
+        <p>Further assistance can be found in the <a
+            href="https://www.mkdocs.org/user-guide/styling-your-docs/#customizing-a-theme">MkDocs documentation</a>.
+        </p>
+        <h3 id="customization/:extending-the-theme"><span class="pdf-order">1.4.2 </span>Extending the theme</h3>
+        <p>If you want to alter the HTML source (e.g. add or remove some parts), you can extend the theme. MkDocs
+          supports <a href="https://www.mkdocs.org/user-guide/styling-your-docs/#using-the-theme-custom_dir">theme
+            extension</a>, an easy way to override parts of Material for MkDocs without forking from git. This ensures
+          that you can update to the latest version more easily.</p>
+        <h4 id="customization/:setup-and-theme-structure">Setup and theme structure</h4>
+        <p>Enable Material for MkDocs as usual in <code>mkdocs.yml</code>, and create a new folder for
+          <code>overrides</code> which you then reference using the <code>custom_dir</code> key:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">material</span>
+  <span class="nt">custom_dir</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">overrides</span>
+</code></pre>
+        </div>
+        <div class="admonition warning">
+          <p class="admonition-title">Theme extension prerequisites</p>
+          <p>As the <code>custom_dir</code> variable is used for the theme extension process, Material for MkDocs needs
+            to be installed via <code>pip</code> and referenced with the <code>name</code> parameter in
+            <code>mkdocs.yml</code>. It will not work when cloning from <code>git</code>.</p>
+        </div>
+        <p>The structure in the <code>overrides</code> directory must mirror the directory structure of the original
+          theme, as any file in the <code>overrides</code> directory will replace the file with the same name which is
+          part of the original theme. Besides, further assets may also be put in the <code>overrides</code> directory.
+        </p>
+        <p>The directory layout of the theme is as follows:</p>
+        <div class="highlight">
+          <pre><span></span><code>.
+├─ .icons/                             <span class="c1"># Bundled icon sets</span>
+├─ assets/
+│  ├─ images/                          <span class="c1"># Images and icons</span>
+│  ├─ javascripts/                     <span class="c1"># JavaScript</span>
+│  └─ stylesheets/                     <span class="c1"># Stylesheets</span>
+├─ partials/
+│  ├─ integrations/                    <span class="c1"># Third-party integrations</span>
+│  │  ├─ analytics.html                <span class="c1"># - Google Analytics</span>
+│  │  └─ disqus.html                   <span class="c1"># - Disqus</span>
+│  ├─ language/                        <span class="c1"># Localized languages</span>
+│  ├─ footer.html                      <span class="c1"># Footer bar</span>
+│  ├─ header.html                      <span class="c1"># Header bar</span>
+│  ├─ hero.html                        <span class="c1"># Hero teaser</span>
+│  ├─ language.html                    <span class="c1"># Localized labels</span>
+│  ├─ logo.html                        <span class="c1"># Logo in header and sidebar</span>
+│  ├─ nav.html                         <span class="c1"># Main navigation</span>
+│  ├─ nav-item.html                    <span class="c1"># Main navigation item</span>
+│  ├─ palette.html                     <span class="c1"># Color palette</span>
+│  ├─ search.html                      <span class="c1"># Search box</span>
+│  ├─ social.html                      <span class="c1"># Social links</span>
+│  ├─ source.html                      <span class="c1"># Repository information</span>
+│  ├─ source-date.html                 <span class="c1"># Last updated date</span>
+│  ├─ source-link.html                 <span class="c1"># Link to source file</span>
+│  ├─ tabs.html                        <span class="c1"># Tabs navigation</span>
+│  ├─ tabs-item.html                   <span class="c1"># Tabs navigation item</span>
+│  ├─ toc.html                         <span class="c1"># Table of contents</span>
+│  └─ toc-item.html                    <span class="c1"># Table of contents item</span>
+├─ <span class="m">404</span>.html                            <span class="c1"># 404 error page</span>
+├─ base.html                           <span class="c1"># Base template</span>
+└─ main.html                           <span class="c1"># Default page</span>
+</code></pre>
+        </div>
+        <h4 id="customization/:overriding-partials">Overriding partials</h4>
+        <p>In order to override a partial, we can replace it with a file of the same name and location in the
+          <code>overrides</code> directory. For example. to replace the original <code>footer.html</code>, create a
+          <code>footer.html</code> file in the <code>overrides/partials</code> directory:</p>
+        <div class="highlight">
+          <pre><span></span><code>.
+├─ overrides/
+│  └─ partials/
+│     └─ footer.html
+└─ mkdocs.yml
+</code></pre>
+        </div>
+        <p>MkDocs will now use the new partial when rendering the theme. This can be done with any file.</p>
+        <h4 id="customization/:overriding-blocks">Overriding blocks</h4>
+        <p>Besides overriding partials, it's also possible to override (and extend) <em>template blocks</em>, which are
+          defined inside the templates and wrap specific features. To override a block, create a <code>main.html</code>
+          file inside the <code>overrides</code> directory:</p>
+        <div class="highlight">
+          <pre><span></span><code>.
+├─ overrides/
+│  └─ main.html
+└─ mkdocs.yml
+</code></pre>
+        </div>
+        <p>Then, e.g. to override the site title, add the following line to <code>main.html</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code>{% extends "base.html" %}
+
+{% block htmltitle %}
+  <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Lorem ipsum dolor sit amet<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
+{% endblock %}
+</code></pre>
+        </div>
+        <p>Material for MkDocs provides the following template blocks:</p>
+        <table>
+          <thead>
+            <tr>
+              <th>Block name</th>
+              <th>Wrapped contents</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><code>analytics</code></td>
+              <td>Wraps the Google Analytics integration</td>
+            </tr>
+            <tr>
+              <td><code>announce</code></td>
+              <td>Wraps the announcement bar</td>
+            </tr>
+            <tr>
+              <td><code>config</code></td>
+              <td>Wraps the JavaScript application config</td>
+            </tr>
+            <tr>
+              <td><code>content</code></td>
+              <td>Wraps the main content</td>
+            </tr>
+            <tr>
+              <td><code>disqus</code></td>
+              <td>Wraps the Disqus integration</td>
+            </tr>
+            <tr>
+              <td><code>extrahead</code></td>
+              <td>Empty block to add custom meta tags</td>
+            </tr>
+            <tr>
+              <td><code>fonts</code></td>
+              <td>Wraps the font definitions</td>
+            </tr>
+            <tr>
+              <td><code>footer</code></td>
+              <td>Wraps the footer with navigation and copyright</td>
+            </tr>
+            <tr>
+              <td><code>header</code></td>
+              <td>Wraps the fixed header bar</td>
+            </tr>
+            <tr>
+              <td><code>hero</code></td>
+              <td>Wraps the hero teaser (if available)</td>
+            </tr>
+            <tr>
+              <td><code>htmltitle</code></td>
+              <td>Wraps the <code>&lt;title&gt;</code> tag</td>
+            </tr>
+            <tr>
+              <td><code>libs</code></td>
+              <td>Wraps the JavaScript libraries (header)</td>
+            </tr>
+            <tr>
+              <td><code>scripts</code></td>
+              <td>Wraps the JavaScript application (footer)</td>
+            </tr>
+            <tr>
+              <td><code>source</code></td>
+              <td>Wraps the linked source files</td>
+            </tr>
+            <tr>
+              <td><code>site_meta</code></td>
+              <td>Wraps the meta tags in the document head</td>
+            </tr>
+            <tr>
+              <td><code>site_nav</code></td>
+              <td>Wraps the site navigation and table of contents</td>
+            </tr>
+            <tr>
+              <td><code>styles</code></td>
+              <td>Wraps the stylesheets (also extra sources)</td>
+            </tr>
+            <tr>
+              <td><code>tabs</code></td>
+              <td>Wraps the tabs navigation (if available)</td>
+            </tr>
+          </tbody>
+        </table>
+        <p>For more on this topic refer to the <a
+            href="https://www.mkdocs.org/user-guide/styling-your-docs/#overriding-template-blocks">MkDocs
+            documentation</a>.</p>
+        <h3 id="customization/:theme-development"><span class="pdf-order">1.4.3 </span>Theme development</h3>
+        <p>Material for MkDocs uses <a href="https://webpack.js.org/">Webpack</a> as a build tool to leverage modern web
+          technologies like <a href="https://www.typescriptlang.org/">TypeScript</a> and <a
+            href="https://sass-lang.com">SASS</a>. If you want to make more fundamental changes, it may be necessary to
+          make the adjustments directly in the source of the theme and recompile it.</p>
+        <h4 id="customization/:environment-setup">Environment setup</h4>
+        <p>In order to start development on Material for MkDocs, a <a href="https://nodejs.org">Node.js</a> version of
+          at least 12 is required. First, clone the repository:</p>
+        <div class="highlight">
+          <pre><span></span><code>git clone https://github.com/squidfunk/mkdocs-material
+</code></pre>
+        </div>
+        <p>Next, all dependencies need to be installed, which is done with:</p>
+        <div class="highlight">
+          <pre><span></span><code>cd mkdocs-material
+pip install -r requirements.txt
+pip install mkdocs-minify-plugin
+npm install
+</code></pre>
+        </div>
+        <h4 id="customization/:development-mode">Development mode</h4>
+        <p>Start the Webpack watchdog with:</p>
+        <div class="highlight">
+          <pre><span></span><code>npm start
+</code></pre>
+        </div>
+        <p>Then, in a second session, start the MkDocs server with:</p>
+        <div class="highlight">
+          <pre><span></span><code>mkdocs serve
+</code></pre>
+        </div>
+        <p>Point your browser to <a href="http://localhost:8000">localhost:8000</a> and you should see this
+          documentation in front of you.</p>
+        <div class="admonition warning">
+          <p class="admonition-title">Automatically generated files</p>
+          <p>Never make any changes in the <code>material</code> directory, as the contents of this directory are
+            automatically generated from the <code>src</code> directory and will be overridden when the theme is built.
+          </p>
+        </div>
+        <h4 id="customization/:building-the-theme">Building the theme</h4>
+        <p>When you're finished making your changes, you can build the theme by invoking:</p>
+        <div class="highlight">
+          <pre><span></span><code>npm run build
+</code></pre>
+        </div>
+        <p>This triggers the production-level compilation and minification of all stylesheets and JavaScript sources.
+          When the command exits, the final files are located in the <code>material</code> directory. Add the
+          <code>theme_dir</code> variable pointing to the aforementioned directory in the original
+          <code>mkdocs.yml</code>.</p>
+        <p>Now you can run <code>mkdocs build</code> and you should see your documentation with your changes to the
+          original theme.</p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/troubleshooting/" id="troubleshooting/:">
+      <h2 id="troubleshooting/:troubleshooting"><span class="pdf-order">1.5 </span>Troubleshooting</h2>
+      <section class="md-typeset two-columns">
+        <h3 id="troubleshooting/:theme-not-recognized"><span class="pdf-order">1.5.1 </span>Theme not recognized</h3>
+        <p>Operating systems: <span class="twemoji"><svg viewbox="0 0 384 512" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z">
+              </path>
+            </svg></span> <span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M0 93.7l183.6-25.3v177.4H0V93.7zm0 324.6l183.6 25.3V268.4H0v149.9zm203.8 28L448 480V268.4H203.8v177.9zm0-380.6v180.1H448V32L203.8 65.7z">
+              </path>
+            </svg></span> <span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M220.8 123.3c1 .5 1.8 1.7 3 1.7 1.1 0 2.8-.4 2.9-1.5.2-1.4-1.9-2.3-3.2-2.9-1.7-.7-3.9-1-5.5-.1-.4.2-.8.7-.6 1.1.3 1.3 2.3 1.1 3.4 1.7zm-21.9 1.7c1.2 0 2-1.2 3-1.7 1.1-.6 3.1-.4 3.5-1.6.2-.4-.2-.9-.6-1.1-1.6-.9-3.8-.6-5.5.1-1.3.6-3.4 1.5-3.2 2.9.1 1 1.8 1.5 2.8 1.4zM420 403.8c-3.6-4-5.3-11.6-7.2-19.7-1.8-8.1-3.9-16.8-10.5-22.4-1.3-1.1-2.6-2.1-4-2.9-1.3-.8-2.7-1.5-4.1-2 9.2-27.3 5.6-54.5-3.7-79.1-11.4-30.1-31.3-56.4-46.5-74.4-17.1-21.5-33.7-41.9-33.4-72C311.1 85.4 315.7.1 234.8 0 132.4-.2 158 103.4 156.9 135.2c-1.7 23.4-6.4 41.8-22.5 64.7-18.9 22.5-45.5 58.8-58.1 96.7-6 17.9-8.8 36.1-6.2 53.3-6.5 5.8-11.4 14.7-16.6 20.2-4.2 4.3-10.3 5.9-17 8.3s-14 6-18.5 14.5c-2.1 3.9-2.8 8.1-2.8 12.4 0 3.9.6 7.9 1.2 11.8 1.2 8.1 2.5 15.7.8 20.8-5.2 14.4-5.9 24.4-2.2 31.7 3.8 7.3 11.4 10.5 20.1 12.3 17.3 3.6 40.8 2.7 59.3 12.5 19.8 10.4 39.9 14.1 55.9 10.4 11.6-2.6 21.1-9.6 25.9-20.2 12.5-.1 26.3-5.4 48.3-6.6 14.9-1.2 33.6 5.3 55.1 4.1.6 2.3 1.4 4.6 2.5 6.7v.1c8.3 16.7 23.8 24.3 40.3 23 16.6-1.3 34.1-11 48.3-27.9 13.6-16.4 36-23.2 50.9-32.2 7.4-4.5 13.4-10.1 13.9-18.3.4-8.2-4.4-17.3-15.5-29.7zM223.7 87.3c9.8-22.2 34.2-21.8 44-.4 6.5 14.2 3.6 30.9-4.3 40.4-1.6-.8-5.9-2.6-12.6-4.9 1.1-1.2 3.1-2.7 3.9-4.6 4.8-11.8-.2-27-9.1-27.3-7.3-.5-13.9 10.8-11.8 23-4.1-2-9.4-3.5-13-4.4-1-6.9-.3-14.6 2.9-21.8zM183 75.8c10.1 0 20.8 14.2 19.1 33.5-3.5 1-7.1 2.5-10.2 4.6 1.2-8.9-3.3-20.1-9.6-19.6-8.4.7-9.8 21.2-1.8 28.1 1 .8 1.9-.2-5.9 5.5-15.6-14.6-10.5-52.1 8.4-52.1zm-13.6 60.7c6.2-4.6 13.6-10 14.1-10.5 4.7-4.4 13.5-14.2 27.9-14.2 7.1 0 15.6 2.3 25.9 8.9 6.3 4.1 11.3 4.4 22.6 9.3 8.4 3.5 13.7 9.7 10.5 18.2-2.6 7.1-11 14.4-22.7 18.1-11.1 3.6-19.8 16-38.2 14.9-3.9-.2-7-1-9.6-2.1-8-3.5-12.2-10.4-20-15-8.6-4.8-13.2-10.4-14.7-15.3-1.4-4.9 0-9 4.2-12.3zm3.3 334c-2.7 35.1-43.9 34.4-75.3 18-29.9-15.8-68.6-6.5-76.5-21.9-2.4-4.7-2.4-12.7 2.6-26.4v-.2c2.4-7.6.6-16-.6-23.9-1.2-7.8-1.8-15 .9-20 3.5-6.7 8.5-9.1 14.8-11.3 10.3-3.7 11.8-3.4 19.6-9.9 5.5-5.7 9.5-12.9 14.3-18 5.1-5.5 10-8.1 17.7-6.9 8.1 1.2 15.1 6.8 21.9 16l19.6 35.6c9.5 19.9 43.1 48.4 41 68.9zm-1.4-25.9c-4.1-6.6-9.6-13.6-14.4-19.6 7.1 0 14.2-2.2 16.7-8.9 2.3-6.2 0-14.9-7.4-24.9-13.5-18.2-38.3-32.5-38.3-32.5-13.5-8.4-21.1-18.7-24.6-29.9s-3-23.3-.3-35.2c5.2-22.9 18.6-45.2 27.2-59.2 2.3-1.7.8 3.2-8.7 20.8-8.5 16.1-24.4 53.3-2.6 82.4.6-20.7 5.5-41.8 13.8-61.5 12-27.4 37.3-74.9 39.3-112.7 1.1.8 4.6 3.2 6.2 4.1 4.6 2.7 8.1 6.7 12.6 10.3 12.4 10 28.5 9.2 42.4 1.2 6.2-3.5 11.2-7.5 15.9-9 9.9-3.1 17.8-8.6 22.3-15 7.7 30.4 25.7 74.3 37.2 95.7 6.1 11.4 18.3 35.5 23.6 64.6 3.3-.1 7 .4 10.9 1.4 13.8-35.7-11.7-74.2-23.3-84.9-4.7-4.6-4.9-6.6-2.6-6.5 12.6 11.2 29.2 33.7 35.2 59 2.8 11.6 3.3 23.7.4 35.7 16.4 6.8 35.9 17.9 30.7 34.8-2.2-.1-3.2 0-4.2 0 3.2-10.1-3.9-17.6-22.8-26.1-19.6-8.6-36-8.6-38.3 12.5-12.1 4.2-18.3 14.7-21.4 27.3-2.8 11.2-3.6 24.7-4.4 39.9-.5 7.7-3.6 18-6.8 29-32.1 22.9-76.7 32.9-114.3 7.2zm257.4-11.5c-.9 16.8-41.2 19.9-63.2 46.5-13.2 15.7-29.4 24.4-43.6 25.5s-26.5-4.8-33.7-19.3c-4.7-11.1-2.4-23.1 1.1-36.3 3.7-14.2 9.2-28.8 9.9-40.6.8-15.2 1.7-28.5 4.2-38.7 2.6-10.3 6.6-17.2 13.7-21.1.3-.2.7-.3 1-.5.8 13.2 7.3 26.6 18.8 29.5 12.6 3.3 30.7-7.5 38.4-16.3 9-.3 15.7-.9 22.6 5.1 9.9 8.5 7.1 30.3 17.1 41.6 10.6 11.6 14 19.5 13.7 24.6zM173.3 148.7c2 1.9 4.7 4.5 8 7.1 6.6 5.2 15.8 10.6 27.3 10.6 11.6 0 22.5-5.9 31.8-10.8 4.9-2.6 10.9-7 14.8-10.4s5.9-6.3 3.1-6.6-2.6 2.6-6 5.1c-4.4 3.2-9.7 7.4-13.9 9.8-7.4 4.2-19.5 10.2-29.9 10.2s-18.7-4.8-24.9-9.7c-3.1-2.5-5.7-5-7.7-6.9-1.5-1.4-1.9-4.6-4.3-4.9-1.4-.1-1.8 3.7 1.7 6.5z">
+              </path>
+            </svg></span></p>
+        <div class="admonition error">
+          <p class="admonition-title">Error: Unrecognized theme</p>
+          <div class="highlight">
+            <pre><span></span><code>mkdocs serve
+<span class="c1"># =&gt; INFO    -  Building documentation...</span>
+<span class="c1"># =&gt; ERROR   -  Config value: 'theme'. Error: Unrecognised theme 'material'.</span>
+<span class="c1"># =&gt; ...</span>
+<span class="c1"># =&gt; ConfigurationError: Aborted with 1 Configuration Errors!</span>
+</code></pre>
+          </div>
+        </div>
+        <p>If you run into this error, the most common reason is that you installed MkDocs through some package manager
+          (e.g. <code>brew</code> or <code>apt-get</code>) and Material for MkDocs through <code>pip</code>, so both
+          packages end up in different locations. MkDocs only checks its install location for themes.</p>
+        <h3 id="troubleshooting/:inadequate-permissions"><span class="pdf-order">1.5.2 </span>Inadequate permissions
+        </h3>
+        <p>Operating systems: <span class="twemoji"><svg viewbox="0 0 384 512" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z">
+              </path>
+            </svg></span></p>
+        <div class="admonition error">
+          <p class="admonition-title">Error: Permission denied</p>
+          <div class="highlight">
+            <pre><span></span><code>pip install mkdocs-material
+<span class="c1"># =&gt; Could not install packages due to an EnvironmentError: [Errno 13] Permission denied: '...'</span>
+<span class="c1"># =&gt; Consider using the --user option or check the permissions.</span>
+</code></pre>
+          </div>
+        </div>
+        <p>When you're running the pre-installed version of Python on macOS, <code>pip</code> tries to install packages
+          in a folder for which your user might not have the adequate permissions. There are three possible solutions
+          for this, the recommended one of which is to use virtual environments:</p>
+        <div class="tabbed-set" data-tabs="1:3">
+          <div class="tabbed-content--wrap"><input checked="checked" id="troubleshooting/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Virtual environments</label>
+            <div class="tabbed-content">
+              <p>If you're installing Material for MkDocs with <code>pip</code>, the easiest way to make sure that you
+                end up with the correct versions and without any incompatibility problems between packages it to use a
+                <a href="https://docs.python.org/3/tutorial/venv.html">virtual environment</a>. First, ensure that you
+                have a Python version of 3 or higher installed:</p>
+              <div class="highlight">
+                <pre><span></span><code>python --version
+</code></pre>
+              </div>
+              <p>If you're good to go, create and activate a virtual environment with:</p>
+              <div class="highlight">
+                <pre><span></span><code>python -m venv venv
+source ./venv/bin/activate
+</code></pre>
+              </div>
+              <p>Note that the second <code>venv</code> is the name of the folder where to create the virtual
+                environment – you may choose it as you like. Your terminal should now print <code>(venv)</code> before
+                the prompt and the <code>python</code> executable should be located inside the folder you just created.
+              </p>
+              <p>Next, <a href="#getting-started/:with-pip">install Material for MkDocs</a> with <code>pip</code>, which
+                will download and install all packages in the <code>venv</code> folder you just created, including
+                MkDocs and its dependencies:</p>
+              <div class="highlight">
+                <pre><span></span><code>pip install mkdocs-material
+</code></pre>
+              </div>
+              <p>Verify that MkDocs and Material for MkDocs were both installed correctly:</p>
+              <div class="highlight">
+                <pre><span></span><code>mkdocs --version
+mkdocs serve --help
+</code></pre>
+              </div>
+              <p>MkDocs should list <code>material</code> as an option under the <code>--theme</code> flag. When you're
+                finished working with MkDocs, you can exit the virtual environment with:</p>
+              <div class="highlight">
+                <pre><span></span><code>deactivate
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="troubleshooting/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">User space</label>
+            <div class="tabbed-content">
+              <p>Provide the <code>--user</code> flag to the install command and <code>pip</code> will install the
+                package in a user-site location. While this is not a global installation, it's still not isolated and
+                may lead to problems when you use different versions of Material for MkDocs in other projects:</p>
+              <div class="highlight">
+                <pre><span></span><code>pip install --user mkdocs-material
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="troubleshooting/:__tabbed_1_3" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_3">Upgrade Python</label>
+            <div class="tabbed-content">
+              <p>Upgrade your Python installation by installing Python with <a href="https://brew.sh/">Homebrew</a>.
+                This should eliminate a lot of problems you will run into with <code>pip</code>. Yet, it's still not an
+                isolated installation which may also lead to the same problems as installing in user space:</p>
+              <div class="highlight">
+                <pre><span></span><code>brew upgrade python
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/data-privacy/" id="data-privacy/:">
+      <h2 id="data-privacy/:data-privacy"><span class="pdf-order">1.6 </span>Data privacy</h2>
+      <p>In itself, Material for MkDocs does not perform any tracking and should adhere to the <a
+          href="https://en.wikipedia.org/wiki/General_Data_Protection_Regulation">General Data Protection Regulation</a>
+        (GDPR), but it integrates with some third-party services that may not.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="data-privacy/:third-party-services"><span class="pdf-order">1.6.1 </span>Third-party services</h3>
+        <h4 id="data-privacy/:google-fonts">Google Fonts</h4>
+        <p>Material for MkDocs makes fonts <a href="#setup/changing-the-fonts/:">configurable</a> by relying on Google
+          Fonts CDN, which may be in breach with GDPR. The usage of Google's CDN can be <a
+            href="#setup/changing-the-fonts/:disabling-font-loading">easily disabled</a> via <code>mkdocs.yml</code>.
+        </p>
+        <h4 id="data-privacy/:google-analytics-and-disqus">Google Analytics and Disqus</h4>
+        <p>Material for MkDocs comes with optional <a href="#setup/setting-up-site-analytics/:google-analytics">Google
+            Analytics</a> and <a href="#setup/adding-a-comment-system/:disqus">Disqus</a> integrations, both of which
+          must be enabled explicitly, so there's no immediate action if you don't use those.</p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/insiders/" id="insiders/:">
+      <h2 id="insiders/:insiders"><span class="pdf-order">1.7 </span><span hidden="">Insiders</span> <span
+          class="twemoji"><svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+            <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+            <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+            <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+            <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+          </svg></span> <span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+          </svg></span> <span class="twemoji tx-heart"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path
+              d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+            </path>
+          </svg></span></h2>
+      <p>Material for MkDocs uses the <a href="https://github.com/sponsorware/docs">sponsorware</a> release strategy,
+        which means that <em>new features are first exclusively released to sponsors</em> as part of <strong>Material
+          for MkDocs Insiders</strong>. Read on to learn <a href="#insiders/:how-sponsorship-works">how sponsorship
+          works</a>, and how you can <a href="#insiders/:how-to-become-a-sponsor">become a sponsor</a>.</p>
+      <div style="width:100%;height:0px;position:relative;padding-bottom:56.138%;"> <a class="converted-iframe"
+          href="https://streamable.com/e/lz4me5"
+          style="width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden;" target="_blank"><img
+            src="https://cdn-cf-east.streamable.com/image/lz4me5-screenshot147626.jpg" /></a> </div>
+      <p style="text-align: center; font-style: oblique"> A demo is worth a thousand words — check it out at <br /> <a
+          href="https://squidfunk.github.io/mkdocs-material-insiders/"> squidfunk.github.io/mkdocs-material-insiders
+        </a> </p>
+      <section class="md-typeset two-columns">
+        <h3 id="insiders/:how-sponsorship-works"><span class="pdf-order">1.7.1 </span>How sponsorship works</h3>
+        <p>New features will first land in Material for MkDocs Insiders, which means that <em>sponsors will have access
+            immediately</em>. Every feature is tied to a funding goal in monthly subscriptions. If a funding goal is
+          hit, the features that are tied to it are merged back into Material for MkDocs and released for general
+          availability. Bugfixes will always be released simultaneously in both editions.</p>
+        <p>See the <a href="#insiders/:roadmap">roadmap</a> for a list of already available and upcoming features, and
+          for demonstration purposes, <a href="https://squidfunk.github.io/mkdocs-material-insiders/">the official
+            documentation</a> built with Material for MkDocs Insiders.</p>
+        <h3 id="insiders/:how-to-become-a-sponsor"><span class="pdf-order">1.7.2 </span>How to become a sponsor</h3>
+        <p>So you've decided to become a sponsor? Great! You're just <strong>three easy steps</strong> away from
+          enjoying the latest features of Material for MkDocs Insiders. Complete the following steps and you're in:</p>
+        <ul>
+          <li>Visit <a href="https://github.com/sponsors/squidfunk">squidfunk's sponsor profile</a> and pick a tier that
+            includes exclusive access to squidfunk's sponsorware, which is <em>any tier from $10/month</em>. Select the
+            tier and complete the checkout.</li>
+          <li>Within 24 hours, you will become a collaborator of the private Material for MkDocs Insiders GitHub
+            repository, a fork of Material for MkDocs with <a href="#insiders/:roadmap">brand new and exclusive
+              features</a>.</li>
+          <li>Create a <a
+              href="https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token">personal
+              access token</a>, which allows installing Material for MkDocs Insiders from any destination, including
+            other CI providers like <a href="https://gitlab.com">GitLab</a> or <a
+              href="https://bitbucket.org">Bitbucket</a>.</li>
+        </ul>
+        <p><strong>Congratulations! <img alt="🥳" class="twemoji"
+              src="https://twemoji.maxcdn.com/v/latest/svg/1f973.svg" title=":partying_face:" /> You're now officially a
+            sponsor and will get updates for Material for MkDocs Insiders, until you decide to cancel your monthly
+            subscription, which you can do at any time.</strong></p>
+        <h3 id="insiders/:roadmap"><span class="pdf-order">1.7.3 </span>Roadmap</h3>
+        <p>The following list of funding goals – named after varieties of chili peppers <a
+            href="https://www.instagram.com/squidfunk/">I'm growing on my balcony</a> – shows which features are already
+          available in Material for MkDocs Insiders.</p>
+        <h4 id="insiders/:madame-jeanette">Madame Jeanette</h4>
+        <p><a href="https://github.com/sponsors/squidfunk"><span class="twemoji"><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M12.185 21.5c4.059 0 7.065-2.84 7.065-6.75 0-2.337-1.093-3.489-2.678-5.158l-.021-.023c-1.44-1.517-3.139-3.351-3.649-6.557a6.14 6.14 0 00-1.911 1.76c-.787 1.144-1.147 2.633-.216 4.495.603 1.205.777 2.74-.277 3.794-.657.657-1.762 1.1-2.956.586-.752-.324-1.353-.955-1.838-1.79-.567.706-.954 1.74-.954 2.893 0 3.847 3.288 6.75 7.435 6.75zm2.08-19.873c-.017-.345-.296-.625-.632-.543-2.337.575-6.605 4.042-4.2 8.854.474.946.392 1.675.004 2.062-.64.64-1.874.684-2.875-1.815-.131-.327-.498-.509-.803-.334-1.547.888-2.509 2.86-2.509 4.899 0 4.829 4.122 8.25 8.935 8.25 4.812 0 8.565-3.438 8.565-8.25 0-2.939-1.466-4.482-3.006-6.102-1.61-1.694-3.479-3.476-3.479-7.021z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Funding goal: <strong>$500</strong></a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M6 9V7.25C6 3.845 8.503 1 12 1s6 2.845 6 6.25V9h.5a2.5 2.5 0 012.5 2.5v8a2.5 2.5 0 01-2.5 2.5h-13A2.5 2.5 0 013 19.5v-8A2.5 2.5 0 015.5 9H6zm1.5-1.75C7.5 4.58 9.422 2.5 12 2.5c2.578 0 4.5 2.08 4.5 4.75V9h-9V7.25zm-3 4.25a1 1 0 011-1h13a1 1 0 011 1v8a1 1 0 01-1 1h-13a1 1 0 01-1-1v-8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Status: <em>exclusive</em></p>
+        <p>New features and improvements for <em>search</em>, including:</p>
+        <ul class="task-list">
+          <li class="task-list-item"><label class="task-list-control"><input checked="" disabled=""
+                type="checkbox" /><span class="task-list-indicator"></span></label> Improved search result grouping
+            (pages + headings)</li>
+          <li class="task-list-item"><label class="task-list-control"><input checked="" disabled=""
+                type="checkbox" /><span class="task-list-indicator"></span></label> Improved search result relevance and
+            scoring</li>
+          <li class="task-list-item"><label class="task-list-control"><input checked="" disabled=""
+                type="checkbox" /><span class="task-list-indicator"></span></label> Display of missing query terms in
+            search results</li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Improved search result summaries</li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> ... more to come</li>
+        </ul>
+        <h4 id="insiders/:prairie-fire">Prairie Fire</h4>
+        <p><a href="https://github.com/sponsors/squidfunk"><span class="twemoji"><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M12.185 21.5c4.059 0 7.065-2.84 7.065-6.75 0-2.337-1.093-3.489-2.678-5.158l-.021-.023c-1.44-1.517-3.139-3.351-3.649-6.557a6.14 6.14 0 00-1.911 1.76c-.787 1.144-1.147 2.633-.216 4.495.603 1.205.777 2.74-.277 3.794-.657.657-1.762 1.1-2.956.586-.752-.324-1.353-.955-1.838-1.79-.567.706-.954 1.74-.954 2.893 0 3.847 3.288 6.75 7.435 6.75zm2.08-19.873c-.017-.345-.296-.625-.632-.543-2.337.575-6.605 4.042-4.2 8.854.474.946.392 1.675.004 2.062-.64.64-1.874.684-2.875-1.815-.131-.327-.498-.509-.803-.334-1.547.888-2.509 2.86-2.509 4.899 0 4.829 4.122 8.25 8.935 8.25 4.812 0 8.565-3.438 8.565-8.25 0-2.939-1.466-4.482-3.006-6.102-1.61-1.694-3.479-3.476-3.479-7.021z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Funding goal: <strong>$1,000</strong></a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M6 9V7.25C6 3.845 8.503 1 12 1s6 2.845 6 6.25V9h.5a2.5 2.5 0 012.5 2.5v8a2.5 2.5 0 01-2.5 2.5h-13A2.5 2.5 0 013 19.5v-8A2.5 2.5 0 015.5 9H6zm1.5-1.75C7.5 4.58 9.422 2.5 12 2.5c2.578 0 4.5 2.08 4.5 4.75V9h-9V7.25zm-3 4.25a1 1 0 011-1h13a1 1 0 011 1v8a1 1 0 01-1 1h-13a1 1 0 01-1-1v-8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Status: <em>exclusive</em></p>
+        <p>New features and improvements for <em>content and toc</em>, including:</p>
+        <ul class="task-list">
+          <li class="task-list-item"><label class="task-list-control"><input checked="" disabled=""
+                type="checkbox" /><span class="task-list-indicator"></span></label> Highlighting of matched search terms
+            in content area</li>
+          <li class="task-list-item"><label class="task-list-control"><input checked="" disabled=""
+                type="checkbox" /><span class="task-list-indicator"></span></label> Navigation can always be expanded
+            via configuration</li>
+          <li class="task-list-item"><label class="task-list-control"><input checked="" disabled=""
+                type="checkbox" /><span class="task-list-indicator"></span></label> Header can be automatically hidden
+            on scrolling</li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Better support for wide screens, i.e. more horizontal space
+          </li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Table of contents can be moved into navigation for more
+            space</li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Table of contents shows which sections have search results
+          </li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Table of contents auto-collapses and expands only the active
+            section</li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> ... more to come</li>
+        </ul>
+        <h4 id="insiders/:bhut-jolokia">Bhut Jolokia</h4>
+        <p><a href="https://github.com/sponsors/squidfunk"><span class="twemoji"><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M12.185 21.5c4.059 0 7.065-2.84 7.065-6.75 0-2.337-1.093-3.489-2.678-5.158l-.021-.023c-1.44-1.517-3.139-3.351-3.649-6.557a6.14 6.14 0 00-1.911 1.76c-.787 1.144-1.147 2.633-.216 4.495.603 1.205.777 2.74-.277 3.794-.657.657-1.762 1.1-2.956.586-.752-.324-1.353-.955-1.838-1.79-.567.706-.954 1.74-.954 2.893 0 3.847 3.288 6.75 7.435 6.75zm2.08-19.873c-.017-.345-.296-.625-.632-.543-2.337.575-6.605 4.042-4.2 8.854.474.946.392 1.675.004 2.062-.64.64-1.874.684-2.875-1.815-.131-.327-.498-.509-.803-.334-1.547.888-2.509 2.86-2.509 4.899 0 4.829 4.122 8.25 8.935 8.25 4.812 0 8.565-3.438 8.565-8.25 0-2.939-1.466-4.482-3.006-6.102-1.61-1.694-3.479-3.476-3.479-7.021z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Funding goal: <strong>$1,500</strong></a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M6 9V7.25C6 3.845 8.503 1 12 1s6 2.845 6 6.25V9h.5a2.5 2.5 0 012.5 2.5v8a2.5 2.5 0 01-2.5 2.5h-13A2.5 2.5 0 013 19.5v-8A2.5 2.5 0 015.5 9H6zm1.5-1.75C7.5 4.58 9.422 2.5 12 2.5c2.578 0 4.5 2.08 4.5 4.75V9h-9V7.25zm-3 4.25a1 1 0 011-1h13a1 1 0 011 1v8a1 1 0 01-1 1h-13a1 1 0 01-1-1v-8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Status: <em>exclusive</em></p>
+        <p>New features and improvements for <em>hosting multiple versions</em>, including:</p>
+        <ul class="task-list">
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Support for multiple languages of documents </li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Support for multiple versions of documents</li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Support for one or more management plugins</li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> ... more to come</li>
+        </ul>
+        <h4 id="insiders/:black-pearl">Black Pearl</h4>
+        <p><a href="https://github.com/sponsors/squidfunk"><span class="twemoji"><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M12.185 21.5c4.059 0 7.065-2.84 7.065-6.75 0-2.337-1.093-3.489-2.678-5.158l-.021-.023c-1.44-1.517-3.139-3.351-3.649-6.557a6.14 6.14 0 00-1.911 1.76c-.787 1.144-1.147 2.633-.216 4.495.603 1.205.777 2.74-.277 3.794-.657.657-1.762 1.1-2.956.586-.752-.324-1.353-.955-1.838-1.79-.567.706-.954 1.74-.954 2.893 0 3.847 3.288 6.75 7.435 6.75zm2.08-19.873c-.017-.345-.296-.625-.632-.543-2.337.575-6.605 4.042-4.2 8.854.474.946.392 1.675.004 2.062-.64.64-1.874.684-2.875-1.815-.131-.327-.498-.509-.803-.334-1.547.888-2.509 2.86-2.509 4.899 0 4.829 4.122 8.25 8.935 8.25 4.812 0 8.565-3.438 8.565-8.25 0-2.939-1.466-4.482-3.006-6.102-1.61-1.694-3.479-3.476-3.479-7.021z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Funding goal: <strong>$2,000</strong></a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M6 9V7.25C6 3.845 8.503 1 12 1s6 2.845 6 6.25V9h.5a2.5 2.5 0 012.5 2.5v8a2.5 2.5 0 01-2.5 2.5h-13A2.5 2.5 0 013 19.5v-8A2.5 2.5 0 015.5 9H6zm1.5-1.75C7.5 4.58 9.422 2.5 12 2.5c2.578 0 4.5 2.08 4.5 4.75V9h-9V7.25zm-3 4.25a1 1 0 011-1h13a1 1 0 011 1v8a1 1 0 01-1 1h-13a1 1 0 01-1-1v-8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Status: <em>exclusive</em></p>
+        <p>New features and improvements for <em>user preferences</em>, including:</p>
+        <ul class="task-list">
+          <li class="task-list-item"><label class="task-list-control"><input checked="" disabled=""
+                type="checkbox" /><span class="task-list-indicator"></span></label> Support for user-toggleable themes
+          </li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Support for user-toggleable code-block styles (light/dark)
+          </li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Display last searches when search is empty</li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> ... more to come</li>
+        </ul>
+        <h4 id="insiders/:caribbean-red">Caribbean Red</h4>
+        <p><a href="https://github.com/sponsors/squidfunk"><span class="twemoji"><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M12.185 21.5c4.059 0 7.065-2.84 7.065-6.75 0-2.337-1.093-3.489-2.678-5.158l-.021-.023c-1.44-1.517-3.139-3.351-3.649-6.557a6.14 6.14 0 00-1.911 1.76c-.787 1.144-1.147 2.633-.216 4.495.603 1.205.777 2.74-.277 3.794-.657.657-1.762 1.1-2.956.586-.752-.324-1.353-.955-1.838-1.79-.567.706-.954 1.74-.954 2.893 0 3.847 3.288 6.75 7.435 6.75zm2.08-19.873c-.017-.345-.296-.625-.632-.543-2.337.575-6.605 4.042-4.2 8.854.474.946.392 1.675.004 2.062-.64.64-1.874.684-2.875-1.815-.131-.327-.498-.509-.803-.334-1.547.888-2.509 2.86-2.509 4.899 0 4.829 4.122 8.25 8.935 8.25 4.812 0 8.565-3.438 8.565-8.25 0-2.939-1.466-4.482-3.006-6.102-1.61-1.694-3.479-3.476-3.479-7.021z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Funding goal: <strong>$3,000</strong></a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M6 9V7.25C6 3.845 8.503 1 12 1s6 2.845 6 6.25V9h.5a2.5 2.5 0 012.5 2.5v8a2.5 2.5 0 01-2.5 2.5h-13A2.5 2.5 0 013 19.5v-8A2.5 2.5 0 015.5 9H6zm1.5-1.75C7.5 4.58 9.422 2.5 12 2.5c2.578 0 4.5 2.08 4.5 4.75V9h-9V7.25zm-3 4.25a1 1 0 011-1h13a1 1 0 011 1v8a1 1 0 01-1 1h-13a1 1 0 01-1-1v-8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Status: <em>exclusive</em></p>
+        <p>Alternative, completely different <em>vertical layout</em>, optimized to read documentation and code
+          side-by-side, e.g. for the documentation of APIs with the same functionality as Material for MkDocs.</p>
+        <h3 id="insiders/:frequently-asked-questions"><span class="pdf-order">1.7.4 </span>Frequently asked questions
+        </h3>
+        <h4 id="insiders/:compatibility">Compatibility</h4>
+        <p><em>We're running an open source project and want to make sure that users can build the documentation without
+            having access to Insiders. Is that still possible?</em></p>
+        <p>Yes. Material for MkDocs Insiders strives to be compatible with Material for MkDocs, so all new features are
+          implemented as feature flags and all improvements (e.g. search) do not require any changes to existing
+          configuration. This means that your users will be able to build the docs locally with the regular version and
+          when they push their changes to CI/CD, they will be built with Material for MkDocs Insiders. For this reason,
+          it's recommended to <a href="#publishing-your-site/:github-pages">install Insiders</a> only in CI, as you
+          don't want to expose your <code>GH_TOKEN</code> to users.</p>
+        <h4 id="insiders/:terms">Terms</h4>
+        <p><em>We're using Material for MkDocs to build the developer documentation of a commercial project. Can we use
+            Material for MkDocs Insiders under the same terms?</em></p>
+        <p>Yes. Whether you're an individual or a company, you may use <em>Material for MkDocs Insiders</em> precisely
+          under the same terms as Material for MkDocs, which are given by the <a href="#license/:">MIT license</a>.
+          However, we kindly ask you to respect the following guidelines:</p>
+        <ul>
+          <li>
+            <p>Please <strong>don't distribute the source code</strong> from Material for MkDocs Insiders. You may
+              freely use it for public, private or commercial projects, fork it, mirror it, do whatever you want with
+              it, but please don't release the source code, as it would cannibalize the sponsorware strategy.</p>
+          </li>
+          <li>
+            <p>If you cancel your subscription, you're removed as a collaborator and will miss out on future updates of
+              Material for MkDocs Insiders. However, you may <strong>use the latest version</strong> that's available to
+              you <strong>as long as you like</strong>. Just remember that <strong><a
+                  href="https://docs.github.com/en/github/setting-up-and-managing-your-github-user-account/removing-a-collaborator-from-a-personal-repository">GitHub
+                  deletes private forks</a></strong>.</p>
+          </li>
+        </ul>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/license/" id="license/:">
+      <h2 id="license/:license"><span class="pdf-order">1.8 </span>License</h2>
+      <p><strong>MIT License</strong></p>
+      <p>Copyright © 2016-2020 Martin Donath <a
+          href="mailto:martin.donath@squidfunk.com">martin.donath@squidfunk.com</a></p>
+      <p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+        documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+        the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+        to permit persons to whom the Software is furnished to do so, subject to the following conditions:</p>
+      <p>The above copyright notice and this permission notice shall be included in all copies or substantial portions
+        of the Software.</p>
+      <p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+        TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL
+        THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+        CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+        DEALINGS IN THE SOFTWARE.</p>
+      <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+          <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+              <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+              <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+              <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+              <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+            </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+            </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+              </path>
+            </svg> </span>
+          <hr /> </a> </footer>
+    </section>
+  </article>
+  <article class="md-content__inner md-typeset" data-url="/KNSXI5LQ/" id="KNSXI5LQ/:">
+    <h1 id="KNSXI5LQ/"><span class="pdf-order">2. </span>Setup</h1>
+    <section class="md-typeset" data-url="/setup/changing-the-colors/" id="setup/changing-the-colors/:">
+      <h2 id="setup/changing-the-colors/:changing-the-colors"><span class="pdf-order">2.1 </span>Changing the colors
+      </h2>
+      <p>As any proper Material Design implementation, Material for MkDocs supports Google's original <a
+          href="http://www.materialui.co/colors">color palette</a>, which can be easily configured through
+        <code>mkdocs.yml</code>. Furthermore, colors can be customized with a few lines of CSS to fit your brand's
+        identity by using <a href="#setup/changing-the-colors/:custom-colors">CSS variables</a>.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="setup/changing-the-colors/:configuration"><span class="pdf-order">2.1.1 </span>Configuration</h3>
+        <h4 id="setup/changing-the-colors/:color-palette">Color palette</h4>
+        <h5 id="setup/changing-the-colors/:color-scheme">Color scheme</h5>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/palette/_scheme.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <code>default</code></p>
+        <p>Material for MkDocs supports two <em>color schemes</em>: a light mode, which is just called
+          <code>default</code>, and a dark mode, which is called <code>slate</code>. The color scheme can be set via
+          <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">palette</span><span class="p">:</span>
+    <span class="nt">scheme</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">default</span>
+</code></pre>
+        </div>
+        <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.5 11l6.38 5.37-.88.18-.64.12c-.63.13-.99.83-.71 1.4l.27.58 1.36 2.94-1.42.66-1.36-2.93-.26-.58a.985.985 0 00-1.52-.36l-.51.4-.71.57V11m-.74-2.31a.76.76 0 00-.76.76V20.9c0 .42.34.76.76.76.19 0 .35-.06.48-.16l1.91-1.55 1.66 3.62c.13.27.4.43.69.43.11 0 .22 0 .33-.08l2.76-1.28c.38-.18.56-.64.36-1.01L17.28 18l2.41-.45a.88.88 0 00.43-.26c.27-.32.23-.79-.12-1.08l-8.74-7.35-.01.01a.756.756 0 00-.49-.18M15 10V8h5v2h-5m-1.17-5.24l2.83-2.83 1.41 1.41-2.83 2.83-1.41-1.41M10 0h2v5h-2V0M3.93 14.66l2.83-2.83 1.41 1.41-2.83 2.83-1.41-1.41m0-11.32l1.41-1.41 2.83 2.83-1.41 1.41-2.83-2.83M7 10H2V8h5v2">
+              </path>
+            </svg></span> Click on a tile to change the color scheme:</p>
+        <div class="tx-switch"> <button data-md-color-scheme="default"><code>default</code></button> <button
+            data-md-color-scheme="slate"><code>slate</code></button> </div>
+        <script>
+          var buttons = document.querySelectorAll("button[data-md-color-scheme]")
+          buttons.forEach(function (button) {
+            button.addEventListener("click", function () {
+              var attr = this.getAttribute("data-md-color-scheme")
+              document.body.setAttribute("data-md-color-scheme", attr)
+              var name = document.querySelector("#__code_0 code span:nth-child(7)")
+              name.textContent = attr
+            })
+          })
+        </script>
+        <p>The <em>color scheme</em> can also be set based on <em>user preference</em>, which makes use of the
+          <code>prefers-color-scheme</code> media query, by setting the value in <code>mkdocs.yml</code> to
+          <code>preference</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">palette</span><span class="p">:</span>
+    <span class="nt">scheme</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">preference</span>
+</code></pre>
+        </div>
+        <h5 id="setup/changing-the-colors/:primary-color">Primary color</h5>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/palette/_primary.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <code>indigo</code></p>
+        <p>The <em>primary color</em> is used for the header, the sidebar, text links and several other components. In
+          order to change the primary color, set the following value in <code>mkdocs.yml</code> to a valid color name:
+        </p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">palette</span><span class="p">:</span>
+    <span class="nt">primary</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">indigo</span>
+</code></pre>
+        </div>
+        <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.5 11l6.38 5.37-.88.18-.64.12c-.63.13-.99.83-.71 1.4l.27.58 1.36 2.94-1.42.66-1.36-2.93-.26-.58a.985.985 0 00-1.52-.36l-.51.4-.71.57V11m-.74-2.31a.76.76 0 00-.76.76V20.9c0 .42.34.76.76.76.19 0 .35-.06.48-.16l1.91-1.55 1.66 3.62c.13.27.4.43.69.43.11 0 .22 0 .33-.08l2.76-1.28c.38-.18.56-.64.36-1.01L17.28 18l2.41-.45a.88.88 0 00.43-.26c.27-.32.23-.79-.12-1.08l-8.74-7.35-.01.01a.756.756 0 00-.49-.18M15 10V8h5v2h-5m-1.17-5.24l2.83-2.83 1.41 1.41-2.83 2.83-1.41-1.41M10 0h2v5h-2V0M3.93 14.66l2.83-2.83 1.41 1.41-2.83 2.83-1.41-1.41m0-11.32l1.41-1.41 2.83 2.83-1.41 1.41-2.83-2.83M7 10H2V8h5v2">
+              </path>
+            </svg></span> Click on a tile to change the primary color:</p>
+        <div class="tx-switch"> <button data-md-color-primary="red"><code>red</code></button> <button
+            data-md-color-primary="pink"><code>pink</code></button> <button
+            data-md-color-primary="purple"><code>purple</code></button> <button
+            data-md-color-primary="deep-purple"><code>deep purple</code></button> <button
+            data-md-color-primary="indigo"><code>indigo</code></button> <button
+            data-md-color-primary="blue"><code>blue</code></button> <button
+            data-md-color-primary="light-blue"><code>light blue</code></button> <button
+            data-md-color-primary="cyan"><code>cyan</code></button> <button
+            data-md-color-primary="teal"><code>teal</code></button> <button
+            data-md-color-primary="green"><code>green</code></button> <button
+            data-md-color-primary="light-green"><code>light green</code></button> <button
+            data-md-color-primary="lime"><code>lime</code></button> <button
+            data-md-color-primary="yellow"><code>yellow</code></button> <button
+            data-md-color-primary="amber"><code>amber</code></button> <button
+            data-md-color-primary="orange"><code>orange</code></button> <button
+            data-md-color-primary="deep-orange"><code>deep orange</code></button> <button
+            data-md-color-primary="brown"><code>brown</code></button> <button
+            data-md-color-primary="grey"><code>grey</code></button> <button
+            data-md-color-primary="blue-grey"><code>blue grey</code></button> <button
+            data-md-color-primary="black"><code>black</code></button> <button
+            data-md-color-primary="white"><code>white</code></button> </div>
+        <script>
+          var buttons = document.querySelectorAll("button[data-md-color-primary]")
+          buttons.forEach(function (button) {
+            button.addEventListener("click", function () {
+              var attr = this.getAttribute("data-md-color-primary")
+              document.body.setAttribute("data-md-color-primary", attr)
+              var name = document.querySelector("#__code_2 code span:nth-child(7)")
+              name.textContent = attr.replace("-", " ")
+            })
+          })
+        </script>
+        <h5 id="setup/changing-the-colors/:accent-color">Accent color</h5>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/palette/_accent.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <code>indigo</code></p>
+        <p>The <em>accent color</em> is used to denote elements that can be interacted with, e.g. hovered links, buttons
+          and scrollbars. It can be changed in <code>mkdocs.yml</code> by choosing a valid color name:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">palette</span><span class="p">:</span>
+    <span class="nt">accent</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">indigo</span>
+</code></pre>
+        </div>
+        <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.5 11l6.38 5.37-.88.18-.64.12c-.63.13-.99.83-.71 1.4l.27.58 1.36 2.94-1.42.66-1.36-2.93-.26-.58a.985.985 0 00-1.52-.36l-.51.4-.71.57V11m-.74-2.31a.76.76 0 00-.76.76V20.9c0 .42.34.76.76.76.19 0 .35-.06.48-.16l1.91-1.55 1.66 3.62c.13.27.4.43.69.43.11 0 .22 0 .33-.08l2.76-1.28c.38-.18.56-.64.36-1.01L17.28 18l2.41-.45a.88.88 0 00.43-.26c.27-.32.23-.79-.12-1.08l-8.74-7.35-.01.01a.756.756 0 00-.49-.18M15 10V8h5v2h-5m-1.17-5.24l2.83-2.83 1.41 1.41-2.83 2.83-1.41-1.41M10 0h2v5h-2V0M3.93 14.66l2.83-2.83 1.41 1.41-2.83 2.83-1.41-1.41m0-11.32l1.41-1.41 2.83 2.83-1.41 1.41-2.83-2.83M7 10H2V8h5v2">
+              </path>
+            </svg></span> Click on a tile to change the accent color:</p>
+        <style>
+          .md-typeset button[data-md-color-accent]>code {
+            background-color: var(--md-code-bg-color);
+            color: var(--md-accent-fg-color);
+          }
+        </style>
+        <div class="tx-switch"> <button data-md-color-accent="red"><code>red</code></button> <button
+            data-md-color-accent="pink"><code>pink</code></button> <button
+            data-md-color-accent="purple"><code>purple</code></button> <button
+            data-md-color-accent="deep-purple"><code>deep purple</code></button> <button
+            data-md-color-accent="indigo"><code>indigo</code></button> <button
+            data-md-color-accent="blue"><code>blue</code></button> <button
+            data-md-color-accent="light-blue"><code>light blue</code></button> <button
+            data-md-color-accent="cyan"><code>cyan</code></button> <button
+            data-md-color-accent="teal"><code>teal</code></button> <button
+            data-md-color-accent="green"><code>green</code></button> <button
+            data-md-color-accent="light-green"><code>light green</code></button> <button
+            data-md-color-accent="lime"><code>lime</code></button> <button
+            data-md-color-accent="yellow"><code>yellow</code></button> <button
+            data-md-color-accent="amber"><code>amber</code></button> <button
+            data-md-color-accent="orange"><code>orange</code></button> <button
+            data-md-color-accent="deep-orange"><code>deep orange</code></button> </div>
+        <script>
+          var buttons = document.querySelectorAll("button[data-md-color-accent]")
+          buttons.forEach(function (button) {
+            button.addEventListener("click", function () {
+              var attr = this.getAttribute("data-md-color-accent")
+              document.body.setAttribute("data-md-color-accent", attr)
+              var name = document.querySelector("#__code_3 code span:nth-child(7)")
+              name.textContent = attr.replace("-", " ")
+            })
+          })
+        </script>
+        <hr />
+        <div class="admonition warning">
+          <p class="admonition-title">Accessibility – not all color combinations work well</p>
+          <p>With <strong>2</strong> (color schemes) <strong>x 21</strong> (primary colors) <strong>x 17</strong>
+            (accent color) = <strong>714</strong> combinations, it's impossible to ensure that all configurations
+            provide a good user experience (e.g. <em>yellow on light background</em>). Make sure that the color
+            combination of your choosing provides enough contrast and tweak CSS variables where necessary.</p>
+        </div>
+        <h4 id="setup/changing-the-colors/:color-palette-toggle">Color palette toggle</h4>
+        <p><a href="#insiders/:"><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M8 8.807V3.5h-.563a.75.75 0 010-1.5h9.125a.75.75 0 010 1.5H16v5.307l5.125 9.301c.964 1.75-.302 3.892-2.299 3.892H5.174c-1.998 0-3.263-2.142-2.3-3.892L8 8.807zM14.5 3.5h-5V9a.75.75 0 01-.093.362L7.127 13.5h9.746l-2.28-4.138A.75.75 0 0114.5 9V3.5zM4.189 18.832L6.3 15h11.4l2.111 3.832a1.125 1.125 0 01-.985 1.668H5.174a1.125 1.125 0 01-.985-1.668z"
+                fill-rule="evenodd"></path>
+            </svg></span> Experimental · <a class="tx-insiders" href="#insiders/:"><span class="twemoji tx-heart"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg></span> Insiders only</a></p>
+        <p><a href="#insiders/:">Material for MkDocs Insiders</a> makes it possible to define multiple color palettes,
+          including a <a href="#setup/changing-the-colors/:color-scheme">scheme</a>, <a
+            href="#setup/changing-the-colors/:primary-color">primary</a> and <a
+            href="#setup/changing-the-colors/:accent-color">accent</a> color each, and let the user choose. Define them
+          via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">palette</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="nt">scheme</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">default</span>
+      <span class="nt">primary</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">indigo</span>
+      <span class="nt">accent</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">indigo</span>
+      <span class="nt">toggle</span><span class="p">:</span>
+        <span class="nt">icon</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">material/toggle-switch</span>
+        <span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Switch to light mode</span>
+    <span class="p p-Indicator">-</span> <span class="nt">scheme</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">slate</span>
+      <span class="nt">primary</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">blue</span>
+      <span class="nt">accent</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">blue</span>
+      <span class="nt">toggle</span><span class="p">:</span>
+        <span class="nt">icon</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">material/toggle-switch-off-outline</span>
+        <span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Switch to dark mode</span>
+</code></pre>
+        </div>
+        <p>The <code>toggle</code> field allows to specify an <code>icon</code> and <code>name</code> for each palette.
+          The toggle is rendered next to the search bar and will cycle through all defined color palettes:</p>
+        <dl>
+          <dt><code id="setup/changing-the-colors/:icon">icon</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <em>none</em> · <span class="twemoji"><svg viewbox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg">
+                  <path d="M13 17.5a1 1 0 11-2 0 1 1 0 012 0zm-.25-8.25a.75.75 0 00-1.5 0v4.5a.75.75 0 001.5 0v-4.5z">
+                  </path>
+                  <path
+                    d="M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752L9.836 3.244zm3.03.751a1 1 0 00-1.732 0L2.168 19.499A1 1 0 003.034 21h17.932a1 1 0 00.866-1.5L12.866 3.994z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Required – This field must point to a valid icon path referencing <a
+                href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons">any icon bundled with
+                the theme</a>, or the build will not succeed. Some popular combinations:</p>
+            <ul>
+              <li><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M7 10a2 2 0 012 2 2 2 0 01-2 2 2 2 0 01-2-2 2 2 0 012-2m10-3a5 5 0 015 5 5 5 0 01-5 5H7a5 5 0 01-5-5 5 5 0 015-5h10M7 9a3 3 0 00-3 3 3 3 0 003 3h10a3 3 0 003-3 3 3 0 00-3-3H7z">
+                    </path>
+                  </svg></span> + <span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M17 7H7a5 5 0 00-5 5 5 5 0 005 5h10a5 5 0 005-5 5 5 0 00-5-5m0 8a3 3 0 01-3-3 3 3 0 013-3 3 3 0 013 3 3 3 0 01-3 3z">
+                    </path>
+                  </svg></span> – <code>material/toggle-switch-off-outline</code> + <code>material/toggle-switch</code>
+              </li>
+              <li><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M12 7a5 5 0 015 5 5 5 0 01-5 5 5 5 0 01-5-5 5 5 0 015-5m0 2a3 3 0 00-3 3 3 3 0 003 3 3 3 0 003-3 3 3 0 00-3-3m0-7l2.39 3.42C13.65 5.15 12.84 5 12 5c-.84 0-1.65.15-2.39.42L12 2M3.34 7l4.16-.35A7.2 7.2 0 005.94 8.5c-.44.74-.69 1.5-.83 2.29L3.34 7m.02 10l1.76-3.77a7.131 7.131 0 002.38 4.14L3.36 17M20.65 7l-1.77 3.79a7.023 7.023 0 00-2.38-4.15l4.15.36m-.01 10l-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29L20.64 17M12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 0 1.63-.17 2.37-.44L12 22z">
+                    </path>
+                  </svg></span> + <span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M17.75 4.09l-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3 3.19.09m3.5 6.91l-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95 2.06.05m-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.36 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 008.02 2.89m-1.64 2.02a12.08 12.08 0 01-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31z">
+                    </path>
+                  </svg></span> – <code>material/weather-sunny</code> + <code>material/weather-night</code></li>
+              <li><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M12 9a3 3 0 013 3 3 3 0 01-3 3 3 3 0 01-3-3 3 3 0 013-3m0-4.5c5 0 9.27 3.11 11 7.5-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0017.64 0 9.821 9.821 0 00-17.64 0z">
+                    </path>
+                  </svg></span> + <span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M12 9a3 3 0 00-3 3 3 3 0 003 3 3 3 0 003-3 3 3 0 00-3-3m0 8a5 5 0 01-5-5 5 5 0 015-5 5 5 0 015 5 5 5 0 01-5 5m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5z">
+                    </path>
+                  </svg></span> – <code>material/eye-outline</code> + <code>material/eye</code></li>
+              <li><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M12 2a7 7 0 017 7c0 2.38-1.19 4.47-3 5.74V17a1 1 0 01-1 1H9a1 1 0 01-1-1v-2.26C6.19 13.47 5 11.38 5 9a7 7 0 017-7M9 21v-1h6v1a1 1 0 01-1 1h-4a1 1 0 01-1-1m3-17a5 5 0 00-5 5c0 2.05 1.23 3.81 3 4.58V16h4v-2.42c1.77-.77 3-2.53 3-4.58a5 5 0 00-5-5z">
+                    </path>
+                  </svg></span> + <span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M12 2a7 7 0 00-7 7c0 2.38 1.19 4.47 3 5.74V17a1 1 0 001 1h6a1 1 0 001-1v-2.26c1.81-1.27 3-3.36 3-5.74a7 7 0 00-7-7M9 21a1 1 0 001 1h4a1 1 0 001-1v-1H9v1z">
+                    </path>
+                  </svg></span> – <code>material/lightbulb-outline</code> + <code>material/lightbulb</code></li>
+            </ul>
+          </dd>
+          <dt><code id="setup/changing-the-colors/:name">name</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <em>none</em> · <span class="twemoji"><svg viewbox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg">
+                  <path d="M13 17.5a1 1 0 11-2 0 1 1 0 012 0zm-.25-8.25a.75.75 0 00-1.5 0v4.5a.75.75 0 001.5 0v-4.5z">
+                  </path>
+                  <path
+                    d="M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752L9.836 3.244zm3.03.751a1 1 0 00-1.732 0L2.168 19.499A1 1 0 003.034 21h17.932a1 1 0 00.866-1.5L12.866 3.994z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Required – This field is used as the toggle's <code>title</code> attribute and should be
+              set to a discernable name to improve accessibility.</p>
+          </dd>
+        </dl>
+        <p><em>Give this feature a try on <a
+              href="https://squidfunk.github.io/mkdocs-material-insiders/setup/changing-the-colors">the official
+              documentation</a> built with Material for MkDocs Insiders!</em></p>
+        <h3 id="setup/changing-the-colors/:customization"><span class="pdf-order">2.1.2 </span>Customization</h3>
+        <h4 id="setup/changing-the-colors/:custom-colors">Custom colors</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/_colors.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>easy</em></p>
+        <p>Material for MkDocs implements colors using <a
+            href="https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties">CSS variables</a>
+          (custom properties). If you want to customize the colors beyond the palette (e.g. to use your brand-specific
+          colors), you can add an <a href="#customization/:additional-stylesheets">additional stylesheet</a> and tweak
+          the values of the CSS variables.</p>
+        <p>Let's say you're <span class="twemoji" style="color: #EE0F0F"><svg viewbox="0 0 576 512"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z">
+              </path>
+            </svg></span> <strong>YouTube</strong>, and want to set the primary color to your brand's palette. Just add:
+        </p>
+        <div class="highlight">
+          <pre><span></span><code><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
+  <span class="err">--</span><span class="n">md-primary-fg-color</span><span class="p">:</span>        <span class="mh">#EE0F0F</span><span class="p">;</span>
+  <span class="err">--</span><span class="n">md-primary-fg-color--light</span><span class="p">:</span> <span class="mh">#ECB7B7</span><span class="p">;</span>
+  <span class="err">--</span><span class="n">md-primary-fg-color--dark</span><span class="p">:</span>  <span class="mh">#90030C</span><span class="p">;</span>
+<span class="p">}</span>
+</code></pre>
+        </div>
+        <p>See the file containing the <a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/_colors.scss">color
+            definitions</a> for a list of all CSS variables.</p>
+        <h4 id="setup/changing-the-colors/:custom-color-schemes">Custom color schemes</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/palette/_scheme.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>easy</em></p>
+        <p>Besides overriding specific colors, you can create your own, named color scheme by wrapping the definitions
+          in the <code
+            class="highlight"><span class="o">[</span><span class="nt">data-md-color-scheme</span><span class="o">=</span><span class="s2">"..."</span><span class="o">]</span></code>
+          <a href="https://www.w3.org/TR/selectors-4/#attribute-selectors">attribute selector</a>, which you can then
+          set via <code>mkdocs.yml</code> as described in the <a href="#setup/changing-the-colors/:color-scheme">color
+            schemes</a> section:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="o">[</span><span class="nt">data-md-color-scheme</span><span class="o">=</span><span class="s2">"youtube"</span><span class="o">]</span> <span class="p">{</span>
+  <span class="err">--</span><span class="n">md-primary-fg-color</span><span class="p">:</span>        <span class="mh">#EE0F0F</span><span class="p">;</span>
+  <span class="err">--</span><span class="n">md-primary-fg-color--light</span><span class="p">:</span> <span class="mh">#ECB7B7</span><span class="p">;</span>
+  <span class="err">--</span><span class="n">md-primary-fg-color--dark</span><span class="p">:</span>  <span class="mh">#90030C</span><span class="p">;</span>
+<span class="p">}</span>
+</code></pre>
+        </div>
+        <p>Additionally, the <code>slate</code> color scheme defines all of it's colors via <code>hsla</code> color
+          functions and deduces its colors from the <code>--md-hue</code> CSS variable. You can tune the
+          <code>slate</code> theme with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="o">[</span><span class="nt">data-md-color-scheme</span><span class="o">=</span><span class="s2">"slate"</span><span class="o">]</span> <span class="p">{</span>
+  <span class="err">--</span><span class="n">md-hue</span><span class="p">:</span> <span class="mi">210</span><span class="p">;</span> <span class="c">/* [0, 360] */</span>
+<span class="p">}</span>
+</code></pre>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/setup/changing-the-fonts/" id="setup/changing-the-fonts/:">
+      <h2 id="setup/changing-the-fonts/:changing-the-fonts"><span class="pdf-order">2.2 </span>Changing the fonts</h2>
+      <p>Material for MkDocs makes it easy to change the typeface of your project documentation, as it directly
+        integrates with <a href="https://fonts.google.com">Google Fonts</a>. Alternatively, fonts can be custom-loaded
+        if self-hosting is preferred for data privacy reasons or another destination should be used.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="setup/changing-the-fonts/:configuration"><span class="pdf-order">2.2.1 </span>Configuration</h3>
+        <h4 id="setup/changing-the-fonts/:regular-font">Regular font</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/base.html#L116-L140"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <a href="https://fonts.google.com/specimen/Roboto"><code>Roboto</code></a></p>
+        <p>The <em>regular font</em> is used for all body copy, headlines, and essentially everything that does not need
+          to be proportionally spaced. It can be set to any valid <a href="https://fonts.google.com">Google Font</a>
+          with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">font</span><span class="p">:</span>
+    <span class="nt">text</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Roboto</span>
+</code></pre>
+        </div>
+        <p>The typeface will be loaded in 300, 400, <em>400i</em> and <strong>700</strong>.</p>
+        <h4 id="setup/changing-the-fonts/:proportional-font">Proportional font</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/base.html#L116-L140"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <a href="https://fonts.google.com/specimen/Roboto+Mono"><code>Roboto Mono</code></a>
+        </p>
+        <p>The <em>proportional font</em> is used for code blocks and can be configured separately. Just like the
+          regular font, it can be set to any valid <a href="https://fonts.google.com">Google Font</a> via
+          <code>mkdocs.yml</code> with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">font</span><span class="p">:</span>
+    <span class="nt">code</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">Roboto Mono</span>
+</code></pre>
+        </div>
+        <p>The typeface will be loaded in 400.</p>
+        <h3 id="setup/changing-the-fonts/:customization"><span class="pdf-order">2.2.2 </span>Customization</h3>
+        <p>If you want to load fonts from other destinations or don't want to use Google Fonts for <a
+            href="#data-privacy/:">data privacy</a> reasons, e.g. <em>due to GDPR</em>, you may customize font loading
+          as described below.</p>
+        <h4 id="setup/changing-the-fonts/:disabling-font-loading">Disabling font loading</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/base.html#L116-L140"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>easy</em></p>
+        <p>If you want to prevent typefaces from being loaded from Google Fonts and fall back to system fonts, add the
+          following lines to <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">font</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">false</span>
+</code></pre>
+        </div>
+        <h4 id="setup/changing-the-fonts/:additional-fonts">Additional fonts</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/base.html#L116-L140"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>easy</em></p>
+        <p>If you want to load an (additional) font from another or override the fallback font, you can use an <a
+            href="#customization/:additional-stylesheets">additional stylesheet</a> to add the corresponding
+          <code>@font-face</code> definition:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="p">@</span><span class="k">font-face</span> <span class="p">{</span>
+  <span class="nt">font-family</span><span class="o">:</span> <span class="s2">"&lt;font&gt;"</span><span class="o">;</span>
+  <span class="nt">src</span><span class="o">:</span> <span class="s2">"..."</span><span class="o">;</span>
+<span class="p">}</span>
+</code></pre>
+        </div>
+        <p>The font can then be applied to specific elements, e.g. only headlines, or globally to be used as the
+          site-wide regular or proportional font:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="setup/changing-the-fonts/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Regular font</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">body</span><span class="o">,</span> <span class="nt">input</span> <span class="p">{</span>
+  <span class="k">font-family</span><span class="p">:</span> <span class="s2">"&lt;font&gt;"</span><span class="p">,</span> <span class="o">-</span><span class="n">apple-system</span><span class="p">,</span> <span class="n">Helvetica</span><span class="p">,</span> <span class="n">Arial</span><span class="p">,</span> <span class="kc">sans-serif</span><span class="p">;</span>
+<span class="p">}</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="setup/changing-the-fonts/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">Proportional font</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">pre</span><span class="o">,</span> <span class="nt">code</span><span class="o">,</span> <span class="nt">kbd</span> <span class="p">{</span>
+  <span class="k">font-family</span><span class="p">:</span> <span class="s2">"&lt;font&gt;"</span><span class="p">,</span> <span class="n">SFMono-Regular</span><span class="p">,</span> <span class="n">Consolas</span><span class="p">,</span> <span class="n">Menlo</span><span class="p">,</span> <span class="kc">monospace</span><span class="p">;</span>
+<span class="p">}</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/setup/changing-the-language/" id="setup/changing-the-language/:">
+      <h2 id="setup/changing-the-language/:changing-the-language"><span class="pdf-order">2.3 </span>Changing the
+        language</h2>
+      <p>Material for MkDocs supports internationalization (i18n) and provides translations for template variables and
+        labels in 40+ languages. Additionally, the site search can be configured to use a language-specific stemmer (if
+        available).</p>
+      <section class="md-typeset two-columns">
+        <h3 id="setup/changing-the-language/:configuration"><span class="pdf-order">2.3.1 </span>Configuration</h3>
+        <h4 id="setup/changing-the-language/:site-language">Site language</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/language/en.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <code>en</code></p>
+        <p>You can set the <em>site language</em> in <code>mkdocs.yml</code> with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">language</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">en</span>
+</code></pre>
+        </div>
+        <p>The following languages are supported:</p>
+        <ul class="tx-columns">
+          <li><code>af</code> – Afrikaans</li>
+          <li><code>ar</code> – Arabic</li>
+          <li><code>bn</code> – Bengali (Bangla)</li>
+          <li><code>ca</code> – Catalan</li>
+          <li><code>cs</code> – Czech</li>
+          <li><code>da</code> – Danish</li>
+          <li><code>de</code> – German</li>
+          <li><code>en</code> – English</li>
+          <li><code>eo</code> – Esperanto</li>
+          <li><code>es</code> – Spanish</li>
+          <li><code>et</code> – Estonian</li>
+          <li><code>fa</code> – Persian (Farsi)</li>
+          <li><code>fi</code> – Finnish</li>
+          <li><code>fr</code> – French</li>
+          <li><code>gl</code> – Galician</li>
+          <li><code>gr</code> – Greek</li>
+          <li><code>he</code> – Hebrew</li>
+          <li><code>hi</code> – Hindi</li>
+          <li><code>hr</code> – Croatian</li>
+          <li><code>hu</code> – Hungarian</li>
+          <li><code>id</code> – Indonesian</li>
+          <li><code>it</code> – Italian</li>
+          <li><code>ja</code> – Japanese</li>
+          <li><code>kr</code> – Korean</li>
+          <li><code>my</code> – Burmese</li>
+          <li><code>nl</code> – Dutch</li>
+          <li><code>nn</code> – Norwegian (Nynorsk)</li>
+          <li><code>no</code> – Norwegian</li>
+          <li><code>pl</code> – Polish</li>
+          <li><code>pt</code> – Portuguese</li>
+          <li><code>ro</code> – Romanian</li>
+          <li><code>ru</code> – Russian</li>
+          <li><code>sh</code> – Serbo-Croatian</li>
+          <li><code>si</code> – Slovenian</li>
+          <li><code>sk</code> – Slovak</li>
+          <li><code>sr</code> – Serbian</li>
+          <li><code>sv</code> – Swedish</li>
+          <li><code>th</code> – Thai</li>
+          <li><code>tr</code> – Turkish</li>
+          <li><code>uk</code> – Ukrainian</li>
+          <li><code>vi</code> – Vietnamese</li>
+          <li><code>zh</code> – Chinese (Simplified)</li>
+          <li><code>zh-Hant</code> – Chinese (Traditional)</li>
+          <li><code>zh-TW</code> – Chinese (Taiwanese)</li>
+          <li> <a href="https://bit.ly/38F5RCa"> Add language </a> </li>
+        </ul>
+        <p><em>Note that some languages will produce unreadable anchor links, due to the way the default slug function
+            works. Consider using a Unicode-aware slug function, as <a
+              href="#setup/setting-up-navigation/:slugify">documented here</a>.</em></p>
+        <h4 id="setup/changing-the-language/:site-search-language">Site search language</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/javascripts/integrations/search/worker/main/index.ts#L49-L69"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <em>automatically set</em></p>
+        <p>Some languages, like Arabic or Japanese, need dedicated stemmers for search to work properly. Material for
+          MkDocs relies on <a href="https://github.com/MihaiValentin/lunr-languages">lunr-languages</a> to provide this
+          functionality. See the guide detailing how to <a href="#setup/setting-up-site-search/:">set up site search</a>
+          for more information.</p>
+        <h4 id="setup/changing-the-language/:directionality">Directionality</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/base.html#L168"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <em>automatically set</em></p>
+        <p>While many languages are read <code>ltr</code> (left-to-right), Material for MkDocs also supports
+          <code>rtl</code> (right-to-left) <em>directionality</em> which is inferred from the selected language, but can
+          also be set with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">direction</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">ltr</span>
+</code></pre>
+        </div>
+        <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.5 11l6.38 5.37-.88.18-.64.12c-.63.13-.99.83-.71 1.4l.27.58 1.36 2.94-1.42.66-1.36-2.93-.26-.58a.985.985 0 00-1.52-.36l-.51.4-.71.57V11m-.74-2.31a.76.76 0 00-.76.76V20.9c0 .42.34.76.76.76.19 0 .35-.06.48-.16l1.91-1.55 1.66 3.62c.13.27.4.43.69.43.11 0 .22 0 .33-.08l2.76-1.28c.38-.18.56-.64.36-1.01L17.28 18l2.41-.45a.88.88 0 00.43-.26c.27-.32.23-.79-.12-1.08l-8.74-7.35-.01.01a.756.756 0 00-.49-.18M15 10V8h5v2h-5m-1.17-5.24l2.83-2.83 1.41 1.41-2.83 2.83-1.41-1.41M10 0h2v5h-2V0M3.93 14.66l2.83-2.83 1.41 1.41-2.83 2.83-1.41-1.41m0-11.32l1.41-1.41 2.83 2.83-1.41 1.41-2.83-2.83M7 10H2V8h5v2">
+              </path>
+            </svg></span> Click on a tile to change the directionality:</p>
+        <div class="tx-switch"> <button data-md-dir="ltr"><code>ltr</code></button> <button
+            data-md-dir="rtl"><code>rtl</code></button> </div>
+        <script>
+          var buttons = document.querySelectorAll("button[data-md-dir]")
+          buttons.forEach(function (button) {
+            button.addEventListener("click", function () {
+              var attr = this.getAttribute("data-md-dir")
+              document.body.dir = attr
+              var name = document.querySelector("#__code_1 code span:nth-child(5)")
+              name.textContent = attr
+            })
+          })
+        </script>
+        <h3 id="setup/changing-the-language/:customization"><span class="pdf-order">2.3.2 </span>Customization</h3>
+        <h4 id="setup/changing-the-language/:custom-translations">Custom translations</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/language/en.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>easy</em></p>
+        <p>If you want to customize some (or all) of the translations for your language, you may follow the guide on <a
+            href="#customization/:extending-the-theme">theme extension</a> and create a new partial in
+          <code>partials/language</code>, e.g. <code>en-custom.html</code>. Next, look up the translation you want to
+          change in the <a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/language/en.html">base
+            translation</a> and add it to the partial.</p>
+        <p>Let's say you want to change "<strong>Table of contents</strong>" to "<strong>On this page</strong>":</p>
+        <div class="highlight">
+          <pre><span></span><code>{% macro t(key) %}{{ {
+  "toc.title": "On this page"
+}[key] }}{% endmacro %}
+</code></pre>
+        </div>
+        <p>Then, add the following lines to <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">language</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">en-custom</span>
+</code></pre>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/setup/changing-the-logo-and-icons/" id="setup/changing-the-logo-and-icons/:">
+      <h2 id="setup/changing-the-logo-and-icons/:changing-the-logo-and-icons"><span class="pdf-order">2.4
+        </span>Changing the logo and icons</h2>
+      <p>When installing Material for MkDocs, you immediately get access to <em>over 7.000 icons</em> ready to be used
+        for customization of specific parts of the theme and/or when writing your documentation in Markdown. Not enough?
+        You can also <a href="#setup/changing-the-logo-and-icons/:additional-icons">add additional icons</a> with
+        minimal effort.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="setup/changing-the-logo-and-icons/:configuration"><span class="pdf-order">2.4.1 </span>Configuration
+        </h3>
+        <h4 id="setup/changing-the-logo-and-icons/:logo">Logo</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/logo.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <code>material/library</code></p>
+        <p>There're two ways to specify a <em>logo</em>: it must be a valid path to <a
+            href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons">any icon bundled with the
+            theme</a>, or to a user-provided image located in the <code>docs</code> folder. Both can be set via
+          <code>mkdocs.yml</code>:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked"
+              id="setup/changing-the-logo-and-icons/:__tabbed_1_1" name="__tabbed_1" type="radio" /><label
+              for="__tabbed_1_1">Icon</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">icon</span><span class="p">:</span>
+    <span class="nt">logo</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">material/library</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="setup/changing-the-logo-and-icons/:__tabbed_1_2"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_2">Image</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">logo</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">assets/logo.png</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <h4 id="setup/changing-the-logo-and-icons/:favicon">Favicon</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/base.html#L71"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <code>assets/images/favicon.png</code></p>
+        <p>The <em>favicon</em> can be changed to a path pointing to a user-provided image, which must be located in the
+          <code>docs</code> folder. It can be set via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">favicon</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">images/favicon.png</span>
+</code></pre>
+        </div>
+        <h4 id="setup/changing-the-logo-and-icons/:icons">Icons</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/emoji/"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/emoji/">Emoji</a> extension, which
+          is part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown Extensions</a>, adds
+          the ability to <strong>integrate icons</strong> in the <code>*.svg</code> file format, which are inlined when
+          <a href="#creating-your-site/:building-your-site">building your site</a>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.emoji</span><span class="p">:</span>
+      <span class="nt">emoji_index</span><span class="p">:</span> <span class="kt">!!python/name:materialx.emoji.twemoji</span>
+      <span class="nt">emoji_generator</span><span class="p">:</span> <span class="kt">!!python/name:materialx.emoji.to_svg</span>
+</code></pre>
+        </div>
+        <p>The following icon sets are bundled with Material for MkDocs:</p>
+        <ul>
+          <li><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M21 12c0-2.03-.67-3.91-2-5.62v11.25c1.33-1.66 2-3.54 2-5.63m-3.37 7H6.38c.68.55 1.57 1 2.67 1.41 1.09.39 2.08.59 2.95.59.88 0 1.86-.2 2.95-.59 1.1-.41 1.99-.86 2.68-1.41M11 17L7 9v8h4m6-8l-4 8h4V9m-5 5.53L15.75 7h-7.5L12 14.53M17.63 5C15.97 3.67 14.09 3 12 3s-3.97.67-5.62 2h11.25M5 17.63V6.38C3.67 8.09 3 9.97 3 12c0 2.09.67 3.97 2 5.63M23 12c0 3.03-1.06 5.63-3.22 7.78C17.63 21.94 15.03 23 12 23c-3.03 0-5.62-1.06-7.78-3.22C2.06 17.63 1 15.03 1 12c0-3.03 1.06-5.62 3.22-7.78S8.97 1 12 1c3.03 0 5.63 1.06 7.78 3.22C21.94 6.38 23 8.97 23 12z">
+                </path>
+              </svg></span> – <a href="https://materialdesignicons.com/">Material Design</a></li>
+          <li><span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M444.373 359.424c0 7.168-6.144 10.24-13.312 13.312-28.672 12.288-59.392 23.552-92.16 23.552-46.08 0-67.584-28.672-122.88-28.672-39.936 0-81.92 14.336-115.712 29.696-2.048 1.024-4.096 1.024-6.144 2.048v77.824c0 21.405-16.122 34.816-33.792 34.816-19.456 0-34.816-15.36-34.816-34.816V102.4C12.245 92.16 3.029 75.776 3.029 57.344 3.029 25.6 28.629 0 60.373 0s57.344 25.6 57.344 57.344c0 18.432-8.192 34.816-22.528 45.056v31.744c4.124-1.374 58.768-28.672 114.688-28.672 65.27 0 97.676 27.648 126.976 27.648 38.912 0 81.92-27.648 92.16-27.648 8.192 0 15.36 6.144 15.36 13.312v240.64z">
+                </path>
+              </svg></span> – <a href="https://fontawesome.com/icons?d=gallery&amp;m=free">FontAwesome</a></li>
+          <li><span class="twemoji"><svg viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"
+                  fill-rule="evenodd"></path>
+              </svg></span> – <a href="https://octicons.github.com/">Octicons</a></li>
+        </ul>
+        <p>If you want to add <a href="#setup/changing-the-logo-and-icons/:additional-icons">additional icons</a>, read
+          on.</p>
+        <h3 id="setup/changing-the-logo-and-icons/:customization"><span class="pdf-order">2.4.2 </span>Customization
+        </h3>
+        <h4 id="setup/changing-the-logo-and-icons/:additional-icons">Additional icons</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>moderate</em></p>
+        <p>In order to add additional icons, <a href="#customization/:extending-the-theme">extend the theme</a>, and
+          create a folder named <code>.icons</code> in the <a
+            href="https://www.mkdocs.org/user-guide/configuration/#custom_dir"><code>custom_dir</code></a> you want to
+          use for overrides. Next, add your <code>*.svg</code> icons into a subfolder of the <code>.icons</code> folder.
+          Let's say you downloaded and unpacked the <a href="https://icons.getbootstrap.com/">Bootstrap</a> icon set,
+          and want to add it to your project documentation. The structure of your project should look like this:</p>
+        <div class="highlight">
+          <pre><span></span><code>.
+├─ docs/
+│  └─ index.md
+├─ overrides/
+│  └─ .icons/
+│     └─ bootstrap/
+│        └─ *.svg
+└─ mkdocs.yml
+</code></pre>
+        </div>
+        <p>Then, add the following lines to <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.emoji</span><span class="p">:</span>
+      <span class="nt">emoji_index</span><span class="p">:</span> <span class="kt">!!python/name:materialx.emoji.twemoji</span>
+      <span class="nt">emoji_generator</span><span class="p">:</span> <span class="kt">!!python/name:materialx.emoji.to_svg</span>
+      <span class="nt">options</span><span class="p">:</span>
+        <span class="nt">custom_icons</span><span class="p">:</span>
+          <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">overrides/.icons</span>
+</code></pre>
+        </div>
+        <p>You should now be able to use the <span class="twemoji"><svg viewbox="0 0 448 512"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M292.3 311.93c0 42.41-39.72 41.43-43.92 41.43h-80.89v-81.69h80.89c42.56 0 43.92 31.9 43.92 40.26zm-50.15-73.13c.67 0 38.44 1 38.44-36.31 0-15.52-3.51-35.87-38.44-35.87h-74.66v72.18h74.66zM448 106.67v298.66A74.89 74.89 0 01373.33 480H74.67A74.89 74.89 0 010 405.33V106.67A74.89 74.89 0 0174.67 32h298.66A74.89 74.89 0 01448 106.67zM338.05 317.86c0-21.57-6.65-58.29-49.05-67.35v-.73c22.91-9.78 37.34-28.25 37.34-55.64 0-7 2-64.78-77.6-64.78h-127v261.33c128.23 0 139.87 1.68 163.6-5.71 14.21-4.42 52.71-17.98 52.71-67.12z">
+              </path>
+            </svg></span> Bootstrap icons.</p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/setup/setting-up-navigation/" id="setup/setting-up-navigation/:">
+      <h2 id="setup/setting-up-navigation/:setting-up-navigation"><span class="pdf-order">2.5 </span>Setting up
+        navigation</h2>
+      <p>A clear and concise navigation structure is an important aspect of good project documentation. Material for
+        MkDocs provides several options to configure the behavior of navigational elements, some of those through
+        <em>feature flags</em>.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="setup/setting-up-navigation/:configuration"><span class="pdf-order">2.5.1 </span>Configuration</h3>
+        <h4 id="setup/setting-up-navigation/:instant-loading">Instant loading</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/javascripts/integrations/instant/index.ts"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M7.5 7.25C7.5 4.58 9.422 2.5 12 2.5c2.079 0 3.71 1.34 4.282 3.242a.75.75 0 101.436-.432C16.971 2.825 14.792 1 12 1 8.503 1 6 3.845 6 7.25V9h-.5A2.5 2.5 0 003 11.5v8A2.5 2.5 0 005.5 22h13a2.5 2.5 0 002.5-2.5v-8A2.5 2.5 0 0018.5 9h-11V7.25zm-3 4.25a1 1 0 011-1h13a1 1 0 011 1v8a1 1 0 01-1 1h-13a1 1 0 01-1-1v-8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Feature flag · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M8 8.807V3.5h-.563a.75.75 0 010-1.5h9.125a.75.75 0 010 1.5H16v5.307l5.125 9.301c.964 1.75-.302 3.892-2.299 3.892H5.174c-1.998 0-3.263-2.142-2.3-3.892L8 8.807zM14.5 3.5h-5V9a.75.75 0 01-.093.362L7.127 13.5h9.746l-2.28-4.138A.75.75 0 0114.5 9V3.5zM4.189 18.832L6.3 15h11.4l2.111 3.832a1.125 1.125 0 01-.985 1.668H5.174a1.125 1.125 0 01-.985-1.668z"
+                fill-rule="evenodd"></path>
+            </svg></span> Experimental</p>
+        <p>When <em>instant loading</em> is activated, clicks on all internal links will be intercepted and dispatched
+          via <a href="https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest">XHR</a> without fully reloading
+          the page. It can be enabled via <code>mkdocs.yml</code> with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">features</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">instant</span>
+</code></pre>
+        </div>
+        <p>The resulting page is parsed and injected and all event handlers and components are rebound automatically.
+          This means that <strong>Material for MkDocs behaves like a Single Page Application</strong>, which is
+          especially useful for large documentation sites that come with a massive search index, as the search index
+          will now remain intact in-between document switches.</p>
+        <h4 id="setup/setting-up-navigation/:navigation-expansion">Navigation expansion</h4>
+        <p><a href="#insiders/:"><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M7.5 7.25C7.5 4.58 9.422 2.5 12 2.5c2.079 0 3.71 1.34 4.282 3.242a.75.75 0 101.436-.432C16.971 2.825 14.792 1 12 1 8.503 1 6 3.845 6 7.25V9h-.5A2.5 2.5 0 003 11.5v8A2.5 2.5 0 005.5 22h13a2.5 2.5 0 002.5-2.5v-8A2.5 2.5 0 0018.5 9h-11V7.25zm-3 4.25a1 1 0 011-1h13a1 1 0 011 1v8a1 1 0 01-1 1h-13a1 1 0 01-1-1v-8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Feature flag · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M8 8.807V3.5h-.563a.75.75 0 010-1.5h9.125a.75.75 0 010 1.5H16v5.307l5.125 9.301c.964 1.75-.302 3.892-2.299 3.892H5.174c-1.998 0-3.263-2.142-2.3-3.892L8 8.807zM14.5 3.5h-5V9a.75.75 0 01-.093.362L7.127 13.5h9.746l-2.28-4.138A.75.75 0 0114.5 9V3.5zM4.189 18.832L6.3 15h11.4l2.111 3.832a1.125 1.125 0 01-.985 1.668H5.174a1.125 1.125 0 01-.985-1.668z"
+                fill-rule="evenodd"></path>
+            </svg></span> Experimental · <a class="tx-insiders" href="#insiders/:"><span class="twemoji tx-heart"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg></span> Insiders only</a></p>
+        <p>When <code>navigation.expand</code> is activated, the left sidebar will expand all collapsible subsections by
+          default, so the user doesn't have to do it manually. It can be enabled via <code>mkdocs.yml</code> with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">features</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">navigation.expand</span>
+</code></pre>
+        </div>
+        <h4 id="setup/setting-up-navigation/:navigation-tabs">Navigation tabs</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/tabs.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M7.5 7.25C7.5 4.58 9.422 2.5 12 2.5c2.079 0 3.71 1.34 4.282 3.242a.75.75 0 101.436-.432C16.971 2.825 14.792 1 12 1 8.503 1 6 3.845 6 7.25V9h-.5A2.5 2.5 0 003 11.5v8A2.5 2.5 0 005.5 22h13a2.5 2.5 0 002.5-2.5v-8A2.5 2.5 0 0018.5 9h-11V7.25zm-3 4.25a1 1 0 011-1h13a1 1 0 011 1v8a1 1 0 01-1 1h-13a1 1 0 01-1-1v-8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Feature flag</p>
+        <p>When <em>tabs</em> are activated, top-level sections are rendered in a menu layer below the header on big
+          screens (but not when the sidebar is hidden). It can be enabled via <code>mkdocs.yml</code> with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">features</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">tabs</span>
+</code></pre>
+        </div>
+        <p>Note that all <strong>top-level pages</strong> (i.e. all top-level entries that directly refer to an
+          <code>*.md</code> file) defined inside the <a
+            href="https://www.mkdocs.org/user-guide/configuration/#nav"><code>nav</code></a> entry of
+          <code>mkdocs.yml</code> will be grouped under the first tab which will receive the title of the first page.
+        </p>
+        <p>This means that there will effectively be no collapsible subsections for the first tab, because each
+          subsection is rendered as another tab. If you want more fine-grained control, <em>i.e. collapsible subsections
+            for the first tab</em>, you can use <strong>top-level sections</strong>, so that the top-level is entirely
+          made up of sections. This is illustrated in the following example:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="setup/setting-up-navigation/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Top-level pages</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">nav</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Tab 1 + Page 1.1</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Page 1.2</span>
+  <span class="p p-Indicator">-</span> <span class="nt">Tab 2</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Page 2.1</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Page 2.2</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Page 2.3</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Page 1.3</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="setup/setting-up-navigation/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">Top-level sections</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">nav</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">Tab 1</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Page 1.1</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Page 1.2</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Page 1.3</span>
+  <span class="p p-Indicator">-</span> <span class="nt">Tab 2</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Page 2.1</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Page 2.2</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">Page 2.3</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <p>Note that tabs are only shown for larger screens, so make sure that navigation is plausible on mobile
+          devices. As another example, see the <a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/mkdocs.yml"><code>mkdocs.yml</code></a> used
+          to render these pages.</p>
+        <h4 id="setup/setting-up-navigation/:table-of-contents">Table of contents</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/toc.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a href="https://python-markdown.github.io/extensions/toc/"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://python-markdown.github.io/extensions/toc/#usage">Table of contents</a> extension, which
+          is part of the standard Markdown library, provides some options that are supported by Material for MkDocs to
+          customize its appearance:</p>
+        <dl>
+          <dt><code id="setup/setting-up-navigation/:permalink">permalink</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>false</code> – This option adds an anchor link containing the paragraph
+              symbol <code>¶</code> or another custom symbol at the end of each headline, exactly like on the page
+              you're currently viewing, which Material for MkDocs will make appear on hover:</p>
+            <div class="tabbed-set" data-tabs="2:2">
+              <div class="tabbed-content--wrap"><input checked="checked" id="setup/setting-up-navigation/:__tabbed_2_1"
+                  name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">¶</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">toc</span><span class="p">:</span>
+      <span class="nt">permalink</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">true</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+              <div class="tabbed-content--wrap"><input id="setup/setting-up-navigation/:__tabbed_2_2" name="__tabbed_2"
+                  type="radio" /><label for="__tabbed_2_2">⚓︎</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">toc</span><span class="p">:</span>
+      <span class="nt">permalink</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">⚓︎</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </dd>
+          <dt><code id="setup/setting-up-navigation/:slugify">slugify</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>headerid.slugify</code> – This option allows for customization of the slug
+              function. For some languages, the default may not produce good and readable identifiers. Consider using
+              another slug function like for example those from <a
+                href="https://facelessuser.github.io/pymdown-extensions/extras/slugs/">Python Markdown Extensions</a>:
+            </p>
+            <div class="tabbed-set" data-tabs="3:2">
+              <div class="tabbed-content--wrap"><input checked="checked" id="setup/setting-up-navigation/:__tabbed_3_1"
+                  name="__tabbed_3" type="radio" /><label for="__tabbed_3_1">Unicode</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">toc</span><span class="p">:</span>
+      <span class="nt">slugify</span><span class="p">:</span> <span class="kt">!!python/name:pymdownx.slugs.uslugify</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+              <div class="tabbed-content--wrap"><input id="setup/setting-up-navigation/:__tabbed_3_2" name="__tabbed_3"
+                  type="radio" /><label for="__tabbed_3_2">Unicode, case-sensitive</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">toc</span><span class="p">:</span>
+      <span class="nt">slugify</span><span class="p">:</span> <span class="kt">!!python/name:pymdownx.slugs.uslugify_cased</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </dd>
+          <dt><code id="setup/setting-up-navigation/:toc_depth">toc_depth</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>6</code> – Define the range of levels to be included in the table of
+              contents. This may be useful for project documentation with deeply structured headings to decrease the
+              length of the table of contents, or to remove the table of contents altogether:</p>
+            <div class="tabbed-set" data-tabs="4:2">
+              <div class="tabbed-content--wrap"><input checked="checked" id="setup/setting-up-navigation/:__tabbed_4_1"
+                  name="__tabbed_4" type="radio" /><label for="__tabbed_4_1">Hide levels 4-6</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">toc</span><span class="p">:</span>
+      <span class="nt">toc_depth</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">3</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+              <div class="tabbed-content--wrap"><input id="setup/setting-up-navigation/:__tabbed_4_2" name="__tabbed_4"
+                  type="radio" /><label for="__tabbed_4_2">Hide table of contents</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">toc</span><span class="p">:</span>
+      <span class="nt">toc_depth</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">0</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </dd>
+        </dl>
+        <p><em>Material for MkDocs doesn't provide official support for the other options of this extension, so they may
+            be supported but can also yield weird results. Use them at your own risk.</em></p>
+        <h3 id="setup/setting-up-navigation/:customization"><span class="pdf-order">2.5.2 </span>Customization</h3>
+        <h4 id="setup/setting-up-navigation/:keyboard-shortcuts">Keyboard shortcuts</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/javascripts/integrations/keyboard/index.ts"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>easy</em></p>
+        <p>Material for MkDocs includes several keyboard shortcuts that make it possible to navigate your project
+          documentation via keyboard. There're two modes:</p>
+        <dl>
+          <dt><code id="setup/setting-up-navigation/:search">search</code></dt>
+          <dd>
+            <p>This mode is active when the <em>search is focused</em>. It provides several key bindings to make search
+              accessible and navigable via keyboard:</p>
+            <ul>
+              <li><span class="keys"><kbd class="key-arrow-down">Down</kbd></span> , <span class="keys"><kbd
+                    class="key-arrow-up">Up</kbd></span> : select next / previous result</li>
+              <li><span class="keys"><kbd class="key-escape">Esc</kbd></span> , <span class="keys"><kbd
+                    class="key-tab">Tab</kbd></span> : close search dialog</li>
+              <li><span class="keys"><kbd class="key-enter">Enter</kbd></span> : follow selected result</li>
+            </ul>
+          </dd>
+          <dt><code id="setup/setting-up-navigation/:global">global</code></dt>
+          <dd>
+            <p>This mode is active when <em>search is not focussed</em> and when there's no other focussed element that
+              is susceptible to keyboard input. The following keys are bound:</p>
+            <ul>
+              <li><span class="keys"><kbd class="key-f">F</kbd></span> , <span class="keys"><kbd
+                    class="key-s">S</kbd></span> , <span class="keys"><kbd class="key-slash">/</kbd></span> : open
+                search dialog</li>
+              <li><span class="keys"><kbd class="key-p">P</kbd></span> , <span class="keys"><kbd
+                    class="key-comma">,</kbd></span> : go to previous page</li>
+              <li><span class="keys"><kbd class="key-n">N</kbd></span> , <span class="keys"><kbd
+                    class="key-period">.</kbd></span> : go to next page</li>
+            </ul>
+          </dd>
+        </dl>
+        <p>Let's say you want to bind some action to the <span class="keys"><kbd class="key-x">X</kbd></span> key. By
+          using <a href="#customization/:additional-javascript">additional JavaScript</a>, you can subscribe to the
+          <code>keyboard$</code> observable and attach your custom event listener:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nx">app</span><span class="p">.</span><span class="nx">keyboard$</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="nx">key</span> <span class="p">=&gt;</span> <span class="p">{</span>
+  <span class="k">if</span> <span class="p">(</span><span class="nx">key</span><span class="p">.</span><span class="nx">mode</span> <span class="o">===</span> <span class="s2">"global"</span> <span class="o">&amp;&amp;</span> <span class="nx">key</span><span class="p">.</span><span class="nx">type</span> <span class="o">===</span> <span class="s2">"x"</span><span class="p">)</span> <span class="p">{</span>
+    <span class="cm">/* Add custom keyboard handler here */</span>
+    <span class="nx">key</span><span class="p">.</span><span class="nx">claim</span><span class="p">()</span>
+  <span class="p">}</span>
+<span class="p">})</span>
+</code></pre>
+        </div>
+        <p>The call to <code
+            class="highlight"><span class="nx">key</span><span class="p">.</span><span class="nx">claim</span><span class="p">()</span></code>
+          will essentially execute <code
+            class="highlight"><span class="nx">preventDefault</span><span class="p">()</span></code> on the underlying
+          event, so the keypress will not propagate further and touch other event listeners.</p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/setup/setting-up-site-search/" id="setup/setting-up-site-search/:">
+      <h2 id="setup/setting-up-site-search/:setting-up-site-search"><span class="pdf-order">2.6 </span>Setting up site
+        search</h2>
+      <p>Material for MkDocs provides an excellent, client-side search implementation, omitting the need for the
+        integration of third-party services, which might violate data privacy regulations. Moreover, with some effort,
+        search can be made available <a href="#setup/setting-up-site-search/:offline-search">offline</a>.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="setup/setting-up-site-search/:configuration"><span class="pdf-order">2.6.1 </span>Configuration</h3>
+        <h4 id="setup/setting-up-site-search/:built-in-search">Built-in search</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/tree/master/src/assets/javascripts/integrations/search"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a href="https://www.mkdocs.org/user-guide/configuration/#search"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M8.75 8a.75.75 0 00-.75.75v6.5c0 .414.336.75.75.75h6.5a.75.75 0 00.75-.75v-6.5a.75.75 0 00-.75-.75h-6.5zm.75 6.5v-5h5v5h-5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M15.25 1a.75.75 0 01.75.75V4h2.25c.966 0 1.75.784 1.75 1.75V8h2.25a.75.75 0 010 1.5H20v5h2.25a.75.75 0 010 1.5H20v2.25A1.75 1.75 0 0118.25 20H16v2.25a.75.75 0 01-1.5 0V20h-5v2.25a.75.75 0 01-1.5 0V20H5.75A1.75 1.75 0 014 18.25V16H1.75a.75.75 0 010-1.5H4v-5H1.75a.75.75 0 010-1.5H4V5.75C4 4.784 4.784 4 5.75 4H8V1.75a.75.75 0 011.5 0V4h5V1.75a.75.75 0 01.75-.75zm3 17.5a.25.25 0 00.25-.25V5.75a.25.25 0 00-.25-.25H5.75a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h12.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Plugin</a> · <a class="tx-insiders" href="#insiders/:"><span class="twemoji tx-heart"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg></span> Insiders – improved user experience</a></p>
+        <p>The <a href="https://www.mkdocs.org/user-guide/configuration/#search">built-in search plugin</a> integrates
+          seamlessly with Material for MkDocs, adding multilingual client-side search with <a
+            href="https://lunrjs.com">lunr</a> and <a
+            href="https://github.com/MihaiValentin/lunr-languages">lunr-languages</a>. It's enabled by default, but must
+          be re-added to <code>mkdocs.yml</code> when other plugins are used:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">search</span>
+</code></pre>
+        </div>
+        <p>The following options are supported:</p>
+        <dl>
+          <dt><code id="setup/setting-up-site-search/:lang">lang</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <em>automatically set</em> – This option allows to include the language-specific
+              stemmers provided by <a href="https://github.com/MihaiValentin/lunr-languages">lunr-languages</a>. Note
+              that Material for MkDocs will set this automatically based on the <a
+                href="#setup/changing-the-language/:site-language">site language</a>, but it may be overridden, e.g. to
+              support multiple languages:</p>
+            <div class="tabbed-set" data-tabs="1:2">
+              <div class="tabbed-content--wrap"><input checked="checked" id="setup/setting-up-site-search/:__tabbed_1_1"
+                  name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">A single language</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">search</span><span class="p">:</span>
+      <span class="nt">lang</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">ru</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+              <div class="tabbed-content--wrap"><input id="setup/setting-up-site-search/:__tabbed_1_2" name="__tabbed_1"
+                  type="radio" /><label for="__tabbed_1_2">Multiple languages</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">search</span><span class="p">:</span>
+      <span class="nt">lang</span><span class="p">:</span>
+        <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">en</span>
+        <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">ru</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <p>The following languages are supported:</p>
+            <p>
+            <ul class="tx-columns">
+              <li><code>ar</code> – Arabic</li>
+              <li><code>da</code> – Danish</li>
+              <li><code>du</code> – Dutch</li>
+              <li><code>en</code> – English</li>
+              <li><code>fi</code> – Finnish</li>
+              <li><code>fr</code> – French</li>
+              <li><code>de</code> – German</li>
+              <li><code>hu</code> – Hungarian</li>
+              <li><code>it</code> – Italian</li>
+              <li><code>ja</code> – Japanese</li>
+              <li><code>no</code> – Norwegian</li>
+              <li><code>pt</code> – Portuguese</li>
+              <li><code>ro</code> – Romanian</li>
+              <li><code>ru</code> – Russian</li>
+              <li><code>es</code> – Spanish</li>
+              <li><code>sv</code> – Swedish</li>
+              <li><code>th</code> – Thai</li>
+              <li><code>tr</code> – Turkish</li>
+              <li><code>vi</code> – Vietnamese</li>
+            </ul>
+            </p>
+            <p><em>Material for MkDocs also tries to support languages that are not part of this list by choosing the
+                stemmer yielding the best result automatically</em>.</p>
+            <div class="admonition warning">
+              <p class="admonition-title">Only specify the languages you really need</p>
+              <p>Be aware that including support for other languages increases the general JavaScript payload by around
+                20kb (before <code>gzip</code>) and by another 15-30kb per language.</p>
+            </div>
+          </dd>
+          <dt><code id="setup/setting-up-site-search/:separator">separator</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <em>automatically set</em> – The separator for indexing and query tokenization
+              can be customized, making it possible to index parts of words separated by other characters than
+              whitespace and <code>-</code>, e.g. by including <code>.</code>:</p>
+            <div class="highlight">
+              <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">search</span><span class="p">:</span>
+      <span class="nt">separator</span><span class="p">:</span> <span class="s">'[\s\-\.]+'</span>
+</code></pre>
+            </div>
+          </dd>
+          <dt><code id="setup/setting-up-site-search/:prebuild-index">prebuild_index</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>false</code> · <span class="twemoji"><svg viewbox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M8 8.807V3.5h-.563a.75.75 0 010-1.5h9.125a.75.75 0 010 1.5H16v5.307l5.125 9.301c.964 1.75-.302 3.892-2.299 3.892H5.174c-1.998 0-3.263-2.142-2.3-3.892L8 8.807zM14.5 3.5h-5V9a.75.75 0 01-.093.362L7.127 13.5h9.746l-2.28-4.138A.75.75 0 0114.5 9V3.5zM4.189 18.832L6.3 15h11.4l2.111 3.832a1.125 1.125 0 01-.985 1.668H5.174a1.125 1.125 0 01-.985-1.668z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Experimental – MkDocs can generate a <a
+                href="https://www.mkdocs.org/user-guide/configuration/#prebuild_index">prebuilt index</a> of all pages
+              during build time, which provides performance improvements at the cost of more bandwidth, as it reduces
+              the build time of the search index:</p>
+            <div class="highlight">
+              <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">search</span><span class="p">:</span>
+      <span class="nt">prebuild_index</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">true</span>
+</code></pre>
+            </div>
+            <p>This may be beneficial for large documentation projects served with appropriate headers, i.e.
+              <code>Content-Encoding: gzip</code>, but benchmarking before deployment is recommended.</p>
+          </dd>
+        </dl>
+        <p><em>Material for MkDocs doesn't provide official support for the other options of this plugin, so they may be
+            supported but can also yield weird results. Use them at your own risk.</em></p>
+        <h4 id="setup/setting-up-site-search/:highlighting-search">Highlighting search</h4>
+        <p><a href="#insiders/:"><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M7.5 7.25C7.5 4.58 9.422 2.5 12 2.5c2.079 0 3.71 1.34 4.282 3.242a.75.75 0 101.436-.432C16.971 2.825 14.792 1 12 1 8.503 1 6 3.845 6 7.25V9h-.5A2.5 2.5 0 003 11.5v8A2.5 2.5 0 005.5 22h13a2.5 2.5 0 002.5-2.5v-8A2.5 2.5 0 0018.5 9h-11V7.25zm-3 4.25a1 1 0 011-1h13a1 1 0 011 1v8a1 1 0 01-1 1h-13a1 1 0 01-1-1v-8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Feature flag · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M8 8.807V3.5h-.563a.75.75 0 010-1.5h9.125a.75.75 0 010 1.5H16v5.307l5.125 9.301c.964 1.75-.302 3.892-2.299 3.892H5.174c-1.998 0-3.263-2.142-2.3-3.892L8 8.807zM14.5 3.5h-5V9a.75.75 0 01-.093.362L7.127 13.5h9.746l-2.28-4.138A.75.75 0 0114.5 9V3.5zM4.189 18.832L6.3 15h11.4l2.111 3.832a1.125 1.125 0 01-.985 1.668H5.174a1.125 1.125 0 01-.985-1.668z"
+                fill-rule="evenodd"></path>
+            </svg></span> Experimental · <a class="tx-insiders" href="#insiders/:"><span class="twemoji tx-heart"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg></span> Insiders only</a></p>
+        <p>When <em>search highlighting</em> is activated and a user clicks on a search result, Material for MkDocs will
+          highlight all occurrences after following the link. It can be enabled via <code>mkdocs.yml</code> with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">features</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">search.highlight</span>
+</code></pre>
+        </div>
+        <p>Searching for <code>"code blocks"</code> yields:</p>
+        <p><a href="assets/search-highlighting.png"><img alt="Search highlighting"
+              src="assets/search-highlighting.png"
+              style="" /></a></p>
+        <p><em>Give this feature a try on <a
+              href="https://squidfunk.github.io/mkdocs-material-insiders/reference/code-blocks/?h=code+blocks">the
+              official documentation</a> built with Material for MkDocs Insiders!</em></p>
+        <h4 id="setup/setting-up-site-search/:offline-search">Offline search</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/base.html#L378-L390"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a href="https://github.com/wilhelmer/mkdocs-localsearch/"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M8.75 8a.75.75 0 00-.75.75v6.5c0 .414.336.75.75.75h6.5a.75.75 0 00.75-.75v-6.5a.75.75 0 00-.75-.75h-6.5zm.75 6.5v-5h5v5h-5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M15.25 1a.75.75 0 01.75.75V4h2.25c.966 0 1.75.784 1.75 1.75V8h2.25a.75.75 0 010 1.5H20v5h2.25a.75.75 0 010 1.5H20v2.25A1.75 1.75 0 0118.25 20H16v2.25a.75.75 0 01-1.5 0V20h-5v2.25a.75.75 0 01-1.5 0V20H5.75A1.75 1.75 0 014 18.25V16H1.75a.75.75 0 010-1.5H4v-5H1.75a.75.75 0 010-1.5H4V5.75C4 4.784 4.784 4 5.75 4H8V1.75a.75.75 0 011.5 0V4h5V1.75a.75.75 0 01.75-.75zm3 17.5a.25.25 0 00.25-.25V5.75a.25.25 0 00-.25-.25H5.75a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h12.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Plugin</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M8 8.807V3.5h-.563a.75.75 0 010-1.5h9.125a.75.75 0 010 1.5H16v5.307l5.125 9.301c.964 1.75-.302 3.892-2.299 3.892H5.174c-1.998 0-3.263-2.142-2.3-3.892L8 8.807zM14.5 3.5h-5V9a.75.75 0 01-.093.362L7.127 13.5h9.746l-2.28-4.138A.75.75 0 0114.5 9V3.5zM4.189 18.832L6.3 15h11.4l2.111 3.832a1.125 1.125 0 01-.985 1.668H5.174a1.125 1.125 0 01-.985-1.668z"
+                fill-rule="evenodd"></path>
+            </svg></span> Experimental</p>
+        <p>If you distribute your documentation as <code>*.html</code> files, the built-in search will not work
+          out-of-the-box due to the restrictions modern browsers impose for security reasons. This can be mitigated with
+          the <a href="https://github.com/wilhelmer/mkdocs-localsearch/">localsearch</a> plugin in combination with <a
+            class="magiclink magiclink-github magiclink-mention" href="https://github.com/squidfunk"
+            title="GitHub User: squidfunk">@squidfunk</a>'s <a
+            href="https://github.com/squidfunk/iframe-worker">iframe-worker</a> polyfill.</p>
+        <p>For setup instructions, refer to the <a
+            href="https://github.com/wilhelmer/mkdocs-localsearch#installation-material-v5">official documentation</a>.
+        </p>
+        <h3 id="setup/setting-up-site-search/:customization"><span class="pdf-order">2.6.2 </span>Customization</h3>
+        <p>The search implementation of Material for MkDocs is probably its most sophisticated feature, as it tries to
+          balance a <em>great typeahead experience</em>, <em>good performance</em>, <em>accessibility</em>, and a result
+          list that is <em>easy to scan</em>. This is where Material for MkDocs deviates from other themes.</p>
+        <p>The following section explains how search can be customized to tailor it to your needs.</p>
+        <h4 id="setup/setting-up-site-search/:query-transformation">Query transformation</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/javascripts/integrations/search/transform/index.ts"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>easy</em></p>
+        <p>When a user enters a query into the search box, the query is pre-processed before it is submitted to the
+          search index. Material for MkDocs will apply the following transformations, which can be customized by <a
+            href="#customization/:extending-the-theme">extending the theme</a>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="cm">/**</span>
+<span class="cm"> * Default transformation function</span>
+<span class="cm"> *</span>
+<span class="cm"> * 1. Search for terms in quotation marks and prepend a `+` modifier to denote</span>
+<span class="cm"> *    that the resulting document must contain all terms, converting the query</span>
+<span class="cm"> *    to an `AND` query (as opposed to the default `OR` behavior). While users</span>
+<span class="cm"> *    may expect terms enclosed in quotation marks to map to span queries, i.e.</span>
+<span class="cm"> *    for which order is important, `lunr` doesn't support them, so the best</span>
+<span class="cm"> *    we can do is to convert the terms to an `AND` query.</span>
+<span class="cm"> *</span>
+<span class="cm"> * 2. Replace control characters which are not located at the beginning of the</span>
+<span class="cm"> *    query or preceded by white space, or are not followed by a non-whitespace</span>
+<span class="cm"> *    character or are at the end of the query string. Furthermore, filter</span>
+<span class="cm"> *    unmatched quotation marks.</span>
+<span class="cm"> *</span>
+<span class="cm"> * 3. Trim excess whitespace from left and right.</span>
+<span class="cm"> *</span>
+<span class="cm"> * 4. Append a wildcard to the end of every word to make every word a prefix</span>
+<span class="cm"> *    query in order to provide a good typeahead experience, by adding an</span>
+<span class="cm"> *    asterisk (wildcard) in between terms, which can be denoted by whitespace,</span>
+<span class="cm"> *    any non-control character, or a word boundary.</span>
+<span class="cm"> *</span>
+<span class="cm"> * @param query - Query value</span>
+<span class="cm"> *</span>
+<span class="cm"> * @return Transformed query value</span>
+<span class="cm"> */</span>
+<span class="kd">function</span> <span class="nx">defaultTransform</span><span class="p">(</span><span class="nx">query</span>: <span class="kt">string</span><span class="p">)</span><span class="o">:</span> <span class="kt">string</span> <span class="p">{</span>
+  <span class="k">return</span> <span class="nx">query</span>
+    <span class="p">.</span><span class="nx">split</span><span class="p">(</span><span class="sr">/"([^"]+)"/g</span><span class="p">)</span>                            <span class="cm">/* =&gt; 1 */</span>
+      <span class="p">.</span><span class="nx">map</span><span class="p">((</span><span class="nx">terms</span><span class="p">,</span> <span class="nx">i</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">i</span> <span class="o">&amp;</span> <span class="mi">1</span>
+        <span class="o">?</span> <span class="nx">terms</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/^\b|^(?![^\x00-\x7F]|$)|\s+/g</span><span class="p">,</span> <span class="s2">" +"</span><span class="p">)</span>
+        <span class="o">:</span> <span class="nx">terms</span>
+      <span class="p">)</span>
+      <span class="p">.</span><span class="nx">join</span><span class="p">(</span><span class="s2">""</span><span class="p">)</span>
+    <span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/"|(?:^|\s+)[*+\-:^~]+(?=\s+|$)/g</span><span class="p">,</span> <span class="s2">""</span><span class="p">)</span> <span class="cm">/* =&gt; 2 */</span>
+    <span class="p">.</span><span class="nx">trim</span><span class="p">()</span>                                         <span class="cm">/* =&gt; 3 */</span>
+    <span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="sr">/\s+|(?![^\x00-\x7F]|^)$|\b$/g</span><span class="p">,</span> <span class="s2">"* "</span><span class="p">)</span>  <span class="cm">/* =&gt; 4 */</span>
+<span class="p">}</span>
+</code></pre>
+        </div>
+        <p>If you want to switch to the default behavior of the <code>mkdocs</code> or <code>readthedocs</code>
+          template, both of which don't transform the query prior to submission, or customize the <code>transform</code>
+          function, you can do this by <a href="#customization/:overriding-blocks">overriding the <code>config</code>
+            block</a>:</p>
+        <div class="highlight">
+          <pre><span></span><code>{% block config %}
+  <span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
+    <span class="kd">var</span> <span class="nx">search</span> <span class="o">=</span> <span class="p">{</span>
+      <span class="nx">transform</span><span class="o">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">query</span><span class="p">)</span> <span class="p">{</span>
+        <span class="k">return</span> <span class="nx">query</span>
+      <span class="p">}</span>
+    <span class="p">}</span>
+  <span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+{% endblock %}
+</code></pre>
+        </div>
+        <p>The <code>transform</code> function will receive the query string as entered by the user and must return the
+          processed query string to be submitted to the search index.</p>
+        <h4 id="setup/setting-up-site-search/:custom-search">Custom search</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/javascripts/integrations/search/worker"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>challenging</em></p>
+        <p>Material for MkDocs implements search as part of a <a
+            href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers">web worker</a>. If
+          you want to switch the web worker with your own implementation, e.g. to submit search to an external service,
+          you can add a custom JavaScript file to the <code>docs</code> directory and <a
+            href="#customization/:overriding-blocks">override the <code>config</code> block</a>:</p>
+        <div class="highlight">
+          <pre><span></span><code>{% block config %}
+  <span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
+    <span class="kd">var</span> <span class="nx">search</span> <span class="o">=</span> <span class="p">{</span>
+      <span class="nx">worker</span><span class="o">:</span> <span class="s2">"&lt;url&gt;"</span>
+    <span class="p">}</span>
+  <span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
+{% endblock %}
+</code></pre>
+        </div>
+        <p>Communication with the search worker is implemented using a standardized message format using
+          <em>discriminated unions</em>, i.e. through the <code>type</code> property of the message. See the following
+          interface definitions to learn about the message formats:</p>
+        <ul>
+          <li><a
+              href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/javascripts/integrations/search/worker/message/index.ts"><span
+                class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                    fill-rule="evenodd"></path>
+                  <path
+                    d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                  </path>
+                </svg></span> <code>SearchMessage</code></a></li>
+          <li><a
+              href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/javascripts/integrations/search/_/index.ts"><span
+                class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                    fill-rule="evenodd"></path>
+                  <path
+                    d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                  </path>
+                </svg></span> <code>SearchIndex</code> and <code>SearchResult</code></a></li>
+        </ul>
+        <p>The sequence and direction of messages is rather intuitive:</p>
+        <ul>
+          <li><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M13.22 19.03a.75.75 0 001.06 0l6.25-6.25a.75.75 0 000-1.06l-6.25-6.25a.75.75 0 10-1.06 1.06l4.97 4.97H3.75a.75.75 0 000 1.5h14.44l-4.97 4.97a.75.75 0 000 1.06z"
+                  fill-rule="evenodd"></path>
+              </svg></span> <code>SearchSetupMessage</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M10.78 19.03a.75.75 0 01-1.06 0l-6.25-6.25a.75.75 0 010-1.06l6.25-6.25a.75.75 0 111.06 1.06L5.81 11.5h14.44a.75.75 0 010 1.5H5.81l4.97 4.97a.75.75 0 010 1.06z"
+                  fill-rule="evenodd"></path>
+              </svg></span> <code>SearchReadyMessage</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M13.22 19.03a.75.75 0 001.06 0l6.25-6.25a.75.75 0 000-1.06l-6.25-6.25a.75.75 0 10-1.06 1.06l4.97 4.97H3.75a.75.75 0 000 1.5h14.44l-4.97 4.97a.75.75 0 000 1.06z"
+                  fill-rule="evenodd"></path>
+              </svg></span> <code>SearchQueryMessage</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M10.78 19.03a.75.75 0 01-1.06 0l-6.25-6.25a.75.75 0 010-1.06l6.25-6.25a.75.75 0 111.06 1.06L5.81 11.5h14.44a.75.75 0 010 1.5H5.81l4.97 4.97a.75.75 0 010 1.06z"
+                  fill-rule="evenodd"></path>
+              </svg></span> <code>SearchResultMessage</code></li>
+        </ul>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/setup/setting-up-site-analytics/" id="setup/setting-up-site-analytics/:">
+      <h2 id="setup/setting-up-site-analytics/:setting-up-site-analytics"><span class="pdf-order">2.7 </span>Setting up
+        site analytics</h2>
+      <p>As with any other service offered on the web, understanding how your project documentation is actually used can
+        be an essential success factor. While Material for MkDocs natively integrates with <a
+          href="https://developers.google.com/analytics">Google Analytics</a>, <a
+          href="#setup/setting-up-site-analytics/:other-analytics-providers">other analytics services</a> can be used,
+        too.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="setup/setting-up-site-analytics/:configuration"><span class="pdf-order">2.7.1 </span>Configuration</h3>
+        <h4 id="setup/setting-up-site-analytics/:google-analytics">Google Analytics</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/integrations/analytics.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <em>none</em></p>
+        <p>After heading over to your <a href="https://developers.google.com/analytics">Google Analytics</a> account to
+          <a href="https://support.google.com/analytics/answer/1042508">create a new property</a> in order to obtain a
+          unique tracking id of the form <code>UA-XXXXXXXX-X</code>, add it to <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">google_analytics</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">UA-XXXXXXXX-X</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">auto</span>
+</code></pre>
+        </div>
+        <h5 id="setup/setting-up-site-analytics/:site-search-tracking">Site search tracking</h5>
+        <p>Besides basic page views, <em>site search</em> can also be tracked to understand better how people use your
+          documentation and what they expect to find. To enable search tracking:</p>
+        <ol>
+          <li>Go to your Google Analytics <strong>admin settings</strong></li>
+          <li>Select the property for the respective tracking code</li>
+          <li>Go to the <strong>view settings</strong> tab.</li>
+          <li>Scroll down and enable <strong>site search settings</strong></li>
+          <li>Set the <strong>query parameter</strong> to <code>q</code>.</li>
+        </ol>
+        <h3 id="setup/setting-up-site-analytics/:customization"><span class="pdf-order">2.7.2 </span>Customization</h3>
+        <h4 id="setup/setting-up-site-analytics/:other-analytics-providers">Other analytics providers</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/integrations/analytics.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>easy</em></p>
+        <p>In order to integrate another analytics service provider offering an asynchronous JavaScript-based tracking
+          solution, you can <a href="#customization/:extending-the-theme">extend the theme</a> and <a
+            href="#customization/:overriding-blocks">override the <code>analytics</code> block</a>:</p>
+        <div class="highlight">
+          <pre><span></span><code>{% block analytics %}
+  <span class="c">&lt;!-- Add custom analytics integration here --&gt;</span>
+{% endblock %}
+</code></pre>
+        </div>
+        <p>If you're using <a href="#setup/setting-up-navigation/:instant-loading">instant loading</a>, you may use the
+          <code>location$</code> observable, which will emit the current <code>URL</code> to listen for navigation
+          events and register a page view event with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nx">app</span><span class="p">.</span><span class="nx">location$</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">url</span><span class="p">)</span> <span class="p">{</span>
+  <span class="cm">/* Add custom page event tracking here */</span>
+<span class="p">})</span>
+</code></pre>
+        </div>
+        <p>Note that this must be integrated with <a href="#customization/:additional-javascript">additional
+            JavaScript</a>, and cannot be included as part of the <code>analytics</code> block, as it is included in the
+          <code>head</code> of the document.</p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/setup/setting-up-the-header/" id="setup/setting-up-the-header/:">
+      <h2 id="setup/setting-up-the-header/:setting-up-the-header"><span class="pdf-order">2.8 </span>Setting up the
+        header</h2>
+      <p>Material for MkDocs' header can be customized to show an announcement bar that disappears upon scrolling, and
+        provides some options for further configuration. It also includes the <a
+          href="#setup/setting-up-site-search/:">search bar</a> and a place to display your project's <a
+          href="#setup/adding-a-git-repository/:">git repository</a>, as explained in those dedicated guides.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="setup/setting-up-the-header/:configuration"><span class="pdf-order">2.8.1 </span>Configuration</h3>
+        <h4 id="setup/setting-up-the-header/:automatic-hiding">Automatic hiding</h4>
+        <p><a href="#insiders/:"><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M7.5 7.25C7.5 4.58 9.422 2.5 12 2.5c2.079 0 3.71 1.34 4.282 3.242a.75.75 0 101.436-.432C16.971 2.825 14.792 1 12 1 8.503 1 6 3.845 6 7.25V9h-.5A2.5 2.5 0 003 11.5v8A2.5 2.5 0 005.5 22h13a2.5 2.5 0 002.5-2.5v-8A2.5 2.5 0 0018.5 9h-11V7.25zm-3 4.25a1 1 0 011-1h13a1 1 0 011 1v8a1 1 0 01-1 1h-13a1 1 0 01-1-1v-8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Feature flag · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M8 8.807V3.5h-.563a.75.75 0 010-1.5h9.125a.75.75 0 010 1.5H16v5.307l5.125 9.301c.964 1.75-.302 3.892-2.299 3.892H5.174c-1.998 0-3.263-2.142-2.3-3.892L8 8.807zM14.5 3.5h-5V9a.75.75 0 01-.093.362L7.127 13.5h9.746l-2.28-4.138A.75.75 0 0114.5 9V3.5zM4.189 18.832L6.3 15h11.4l2.111 3.832a1.125 1.125 0 01-.985 1.668H5.174a1.125 1.125 0 01-.985-1.668z"
+                fill-rule="evenodd"></path>
+            </svg></span> Experimental · <a class="tx-insiders" href="#insiders/:"><span class="twemoji tx-heart"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg></span> Insiders only</a></p>
+        <p>When <em>auto-hiding</em> is activated, the header is automatically hidden when the user scrolls past a
+          certain threshold, leaving more space for content. It can be enabled via <code>mkdocs.yml</code> with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">features</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">header.hide</span>
+</code></pre>
+        </div>
+        <p><em>Give this feature a try on <a href="https://squidfunk.github.io/mkdocs-material-insiders/">the official
+              documentation</a> built with Material for MkDocs Insiders!</em></p>
+        <h3 id="setup/setting-up-the-header/:customization"><span class="pdf-order">2.8.2 </span>Customization</h3>
+        <h4 id="setup/setting-up-the-header/:announcement-bar">Announcement bar</h4>
+        <p>Material for MkDocs includes an announcement bar, which is the perfect place to display project news or other
+          important information to the user. When the user scrolls past the header, the bar will automatically
+          disappear. In order to add an announcement bar, <a href="#customization/:extending-the-theme">extend the
+            theme</a> and <a href="#customization/:overriding-blocks">override the <code>announce</code> block</a>,
+          which is empty by default:</p>
+        <div class="highlight">
+          <pre><span></span><code>{% block announce %}
+  <span class="c">&lt;!-- Add your announcement here, including arbitrary HTML --&gt;</span>
+{% endblock %}
+</code></pre>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/setup/adding-social-links/" id="setup/adding-social-links/:">
+      <h2 id="setup/adding-social-links/:adding-social-links"><span class="pdf-order">2.9 </span>Adding social links
+      </h2>
+      <p>The footer of your project documentation is a great place to add links to websites or platforms you or your
+        company are using as additional marketing channels, e.g. <span class="twemoji" style="color: #00AB6C"><svg
+            viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+            <path
+              d="M0 32v448h448V32H0zm372.2 106.1l-24 23c-2.1 1.6-3.1 4.2-2.7 6.7v169.3c-.4 2.6.6 5.2 2.7 6.7l23.5 23v5.1h-118V367l24.3-23.6c2.4-2.4 2.4-3.1 2.4-6.7V199.8l-67.6 171.6h-9.1L125 199.8v115c-.7 4.8 1 9.7 4.4 13.2l31.6 38.3v5.1H71.2v-5.1l31.6-38.3c3.4-3.5 4.9-8.4 4.1-13.2v-133c.4-3.7-1-7.3-3.8-9.8L75 138.1V133h87.3l67.4 148L289 133.1h83.2v5z">
+            </path>
+          </svg></span>, <span class="twemoji" style="color: #1DA1F2"><svg viewbox="0 0 512 512"
+            xmlns="http://www.w3.org/2000/svg">
+            <path
+              d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
+            </path>
+          </svg></span> or <span class="twemoji" style="color: #4267B2"><svg viewbox="0 0 512 512"
+            xmlns="http://www.w3.org/2000/svg">
+            <path
+              d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z">
+            </path>
+          </svg></span>, which can be configured via <code>mkdocs.yml</code>.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="setup/adding-social-links/:configuration"><span class="pdf-order">2.9.1 </span>Configuration</h3>
+        <h4 id="setup/adding-social-links/:social-links">Social links</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/social.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <em>none</em></p>
+        <p>All <em>social links</em> are rendered next to the copyright information as part of the footer of your
+          project documentation. Add a list of social links in <code>mkdocs.yml</code> with:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">extra</span><span class="p">:</span>
+  <span class="nt">social</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="nt">icon</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">fontawesome/brands/twitter</span>
+      <span class="nt">link</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://twitter.com/squidfunk</span>
+</code></pre>
+        </div>
+        <p>For each entry, the following fields are available:</p>
+        <dl>
+          <dt><code id="setup/adding-social-links/:icon">icon</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <em>none</em> · <span class="twemoji"><svg viewbox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg">
+                  <path d="M13 17.5a1 1 0 11-2 0 1 1 0 012 0zm-.25-8.25a.75.75 0 00-1.5 0v4.5a.75.75 0 001.5 0v-4.5z">
+                  </path>
+                  <path
+                    d="M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752L9.836 3.244zm3.03.751a1 1 0 00-1.732 0L2.168 19.499A1 1 0 003.034 21h17.932a1 1 0 00.866-1.5L12.866 3.994z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Required – This field must point to a valid icon path referencing <a
+                href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons">any icon bundled with
+                the theme</a>, or the build will not succeed. Some popular choices:</p>
+            <ul>
+              <li><span class="twemoji"><svg viewbox="0 0 576 512" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z">
+                    </path>
+                  </svg></span> – <code>fontawesome/brands/behance</code></li>
+              <li><span class="twemoji"><svg viewbox="0 0 640 512" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M349.9 236.3h-66.1v-59.4h66.1v59.4zm0-204.3h-66.1v60.7h66.1V32zm78.2 144.8H362v59.4h66.1v-59.4zm-156.3-72.1h-66.1v60.1h66.1v-60.1zm78.1 0h-66.1v60.1h66.1v-60.1zm276.8 100c-14.4-9.7-47.6-13.2-73.1-8.4-3.3-24-16.7-44.9-41.1-63.7l-14-9.3-9.3 14c-18.4 27.8-23.4 73.6-3.7 103.8-8.7 4.7-25.8 11.1-48.4 10.7H2.4c-8.7 50.8 5.8 116.8 44 162.1 37.1 43.9 92.7 66.2 165.4 66.2 157.4 0 273.9-72.5 328.4-204.2 21.4.4 67.6.1 91.3-45.2 1.5-2.5 6.6-13.2 8.5-17.1l-13.3-8.9zm-511.1-27.9h-66v59.4h66.1v-59.4zm78.1 0h-66.1v59.4h66.1v-59.4zm78.1 0h-66.1v59.4h66.1v-59.4zm-78.1-72.1h-66.1v60.1h66.1v-60.1z">
+                    </path>
+                  </svg></span> – <code>fontawesome/brands/docker</code></li>
+              <li><span class="twemoji"><svg viewbox="0 0 496 512" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z">
+                    </path>
+                  </svg></span> – <code>fontawesome/brands/github</code></li>
+              <li><span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z">
+                    </path>
+                  </svg></span> – <code>fontawesome/brands/instagram</code></li>
+              <li><span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z">
+                    </path>
+                  </svg></span> – <code>fontawesome/brands/linkedin</code></li>
+              <li><span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M0 32v448h448V32H0zm372.2 106.1l-24 23c-2.1 1.6-3.1 4.2-2.7 6.7v169.3c-.4 2.6.6 5.2 2.7 6.7l23.5 23v5.1h-118V367l24.3-23.6c2.4-2.4 2.4-3.1 2.4-6.7V199.8l-67.6 171.6h-9.1L125 199.8v115c-.7 4.8 1 9.7 4.4 13.2l31.6 38.3v5.1H71.2v-5.1l31.6-38.3c3.4-3.5 4.9-8.4 4.1-13.2v-133c.4-3.7-1-7.3-3.8-9.8L75 138.1V133h87.3l67.4 148L289 133.1h83.2v5z">
+                    </path>
+                  </svg></span> – <code>fontawesome/brands/medium</code></li>
+              <li><span class="twemoji"><svg viewbox="0 0 576 512" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M244 246c-3.2-2-6.3-2.9-10.1-2.9-6.6 0-12.6 3.2-19.3 3.7l1.7 4.9zm135.9 197.9c-19 0-64.1 9.5-79.9 19.8l6.9 45.1c35.7 6.1 70.1 3.6 106-9.8-4.8-10-23.5-55.1-33-55.1zM340.8 177c6.6 2.8 11.5 9.2 22.7 22.1 2-1.4 7.5-5.2 7.5-8.6 0-4.9-11.8-13.2-13.2-23 11.2-5.7 25.2-6 37.6-8.9 68.1-16.4 116.3-52.9 146.8-116.7C548.3 29.3 554 16.1 554.6 2l-2 2.6c-28.4 50-33 63.2-81.3 100-31.9 24.4-69.2 40.2-106.6 54.6l-6.3-.3v-21.8c-19.6 1.6-19.7-14.6-31.6-23-18.7 20.6-31.6 40.8-58.9 51.1-12.7 4.8-19.6 10-25.9 21.8 34.9-16.4 91.2-13.5 98.8-10zM555.5 0l-.6 1.1-.3.9.6-.6zm-59.2 382.1c-33.9-56.9-75.3-118.4-150-115.5l-.3-6c-1.1-13.5 32.8 3.2 35.1-31l-14.4 7.2c-19.8-45.7-8.6-54.3-65.5-54.3-14.7 0-26.7 1.7-41.4 4.6 2.9 18.6 2.2 36.7-10.9 50.3l19.5 5.5c-1.7 3.2-2.9 6.3-2.9 9.8 0 21 42.8 2.9 42.8 33.6 0 18.4-36.8 60.1-54.9 60.1-8 0-53.7-50-53.4-60.1l.3-4.6 52.3-11.5c13-2.6 12.3-22.7-2.9-22.7-3.7 0-43.1 9.2-49.4 10.6-2-5.2-7.5-14.1-13.8-14.1-3.2 0-6.3 3.2-9.5 4-9.2 2.6-31 2.9-21.5 20.1L15.9 298.5c-5.5 1.1-8.9 6.3-8.9 11.8 0 6 5.5 10.9 11.5 10.9 8 0 131.3-28.4 147.4-32.2 2.6 3.2 4.6 6.3 7.8 8.6 20.1 14.4 59.8 85.9 76.4 85.9 24.1 0 58-22.4 71.3-41.9 3.2-4.3 6.9-7.5 12.4-6.9.6 13.8-31.6 34.2-33 43.7-1.4 10.2-1 35.2-.3 41.1 26.7 8.1 52-3.6 77.9-2.9 4.3-21 10.6-41.9 9.8-63.5l-.3-9.5c-1.4-34.2-10.9-38.5-34.8-58.6-1.1-1.1-2.6-2.6-3.7-4 2.2-1.4 1.1-1 4.6-1.7 88.5 0 56.3 183.6 111.5 229.9 33.1-15 72.5-27.9 103.5-47.2-29-25.6-52.6-45.7-72.7-79.9zm-196.2 46.1v27.2l11.8-3.4-2.9-23.8zm-68.7-150.4l24.1 61.2 21-13.8-31.3-50.9zm84.4 154.9l2 12.4c9-1.5 58.4-6.6 58.4-14.1 0-1.4-.6-3.2-.9-4.6-26.8 0-36.9 3.8-59.5 6.3z">
+                    </path>
+                  </svg></span> – <code>fontawesome/brands/pied-piper-alt</code></li>
+              <li><span class="twemoji"><svg viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M326.3 218.8c0 20.5-16.7 37.2-37.2 37.2h-70.3v-74.4h70.3c20.5 0 37.2 16.7 37.2 37.2zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-128.1-37.2c0-47.9-38.9-86.8-86.8-86.8H169.2v248h49.6v-74.4h70.3c47.9 0 86.8-38.9 86.8-86.8z">
+                    </path>
+                  </svg></span> – <code>fontawesome/brands/product-hunt</code></li>
+              <li><span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M94.12 315.1c0 25.9-21.16 47.06-47.06 47.06S0 341 0 315.1c0-25.9 21.16-47.06 47.06-47.06h47.06v47.06zm23.72 0c0-25.9 21.16-47.06 47.06-47.06s47.06 21.16 47.06 47.06v117.84c0 25.9-21.16 47.06-47.06 47.06s-47.06-21.16-47.06-47.06V315.1zm47.06-188.98c-25.9 0-47.06-21.16-47.06-47.06S139 32 164.9 32s47.06 21.16 47.06 47.06v47.06H164.9zm0 23.72c25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06H47.06C21.16 243.96 0 222.8 0 196.9s21.16-47.06 47.06-47.06H164.9zm188.98 47.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06s-21.16 47.06-47.06 47.06h-47.06V196.9zm-23.72 0c0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06V79.06c0-25.9 21.16-47.06 47.06-47.06 25.9 0 47.06 21.16 47.06 47.06V196.9zM283.1 385.88c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06-25.9 0-47.06-21.16-47.06-47.06v-47.06h47.06zm0-23.72c-25.9 0-47.06-21.16-47.06-47.06 0-25.9 21.16-47.06 47.06-47.06h117.84c25.9 0 47.06 21.16 47.06 47.06 0 25.9-21.16 47.06-47.06 47.06H283.1z">
+                    </path>
+                  </svg></span> – <code>fontawesome/brands/slack</code></li>
+              <li><span class="twemoji"><svg viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
+                    </path>
+                  </svg></span> – <code>fontawesome/brands/twitter</code></li>
+            </ul>
+          </dd>
+          <dt><code id="setup/adding-social-links/:link">link</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <em>none</em> · <span class="twemoji"><svg viewbox="0 0 24 24"
+                  xmlns="http://www.w3.org/2000/svg">
+                  <path d="M13 17.5a1 1 0 11-2 0 1 1 0 012 0zm-.25-8.25a.75.75 0 00-1.5 0v4.5a.75.75 0 001.5 0v-4.5z">
+                  </path>
+                  <path
+                    d="M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752L9.836 3.244zm3.03.751a1 1 0 00-1.732 0L2.168 19.499A1 1 0 003.034 21h17.932a1 1 0 00.866-1.5L12.866 3.994z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Required – This field must contain a valid relative or absolute URL including the URI
+              scheme. All URI schemes are supported, including <code>mailto</code> and <code>bitcoin</code>:</p>
+            <div class="tabbed-set" data-tabs="1:2">
+              <div class="tabbed-content--wrap"><input checked="checked" id="setup/adding-social-links/:__tabbed_1_1"
+                  name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Twitter</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">extra</span><span class="p">:</span>
+  <span class="nt">social</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="nt">icon</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">fontawesome/brands/twitter</span>
+      <span class="nt">link</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://twitter.com/squidfunk</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+              <div class="tabbed-content--wrap"><input id="setup/adding-social-links/:__tabbed_1_2" name="__tabbed_1"
+                  type="radio" /><label for="__tabbed_1_2">Email address</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">extra</span><span class="p">:</span>
+  <span class="nt">social</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="nt">icon</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">fontawesome/solid/paper-plane</span>
+      <span class="nt">link</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">mailto:&lt;email-address&gt;</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </dd>
+          <dt><code id="setup/adding-social-links/:name">name</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <em>domain name from</em> <code>link</code><em>, if available</em> – This field
+              is used as the link's <code>title</code> attribute and can be set to a discernable name to improve
+              accessibility:</p>
+            <div class="highlight">
+              <pre><span></span><code><span class="nt">extra</span><span class="p">:</span>
+  <span class="nt">social</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="nt">icon</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">fontawesome/brands/twitter</span>
+      <span class="nt">link</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://twitter.com/squidfunk</span>
+      <span class="nt">name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">squidfunk on Twitter</span>
+</code></pre>
+            </div>
+          </dd>
+        </dl>
+        <h3 id="setup/adding-social-links/:customization"><span class="pdf-order">2.9.2 </span>Customization</h3>
+        <h4 id="setup/adding-social-links/:custom-icons">Custom icons</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>moderate</em></p>
+        <p>The social links feature uses the standard <a href="#setup/changing-the-logo-and-icons/:icons">icon
+            integration</a> of Material for MkDocs. If you want to use custom icons, follow the guide explaining how to
+          add <a href="#setup/changing-the-logo-and-icons/:additional-icons">additional icons</a>.</p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/setup/adding-a-git-repository/" id="setup/adding-a-git-repository/:">
+      <h2 id="setup/adding-a-git-repository/:adding-a-git-repository"><span class="pdf-order">2.10 </span>Adding a git
+        repository</h2>
+      <p>If your documentation is related to source code, Material for MkDocs provides the ability to display
+        information to the project's repository as part of the static site, including statistics like stars and forks.
+        Furthermore, individual documents can be linked to specific source files.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="setup/adding-a-git-repository/:configuration"><span class="pdf-order">2.10.1 </span>Configuration</h3>
+        <p>In order to display a link to the repository of your project as part of your documentation, set <a
+            href="https://www.mkdocs.org/user-guide/configuration/#repo_url"><code>repo_url</code></a> in
+          <code>mkdocs.yml</code> to the public URL of your repository, e.g.:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">repo_url</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://github.com/squidfunk/mkdocs-material</span>
+</code></pre>
+        </div>
+        <p>The link to the repository will be rendered next to the search bar on big screens and as part of the main
+          navigation drawer on smaller screen sizes. Additionally, for GitHub and GitLab, the number of stars and forks
+          is automatically requested and rendered for <em>public repositories</em>.</p>
+        <h4 id="setup/adding-a-git-repository/:repository-name">Repository name</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/source.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <em>automatically set to</em> <code>GitHub</code>, <code>GitLab</code> <em>or</em>
+          <code>Bitbucket</code></p>
+        <p>MkDocs will infer the source provider by examining the URL and try to set the <em>repository name</em>
+          automatically. If you wish to customize the name, set <a
+            href="https://www.mkdocs.org/user-guide/configuration/#repo_name"><code>repo_name</code></a> in
+          <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">repo_name</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">squidfunk/mkdocs-material</span>
+</code></pre>
+        </div>
+        <h4 id="setup/adding-a-git-repository/:repository-icon">Repository icon</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/source.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <code>fontawesome/brands/git-alt</code></p>
+        <p>While the default <em>repository icon</em> is a generic git icon, it can be set to <a
+            href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons">any icon bundled with the
+            theme</a> by referencing a valid icon path in <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">icon</span><span class="p">:</span>
+    <span class="nt">repo</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">fontawesome/brands/git-alt</span>
+</code></pre>
+        </div>
+        <p>Some popular choices:</p>
+        <ul>
+          <li><span class="twemoji"><svg viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M216.29 158.39H137C97 147.9 6.51 150.63 6.51 233.18c0 30.09 15 51.23 35 61-25.1 23-37 33.85-37 49.21 0 11 4.47 21.14 17.89 26.81C8.13 383.61 0 393.35 0 411.65c0 32.11 28.05 50.82 101.63 50.82 70.75 0 111.79-26.42 111.79-73.18 0-58.66-45.16-56.5-151.63-63l13.43-21.55c27.27 7.58 118.7 10 118.7-67.89 0-18.7-7.73-31.71-15-41.07l37.41-2.84zm-63.42 241.9c0 32.06-104.89 32.1-104.89 2.43 0-8.14 5.27-15 10.57-21.54 77.71 5.3 94.32 3.37 94.32 19.11zm-50.81-134.58c-52.8 0-50.46-71.16 1.2-71.16 49.54 0 50.82 71.16-1.2 71.16zm133.3 100.51v-32.1c26.75-3.66 27.24-2 27.24-11V203.61c0-8.5-2.05-7.38-27.24-16.26l4.47-32.92H324v168.71c0 6.51.4 7.32 6.51 8.14l20.73 2.84v32.1zm52.45-244.31c-23.17 0-36.59-13.43-36.59-36.61s13.42-35.77 36.59-35.77c23.58 0 37 12.62 37 35.77s-13.42 36.61-37 36.61zM512 350.46c-17.49 8.53-43.1 16.26-66.28 16.26-48.38 0-66.67-19.5-66.67-65.46V194.75c0-5.42 1.05-4.06-31.71-4.06V154.5c35.78-4.07 50-22 54.47-66.27h38.63c0 65.83-1.34 61.81 3.26 61.81H501v40.65h-60.56v97.15c0 6.92-4.92 51.41 60.57 26.84z">
+                </path>
+              </svg></span> – <code>fontawesome/brands/git</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M439.55 236.05L244 40.45a28.87 28.87 0 00-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 01-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 000 40.81l195.61 195.6a28.86 28.86 0 0040.8 0l194.69-194.69a28.86 28.86 0 000-40.81z">
+                </path>
+              </svg></span> – <code>fontawesome/brands/git-alt</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M100.59 334.24c48.57 3.31 58.95 2.11 58.95 11.94 0 20-65.55 20.06-65.55 1.52.01-5.09 3.29-9.4 6.6-13.46zm27.95-116.64c-32.29 0-33.75 44.47-.75 44.47 32.51 0 31.71-44.47.75-44.47zM448 80v352a48 48 0 01-48 48H48a48 48 0 01-48-48V80a48 48 0 0148-48h352a48 48 0 0148 48zm-227 69.31c0 14.49 8.38 22.88 22.86 22.88 14.74 0 23.13-8.39 23.13-22.88S258.62 127 243.88 127c-14.48 0-22.88 7.84-22.88 22.31zM199.18 195h-49.55c-25-6.55-81.56-4.85-81.56 46.75 0 18.8 9.4 32 21.85 38.11C74.23 294.23 66.8 301 66.8 310.6c0 6.87 2.79 13.22 11.18 16.76-8.9 8.4-14 14.48-14 25.92C64 373.35 81.53 385 127.52 385c44.22 0 69.87-16.51 69.87-45.73 0-36.67-28.23-35.32-94.77-39.38l8.38-13.43c17 4.74 74.19 6.23 74.19-42.43 0-11.69-4.83-19.82-9.4-25.67l23.38-1.78zm84.34 109.84l-13-1.78c-3.82-.51-4.07-1-4.07-5.09V192.52h-52.6l-2.79 20.57c15.75 5.55 17 4.86 17 10.17V298c0 5.62-.31 4.58-17 6.87v20.06h72.42zM384 315l-6.87-22.37c-40.93 15.37-37.85-12.41-37.85-16.73v-60.72h37.85v-25.41h-35.82c-2.87 0-2 2.52-2-38.63h-24.18c-2.79 27.7-11.68 38.88-34 41.42v22.62c20.47 0 19.82-.85 19.82 2.54v66.57c0 28.72 11.43 40.91 41.67 40.91 14.45 0 30.45-4.83 41.38-10.2z">
+                </path>
+              </svg></span> – <code>fontawesome/brands/git-square</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 496 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z">
+                </path>
+              </svg></span> – <code>fontawesome/brands/github</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 480 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M186.1 328.7c0 20.9-10.9 55.1-36.7 55.1s-36.7-34.2-36.7-55.1 10.9-55.1 36.7-55.1 36.7 34.2 36.7 55.1zM480 278.2c0 31.9-3.2 65.7-17.5 95-37.9 76.6-142.1 74.8-216.7 74.8-75.8 0-186.2 2.7-225.6-74.8-14.6-29-20.2-63.1-20.2-95 0-41.9 13.9-81.5 41.5-113.6-5.2-15.8-7.7-32.4-7.7-48.8 0-21.5 4.9-32.3 14.6-51.8 45.3 0 74.3 9 108.8 36 29-6.9 58.8-10 88.7-10 27 0 54.2 2.9 80.4 9.2 34-26.7 63-35.2 107.8-35.2 9.8 19.5 14.6 30.3 14.6 51.8 0 16.4-2.6 32.7-7.7 48.2 27.5 32.4 39 72.3 39 114.2zm-64.3 50.5c0-43.9-26.7-82.6-73.5-82.6-18.9 0-37 3.4-56 6-14.9 2.3-29.8 3.2-45.1 3.2-15.2 0-30.1-.9-45.1-3.2-18.7-2.6-37-6-56-6-46.8 0-73.5 38.7-73.5 82.6 0 87.8 80.4 101.3 150.4 101.3h48.2c70.3 0 150.6-13.4 150.6-101.3zm-82.6-55.1c-25.8 0-36.7 34.2-36.7 55.1s10.9 55.1 36.7 55.1 36.7-34.2 36.7-55.1-10.9-55.1-36.7-55.1z">
+                </path>
+              </svg></span> – <code>fontawesome/brands/github-alt</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z">
+                </path>
+              </svg></span> – <code>fontawesome/brands/github-square</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z">
+                </path>
+              </svg></span> – <code>fontawesome/brands/gitlab</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 592 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M565.7 118.1c-2.3-6.1-9.3-9.2-15.3-6.6-5.7 2.4-8.5 8.9-6.3 14.6 10.9 29 16.9 60.5 16.9 93.3 0 134.6-100.3 245.7-230.2 262.7V358.4c7.9-1.5 15.5-3.6 23-6.2v104c106.7-25.9 185.9-122.1 185.9-236.8 0-91.8-50.8-171.8-125.8-213.3-5.7-3.2-13-.9-15.9 5-2.7 5.5-.6 12.2 4.7 15.1 67.9 37.6 113.9 110 113.9 193.2 0 93.3-57.9 173.1-139.8 205.4v-92.2c14.2-4.5 24.9-17.7 24.9-33.5 0-13.1-6.8-24.4-17.3-30.5 8.3-79.5 44.5-58.6 44.5-83.9V170c0-38-87.9-161.8-129-164.7-2.5-.2-5-.2-7.6 0C251.1 8.3 163.2 132 163.2 170v14.8c0 25.3 36.3 4.3 44.5 83.9-10.6 6.1-17.3 17.4-17.3 30.5 0 15.8 10.6 29 24.8 33.5v92.2c-81.9-32.2-139.8-112-139.8-205.4 0-83.1 46-155.5 113.9-193.2 5.4-3 7.4-9.6 4.7-15.1-2.9-5.9-10.1-8.2-15.9-5-75 41.5-125.8 121.5-125.8 213.3 0 114.7 79.2 210.8 185.9 236.8v-104c7.6 2.5 15.1 4.6 23 6.2v123.7C131.4 465.2 31 354.1 31 219.5c0-32.8 6-64.3 16.9-93.3 2.2-5.8-.6-12.2-6.3-14.6-6-2.6-13 .4-15.3 6.6C14.5 149.7 8 183.8 8 219.5c0 155.1 122.6 281.6 276.3 287.8V361.4c6.8.4 15 .5 23.4 0v145.8C461.4 501.1 584 374.6 584 219.5c0-35.7-6.5-69.8-18.3-101.4zM365.9 275.5c13 0 23.7 10.5 23.7 23.7 0 13.1-10.6 23.7-23.7 23.7-13 0-23.7-10.5-23.7-23.7 0-13.1 10.6-23.7 23.7-23.7zm-139.8 47.3c-13.2 0-23.7-10.7-23.7-23.7s10.5-23.7 23.7-23.7c13.1 0 23.7 10.6 23.7 23.7 0 13-10.5 23.7-23.7 23.7z">
+                </path>
+              </svg></span> – <code>fontawesome/brands/gitkraken</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M22.2 32A16 16 0 006 47.8a26.35 26.35 0 00.2 2.8l67.9 412.1a21.77 21.77 0 0021.3 18.2h325.7a16 16 0 0016-13.4L505 50.7a16 16 0 00-13.2-18.3 24.58 24.58 0 00-2.8-.2L22.2 32zm285.9 297.8h-104l-28.1-147h157.3l-25.2 147z">
+                </path>
+              </svg></span> – <code>fontawesome/brands/bitbucket</code></li>
+          <li><span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M432 32H312l-9.4-18.7A24 24 0 00281.1 0H166.8a23.72 23.72 0 00-21.4 13.3L136 32H16A16 16 0 000 48v32a16 16 0 0016 16h416a16 16 0 0016-16V48a16 16 0 00-16-16zM53.2 467a48 48 0 0047.9 45h245.8a48 48 0 0047.9-45L416 128H32z">
+                </path>
+              </svg></span> – <code>fontawesome/solid/trash</code></li>
+        </ul>
+        <h4 id="setup/adding-a-git-repository/:edit-button">Edit button</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/base.html#L299-L308"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <em>automatically set</em></p>
+        <p>If the repository URL points to a <a href="https://github.com/">GitHub</a>, <a
+            href="https://about.gitlab.com/">GitLab</a> or <a href="https://bitbucket.org/">Bitbucket</a> repository, an
+          <em>edit button</em> is displayed at the top of each document. This behavior can be changed by setting <a
+            href="https://www.mkdocs.org/user-guide/configuration/#edit_uri"><code>edit_uri</code></a> in
+          <code>mkdocs.yml</code>:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="setup/adding-a-git-repository/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Customize edit path</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">edit_uri</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">edit/master/docs/</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="setup/adding-a-git-repository/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">Hide edit button</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">edit_uri</span><span class="p">:</span> <span class="s">""</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <h4 id="setup/adding-a-git-repository/:revision-date">Revision date</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/source-date.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a href="https://github.com/zhaoterryy/mkdocs-git-revision-date-plugin"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M8.75 8a.75.75 0 00-.75.75v6.5c0 .414.336.75.75.75h6.5a.75.75 0 00.75-.75v-6.5a.75.75 0 00-.75-.75h-6.5zm.75 6.5v-5h5v5h-5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M15.25 1a.75.75 0 01.75.75V4h2.25c.966 0 1.75.784 1.75 1.75V8h2.25a.75.75 0 010 1.5H20v5h2.25a.75.75 0 010 1.5H20v2.25A1.75 1.75 0 0118.25 20H16v2.25a.75.75 0 01-1.5 0V20h-5v2.25a.75.75 0 01-1.5 0V20H5.75A1.75 1.75 0 014 18.25V16H1.75a.75.75 0 010-1.5H4v-5H1.75a.75.75 0 010-1.5H4V5.75C4 4.784 4.784 4 5.75 4H8V1.75a.75.75 0 011.5 0V4h5V1.75a.75.75 0 01.75-.75zm3 17.5a.25.25 0 00.25-.25V5.75a.25.25 0 00-.25-.25H5.75a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h12.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Plugin</a></p>
+        <p>The <a href="https://github.com/zhaoterryy/mkdocs-git-revision-date-plugin">git-revision-date</a> plugin adds
+          support for displaying the date a document was <em>last updated</em> at the bottom of each page. It can be
+          installed with <code>pip</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code>pip install mkdocs-git-revision-date-plugin
+</code></pre>
+        </div>
+        <p>Then, add the following to <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">git-revision-date</span>
+</code></pre>
+        </div>
+        <p>The following options are supported:</p>
+        <dl>
+          <dt><code id="setup/adding-a-git-repository/:enabled_if_env">enabled_if_env</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <em>none</em> – This option defines whether the date is actually extracted from
+              git, which makes it possible to disable extraction for cases when the repository is not available:</p>
+            <div class="highlight">
+              <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">git-revision-date</span><span class="p">:</span>
+      <span class="nt">enabled_if_env</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">CI</span>
+</code></pre>
+            </div>
+          </dd>
+        </dl>
+        <p><em>Material for MkDocs doesn't provide official support for the other options of this plugin, so they may be
+            supported but can also yield weird results. Use them at your own risk.</em></p>
+        <h4 id="setup/adding-a-git-repository/:revision-date-localized">Revision date, localized</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/source-date.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a
+            href="https://github.com/timvink/mkdocs-git-revision-date-localized-plugin"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M8.75 8a.75.75 0 00-.75.75v6.5c0 .414.336.75.75.75h6.5a.75.75 0 00.75-.75v-6.5a.75.75 0 00-.75-.75h-6.5zm.75 6.5v-5h5v5h-5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M15.25 1a.75.75 0 01.75.75V4h2.25c.966 0 1.75.784 1.75 1.75V8h2.25a.75.75 0 010 1.5H20v5h2.25a.75.75 0 010 1.5H20v2.25A1.75 1.75 0 0118.25 20H16v2.25a.75.75 0 01-1.5 0V20h-5v2.25a.75.75 0 01-1.5 0V20H5.75A1.75 1.75 0 014 18.25V16H1.75a.75.75 0 010-1.5H4v-5H1.75a.75.75 0 010-1.5H4V5.75C4 4.784 4.784 4 5.75 4H8V1.75a.75.75 0 011.5 0V4h5V1.75a.75.75 0 01.75-.75zm3 17.5a.25.25 0 00.25-.25V5.75a.25.25 0 00-.25-.25H5.75a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h12.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Plugin</a></p>
+        <p>Similarly, the <a
+            href="https://github.com/timvink/mkdocs-git-revision-date-localized-plugin">git-revision-date-localized</a>
+          plugin adds support for adding a localized <em>last updated</em> date at the bottom of each page. It can be
+          installed with <code>pip</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code>pip install mkdocs-git-revision-date-localized-plugin
+</code></pre>
+        </div>
+        <p>Then, add the following to <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">git-revision-date-localized</span>
+</code></pre>
+        </div>
+        <p>The following options are supported:</p>
+        <dl>
+          <dt><code id="setup/adding-a-git-repository/:type">type</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>date</code> – This option allows to change the format of the date to be
+              displayed. Valid values are <code>date</code>, <code>datetime</code>, <code>iso_date</code>,
+              <code>iso_datetime</code> and <code>timeago</code>:</p>
+            <div class="highlight">
+              <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">git-revision-date-localized</span><span class="p">:</span>
+      <span class="nt">type</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">date</span>
+</code></pre>
+            </div>
+          </dd>
+          <dt><code id="setup/adding-a-git-repository/:fallback_to_build_date">fallback_to_build_date</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>false</code> – This option specifies whether the time when
+              <code>mkdocs build</code> was executed should be used as a fallback when the git repository is not
+              available:</p>
+            <div class="highlight">
+              <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">git-revision-date-localized</span><span class="p">:</span>
+      <span class="nt">fallback_to_build_date</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">true</span>
+</code></pre>
+            </div>
+          </dd>
+        </dl>
+        <p><em>Material for MkDocs doesn't provide official support for the other options of this plugin, so they may be
+            supported but can also yield weird results. Use them at your own risk.</em></p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/setup/adding-a-comment-system/" id="setup/adding-a-comment-system/:">
+      <h2 id="setup/adding-a-comment-system/:adding-a-comment-system"><span class="pdf-order">2.11 </span>Adding a
+        comment system</h2>
+      <p>Material for MkDocs is natively integrated with <a href="https://disqus.com/">Disqus</a>, a comment system that
+        provides a wide range of features like social integrations, user profiles, as well as spam and moderation tools.
+        Of course, other comment systems can be integrated, too.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="setup/adding-a-comment-system/:configuration"><span class="pdf-order">2.11.1 </span>Configuration</h3>
+        <h4 id="setup/adding-a-comment-system/:disqus">Disqus</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/integrations/disqus.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                fill-rule="evenodd"></path>
+            </svg></span> Default: <em>none</em></p>
+        <p>First, ensure you've set <a
+            href="https://www.mkdocs.org/user-guide/configuration/#site_url"><code>site_url</code></a> in
+          <code>mkdocs.yml</code>. Then, to integrate Material for MkDocs with <a href="https://disqus.com/">Disqus</a>,
+          create an account and a site giving you a <a
+            href="https://help.disqus.com/en/articles/1717111-what-s-a-shortname">shortname</a>, and add it to
+          <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">extra</span><span class="p">:</span>
+  <span class="nt">disqus</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">&lt;shortname&gt;</span>
+</code></pre>
+        </div>
+        <p>This will insert a comment system on <em>every page, except the index page</em>.</p>
+        <h4 id="setup/adding-a-comment-system/:metadata">Metadata</h4>
+        <p>The <a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/base.html">Metadata</a> extension,
+          which is part of the standard Markdown library, adds the ability to add <a
+            href="https://jekyllrb.com/docs/front-matter/">front matter</a> to a document and can be enabled via
+          <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">meta</span>
+</code></pre>
+        </div>
+        <p>Front matter is written as a series of key-value pairs at the beginning of the Markdown document, delimited
+          by a blank line which ends the YAML context.</p>
+        <h3 id="setup/adding-a-comment-system/:customization"><span class="pdf-order">2.11.2 </span>Customization</h3>
+        <h4 id="setup/adding-a-comment-system/:selective-integration">Selective integration</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/partials/integrations/disqus.html"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>easy</em></p>
+        <p>If the <a href="#setup/adding-a-comment-system/:metadata">Metadata</a> extension is enabled, you can disable
+          or enable Disqus for specific pages by adding the following to the front matter of a page:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="setup/adding-a-comment-system/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Enable Disqus</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>---
+disqus: &lt;shortname&gt;
+---
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="setup/adding-a-comment-system/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">Disable Disqus</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>---
+disqus: ""
+---
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <h4 id="setup/adding-a-comment-system/:other-comment-systems">Other comment systems</h4>
+        <p><a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/base.html#L340-342"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>easy</em></p>
+        <p>In order to integrate another JavaScript-based comment system provider, you can <a
+            href="#customization/:extending-the-theme">extend the theme</a> and <a
+            href="#customization/:overriding-blocks">override the <code>disqus</code> block</a>:</p>
+        <div class="highlight">
+          <pre><span></span><code>{% block disqus %}
+  <span class="c">&lt;!-- Add custom comment system integration here --&gt;</span>
+{% endblock %}
+</code></pre>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+  </article>
+  <article class="md-content__inner md-typeset" data-url="/KJSWMZLSMVXGGZI/" id="KJSWMZLSMVXGGZI/:">
+    <h1 id="KJSWMZLSMVXGGZI/"><span class="pdf-order">3. </span>Reference</h1>
+    <section class="md-typeset" data-url="/reference/admonitions/" id="reference/admonitions/:">
+      <h2 id="reference/admonitions/:admonitions"><span class="pdf-order">3.1 </span>Admonitions</h2>
+      <p>Admonitions, also known as <em>call-outs</em>, are an excellent choice for including side content without
+        significantly interrupting the document flow. Material for MkDocs provides several different types of
+        admonitions and allows for the inclusion and nesting of arbitrary content.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/admonitions/:configuration"><span class="pdf-order">3.1.1 </span>Configuration</h3>
+        <h4 id="reference/admonitions/:admonition">Admonition</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/markdown/_admonition.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a href="https://python-markdown.github.io/extensions/admonition/"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://python-markdown.github.io/extensions/admonition/">Admonition</a> extension, which is
+          part of the standard Markdown library, is integrated with Material for MkDocs and can be enabled via
+          <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">admonition</span>
+</code></pre>
+        </div>
+        <h4 id="reference/admonitions/:details">Details</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/pymdownx/_details.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/details/"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/details/">Details</a> extension,
+          which is part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown Extensions</a>,
+          adds the ability to <strong>make admonitions collapsible</strong>. It can be enabled via
+          <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.details</span>
+</code></pre>
+        </div>
+        <h4 id="reference/admonitions/:superfences">SuperFences</h4>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/superfences/">SuperFences</a>
+          extension, which is also part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown
+            Extensions</a>, allows for the <strong>nesting of code and content blocks inside admonitions</strong>, and
+          is therefore strongly recommended:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.superfences</span>
+</code></pre>
+        </div>
+        <h3 id="reference/admonitions/:usage"><span class="pdf-order">3.1.2 </span>Usage</h3>
+        <p>Admonitions follow a simple syntax: a block must start with <code>!!!</code>, followed by a single keyword
+          which is used as the <a href="#reference/admonitions/:supported-types">type qualifier</a> of the block. The
+          content of the block then follows on the next line, indented by four spaces.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>!!! note
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+    massa, nec semper lorem quam in massa.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="admonition note">
+          <p class="admonition-title">Note</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor
+            non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+        </div>
+        <h4 id="reference/admonitions/:changing-the-title">Changing the title</h4>
+        <p>By default, the title will equal the type qualifier in titlecase. However, it can be changed by adding a
+          quoted string containing valid Markdown (including links, formatting, ...) after the type qualifier.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>!!! note "Phasellus posuere in sem ut cursus"
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+    massa, nec semper lorem quam in massa.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="admonition note">
+          <p class="admonition-title">Phasellus posuere in sem ut cursus</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor
+            non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+        </div>
+        <h4 id="reference/admonitions/:removing-the-title">Removing the title</h4>
+        <p>Similar to <a href="#reference/admonitions/:changing-the-title">changing the title</a>, the icon and title
+          can be omitted entirely by adding an empty string directly after the type qualifier. Note that this will not
+          work for <a href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons">collapsible
+            blocks</a>.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>!!! note ""
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+    massa, nec semper lorem quam in massa.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="admonition note">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor
+            non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+        </div>
+        <h4 id="reference/admonitions/:embedded-content">Embedded content</h4>
+        <p>Admonitions can contain all kinds of text content, including headlines, lists, paragraphs and other blocks.
+          While the parser from the standard Markdown library doesn't account for nested blocks, the <a
+            href="#customization/:additional-stylesheets">SuperFences</a> extension adds the ability to nest arbitrary
+          content inside admonitions.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>!!! note
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+    massa, nec semper lorem quam in massa.
+
+    ``` python
+    def bubble_sort(items):
+        for i in range(len(items)):
+            for j in range(len(items) - 1 - i):
+                if items[j] &gt; items[j + 1]:
+                    items[j], items[j + 1] = items[j + 1], items[j]
+    ```
+
+    Nunc eu odio eleifend, blandit leo a, volutpat sapien. Phasellus posuere in
+    sem ut cursus. Nullam sit amet tincidunt ipsum, sit amet elementum turpis.
+    Etiam ipsum quam, mattis in purus vitae, lacinia fermentum enim.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="admonition note">
+          <p class="admonition-title">Note</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor
+            non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+          <div class="highlight">
+            <pre><span></span><code><span class="k">def</span> <span class="nf">bubble_sort</span><span class="p">(</span><span class="n">items</span><span class="p">):</span>
+    <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">items</span><span class="p">)):</span>
+        <span class="k">for</span> <span class="n">j</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">items</span><span class="p">)</span> <span class="o">-</span> <span class="mi">1</span> <span class="o">-</span> <span class="n">i</span><span class="p">):</span>
+            <span class="k">if</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span><span class="p">]</span> <span class="o">&gt;</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span> <span class="o">+</span> <span class="mi">1</span><span class="p">]:</span>
+                <span class="n">items</span><span class="p">[</span><span class="n">j</span><span class="p">],</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span> <span class="o">+</span> <span class="mi">1</span><span class="p">]</span> <span class="o">=</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span> <span class="o">+</span> <span class="mi">1</span><span class="p">],</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span><span class="p">]</span>
+</code></pre>
+          </div>
+          <p>Nunc eu odio eleifend, blandit leo a, volutpat sapien. Phasellus posuere in sem ut cursus. Nullam sit amet
+            tincidunt ipsum, sit amet elementum turpis. Etiam ipsum quam, mattis in purus vitae, lacinia fermentum enim.
+          </p>
+        </div>
+        <h4 id="reference/admonitions/:collapsible-blocks">Collapsible blocks</h4>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/details/">Details</a> extension
+          adds support for rendering collapsible admonition blocks. This is useful for FAQs or content that is of
+          secondary nature. A details block follows the syntax and semantics of admonition blocks, but must start with
+          <code>???</code>.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>??? note
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+    massa, nec semper lorem quam in massa.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <details class="note" open="">
+          <summary>Note</summary>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor
+            non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+        </details>
+        <p>Adding a <code>+</code> after <code>???</code> will render the block as open on page load:</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>???+ note
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+    massa, nec semper lorem quam in massa.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <details class="note" open="">
+          <summary>Note</summary>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor
+            non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+        </details>
+        <h4 id="reference/admonitions/:supported-types">Supported types</h4>
+        <p>Following is a list of type qualifiers provided by Material for MkDocs, whereas the default type, and thus
+          fallback for unknown type qualifiers, is <code>note</code>:</p>
+        <dl>
+          <dt><code id="reference/admonitions/:note">note</code>, <code>seealso</code></dt>
+          <dd>
+            <div class="admonition note">
+              <p class="admonition-title">Note</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+          <dt><code id="reference/admonitions/:abstract">abstract</code>, <code>summary</code>, <code>tldr</code></dt>
+          <dd>
+            <div class="admonition abstract">
+              <p class="admonition-title">Abstract</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+          <dt><code id="reference/admonitions/:info">info</code>, <code>todo</code></dt>
+          <dd>
+            <div class="admonition info">
+              <p class="admonition-title">Info</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+          <dt><code id="reference/admonitions/:tip">tip</code>, <code>hint</code>, <code>important</code></dt>
+          <dd>
+            <div class="admonition tip">
+              <p class="admonition-title">Tip</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+          <dt><code id="reference/admonitions/:success">success</code>, <code>check</code>, <code>done</code></dt>
+          <dd>
+            <div class="admonition success">
+              <p class="admonition-title">Success</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+          <dt><code id="reference/admonitions/:question">question</code>, <code>help</code>, <code>faq</code></dt>
+          <dd>
+            <div class="admonition question">
+              <p class="admonition-title">Question</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+          <dt><code id="reference/admonitions/:warning">warning</code>, <code>caution</code>, <code>attention</code>
+          </dt>
+          <dd>
+            <div class="admonition warning">
+              <p class="admonition-title">Warning</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+          <dt><code id="reference/admonitions/:failure">failure</code>, <code>fail</code>, <code>missing</code></dt>
+          <dd>
+            <div class="admonition failure">
+              <p class="admonition-title">Failure</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+          <dt><code id="reference/admonitions/:danger">danger</code>, <code>error</code></dt>
+          <dd>
+            <div class="admonition danger">
+              <p class="admonition-title">Danger</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+          <dt><code id="reference/admonitions/:bug">bug</code></dt>
+          <dd>
+            <div class="admonition bug">
+              <p class="admonition-title">Bug</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+          <dt><code id="reference/admonitions/:example">example</code></dt>
+          <dd>
+            <div class="admonition example">
+              <p class="admonition-title">Example</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+          <dt><code id="reference/admonitions/:quote">quote</code>, <code>cite</code></dt>
+          <dd>
+            <div class="admonition quote">
+              <p class="admonition-title">Quote</p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </dd>
+        </dl>
+        <h3 id="reference/admonitions/:customization"><span class="pdf-order">3.1.3 </span>Customization</h3>
+        <h4 id="reference/admonitions/:custom-admonitions">Custom admonitions</h4>
+        <p>If you want to add a custom admonition type, all you need is a color and an <code>svg</code> icon. Copy the
+          icon's <code>svg</code> code from the <a
+            href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons"><code>.icons</code></a>
+          folder and add the following CSS to an <a href="#customization/:additional-stylesheets">additional
+            stylesheet</a>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="p">:</span><span class="nd">root</span> <span class="p">{</span>
+  <span class="err">--</span><span class="n">md-admonition-icon--pied-piper</span><span class="p">:</span> <span class="nb">url</span><span class="p">(</span><span class="s1">'data:image/svg+xml;charset=utf-8,&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"&gt;&lt;path d="M244 246c-3.2-2-6.3-2.9-10.1-2.9-6.6 0-12.6 3.2-19.3 3.7l1.7 4.9zm135.9 197.9c-19 0-64.1 9.5-79.9 19.8l6.9 45.1c35.7 6.1 70.1 3.6 106-9.8-4.8-10-23.5-55.1-33-55.1zM340.8 177c6.6 2.8 11.5 9.2 22.7 22.1 2-1.4 7.5-5.2 7.5-8.6 0-4.9-11.8-13.2-13.2-23 11.2-5.7 25.2-6 37.6-8.9 68.1-16.4 116.3-52.9 146.8-116.7C548.3 29.3 554 16.1 554.6 2l-2 2.6c-28.4 50-33 63.2-81.3 100-31.9 24.4-69.2 40.2-106.6 54.6l-6.3-.3v-21.8c-19.6 1.6-19.7-14.6-31.6-23-18.7 20.6-31.6 40.8-58.9 51.1-12.7 4.8-19.6 10-25.9 21.8 34.9-16.4 91.2-13.5 98.8-10zM555.5 0l-.6 1.1-.3.9.6-.6zm-59.2 382.1c-33.9-56.9-75.3-118.4-150-115.5l-.3-6c-1.1-13.5 32.8 3.2 35.1-31l-14.4 7.2c-19.8-45.7-8.6-54.3-65.5-54.3-14.7 0-26.7 1.7-41.4 4.6 2.9 18.6 2.2 36.7-10.9 50.3l19.5 5.5c-1.7 3.2-2.9 6.3-2.9 9.8 0 21 42.8 2.9 42.8 33.6 0 18.4-36.8 60.1-54.9 60.1-8 0-53.7-50-53.4-60.1l.3-4.6 52.3-11.5c13-2.6 12.3-22.7-2.9-22.7-3.7 0-43.1 9.2-49.4 10.6-2-5.2-7.5-14.1-13.8-14.1-3.2 0-6.3 3.2-9.5 4-9.2 2.6-31 2.9-21.5 20.1L15.9 298.5c-5.5 1.1-8.9 6.3-8.9 11.8 0 6 5.5 10.9 11.5 10.9 8 0 131.3-28.4 147.4-32.2 2.6 3.2 4.6 6.3 7.8 8.6 20.1 14.4 59.8 85.9 76.4 85.9 24.1 0 58-22.4 71.3-41.9 3.2-4.3 6.9-7.5 12.4-6.9.6 13.8-31.6 34.2-33 43.7-1.4 10.2-1 35.2-.3 41.1 26.7 8.1 52-3.6 77.9-2.9 4.3-21 10.6-41.9 9.8-63.5l-.3-9.5c-1.4-34.2-10.9-38.5-34.8-58.6-1.1-1.1-2.6-2.6-3.7-4 2.2-1.4 1.1-1 4.6-1.7 88.5 0 56.3 183.6 111.5 229.9 33.1-15 72.5-27.9 103.5-47.2-29-25.6-52.6-45.7-72.7-79.9zm-196.2 46.1v27.2l11.8-3.4-2.9-23.8zm-68.7-150.4l24.1 61.2 21-13.8-31.3-50.9zm84.4 154.9l2 12.4c9-1.5 58.4-6.6 58.4-14.1 0-1.4-.6-3.2-.9-4.6-26.8 0-36.9 3.8-59.5 6.3z"/&gt;&lt;/svg&gt;'</span><span class="p">)</span>
+<span class="p">}</span>
+<span class="p">.</span><span class="nc">md-typeset</span> <span class="p">.</span><span class="nc">admonition</span><span class="p">.</span><span class="nc">pied-piper</span><span class="o">,</span>
+<span class="p">.</span><span class="nc">md-typeset</span> <span class="nt">details</span><span class="p">.</span><span class="nc">pied-piper</span> <span class="p">{</span>
+  <span class="k">border-color</span><span class="p">:</span> <span class="nb">rgb</span><span class="p">(</span><span class="mi">43</span><span class="p">,</span> <span class="mi">155</span><span class="p">,</span> <span class="mi">70</span><span class="p">);</span>
+<span class="p">}</span>
+<span class="p">.</span><span class="nc">md-typeset</span> <span class="p">.</span><span class="nc">pied-piper</span> <span class="o">&gt;</span> <span class="p">.</span><span class="nc">admonition-title</span><span class="o">,</span>
+<span class="p">.</span><span class="nc">md-typeset</span> <span class="p">.</span><span class="nc">pied-piper</span> <span class="o">&gt;</span> <span class="nt">summary</span> <span class="p">{</span>
+  <span class="k">background-color</span><span class="p">:</span> <span class="nb">rgba</span><span class="p">(</span><span class="mi">43</span><span class="p">,</span> <span class="mi">155</span><span class="p">,</span> <span class="mi">70</span><span class="p">,</span> <span class="mf">0.1</span><span class="p">);</span>
+<span class="p">}</span>
+<span class="p">.</span><span class="nc">md-typeset</span> <span class="p">.</span><span class="nc">pied-piper</span> <span class="o">&gt;</span> <span class="p">.</span><span class="nc">admonition-title</span><span class="p">::</span><span class="nd">before</span><span class="o">,</span>
+<span class="p">.</span><span class="nc">md-typeset</span> <span class="p">.</span><span class="nc">pied-piper</span> <span class="o">&gt;</span> <span class="nt">summary</span><span class="p">::</span><span class="nd">before</span> <span class="p">{</span>
+  <span class="k">background-color</span><span class="p">:</span> <span class="nb">rgb</span><span class="p">(</span><span class="mi">43</span><span class="p">,</span> <span class="mi">155</span><span class="p">,</span> <span class="mi">70</span><span class="p">);</span>
+  <span class="kp">-webkit-</span><span class="k">mask-image</span><span class="p">:</span> <span class="nf">var</span><span class="p">(</span><span class="o">--</span><span class="n">md</span><span class="o">-</span><span class="n">admonition</span><span class="o">-</span><span class="kc">icon</span><span class="o">--</span><span class="n">pied</span><span class="o">-</span><span class="n">piper</span><span class="p">);</span>
+          <span class="k">mask-image</span><span class="p">:</span> <span class="nf">var</span><span class="p">(</span><span class="o">--</span><span class="n">md</span><span class="o">-</span><span class="n">admonition</span><span class="o">-</span><span class="kc">icon</span><span class="o">--</span><span class="n">pied</span><span class="o">-</span><span class="n">piper</span><span class="p">);</span>
+<span class="p">}</span>
+</code></pre>
+        </div>
+        <p>You should now be able to create an admonition of the <code>pied-piper</code> type. Note that you can also
+          use this technique to override existing admonition icons or colors. <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/details/">You can even add
+            animations</a>.</p>
+        <style>
+          :root {
+            --md-admonition-icon--pied-piper: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M244 246c-3.2-2-6.3-2.9-10.1-2.9-6.6 0-12.6 3.2-19.3 3.7l1.7 4.9zm135.9 197.9c-19 0-64.1 9.5-79.9 19.8l6.9 45.1c35.7 6.1 70.1 3.6 106-9.8-4.8-10-23.5-55.1-33-55.1zM340.8 177c6.6 2.8 11.5 9.2 22.7 22.1 2-1.4 7.5-5.2 7.5-8.6 0-4.9-11.8-13.2-13.2-23 11.2-5.7 25.2-6 37.6-8.9 68.1-16.4 116.3-52.9 146.8-116.7C548.3 29.3 554 16.1 554.6 2l-2 2.6c-28.4 50-33 63.2-81.3 100-31.9 24.4-69.2 40.2-106.6 54.6l-6.3-.3v-21.8c-19.6 1.6-19.7-14.6-31.6-23-18.7 20.6-31.6 40.8-58.9 51.1-12.7 4.8-19.6 10-25.9 21.8 34.9-16.4 91.2-13.5 98.8-10zM555.5 0l-.6 1.1-.3.9.6-.6zm-59.2 382.1c-33.9-56.9-75.3-118.4-150-115.5l-.3-6c-1.1-13.5 32.8 3.2 35.1-31l-14.4 7.2c-19.8-45.7-8.6-54.3-65.5-54.3-14.7 0-26.7 1.7-41.4 4.6 2.9 18.6 2.2 36.7-10.9 50.3l19.5 5.5c-1.7 3.2-2.9 6.3-2.9 9.8 0 21 42.8 2.9 42.8 33.6 0 18.4-36.8 60.1-54.9 60.1-8 0-53.7-50-53.4-60.1l.3-4.6 52.3-11.5c13-2.6 12.3-22.7-2.9-22.7-3.7 0-43.1 9.2-49.4 10.6-2-5.2-7.5-14.1-13.8-14.1-3.2 0-6.3 3.2-9.5 4-9.2 2.6-31 2.9-21.5 20.1L15.9 298.5c-5.5 1.1-8.9 6.3-8.9 11.8 0 6 5.5 10.9 11.5 10.9 8 0 131.3-28.4 147.4-32.2 2.6 3.2 4.6 6.3 7.8 8.6 20.1 14.4 59.8 85.9 76.4 85.9 24.1 0 58-22.4 71.3-41.9 3.2-4.3 6.9-7.5 12.4-6.9.6 13.8-31.6 34.2-33 43.7-1.4 10.2-1 35.2-.3 41.1 26.7 8.1 52-3.6 77.9-2.9 4.3-21 10.6-41.9 9.8-63.5l-.3-9.5c-1.4-34.2-10.9-38.5-34.8-58.6-1.1-1.1-2.6-2.6-3.7-4 2.2-1.4 1.1-1 4.6-1.7 88.5 0 56.3 183.6 111.5 229.9 33.1-15 72.5-27.9 103.5-47.2-29-25.6-52.6-45.7-72.7-79.9zm-196.2 46.1v27.2l11.8-3.4-2.9-23.8zm-68.7-150.4l24.1 61.2 21-13.8-31.3-50.9zm84.4 154.9l2 12.4c9-1.5 58.4-6.6 58.4-14.1 0-1.4-.6-3.2-.9-4.6-26.8 0-36.9 3.8-59.5 6.3z"/></svg>')
+          }
+
+          .md-typeset .admonition.pied-piper,
+          .md-typeset details.pied-piper {
+            border-color: rgb(43, 155, 70);
+          }
+
+          .md-typeset .pied-piper>.admonition-title,
+          .md-typeset .pied-piper>summary {
+            background-color: rgba(43, 155, 70, 0.1);
+          }
+
+          .md-typeset .pied-piper>.admonition-title::before,
+          .md-typeset .pied-piper>summary::before {
+            background-color: rgb(43, 155, 70);
+            -webkit-mask-image: var(--md-admonition-icon--pied-piper);
+            mask-image: var(--md-admonition-icon--pied-piper);
+          }
+        </style>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>!!! pied-piper "Pied Piper"
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+    massa, nec semper lorem quam in massa.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="admonition pied-piper">
+          <p class="admonition-title">Pied Piper</p>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor
+            non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/reference/buttons/" id="reference/buttons/:">
+      <h2 id="reference/buttons/:buttons"><span class="pdf-order">3.2 </span>Buttons</h2>
+      <p>Material for MkDocs provides dedicated styles for primary and secondary buttons that can be added to any link,
+        <code>label</code> or <code>button</code> element. This is especially useful for documents or landing pages with
+        dedicated <em>call-to-actions</em>.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/buttons/:configuration"><span class="pdf-order">3.2.1 </span>Configuration</h3>
+        <h4 id="reference/buttons/:attribute-list">Attribute List</h4>
+        <p>The <a href="https://python-markdown.github.io/extensions/attr_list/">Attribute List</a> extension, which is
+          part of the standard Markdown library, allows to <strong>add HTML attributes and CSS classes to Markdown
+            elements</strong>, and can be enabled via <code>mkdocs.yml</code></p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">attr_list</span>
+</code></pre>
+        </div>
+        <h3 id="reference/buttons/:usage"><span class="pdf-order">3.2.2 </span>Usage</h3>
+        <h4 id="reference/buttons/:adding-buttons">Adding buttons</h4>
+        <p>When the <a href="#reference/buttons/:attribute-list">Attribute List</a> extension is enabled, any clickable
+          element can be converted into a button by adding the <code>.md-button</code> CSS class, which will receive the
+          selected <a href="#setup/changing-the-colors/:primary-color">primary color</a>.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>[Subscribe to our mailing list](#){: .md-button }
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p><a class="md-button" href='javascript:app.dialog$.next("Done!")'>Subscribe to our mailing list</a></p>
+        <h4 id="reference/buttons/:adding-primary-buttons">Adding primary buttons</h4>
+        <p>If you want to display a filled, primary button (like on the <a href="#.:">landing page</a> of Material for
+          MkDocs), add both the <code>.md-button</code> and <code>.md-button--primary</code> CSS classes.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>[Subscribe to our mailing list](#){: .md-button .md-button--primary }
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p><a class="md-button md-button--primary" href='javascript:app.dialog$.next("Done!")'>Subscribe to our mailing
+            list</a></p>
+        <h4 id="reference/buttons/:adding-icon-buttons">Adding icon buttons</h4>
+        <p>Of course, icons can be added to both types of buttons by using the <a
+            href="#reference/icons-emojis/:using-icons">regular icon syntax</a> and referencing a valid path to <a
+            href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons">any icon bundled with the
+            theme</a>.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>[Submit :fontawesome-solid-paper-plane:](#){: .md-button .md-button--primary }
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p><a class="md-button md-button--primary" href='javascript:app.dialog$.next("Done!")'>Submit <span
+              class="twemoji"><svg viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z">
+                </path>
+              </svg></span></a></p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/reference/code-blocks/" id="reference/code-blocks/:">
+      <h2 id="reference/code-blocks/:code-blocks"><span class="pdf-order">3.3 </span>Code blocks</h2>
+      <p>Code blocks and examples are an essential part of technical project documentation. Material for MkDocs provides
+        different ways to set up syntax highlighting for code blocks, either during build time using <a
+          href="https://pygments.org">Pygments</a> or during runtime using a JavaScript syntax highlighter.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/code-blocks/:configuration"><span class="pdf-order">3.3.1 </span>Configuration</h3>
+        <h4 id="reference/code-blocks/:highlight">Highlight</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/pymdownx/_highlight.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/highlight/"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M16.168 2.924L4.51 13.061a.25.25 0 00.164.439h5.45a.75.75 0 01.692 1.041l-2.559 6.066 11.215-9.668a.25.25 0 00-.164-.439H14a.75.75 0 01-.687-1.05l2.855-6.526zm-.452-1.595a1.341 1.341 0 012.109 1.55L15.147 9h4.161c1.623 0 2.372 2.016 1.143 3.075L8.102 22.721a1.149 1.149 0 01-1.81-1.317L8.996 15H4.674c-1.619 0-2.37-2.008-1.148-3.07l12.19-10.6z"
+                fill-rule="evenodd"></path>
+            </svg></span> Supersedes: <a href="https://python-markdown.github.io/extensions/code_hilite/">CodeHilite</a>
+        </p>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/highlight/">Highlight</a>
+          extension, which is part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown
+            Extensions</a>, integrates with Material for MkDocs and provides several options for configuring syntax
+          highlighting of code blocks:</p>
+        <dl>
+          <dt><code id="reference/code-blocks/:use-pygments">use_pygments</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>true</code> – This option allows to control whether highlighting should be
+              carried out during build time by <a href="https://pygments.org">Pygments</a> or runtime with a JavaScript
+              highlighter. Remember to add the necessary <a href="#customization/:additional-stylesheets">additional
+                stylesheets</a> and <a href="#customization/:additional-javascript">JavaScript</a> if you want to use
+              the latter:</p>
+            <div class="tabbed-set" data-tabs="1:2">
+              <div class="tabbed-content--wrap"><input checked="checked" id="reference/code-blocks/:__tabbed_1_1"
+                  name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Pygments</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.highlight</span><span class="p">:</span>
+      <span class="nt">use_pygments</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">true</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+              <div class="tabbed-content--wrap"><input id="reference/code-blocks/:__tabbed_1_2" name="__tabbed_1"
+                  type="radio" /><label for="__tabbed_1_2">JavaScript</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.highlight</span><span class="p">:</span>
+      <span class="nt">use_pygments</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">false</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <details class="example" open="">
+              <summary>Syntax highlighting with Highlight.js</summary>
+              <p><a href="https://highlightjs.org/">Highlight.js</a> can be integrated by creating an <a
+                  href="#customization/:additional-javascript">additional JavaScript</a> file initializing the
+                highlighter and including the respective stylesheet and JavaScript from a <a
+                  href="https://cdnjs.com/libraries/highlight.js/">CDN</a> serving Highlight.js in
+                <code>mkdocs.yml</code>:</p>
+              <div class="tabbed-set" data-tabs="2:2">
+                <div class="tabbed-content--wrap"><input checked="checked" id="reference/code-blocks/:__tabbed_2_1"
+                    name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">docs/javascripts/config.js</label>
+                  <div class="tabbed-content">
+                    <div class="highlight">
+                      <pre><span></span><code><span class="nx">hljs</span><span class="p">.</span><span class="nx">initHighlighting</span><span class="p">()</span>
+</code></pre>
+                    </div>
+                  </div>
+                </div>
+                <div class="tabbed-content--wrap"><input id="reference/code-blocks/:__tabbed_2_2" name="__tabbed_2"
+                    type="radio" /><label for="__tabbed_2_2">mkdocs.yml</label>
+                  <div class="tabbed-content">
+                    <div class="highlight">
+                      <pre><span></span><code><span class="nt">extra_javascript</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">javascripts/config.js</span>
+<span class="nt">extra_css</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/default.min.css</span>
+</code></pre>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <p>Note that Highlight.js has no affiliation with the Highlight extension.</p>
+            </details>
+          </dd>
+          <dt><code id="reference/code-blocks/:linenums">linenums</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>false</code> – This option will add line numbers to <em>all</em> code
+              blocks. If you wish to add line numbers to <em>some</em>, but not all code blocks, consult the section on
+              <a href="#reference/code-blocks/:adding-line-numbers">adding line numbers</a> later in this document,
+              which also contains some tips on working with line numbers:</p>
+            <div class="highlight">
+              <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.highlight</span><span class="p">:</span>
+      <span class="nt">linenums</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">true</span>
+</code></pre>
+            </div>
+          </dd>
+          <dt><code id="reference/code-blocks/:linenums-style">linenums_style</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>table</code> – The Highlight extension provides three ways to add line
+              numbers, all of which are supported by Material for MkDocs. While <code>table</code> wraps a code block in
+              a table, <code>inline</code> and <code>pymdownx.inline</code> render line numbers as part of the line
+              itself:</p>
+            <div class="highlight">
+              <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.highlight</span><span class="p">:</span>
+      <span class="nt">linenums_style</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.inline</span>
+</code></pre>
+            </div>
+            <p>Note that <code>inline</code> will put line numbers next to the actual code, which means that they will
+              be included when selecting text with the cursor or copying a code block to the clipboard. Thus, the usage
+              of <code>table</code> or <code>pymdownx.inline</code> is recommended.</p>
+          </dd>
+        </dl>
+        <p><em>Material for MkDocs doesn't provide official support for the other options of this extension, so they may
+            be supported but can also yield weird results. Use them at your own risk.</em></p>
+        <h4 id="reference/code-blocks/:inlinehilite">InlineHilite</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/pymdownx/_highlight.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/inlinehilite/"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/inlinehilite/">InlineHilite</a>
+          extension, which is part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown
+            Extensions</a> also integrates with Material for MkDocs and adds support for <strong>syntax highlighting of
+            inline code blocks</strong>. It's built on top of the <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/highlight/">Highlight</a> extension and
+          can be enabled via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.inlinehilite</span>
+</code></pre>
+        </div>
+        <p>See the section on <a href="#reference/code-blocks/:highlighting-inline-code-blocks">inline code blocks</a>
+          for usage information.</p>
+        <h4 id="reference/code-blocks/:keys">Keys</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/pymdownx/_keys.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/keys/"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/keys/">Keys</a> extension, which is
+          part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown Extensions</a>, allows
+          for inserting <strong>keyboard keys</strong>, e.g. <span class="keys"><kbd
+              class="key-control">Ctrl</kbd><span>+</span><kbd class="key-alt">Alt</kbd><span>+</span><kbd
+              class="key-delete">Del</kbd></span> , and can be enabled via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.keys</span>
+</code></pre>
+        </div>
+        <h4 id="reference/code-blocks/:superfences">SuperFences</h4>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/superfences/">SuperFences</a>
+          extension, which is also part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown
+            Extensions</a>, allows for the <strong>nesting of code blocks inside other blocks</strong>, and is therefore
+          strongly recommended:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.superfences</span>
+</code></pre>
+        </div>
+        <h4 id="reference/code-blocks/:snippets">Snippets</h4>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/snippets/">Snippets</a> extension,
+          which is also part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown
+            Extensions</a>, allows to <strong>insert content from other files</strong> or other, regular content, and
+          can be enabled via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.snippets</span>
+</code></pre>
+        </div>
+        <h3 id="reference/code-blocks/:usage"><span class="pdf-order">3.3.2 </span>Usage</h3>
+        <p>This section discusses how to use different syntax highlighting features with <a
+            href="https://pygments.org">Pygments</a> – the default highlighter – so they don't apply when using a
+          JavaScript syntax highlighter.</p>
+        <h4 id="reference/code-blocks/:specifying-the-language">Specifying the language</h4>
+        <p>Code blocks must be enclosed with two separate lines containing three backticks. To add code highlighting to
+          those blocks, add the language short name directly after the opening block. See the <a
+            href="https://pygments.org/docs/lexers/">list of available lexers</a> to find the short name for a given
+          language.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>``` python
+import tensorflow as tf
+```
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="kn">import</span> <span class="nn">tensorflow</span> <span class="k">as</span> <span class="nn">tf</span>
+</code></pre>
+        </div>
+        <h4 id="reference/code-blocks/:adding-line-numbers">Adding line numbers</h4>
+        <p>Line numbers can be added to a code block by using the <code>linenums="&lt;start&gt;"</code> option directly
+          after the short name, whereas <code>&lt;start&gt;</code> represents the starting line number. A code block can
+          start from a line number other than <code>1</code>, which allows splitting large code blocks for readability.
+        </p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>``` python linenums="1"
+def bubble_sort(items):
+    for i in range(len(items)):
+        for j in range(len(items) - 1 - i):
+            if items[j] &gt; items[j + 1]:
+                items[j], items[j + 1] = items[j + 1], items[j]
+```
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <table class="highlighttable">
+          <tr>
+            <td class="linenos">
+              <div class="linenodiv">
+                <pre><span></span>1
+2
+3
+4
+5</pre>
+              </div>
+            </td>
+            <td class="code">
+              <div class="highlight">
+                <pre><span></span><code><span class="k">def</span> <span class="nf">bubble_sort</span><span class="p">(</span><span class="n">items</span><span class="p">):</span>
+    <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">items</span><span class="p">)):</span>
+        <span class="k">for</span> <span class="n">j</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">items</span><span class="p">)</span> <span class="o">-</span> <span class="mi">1</span> <span class="o">-</span> <span class="n">i</span><span class="p">):</span>
+            <span class="k">if</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span><span class="p">]</span> <span class="o">&gt;</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span> <span class="o">+</span> <span class="mi">1</span><span class="p">]:</span>
+                <span class="n">items</span><span class="p">[</span><span class="n">j</span><span class="p">],</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span> <span class="o">+</span> <span class="mi">1</span><span class="p">]</span> <span class="o">=</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span> <span class="o">+</span> <span class="mi">1</span><span class="p">],</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span><span class="p">]</span>
+</code></pre>
+              </div>
+            </td>
+          </tr>
+        </table>
+        <h4 id="reference/code-blocks/:highlighting-specific-lines">Highlighting specific lines</h4>
+        <p>Specific lines can be highlighted by passing the line numbers to the <code>hl_lines</code> argument placed
+          right after the language short name. Note that line counts start at <code>1</code>, regardless of the starting
+          line number specified as part of <code>linenums</code>.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>``` python hl_lines="2 3"
+def bubble_sort(items):
+    for i in range(len(items)):
+        for j in range(len(items) - 1 - i):
+            if items[j] &gt; items[j + 1]:
+                items[j], items[j + 1] = items[j + 1], items[j]
+```
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="k">def</span> <span class="nf">bubble_sort</span><span class="p">(</span><span class="n">items</span><span class="p">):</span>
+<span class="hll">    <span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">items</span><span class="p">)):</span>
+</span><span class="hll">        <span class="k">for</span> <span class="n">j</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="nb">len</span><span class="p">(</span><span class="n">items</span><span class="p">)</span> <span class="o">-</span> <span class="mi">1</span> <span class="o">-</span> <span class="n">i</span><span class="p">):</span>
+</span>            <span class="k">if</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span><span class="p">]</span> <span class="o">&gt;</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span> <span class="o">+</span> <span class="mi">1</span><span class="p">]:</span>
+                <span class="n">items</span><span class="p">[</span><span class="n">j</span><span class="p">],</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span> <span class="o">+</span> <span class="mi">1</span><span class="p">]</span> <span class="o">=</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span> <span class="o">+</span> <span class="mi">1</span><span class="p">],</span> <span class="n">items</span><span class="p">[</span><span class="n">j</span><span class="p">]</span>
+</code></pre>
+        </div>
+        <h4 id="reference/code-blocks/:highlighting-inline-code-blocks">Highlighting inline code blocks</h4>
+        <p>When <a href="#reference/code-blocks/:inlinehilite">InlineHilite</a> is enabled, inline code blocks can be
+          highlighted by prefixing them with a shebang-like sequence, i.e. <code>#!</code>, directly followed by the <a
+            href="https://pygments.org/docs/lexers/">language short name</a>.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>The `#!python range()` function is used to generate a sequence of numbers.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p>The <code class="highlight"><span class="nb">range</span><span class="p">()</span></code> function is used to
+          generate a sequence of numbers.</p>
+        <h4 id="reference/code-blocks/:adding-keyboard-keys">Adding keyboard keys</h4>
+        <p>When <a href="#reference/code-blocks/:keys">Keys</a> is enabled, keyboard keys can be rendered with a simple
+          syntax. Consult the <a href="https://facelessuser.github.io/pymdown-extensions/extensions/snippets/">Python
+            Markdown Extensions</a> documentation to learn about all available key codes.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>++ctrl+alt+del++
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p><span class="keys"><kbd class="key-control">Ctrl</kbd><span>+</span><kbd
+              class="key-alt">Alt</kbd><span>+</span><kbd class="key-delete">Del</kbd></span></p>
+        <h4 id="reference/code-blocks/:embedding-external-files">Embedding external files</h4>
+        <p><em>Also known as transcludes or file transclusion in <a
+              href="https://fletcher.github.io/MultiMarkdown-5/transclusion.html">MultiMarkdown</a></em>.</p>
+        <p>When <a href="#reference/code-blocks/:snippets">Snippets</a> is enabled, content from other files can be
+          embedded, which is especially useful to reference and embed the contents of source files directly into your
+          project documentation.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>```
+--8&lt;--​ ".browserslistrc"
+```
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>last 4 years
+</code></pre>
+        </div>
+        <p>Note that <a href="#reference/code-blocks/:snippets">Snippets</a> is not limited to code blocks, but can be
+          used anywhere from a document to move repeating content to separate files, which is also explained in the <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/snippets/">official documentation</a>.
+        </p>
+        <h3 id="reference/code-blocks/:customization"><span class="pdf-order">3.3.3 </span>Customization</h3>
+        <h4 id="reference/code-blocks/:custom-syntax-theme">Custom syntax theme</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/_colors.scss#L60-L73"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M12.292 2.06a.75.75 0 00-.584 0L.458 6.81a.75.75 0 000 1.38L4.25 9.793v3.803a2.901 2.901 0 00-1.327.757c-.579.58-.923 1.41-.923 2.43v4.5c0 .248.128.486.335.624.06.04.117.073.22.124.124.062.297.138.52.213.448.149 1.09.288 1.925.288s1.477-.14 1.925-.288c.223-.075.396-.15.52-.213a2.11 2.11 0 00.21-.117A.762.762 0 008 21.28v-4.5c0-1.018-.344-1.85-.923-2.428a2.9 2.9 0 00-1.327-.758v-3.17l5.958 2.516a.75.75 0 00.584 0l5.208-2.2v4.003a2.552 2.552 0 01-.079.085 4.057 4.057 0 01-.849.65c-.826.488-2.255 1.021-4.572 1.021-.612 0-1.162-.037-1.654-.1a.75.75 0 00-.192 1.487c.56.072 1.173.113 1.846.113 2.558 0 4.254-.592 5.334-1.23.538-.316.914-.64 1.163-.896a2.84 2.84 0 00.392-.482h.001A.75.75 0 0019 15v-4.892l4.542-1.917a.75.75 0 000-1.382l-11.25-4.75zM5 15c-.377 0-.745.141-1.017.413-.265.265-.483.7-.483 1.368v4.022c.299.105.797.228 1.5.228s1.201-.123 1.5-.228V16.78c0-.669-.218-1.103-.483-1.368A1.431 1.431 0 005 15zm7-3.564L2.678 7.5 12 3.564 21.322 7.5 12 11.436z"
+                fill-rule="evenodd"></path>
+            </svg></span> Difficulty: <em>easy</em></p>
+        <p>If <a href="#reference/code-blocks/:use-pygments">Pygments</a> is used, Material for MkDocs provides the <a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/_colors.scss#L60-L73">styles
+            for code blocks</a>, which are built with a custom and well-balanced palette that works equally well for
+          both <a href="#setup/changing-the-colors/:color-scheme">color schemes</a>:</p>
+        <ul>
+          <li><span class="twemoji" style="color: var(--md-code-hl-number-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-number-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-special-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-special-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-function-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-function-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-constant-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-constant-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-keyword-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-keyword-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-string-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-string-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-name-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-name-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-operator-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-operator-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-punctuation-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-punctuation-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-comment-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-comment-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-generic-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-generic-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-variable-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-variable-color</code></li>
+        </ul>
+        <p>Code block foreground, background and line highlight colors are defined via:</p>
+        <ul>
+          <li><span class="twemoji" style="color: var(--md-code-fg-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-fg-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-bg-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-bg-color</code></li>
+          <li><span class="twemoji" style="color: var(--md-code-hl-color) "><svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"></path>
+              </svg></span> <code>--md-code-hl-color</code></li>
+        </ul>
+        <p>Let's say you want to change the color of <code class="highlight"><span class="s2">"strings"</span></code>.
+          While there are several <a href="https://pygments.org/docs/tokens/#literals">types of string tokens</a>,
+          Material for MkDocs assigns a single color to most of them.</p>
+        <p>Create an <a href="#customization/:additional-stylesheets">additional stylesheet</a>, and add:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="p">:</span><span class="nd">root</span> <span class="o">&gt;</span> <span class="o">*</span> <span class="p">{</span>
+  <span class="err">--</span><span class="n">md-code-hl-string-color</span><span class="p">:</span> <span class="mh">#0FF1CE</span><span class="p">;</span>
+<span class="p">}</span>
+</code></pre>
+        </div>
+        <p>If you want to tweak a specific type of string, i.e. <code
+            class="highlight"><span class="sb">`backticks`</span></code>, you can lookup the specific class name in the
+          <a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/markdown/_codehilite.scss#L42">syntax
+            theme definition</a>, and override it as part of your additional stylesheet:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="p">.</span><span class="nc">highlight</span> <span class="p">.</span><span class="nc">sb</span> <span class="p">{</span>
+  <span class="k">color</span><span class="p">:</span> <span class="mh">#0FF1CE</span><span class="p">;</span>
+<span class="p">}</span>
+</code></pre>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/reference/content-tabs/" id="reference/content-tabs/:">
+      <h2 id="reference/content-tabs/:content-tabs"><span class="pdf-order">3.4 </span>Content tabs</h2>
+      <p>Sometimes, it's desirable to group alternative content under different tabs, e.g. when describing how to access
+        an API from different languages or environments. Material for MkDocs allows for beautiful and functional tabs,
+        grouping code blocks and other content.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/content-tabs/:configuration"><span class="pdf-order">3.4.1 </span>Configuration</h3>
+        <h4 id="reference/content-tabs/:tabbed">Tabbed</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/pymdownx/_tabbed.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/tabbed/"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/tabbed/">Tabbed</a> extension,
+          which is part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown Extensions</a>,
+          integrates with Material for MkDocs and can be enabled via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.tabbed</span>
+</code></pre>
+        </div>
+        <h4 id="reference/content-tabs/:superfences">SuperFences</h4>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/superfences/">SuperFences</a>
+          extension, which is also part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown
+            Extensions</a>, allows for the <strong>nesting of code and content blocks inside tabs</strong>, and is
+          therefore strongly recommended:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.superfences</span>
+</code></pre>
+        </div>
+        <h3 id="reference/content-tabs/:usage"><span class="pdf-order">3.4.2 </span>Usage</h3>
+        <h4 id="reference/content-tabs/:grouping-code-blocks">Grouping code blocks</h4>
+        <p>Code blocks are one of the primary targets to be grouped, and can be considered a special case of content
+          tabs, as tabs with a single code block are always rendered without horizontal spacing.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>=== "C"
+
+    ``` c
+    #include &lt;stdio.h&gt;
+
+    int main(void) {
+      printf("Hello world!\n");
+      return 0;
+    }
+    ```
+
+=== "C++"
+
+    ``` c++
+    #include &lt;iostream&gt;
+
+    int main(void) {
+      std::cout &lt;&lt; "Hello world!" &lt;&lt; std::endl;
+      return 0;
+    }
+    ```
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="reference/content-tabs/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">C</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="cp">#include</span> <span class="cpf">&lt;stdio.h&gt;</span><span class="cp"></span>
+
+<span class="kt">int</span> <span class="nf">main</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span> <span class="p">{</span>
+  <span class="n">printf</span><span class="p">(</span><span class="s">"Hello world!</span><span class="se">\n</span><span class="s">"</span><span class="p">);</span>
+  <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
+<span class="p">}</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="reference/content-tabs/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">C++</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="cp">#include</span> <span class="cpf">&lt;iostream&gt;</span><span class="cp"></span>
+
+<span class="kt">int</span> <span class="nf">main</span><span class="p">(</span><span class="kt">void</span><span class="p">)</span> <span class="p">{</span>
+  <span class="n">std</span><span class="o">::</span><span class="n">cout</span> <span class="o">&lt;&lt;</span> <span class="s">"Hello world!"</span> <span class="o">&lt;&lt;</span> <span class="n">std</span><span class="o">::</span><span class="n">endl</span><span class="p">;</span>
+  <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
+<span class="p">}</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <h4 id="reference/content-tabs/:grouping-other-content">Grouping other content</h4>
+        <p>When a content tab contains more than one code block, it is rendered with horizontal spacing. Vertical
+          spacing is never added, but can be achieved by nesting tabs in other blocks.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>=== "Unordered list"
+
+    * Sed sagittis eleifend rutrum
+    * Donec vitae suscipit est
+    * Nulla tempor lobortis orci
+
+=== "Ordered list"
+
+    1. Sed sagittis eleifend rutrum
+    2. Donec vitae suscipit est
+    3. Nulla tempor lobortis orci
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="tabbed-set" data-tabs="2:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="reference/content-tabs/:__tabbed_2_1"
+              name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">Unordered list</label>
+            <div class="tabbed-content">
+              <ul>
+                <li>Sed sagittis eleifend rutrum</li>
+                <li>Donec vitae suscipit est</li>
+                <li>Nulla tempor lobortis orci</li>
+              </ul>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="reference/content-tabs/:__tabbed_2_2" name="__tabbed_2"
+              type="radio" /><label for="__tabbed_2_2">Ordered list</label>
+            <div class="tabbed-content">
+              <ol>
+                <li>Sed sagittis eleifend rutrum</li>
+                <li>Donec vitae suscipit est</li>
+                <li>Nulla tempor lobortis orci</li>
+              </ol>
+            </div>
+          </div>
+        </div>
+        <h4 id="reference/content-tabs/:embedded-content">Embedded content</h4>
+        <p>When <a href="#reference/content-tabs/:superfences">SuperFences</a> is enabled, content tabs can contain
+          arbitrary nested content, including further content tabs, and can be nested in other blocks like <a
+            href="#reference/admonitions/:">admonitions</a>, <a href="#reference/admonitions/:details">details</a> or
+          blockquotes:</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>!!! example
+
+    === "Unordered List"
+
+        _Example_:
+
+        ``` markdown
+        * Sed sagittis eleifend rutrum
+        * Donec vitae suscipit est
+        * Nulla tempor lobortis orci
+        ```
+
+        _Result_:
+
+        * Sed sagittis eleifend rutrum
+        * Donec vitae suscipit est
+        * Nulla tempor lobortis orci
+
+    === "Ordered List"
+
+        _Example_:
+
+        ``` markdown
+        1. Sed sagittis eleifend rutrum
+        2. Donec vitae suscipit est
+        3. Nulla tempor lobortis orci
+        ```
+
+        _Result_:
+
+        1. Sed sagittis eleifend rutrum
+        2. Donec vitae suscipit est
+        3. Nulla tempor lobortis orci
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="admonition example">
+          <p class="admonition-title">Example</p>
+          <div class="tabbed-set" data-tabs="3:2">
+            <div class="tabbed-content--wrap"><input checked="checked" id="reference/content-tabs/:__tabbed_3_1"
+                name="__tabbed_3" type="radio" /><label for="__tabbed_3_1">Unordered List</label>
+              <div class="tabbed-content">
+                <p><em>Example</em>:</p>
+                <div class="highlight">
+                  <pre><span></span><code>* Sed sagittis eleifend rutrum
+* Donec vitae suscipit est
+* Nulla tempor lobortis orci
+</code></pre>
+                </div>
+                <p><em>Result</em>:</p>
+                <ul>
+                  <li>Sed sagittis eleifend rutrum</li>
+                  <li>Donec vitae suscipit est</li>
+                  <li>Nulla tempor lobortis orci</li>
+                </ul>
+              </div>
+            </div>
+            <div class="tabbed-content--wrap"><input id="reference/content-tabs/:__tabbed_3_2" name="__tabbed_3"
+                type="radio" /><label for="__tabbed_3_2">Ordered List</label>
+              <div class="tabbed-content">
+                <p><em>Example</em>:</p>
+                <div class="highlight">
+                  <pre><span></span><code>1. Sed sagittis eleifend rutrum
+2. Donec vitae suscipit est
+3. Nulla tempor lobortis orci
+</code></pre>
+                </div>
+                <p><em>Result</em>:</p>
+                <ol>
+                  <li>Sed sagittis eleifend rutrum</li>
+                  <li>Donec vitae suscipit est</li>
+                  <li>Nulla tempor lobortis orci</li>
+                </ol>
+              </div>
+            </div>
+          </div>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/reference/data-tables/" id="reference/data-tables/:">
+      <h2 id="reference/data-tables/:data-tables"><span class="pdf-order">3.5 </span>Data tables</h2>
+      <p>Material for MkDocs defines default styles for data tables – an excellent way of rendering tabular data in
+        project documentation. Furthermore, customizations like <a
+          href="#reference/data-tables/:sortable-tables">sortable tables</a> can be achieved with a third-party library
+        and some <a href="#customization/:additional-javascript">additional JavaScript</a>.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/data-tables/:configuration"><span class="pdf-order">3.5.1 </span>Configuration</h3>
+        <p>None.</p>
+        <h3 id="reference/data-tables/:usage"><span class="pdf-order">3.5.2 </span>Usage</h3>
+        <h4 id="reference/data-tables/:using-data-tables">Using data tables</h4>
+        <p>Data tables can be used at any position in your project documentation and can contain arbitrary Markdown,
+          including inline code blocks, as well as <a href="#reference/icons-emojis/:">icons and emojis</a>.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>| Method      | Description                          |
+| ----------- | ------------------------------------ |
+| `GET`       | :material-check:     Fetch resource  |
+| `PUT`       | :material-check-all: Update resource |
+| `DELETE`    | :material-close:     Delete resource |
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <table>
+          <thead>
+            <tr>
+              <th>Method</th>
+              <th>Description</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><code>GET</code></td>
+              <td><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M21 7L9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59 21 7z"></path>
+                  </svg></span> Fetch resource</td>
+            </tr>
+            <tr>
+              <td><code>PUT</code></td>
+              <td><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M.41 13.41L6 19l1.41-1.42L1.83 12m20.41-6.42L11.66 16.17 7.5 12l-1.43 1.41L11.66 19l12-12M18 7l-1.41-1.42-6.35 6.35 1.42 1.41L18 7z">
+                    </path>
+                  </svg></span> Update resource</td>
+            </tr>
+            <tr>
+              <td><code>DELETE</code></td>
+              <td><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z">
+                    </path>
+                  </svg></span> Delete resource</td>
+            </tr>
+          </tbody>
+        </table>
+        <h4 id="reference/data-tables/:column-alignment">Column alignment</h4>
+        <p>If you want to align a specific column to the <code>left</code>, <code>center</code> or <code>right</code>,
+          you can use the <a href="https://www.markdownguide.org/extended-syntax/#tables">regular Markdown syntax</a>
+          placing <code>:</code> characters at the beginning and/or end of the divider.</p>
+        <div class="tabbed-set" data-tabs="1:3">
+          <div class="tabbed-content--wrap"><input checked="checked" id="reference/data-tables/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Left</label>
+            <div class="tabbed-content">
+              <p><em>Example</em>:</p>
+              <div class="highlight">
+                <pre><span></span><code>| Method      | Description                          |
+<span class="hll">| :---------- | :----------------------------------- |
+</span>| `GET`       | :material-check:     Fetch resource  |
+| `PUT`       | :material-check-all: Update resource |
+| `DELETE`    | :material-close:     Delete resource |
+</code></pre>
+              </div>
+              <p><em>Result</em>:</p>
+              <table>
+                <thead>
+                  <tr>
+                    <th align="left">Method</th>
+                    <th align="left">Description</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td align="left"><code>GET</code></td>
+                    <td align="left"><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M21 7L9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59 21 7z"></path>
+                        </svg></span> Fetch resource</td>
+                  </tr>
+                  <tr>
+                    <td align="left"><code>PUT</code></td>
+                    <td align="left"><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                          <path
+                            d="M.41 13.41L6 19l1.41-1.42L1.83 12m20.41-6.42L11.66 16.17 7.5 12l-1.43 1.41L11.66 19l12-12M18 7l-1.41-1.42-6.35 6.35 1.42 1.41L18 7z">
+                          </path>
+                        </svg></span> Update resource</td>
+                  </tr>
+                  <tr>
+                    <td align="left"><code>DELETE</code></td>
+                    <td align="left"><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                          <path
+                            d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z">
+                          </path>
+                        </svg></span> Delete resource</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="reference/data-tables/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">Center</label>
+            <div class="tabbed-content">
+              <p><em>Example</em>:</p>
+              <div class="highlight">
+                <pre><span></span><code>| Method      | Description                          |
+<span class="hll">| :---------: | :----------------------------------: |
+</span>| `GET`       | :material-check:     Fetch resource  |
+| `PUT`       | :material-check-all: Update resource |
+| `DELETE`    | :material-close:     Delete resource |
+</code></pre>
+              </div>
+              <p><em>Result</em>:</p>
+              <table>
+                <thead>
+                  <tr>
+                    <th align="center">Method</th>
+                    <th align="center">Description</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td align="center"><code>GET</code></td>
+                    <td align="center"><span class="twemoji"><svg viewbox="0 0 24 24"
+                          xmlns="http://www.w3.org/2000/svg">
+                          <path d="M21 7L9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59 21 7z"></path>
+                        </svg></span> Fetch resource</td>
+                  </tr>
+                  <tr>
+                    <td align="center"><code>PUT</code></td>
+                    <td align="center"><span class="twemoji"><svg viewbox="0 0 24 24"
+                          xmlns="http://www.w3.org/2000/svg">
+                          <path
+                            d="M.41 13.41L6 19l1.41-1.42L1.83 12m20.41-6.42L11.66 16.17 7.5 12l-1.43 1.41L11.66 19l12-12M18 7l-1.41-1.42-6.35 6.35 1.42 1.41L18 7z">
+                          </path>
+                        </svg></span> Update resource</td>
+                  </tr>
+                  <tr>
+                    <td align="center"><code>DELETE</code></td>
+                    <td align="center"><span class="twemoji"><svg viewbox="0 0 24 24"
+                          xmlns="http://www.w3.org/2000/svg">
+                          <path
+                            d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z">
+                          </path>
+                        </svg></span> Delete resource</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="reference/data-tables/:__tabbed_1_3" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_3">Right</label>
+            <div class="tabbed-content">
+              <p><em>Example</em>:</p>
+              <div class="highlight">
+                <pre><span></span><code>| Method      | Description                          |
+<span class="hll">| ----------: | -----------------------------------: |
+</span>| `GET`       | :material-check:     Fetch resource  |
+| `PUT`       | :material-check-all: Update resource |
+| `DELETE`    | :material-close:     Delete resource |
+</code></pre>
+              </div>
+              <p><em>Result</em>:</p>
+              <table>
+                <thead>
+                  <tr>
+                    <th align="right">Method</th>
+                    <th align="right">Description</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td align="right"><code>GET</code></td>
+                    <td align="right"><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                          <path d="M21 7L9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59 21 7z"></path>
+                        </svg></span> Fetch resource</td>
+                  </tr>
+                  <tr>
+                    <td align="right"><code>PUT</code></td>
+                    <td align="right"><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                          <path
+                            d="M.41 13.41L6 19l1.41-1.42L1.83 12m20.41-6.42L11.66 16.17 7.5 12l-1.43 1.41L11.66 19l12-12M18 7l-1.41-1.42-6.35 6.35 1.42 1.41L18 7z">
+                          </path>
+                        </svg></span> Update resource</td>
+                  </tr>
+                  <tr>
+                    <td align="right"><code>DELETE</code></td>
+                    <td align="right"><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                          <path
+                            d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z">
+                          </path>
+                        </svg></span> Delete resource</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+        <h3 id="reference/data-tables/:customization"><span class="pdf-order">3.5.3 </span>Customization</h3>
+        <h4 id="reference/data-tables/:sortable-tables">Sortable tables</h4>
+        <p>If you want to make data tables sortable, you can add <a
+            href="http://tristen.ca/tablesort/demo/">tablesort</a>, which is natively integrated with Material for
+          MkDocs and will also work with <a href="#setup/setting-up-navigation/:instant-loading">instant loading</a> via
+          <a href="#customization/:additional-javascript">additional JavaScript</a>:</p>
+        <div class="tabbed-set" data-tabs="2:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="reference/data-tables/:__tabbed_2_1"
+              name="__tabbed_2" type="radio" /><label for="__tabbed_2_1">docs/javascripts/tables.js</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nx">app</span><span class="p">.</span><span class="nb">document</span><span class="nx">$</span><span class="p">.</span><span class="nx">subscribe</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span>
+  <span class="kd">var</span> <span class="nx">tables</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">querySelectorAll</span><span class="p">(</span><span class="s2">"article table"</span><span class="p">)</span>
+  <span class="nx">tables</span><span class="p">.</span><span class="nx">forEach</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">table</span><span class="p">)</span> <span class="p">{</span>
+    <span class="k">new</span> <span class="nx">Tablesort</span><span class="p">(</span><span class="nx">table</span><span class="p">)</span>
+  <span class="p">})</span>
+<span class="p">})</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="reference/data-tables/:__tabbed_2_2" name="__tabbed_2"
+              type="radio" /><label for="__tabbed_2_2">mkdocs.yml</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">extra_javascript</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">https://cdnjs.cloudflare.com/ajax/libs/tablesort/5.2.1/tablesort.min.js</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">javascripts/tables.js</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <p><em>Note that <a href="http://tristen.ca/tablesort/demo/">tablesort</a> provides alternative comparison
+            implementations like numbers, dates, filesizes and month names. See the official documentation for more
+            information.</em></p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>| Method      | Description                          |
+| ----------- | ------------------------------------ |
+| `GET`       | :material-check:     Fetch resource  |
+| `PUT`       | :material-check-all: Update resource |
+| `DELETE`    | :material-close:     Delete resource |
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <table>
+          <thead>
+            <tr>
+              <th>Method</th>
+              <th>Description</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><code>GET</code></td>
+              <td><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M21 7L9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59 21 7z"></path>
+                  </svg></span> Fetch resource</td>
+            </tr>
+            <tr>
+              <td><code>PUT</code></td>
+              <td><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M.41 13.41L6 19l1.41-1.42L1.83 12m20.41-6.42L11.66 16.17 7.5 12l-1.43 1.41L11.66 19l12-12M18 7l-1.41-1.42-6.35 6.35 1.42 1.41L18 7z">
+                    </path>
+                  </svg></span> Update resource</td>
+            </tr>
+            <tr>
+              <td><code>DELETE</code></td>
+              <td><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z">
+                    </path>
+                  </svg></span> Delete resource</td>
+            </tr>
+          </tbody>
+        </table>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/tablesort/5.2.1/tablesort.min.js"></script>
+        <script>
+          var tables = document.querySelectorAll("article table")
+          new Tablesort(tables.item(tables.length - 1));
+        </script>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/reference/footnotes/" id="reference/footnotes/:">
+      <h2 id="reference/footnotes/:footnotes"><span class="pdf-order">3.6 </span>Footnotes</h2>
+      <p>Footnotes are a great way to add references to supplemental or additional information for a specific section of
+        a document without interrupting the document flow. Material for MkDocs provides the ability to insert inline
+        footnotes and render them at the bottom of the page.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/footnotes/:configuration"><span class="pdf-order">3.6.1 </span>Configuration</h3>
+        <h4 id="reference/footnotes/:footnotes_1">Footnotes</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/markdown/_footnotes.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a href="https://python-markdown.github.io/extensions/footnotes/"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://python-markdown.github.io/extensions/footnotes/">Footnotes</a> extension, which is part
+          of the standard Markdown library, adds the ability to add inline footnotes to a document and can be enabled
+          via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">footnotes</span>
+</code></pre>
+        </div>
+        <h3 id="reference/footnotes/:usage"><span class="pdf-order">3.6.2 </span>Usage</h3>
+        <h4 id="reference/footnotes/:adding-footnote-references">Adding footnote references</h4>
+        <p>A footnote reference must be enclosed in square brackets and must start with a caret <code>^</code>, directly
+          followed by an arbitrary identifier, which is similar to the standard Markdown link syntax.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>Lorem ipsum[^1] dolor sit amet, consectetur adipiscing elit.[^2]
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p>Lorem ipsum<sup id="reference/footnotes/:fnref:1"><a class="footnote-ref"
+              href="#reference/footnotes/:fn:1">1</a></sup> dolor sit amet, consectetur adipiscing elit.<sup
+            id="reference/footnotes/:fnref:2"><a class="footnote-ref" href="#reference/footnotes/:fn:2">2</a></sup></p>
+        <h4 id="reference/footnotes/:adding-footnote-content">Adding footnote content</h4>
+        <p>The footnote content must be declared with the same identifier as the reference. It can be inserted at an
+          arbitrary position in the document and is always rendered at the bottom of the page. Furthermore, a backlink
+          to the footnote reference is automatically added.</p>
+        <h5 id="reference/footnotes/:on-a-single-line">on a single line</h5>
+        <p>Short statements can be written on the same line.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>[^1]: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p><a href="#reference/footnotes/:fn:1">Jump to footnote at the bottom of the page</a></p>
+        <h5 id="reference/footnotes/:on-multiple-lines">on multiple lines</h5>
+        <p>Paragraphs can be written on the next line and must be indented by four spaces.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>[^2]:
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
+    nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
+    massa, nec semper lorem quam in massa.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p><a href="#reference/footnotes/:fn:2">Jump to footnote at the bottom of the page</a></p>
+        <div class="footnote">
+          <hr />
+          <ol>
+            <li id="reference/footnotes/:fn:1">
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a class="footnote-backref"
+                  href="#reference/footnotes/:fnref:1" title="Jump back to footnote 1 in the text">↩</a></p>
+            </li>
+            <li id="reference/footnotes/:fn:2">
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa. <a
+                  class="footnote-backref" href="#reference/footnotes/:fnref:2"
+                  title="Jump back to footnote 2 in the text">↩</a></p>
+            </li>
+          </ol>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/reference/formatting/" id="reference/formatting/:">
+      <h2 id="reference/formatting/:formatting"><span class="pdf-order">3.7 </span>Formatting</h2>
+      <p>Material for MkDocs provides support for several HTML elements that can be used to highlight sections of a
+        document or apply specific formatting. Additionally, <a href="http://criticmarkup.com/">Critic Markup</a> is
+        supported, adding the ability to display suggested changes for a document.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/formatting/:configuration"><span class="pdf-order">3.7.1 </span>Configuration</h3>
+        <h4 id="reference/formatting/:critic">Critic</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/pymdownx/_critic.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/critic/"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/critic/">Critic</a> extension,
+          which is part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown Extensions</a>,
+          allows for the <strong>usage of <a href="http://criticmarkup.com/">Critic Markup</a> to highlight
+            changes</strong> in a document, and can be enabled via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.critic</span>
+</code></pre>
+        </div>
+        <p>The following options are supported:</p>
+        <dl>
+          <dt><code id="reference/formatting/:mode">mode</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>view</code> – This option defines how the markup should be parsed, i.e.
+              whether to just <code>view</code> all suggest changes, or alternatively <code>accept</code> or
+              <code>reject</code> them:</p>
+            <div class="tabbed-set" data-tabs="1:3">
+              <div class="tabbed-content--wrap"><input checked="checked" id="reference/formatting/:__tabbed_1_1"
+                  name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">View changes</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.critic</span><span class="p">:</span>
+      <span class="nt">mode</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">view</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+              <div class="tabbed-content--wrap"><input id="reference/formatting/:__tabbed_1_2" name="__tabbed_1"
+                  type="radio" /><label for="__tabbed_1_2">Accept changes</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.critic</span><span class="p">:</span>
+      <span class="nt">mode</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">accept</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+              <div class="tabbed-content--wrap"><input id="reference/formatting/:__tabbed_1_3" name="__tabbed_1"
+                  type="radio" /><label for="__tabbed_1_3">Reject changes</label>
+                <div class="tabbed-content">
+                  <div class="highlight">
+                    <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.critic</span><span class="p">:</span>
+      <span class="nt">mode</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">reject</span>
+</code></pre>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </dd>
+        </dl>
+        <h4 id="reference/formatting/:betterem">BetterEm</h4>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/betterem/">BetterEm</a> extension,
+          which is part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown Extensions</a>,
+          improves the handling of Markup to emphasize text (e.g. <strong>bold</strong> and <em>italic</em>), and can be
+          enabled via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.betterem</span><span class="p">:</span>
+      <span class="nt">smart_enable</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">all</span>
+</code></pre>
+        </div>
+        <h4 id="reference/formatting/:caret-mark-tilde">Caret, Mark &amp; Tilde</h4>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/caret/">Caret</a>, <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/mark/">Mark</a> and <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/tilde/">Tilde</a> extensions, which are
+          part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown Extensions</a>, allow for
+          the <strong>highlighting of text</strong>, as well as <strong>handling sub- and superscripts</strong>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.caret</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.mark</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.tilde</span>
+</code></pre>
+        </div>
+        <h4 id="reference/formatting/:smartsymbols">SmartSymbols</h4>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/smartsymbols/">SmartSymbols</a>
+          extension, which is also part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown
+            Extensions</a>, <strong>converts special characters into their corresponding symbols</strong>, and can be
+          enabled via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">pymdownx.smartsymbols</span>
+</code></pre>
+        </div>
+        <p>See the <a href="https://facelessuser.github.io/pymdown-extensions/extensions/smartsymbols/">official
+            documentation</a> for a list of supported symbols.</p>
+        <h3 id="reference/formatting/:usage"><span class="pdf-order">3.7.2 </span>Usage</h3>
+        <h4 id="reference/formatting/:highlighting-changes">Highlighting changes</h4>
+        <p>When <a href="#reference/formatting/:critic">Critic</a> is enabled, <a href="http://criticmarkup.com/">Critic
+            Markup</a> can be used, which adds the ability to <em>highlight suggested changes</em>, as well as add
+          <em>inline comments</em> to a document:</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>Text can be {​--deleted--} and replacement text {​++added++}. This can also be
+combined into {​~~one~&gt;a single~~} operation. {​==Highlighting==} is also
+possible {​&gt;&gt;and comments can be added inline&lt;&lt;}.
+
+{​==
+
+Formatting can also be applied to blocks, by putting the opening and closing
+tags on separate lines and adding new lines between the tags and the content.
+
+==}
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p>Text can be <del class="critic">deleted</del> and replacement text <ins class="critic">added</ins>. This can
+          also be combined into <del class="critic">one</del><ins class="critic">a single</ins> operation. <mark
+            class="critic">Highlighting</mark> is also possible <span class="critic comment">and comments can be added
+            inline</span>.</p> <mark class="critic block">
+          <p>Formatting can also be applied to blocks, by putting the opening and closing tags on separate lines and
+            adding new lines between the tags and the content.</p>
+        </mark>
+        <h4 id="reference/formatting/:highlighting-text">Highlighting text</h4>
+        <p>When the <a href="#reference/formatting/:caret-mark-tilde">Caret, Mark &amp; Tilde</a> extensions are
+          enabled, text can be highlighted with a nicer syntax than using the corresponding <code>mark</code>,
+          <code>ins</code> and <code>del</code> HTML tags:</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>* ==This was marked==
+* ^^This was inserted^^
+* ~~This was deleted~~
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <ul>
+          <li><mark>This was marked</mark></li>
+          <li><ins>This was inserted</ins></li>
+          <li><del>This was deleted</del></li>
+        </ul>
+        <h4 id="reference/formatting/:sub-and-superscripts">Sub- and superscripts</h4>
+        <p>When the <a href="#reference/formatting/:caret-mark-tilde">Caret &amp; Tilde</a> extensions are enabled, text
+          can be sub- and superscripted with a nicer syntax than using the corresponding <code>sub</code> and
+          <code>sup</code> HTML tags:</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>* H~2~0
+* A^T^A
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <ul>
+          <li>H<sub>2</sub>0</li>
+          <li>A<sup>T</sup>A</li>
+        </ul>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/reference/icons-emojis/" id="reference/icons-emojis/:">
+      <h2 id="reference/icons-emojis/:icons-emojis"><span class="pdf-order">3.8 </span>Icons + Emojis</h2>
+      <p>One of the best features of Material for MkDocs is the possibility to use <a
+          href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons">more than <em>7.000
+            icons</em></a> and <em>thousands of emojis</em> in your project documentation with practically zero
+        additional effort. Furthermore, custom icons can be used in <code>mkdocs.yml</code>, documents and templates.
+      </p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/icons-emojis/:configuration"><span class="pdf-order">3.8.1 </span>Configuration</h3>
+        <h4 id="reference/icons-emojis/:emoji">Emoji</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/pymdownx/_emoji.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/emoji/"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/emoji/">Emoji</a> extension, which
+          is part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown Extensions</a>, adds
+          the ability to <strong>integrate emojis and icons</strong> in the <code>*.svg</code> file format, which are
+          inlined when <a href="#creating-your-site/:building-your-site">building your site</a>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.emoji</span><span class="p">:</span>
+      <span class="nt">emoji_index</span><span class="p">:</span> <span class="kt">!!python/name:materialx.emoji.twemoji</span>
+      <span class="nt">emoji_generator</span><span class="p">:</span> <span class="kt">!!python/name:materialx.emoji.to_svg</span>
+</code></pre>
+        </div>
+        <p>The following icon sets are bundled with Material for MkDocs:</p>
+        <ul>
+          <li><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M21 12c0-2.03-.67-3.91-2-5.62v11.25c1.33-1.66 2-3.54 2-5.63m-3.37 7H6.38c.68.55 1.57 1 2.67 1.41 1.09.39 2.08.59 2.95.59.88 0 1.86-.2 2.95-.59 1.1-.41 1.99-.86 2.68-1.41M11 17L7 9v8h4m6-8l-4 8h4V9m-5 5.53L15.75 7h-7.5L12 14.53M17.63 5C15.97 3.67 14.09 3 12 3s-3.97.67-5.62 2h11.25M5 17.63V6.38C3.67 8.09 3 9.97 3 12c0 2.09.67 3.97 2 5.63M23 12c0 3.03-1.06 5.63-3.22 7.78C17.63 21.94 15.03 23 12 23c-3.03 0-5.62-1.06-7.78-3.22C2.06 17.63 1 15.03 1 12c0-3.03 1.06-5.62 3.22-7.78S8.97 1 12 1c3.03 0 5.63 1.06 7.78 3.22C21.94 6.38 23 8.97 23 12z">
+                </path>
+              </svg></span> – <a href="https://materialdesignicons.com/">Material Design</a></li>
+          <li><span class="twemoji"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M444.373 359.424c0 7.168-6.144 10.24-13.312 13.312-28.672 12.288-59.392 23.552-92.16 23.552-46.08 0-67.584-28.672-122.88-28.672-39.936 0-81.92 14.336-115.712 29.696-2.048 1.024-4.096 1.024-6.144 2.048v77.824c0 21.405-16.122 34.816-33.792 34.816-19.456 0-34.816-15.36-34.816-34.816V102.4C12.245 92.16 3.029 75.776 3.029 57.344 3.029 25.6 28.629 0 60.373 0s57.344 25.6 57.344 57.344c0 18.432-8.192 34.816-22.528 45.056v31.744c4.124-1.374 58.768-28.672 114.688-28.672 65.27 0 97.676 27.648 126.976 27.648 38.912 0 81.92-27.648 92.16-27.648 8.192 0 15.36 6.144 15.36 13.312v240.64z">
+                </path>
+              </svg></span> – <a href="https://fontawesome.com/icons?d=gallery&amp;m=free">FontAwesome</a></li>
+          <li><span class="twemoji"><svg viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"
+                  fill-rule="evenodd"></path>
+              </svg></span> – <a href="https://octicons.github.com/">Octicons</a></li>
+        </ul>
+        <p>You can also add <a href="#setup/changing-the-logo-and-icons/:additional-icons">additional icons</a>. When
+          using emojis, it's recommended to consult the official documentation of <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/emoji/">Python Markdown Extensions</a> to
+          learn about configuration options.</p>
+        <h4 id="reference/icons-emojis/:attribute-list">Attribute List</h4>
+        <p>The <a href="https://python-markdown.github.io/extensions/attr_list/">Attribute List</a> extension, which is
+          part of the standard Markdown library, allows to <strong>add HTML attributes and CSS classes to Markdown
+            elements</strong>, and can be enabled via <code>mkdocs.yml</code></p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">attr_list</span>
+</code></pre>
+        </div>
+        <h3 id="reference/icons-emojis/:usage"><span class="pdf-order">3.8.2 </span>Usage</h3>
+        <h4 id="reference/icons-emojis/:using-emojis">Using emojis</h4>
+        <p>Emojis can be integrated in Markdown by putting the shortcode of the emoji between two colons. If you're
+          using <a href="https://twemoji.twitter.com/">Twemoji</a> (recommended), you can look up the shortcodes at <a
+            href="https://emojipedia.org/twitter/">Emojipedia</a>.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>:smile:
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p><img alt="😄" class="twemoji" src="https://twemoji.maxcdn.com/v/latest/svg/1f604.svg" title=":smile:" /></p>
+        <h4 id="reference/icons-emojis/:using-icons">Using icons</h4>
+        <p>When <a href="#reference/icons-emojis/:emoji">Emoji</a> is enabled, icons can be used similar to emojis, by
+          referencing a valid path to any icon bundled with the theme, which are located in the <a
+            href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons"><code>.icons</code></a>
+          directory, and replacing <code>/</code> with <code>-</code>:</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>* :material-account-circle: – `.icons/material/account-circle.svg`
+* :fontawesome-regular-laugh-wink: – `.icons/fontawesome/regular/laugh-wink.svg`
+* :octicons-octoface-16: – `.icons/octicons/octoface-16.svg`
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <ul>
+          <li><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M12 19.2c-2.5 0-4.71-1.28-6-3.2.03-2 4-3.1 6-3.1s5.97 1.1 6 3.1a7.232 7.232 0 01-6 3.2M12 5a3 3 0 013 3 3 3 0 01-3 3 3 3 0 01-3-3 3 3 0 013-3m0-3A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10c0-5.53-4.5-10-10-10z">
+                </path>
+              </svg></span> – <a
+              href="https://raw.githubusercontent.com/squidfunk/mkdocs-material/master/material/.icons/material/account-circle.svg"><code>.icons/material/account-circle.svg</code></a>
+          </li>
+          <li><span class="twemoji"><svg viewbox="0 0 496 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm141.4 389.4c-37.8 37.8-88 58.6-141.4 58.6s-103.6-20.8-141.4-58.6C68.8 359.6 48 309.4 48 256s20.8-103.6 58.6-141.4C144.4 76.8 194.6 56 248 56s103.6 20.8 141.4 58.6c37.8 37.8 58.6 88 58.6 141.4s-20.8 103.6-58.6 141.4zM328 164c-25.7 0-55.9 16.9-59.9 42.1-1.7 11.2 11.5 18.2 19.8 10.8l9.5-8.5c14.8-13.2 46.2-13.2 61 0l9.5 8.5c8.5 7.4 21.6.3 19.8-10.8-3.8-25.2-34-42.1-59.7-42.1zm-160 60c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm194.4 64H133.6c-8.2 0-14.5 7-13.5 15 7.5 59.2 58.9 105 121.1 105h13.6c62.2 0 113.6-45.8 121.1-105 1-8-5.3-15-13.5-15z">
+                </path>
+              </svg></span> – <a
+              href="https://raw.githubusercontent.com/squidfunk/mkdocs-material/master/material/.icons/fontawesome/regular/laugh-wink.svg"><code>.icons/fontawesome/regular/laugh-wink.svg</code></a>
+          </li>
+          <li><span class="twemoji"><svg viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1.326 1.973a1.2 1.2 0 011.49-.832c.387.112.977.307 1.575.602.586.291 1.243.71 1.7 1.296.022.027.042.056.061.084A13.22 13.22 0 018 3c.67 0 1.289.037 1.861.108l.051-.07c.457-.586 1.114-1.004 1.7-1.295a9.654 9.654 0 011.576-.602 1.2 1.2 0 011.49.832c.14.493.356 1.347.479 2.29.079.604.123 1.28.07 1.936.541.977.773 2.11.773 3.301C16 13 14.5 15 8 15s-8-2-8-5.5c0-1.034.238-2.128.795-3.117-.08-.712-.034-1.46.052-2.12.122-.943.34-1.797.479-2.29zM8 13.065c6 0 6.5-2 6-4.27C13.363 5.905 11.25 5 8 5s-5.363.904-6 3.796c-.5 2.27 0 4.27 6 4.27z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4 8a1 1 0 012 0v1a1 1 0 01-2 0V8zm2.078 2.492c-.083-.264.146-.492.422-.492h3c.276 0 .505.228.422.492C9.67 11.304 8.834 12 8 12c-.834 0-1.669-.696-1.922-1.508zM10 8a1 1 0 112 0v1a1 1 0 11-2 0V8z">
+                </path>
+              </svg></span> – <a
+              href="https://raw.githubusercontent.com/squidfunk/mkdocs-material/master/material/.icons/octicons/octoface-16.svg"><code>.icons/octicons/octoface-16.svg</code></a>
+          </li>
+        </ul>
+        <h5 id="reference/icons-emojis/:with-colors">with colors</h5>
+        <p>When the <a href="#reference/icons-emojis/:attribute-list">Attribute List</a> extension is enabled, custom
+          CSS classes and attributes can be added to icons by suffixing the icon with a special syntax. While HTML and
+          CSS allow to use <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/style">inline
+            styles</a>, it's always best to add an <a href="#customization/:additional-stylesheets">additional
+            stylesheet</a> and put styles into dedicated CSS classes:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="p">.</span><span class="nc">medium</span> <span class="p">{</span>
+  <span class="k">color</span><span class="p">:</span> <span class="mh">#00AB6C</span><span class="p">;</span>
+<span class="p">}</span>
+<span class="p">.</span><span class="nc">twitter</span> <span class="p">{</span>
+  <span class="k">color</span><span class="p">:</span> <span class="mh">#1DA1F2</span><span class="p">;</span>
+<span class="p">}</span>
+<span class="p">.</span><span class="nc">facebook</span> <span class="p">{</span>
+  <span class="k">color</span><span class="p">:</span> <span class="mh">#4267B2</span><span class="p">;</span>
+<span class="p">}</span>
+</code></pre>
+        </div>
+        <p>Then, simply add the CSS class to the icon.</p>
+        <style>
+          .medium {
+            color: #00AB6C;
+          }
+
+          .twitter {
+            color: #1DA1F2;
+          }
+
+          .facebook {
+            color: #4267B2;
+          }
+        </style>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>* :fontawesome-brands-medium:{: .medium } – Medium
+* :fontawesome-brands-twitter:{: .twitter } – Twitter
+* :fontawesome-brands-facebook:{: .facebook } – Facebook
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <ul>
+          <li><span class="twemoji medium"><svg viewbox="0 0 448 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M0 32v448h448V32H0zm372.2 106.1l-24 23c-2.1 1.6-3.1 4.2-2.7 6.7v169.3c-.4 2.6.6 5.2 2.7 6.7l23.5 23v5.1h-118V367l24.3-23.6c2.4-2.4 2.4-3.1 2.4-6.7V199.8l-67.6 171.6h-9.1L125 199.8v115c-.7 4.8 1 9.7 4.4 13.2l31.6 38.3v5.1H71.2v-5.1l31.6-38.3c3.4-3.5 4.9-8.4 4.1-13.2v-133c.4-3.7-1-7.3-3.8-9.8L75 138.1V133h87.3l67.4 148L289 133.1h83.2v5z">
+                </path>
+              </svg></span> – Medium</li>
+          <li><span class="twemoji twitter"><svg viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
+                </path>
+              </svg></span> – Twitter</li>
+          <li><span class="twemoji facebook"><svg viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z">
+                </path>
+              </svg></span> – Facebook</li>
+        </ul>
+        <h5 id="reference/icons-emojis/:with-animations">with animations</h5>
+        <p>Similar to adding <a href="#reference/icons-emojis/:with-colors">colors</a>, it's just as easy to add <a
+            href="https://developer.mozilla.org/en-US/docs/Web/CSS/animation">CSS animations</a> to icons by using an <a
+            href="https://materialdesignicons.com/">additional stylesheet</a>, defining a <code
+            class="highlight"><span class="p">@</span><span class="k">keyframes</span></code> rule and adding the
+          dedicated CSS class to the icon:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="p">@</span><span class="k">keyframes</span> <span class="nt">heart</span> <span class="p">{</span>
+  <span class="nt">0</span><span class="o">%,</span> <span class="nt">40</span><span class="o">%,</span> <span class="nt">80</span><span class="o">%,</span> <span class="nt">100</span><span class="o">%</span> <span class="p">{</span>
+    <span class="k">transform</span><span class="p">:</span> <span class="nb">scale</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span>
+  <span class="p">}</span>
+  <span class="nt">20</span><span class="o">%,</span> <span class="nt">60</span><span class="o">%</span> <span class="p">{</span>
+    <span class="k">transform</span><span class="p">:</span> <span class="nb">scale</span><span class="p">(</span><span class="mf">1.15</span><span class="p">);</span>
+  <span class="p">}</span>
+<span class="p">}</span>
+<span class="p">.</span><span class="nc">heart</span> <span class="p">{</span>
+  <span class="k">animation</span><span class="p">:</span> <span class="n">heart</span> <span class="mi">1000</span><span class="kt">ms</span> <span class="kc">infinite</span><span class="p">;</span>
+<span class="p">}</span>
+</code></pre>
+        </div>
+        <p>Then, simply add the CSS class to the icon.</p>
+        <style>
+          @keyframes heart {
+
+            0%,
+            40%,
+            80%,
+            100% {
+              transform: scale(1);
+            }
+
+            20%,
+            60% {
+              transform: scale(1.15);
+            }
+          }
+
+          .heart {
+            animation: heart 1000ms infinite;
+          }
+        </style>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>:octicons-heart-fill-24:{: .heart }
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p><span class="twemoji heart"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+              </path>
+            </svg></span></p>
+        <h3 id="reference/icons-emojis/:customization"><span class="pdf-order">3.8.3 </span>Customization</h3>
+        <h4 id="reference/icons-emojis/:using-icons-in-templates">Using icons in templates</h4>
+        <p>When you're <a href="#customization/:extending-the-theme">extending the theme</a> with partials or blocks,
+          you can simply reference any icon that's <a
+            href="https://github.com/squidfunk/mkdocs-material/tree/master/material/.icons">bundled with the theme</a>
+          with Jinja's <a href="https://jinja.palletsprojects.com/en/2.11.x/templates/#include"><code>include</code></a>
+          function and wrap it with the <code>twemoji</code> class:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="p">&lt;</span><span class="nt">span</span> <span class="na">class</span><span class="o">=</span><span class="s">"twemoji"</span><span class="p">&gt;</span>
+  {% include ".icons/fontawesome/brands/twitter.svg" %}
+<span class="p">&lt;/</span><span class="nt">span</span><span class="p">&gt;</span>
+</code></pre>
+        </div>
+        <p>This is exactly what Material for MkDocs does in its templates.</p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/reference/images/" id="reference/images/:">
+      <h2 id="reference/images/:images"><span class="pdf-order">3.9 </span>Images</h2>
+      <p>While images are first-class citizens of Markdown and part of the core syntax, it can be difficult to work with
+        them. Material for MkDocs makes working with images more comfortable by providing styles for alignment and image
+        captions.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/images/:configuration"><span class="pdf-order">3.9.1 </span>Configuration</h3>
+        <h4 id="reference/images/:attribute-list">Attribute List</h4>
+        <p>The <a href="https://python-markdown.github.io/extensions/attr_list/">Attribute List</a> extension, which is
+          part of the standard Markdown library, allows to <strong>add HTML attributes and CSS classes to Markdown
+            elements</strong>, and can be enabled via <code>mkdocs.yml</code></p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">attr_list</span>
+</code></pre>
+        </div>
+        <h3 id="reference/images/:usage"><span class="pdf-order">3.9.2 </span>Usage</h3>
+        <h4 id="reference/images/:image-alignment">Image alignment</h4>
+        <p>When the <a href="#reference/images/:attribute-list">Attribute List</a> extension is enabled, images can be
+          aligned by adding the respective alignment directions via the <code>align</code> attribute, i.e.
+          <code>align=left</code> or <code>align=right</code></p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="reference/images/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Left</label>
+            <div class="tabbed-content">
+              <p><em>Example</em>:</p>
+              <div class="highlight">
+                <pre><span></span><code>![Placeholder](https://dummyimage.com/600x400/eee/aaa){: align=left }
+</code></pre>
+              </div>
+              <p><em>Result</em>:</p>
+              <p><img alt="Placeholder" src="https://dummyimage.com/600x400/f5f5f5/aaaaaa&amp;text=–%20Image%20–"
+                  style="float: left; padding-right: 0.5rem; padding-bottom: 0.5rem; width: 150.0px;" /></p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="reference/images/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">Right</label>
+            <div class="tabbed-content">
+              <p><em>Example</em>:</p>
+              <div class="highlight">
+                <pre><span></span><code>![Placeholder](https://dummyimage.com/600x400/eee/aaa){: align=right }
+</code></pre>
+              </div>
+              <p><em>Result</em>:</p>
+              <p><img alt="Placeholder" src="https://dummyimage.com/600x400/f5f5f5/aaaaaa&amp;text=–%20Image%20–"
+                  style="float: right; padding-left: 0.5rem; padding-bottom: 0.5rem; width: 150.0px;" /></p>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat,
+                tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.</p>
+            </div>
+          </div>
+        </div>
+        <p><em>If there's insufficient space to render the text next to the image, the image will stretch to the full
+            width of the viewport, e.g. on mobile viewports.</em></p>
+        <h4 id="reference/images/:image-captions">Image captions</h4>
+        <p>Sadly, the Markdown syntax doesn't provide native support for image captions, but it's always possible to
+          resort to HTML. Using <code>figure</code> and <code>figcaption</code>, captions can be added to images.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="p">&lt;</span><span class="nt">figure</span><span class="p">&gt;</span>
+  <span class="p">&lt;</span><span class="nt">img</span> <span class="na">src</span><span class="o">=</span><span class="s">"https://dummyimage.com/600x400/eee/aaa"</span> <span class="na">width</span><span class="o">=</span><span class="s">"300"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">figcaption</span><span class="p">&gt;</span>Image caption<span class="p">&lt;/</span><span class="nt">figcaption</span><span class="p">&gt;</span>
+<span class="p">&lt;/</span><span class="nt">figure</span><span class="p">&gt;</span>
+</code></pre>
+        </div>
+        <p><em>Result</em>:
+        <figure> <img src="https://dummyimage.com/600x400/f5f5f5/aaaaaa&amp;text=–%20Image%20–"
+            style="width: 150.0px;" />
+          <figcaption>Image caption</figcaption>
+        </figure>
+        </p>
+        <h4 id="reference/images/:image-lazy-loading">Image lazy-loading</h4>
+        <p>Modern browsers provide <a href="https://caniuse.com/#feat=loading-lazy-attr">native support for lazy-loading
+            images</a> through the <code>loading</code> attribute, which degrades to eager-loading in browsers without
+          support. As with <a href="#reference/images/:image-alignment">image alignment</a>, if the <a
+            href="#reference/images/:attribute-list">Attribute List</a> extension is enabled, images can be lazy-loaded
+          by adding <code>loading=lazy</code>.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>![Placeholder](https://dummyimage.com/600x400/eee/aaa){: loading=lazy }
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p><img alt="Placeholder" loading="lazy"
+            src="https://dummyimage.com/600x400/f5f5f5/aaaaaa&amp;text=–%20Image%20–" style="width: 150.0px;" /></p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/reference/lists/" id="reference/lists/:">
+      <h2 id="reference/lists/:lists"><span class="pdf-order">3.10 </span>Lists</h2>
+      <p>Material for MkDocs supports several flavors of lists that cater to different use cases, including
+        <em>unordered lists</em> and <em>ordered lists</em>, which are supported through standard Markdown, as well as
+        <em>definition lists</em> and <em>task lists</em>, which are supported through extensions.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/lists/:configuration"><span class="pdf-order">3.10.1 </span>Configuration</h3>
+        <h4 id="reference/lists/:definition-list">Definition List</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/_typeset.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a href="https://python-markdown.github.io/extensions/definition_lists/"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://python-markdown.github.io/extensions/definition_lists/">Definition List</a> extension,
+          which is part of the standard Markdown library, adds the ability to add definitions lists to a document and
+          can be enabled via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">def_list</span>
+</code></pre>
+        </div>
+        <h4 id="reference/lists/:tasklist">Tasklist</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/pymdownx/_tasklist.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/tasklist/"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/tasklist/">Tasklist</a> extension,
+          which is part of <a href="https://facelessuser.github.io/pymdown-extensions/">Python Markdown Extensions</a>,
+          adds support for lists with styled checkboxes, and provides several options for configuring the style:</p>
+        <dl>
+          <dt><code id="reference/lists/:custom-checkbox">custom_checkbox</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>false</code> · This option toggles the rendering style of checkboxes,
+              replacing native checkbox styles with beautiful icons, and is therefore <em>strongly recommended</em>:</p>
+            <div class="highlight">
+              <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.tasklist</span><span class="p">:</span>
+      <span class="nt">custom_checkbox</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">true</span>
+</code></pre>
+            </div>
+          </dd>
+          <dt><code id="reference/lists/:clickable-checkbox">clickable_checkbox</code></dt>
+          <dd>
+            <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M11.75 1a.75.75 0 01.75.75V4h6.532c.42 0 .826.15 1.143.425l3.187 2.75a1.75 1.75 0 010 2.65l-3.187 2.75a1.75 1.75 0 01-1.143.425H12.5v9.25a.75.75 0 01-1.5 0V13H3.75A1.75 1.75 0 012 11.25v-5.5C2 4.783 2.784 4 3.75 4H11V1.75a.75.75 0 01.75-.75zm0 4.5h7.282a.25.25 0 01.163.06l3.188 2.75a.25.25 0 010 .38l-3.188 2.75a.25.25 0 01-.163.06H3.75a.25.25 0 01-.25-.25v-5.5a.25.25 0 01.25-.25h8z"
+                    fill-rule="evenodd"></path>
+                </svg></span> Default: <code>false</code> · This option toggles whether checkboxes are clickable. As the
+              state is not persisted, the use of this option is <em>rather discouraged</em> from a user experience
+              perspective:</p>
+            <div class="highlight">
+              <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.tasklist</span><span class="p">:</span>
+      <span class="nt">clickable_checkbox</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">true</span>
+</code></pre>
+            </div>
+          </dd>
+        </dl>
+        <h3 id="reference/lists/:usage"><span class="pdf-order">3.10.2 </span>Usage</h3>
+        <h4 id="reference/lists/:using-unordered-lists">Using unordered lists</h4>
+        <p>An unordered list can be written by prefixing a line with a <code>-</code>, <code>*</code> or <code>+</code>
+          list marker, all of which can be used interchangeably. Furthermore, all flavors of lists can be nested inside
+          each other.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>* Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur
+  accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh
+  lacinia sed. Aenean in finibus diam.
+
+    * Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis.
+    * Nam vulputate tincidunt fringilla.
+    * Nullam dignissim ultrices urna non auctor.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <ul>
+          <li>
+            <p>Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur accumsan nibh eu mattis. Vivamus
+              tempus velit eros, porttitor placerat nibh lacinia sed. Aenean in finibus diam.</p>
+            <ul>
+              <li>Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis.</li>
+              <li>Nam vulputate tincidunt fringilla.</li>
+              <li>Nullam dignissim ultrices urna non auctor.</li>
+            </ul>
+          </li>
+        </ul>
+        <h4 id="reference/lists/:using-ordered-lists">Using ordered lists</h4>
+        <p>An ordered list must start with a number immediately followed by a dot. The numbers do not need to be
+          consecutive and can be all set to <code>1.</code>, as they will be re-numbered when rendered.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>1. Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis
+  sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis
+  nulla. Vivamus a pharetra leo.
+
+    1. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet
+      quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a
+      ultricies libero efficitur sed.
+
+    2. Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet
+      rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a.
+
+        1. Mauris dictum mi lacus
+        2. Ut sit amet placerat ante
+        3. Suspendisse ac eros arcu
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <ol>
+          <li>
+            <p>Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis sagittis. Aliquam purus tellus,
+              faucibus eget urna at, iaculis venenatis nulla. Vivamus a pharetra leo.</p>
+            <ol>
+              <li>
+                <p>Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet quam enim, eu volutpat urna
+                  rutrum a. Nam vehicula nunc mauris, a ultricies libero efficitur sed.</p>
+              </li>
+              <li>
+                <p>Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet
+                  quam enim, eu volutpat urna rutrum a.</p>
+                <ol>
+                  <li>Mauris dictum mi lacus</li>
+                  <li>Ut sit amet placerat ante</li>
+                  <li>Suspendisse ac eros arcu</li>
+                </ol>
+              </li>
+            </ol>
+          </li>
+        </ol>
+        <h4 id="reference/lists/:using-definition-lists">Using definition lists</h4>
+        <p><a href="#reference/lists/:definition-list">Definition lists</a> are a ideal for describing arbitrary
+          key-value pairs, e.g. the parameters of functions or modules, as used within this documentation to describe
+          extension or plugin parameters.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>`Lorem ipsum dolor sit amet`
+:   Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus
+    tellus non sem sollicitudin, quis rutrum leo facilisis.
+
+`Cras arcu libero`
+:   Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin
+    ut eros sed sapien ullamcorper consequat. Nunc ligula ante.
+
+    Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis.
+    Nam vulputate tincidunt fringilla.
+    Nullam dignissim ultrices urna non auctor.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <dl>
+          <dt><code>Lorem ipsum dolor sit amet</code></dt>
+          <dd>Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus non sem sollicitudin, quis
+            rutrum leo facilisis.</dd>
+          <dt><code>Cras arcu libero</code></dt>
+          <dd>
+            <p>Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut eros sed sapien ullamcorper
+              consequat. Nunc ligula ante.</p>
+            <p>Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis. Nam vulputate tincidunt fringilla.
+              Nullam dignissim ultrices urna non auctor.</p>
+          </dd>
+        </dl>
+        <h4 id="reference/lists/:using-tasklists">Using tasklists</h4>
+        <p>When the <a href="#reference/lists/:tasklist">Tasklist</a> extension is enabled, unordered list items can be
+          prefixed with <code>[ ]</code> to render an unchecked or <code>[x]</code> to render a checked checkbox.</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>* [x] Lorem ipsum dolor sit amet, consectetur adipiscing elit
+* [ ] Vestibulum convallis sit amet nisi a tincidunt
+    * [x] In hac habitasse platea dictumst
+    * [x] In scelerisque nibh non dolor mollis congue sed et metus
+    * [ ] Praesent sed risus massa
+* [ ] Aenean pretium efficitur erat, donec pharetra, ligula non scelerisque
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <ul class="task-list">
+          <li class="task-list-item"><label class="task-list-control"><input checked="" disabled=""
+                type="checkbox" /><span class="task-list-indicator"></span></label> Lorem ipsum dolor sit amet,
+            consectetur adipiscing elit</li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Vestibulum convallis sit amet nisi a tincidunt<ul
+              class="task-list">
+              <li class="task-list-item"><label class="task-list-control"><input checked="" disabled=""
+                    type="checkbox" /><span class="task-list-indicator"></span></label> In hac habitasse platea dictumst
+              </li>
+              <li class="task-list-item"><label class="task-list-control"><input checked="" disabled=""
+                    type="checkbox" /><span class="task-list-indicator"></span></label> In scelerisque nibh non dolor
+                mollis congue sed et metus</li>
+              <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                    class="task-list-indicator"></span></label> Praesent sed risus massa</li>
+            </ul>
+          </li>
+          <li class="task-list-item"><label class="task-list-control"><input disabled="" type="checkbox" /><span
+                class="task-list-indicator"></span></label> Aenean pretium efficitur erat, donec pharetra, ligula non
+            scelerisque</li>
+        </ul>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/reference/mathjax/" id="reference/mathjax/:">
+      <h2 id="reference/mathjax/:mathjax"><span class="pdf-order">3.11 </span>MathJax</h2>
+      <p><a href="https://www.mathjax.org/">MathJax</a> is a beautiful and accessible way to display <em>mathematical
+          content</em> in the browser, allows for writing formulas in different notations, including <a
+          href="https://en.wikibooks.org/wiki/LaTeX/Mathematics">LaTeX</a>, <a
+          href="https://en.wikipedia.org/wiki/MathML">MathML</a> and <a href="http://asciimath.org/">AsciiMath</a>, and
+        can be easily integrated with Material for MkDocs.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/mathjax/:configuration"><span class="pdf-order">3.11.1 </span>Configuration</h3>
+        <h4 id="reference/mathjax/:arithmatex">Arithmatex</h4>
+        <p><a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/pymdownx/_arithmatex.scss"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a> · <a
+            href="https://facelessuser.github.io/pymdown-extensions/extensions/arithmatex/"><span class="twemoji"><svg
+                viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M1 3a2 2 0 012-2h6.5a2 2 0 012 2v6.5a2 2 0 01-2 2H7v4.063C7 16.355 7.644 17 8.438 17H12.5v-2.5a2 2 0 012-2H21a2 2 0 012 2V21a2 2 0 01-2 2h-6.5a2 2 0 01-2-2v-2.5H8.437A2.938 2.938 0 015.5 15.562V11.5H3a2 2 0 01-2-2V3zm2-.5a.5.5 0 00-.5.5v6.5a.5.5 0 00.5.5h6.5a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5H3zM14.5 14a.5.5 0 00-.5.5V21a.5.5 0 00.5.5H21a.5.5 0 00.5-.5v-6.5a.5.5 0 00-.5-.5h-6.5z"
+                  fill-rule="evenodd"></path>
+              </svg></span> Extension</a></p>
+        <p>The <a href="https://facelessuser.github.io/pymdown-extensions/extensions/arithmatex/">Arithmatex</a>
+          extension, which is part of of <a href="https://facelessuser.github.io/pymdown-extensions/extensions/">Python
+            Markdown Extensions</a>, allows the rendering of block and inline block equations, and can be enabled via
+          <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">pymdownx.arithmatex</span><span class="p">:</span>
+      <span class="nt">generic</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">true</span>
+</code></pre>
+        </div>
+        <p>Besides enabling the extension in <code>mkdocs.yml</code>, a MathJax configuration and the JavaScript runtime
+          need to be included, which can be done with <a href="#customization/:additional-javascript">additional
+            JavaScript</a>:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="reference/mathjax/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">docs/javascripts/config.js</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nb">window</span><span class="p">.</span><span class="nx">MathJax</span> <span class="o">=</span> <span class="p">{</span>
+  <span class="nx">tex</span><span class="o">:</span> <span class="p">{</span>
+    <span class="nx">inlineMath</span><span class="o">:</span> <span class="p">[[</span><span class="s2">"\\("</span><span class="p">,</span> <span class="s2">"\\)"</span><span class="p">]],</span>
+    <span class="nx">displayMath</span><span class="o">:</span> <span class="p">[[</span><span class="s2">"\\["</span><span class="p">,</span> <span class="s2">"\\]"</span><span class="p">]],</span>
+    <span class="nx">processEscapes</span><span class="o">:</span> <span class="kc">true</span><span class="p">,</span>
+    <span class="nx">processEnvironments</span><span class="o">:</span> <span class="kc">true</span>
+  <span class="p">},</span>
+  <span class="nx">options</span><span class="o">:</span> <span class="p">{</span>
+    <span class="nx">ignoreHtmlClass</span><span class="o">:</span> <span class="s2">".*|"</span><span class="p">,</span>
+    <span class="nx">processHtmlClass</span><span class="o">:</span> <span class="s2">"arithmatex"</span>
+  <span class="p">}</span>
+<span class="p">};</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="reference/mathjax/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">mkdocs.yml</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">extra_javascript</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">javascripts/config.js</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">https://polyfill.io/v3/polyfill.min.js?features=es6</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <p><em>MathJax can be configured in many different ways, for which Material for MkDocs might not provide native
+            support. See the <a href="https://facelessuser.github.io/pymdown-extensions/extensions/arithmatex/">official
+              documentation</a> for more information.</em></p>
+        <div class="admonition tip">
+          <p class="admonition-title">Using MathJax with <a href="#setup/setting-up-navigation/:instant-loading">instant
+              loading</a></p>
+          <p>There's no additional effort necessary to integrate <em>MathJax 3</em> with <a
+              href="https://facelessuser.github.io/pymdown-extensions/extensions/">instant loading</a> – it's expected
+            to work straight away. However, a previous version of this document explained how to integrate Material for
+            MkDocs with <em>MathJax 2</em>, which doesn't exhibit this behavior. It's therefore highly recommended to
+            switch to <em>MathJax 3</em>.</p>
+        </div>
+        <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
+        <script async="" id="reference/mathjax/:MathJax-script"
+          src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
+        <script>
+          window.MathJax = {
+            tex: {
+              inlineMath: [["\\(", "\\)"]],
+              displayMath: [["\\[", "\\]"]],
+              processEscapes: true,
+              processEnvironments: true
+            },
+            options: {
+              ignoreHtmlClass: ".*|",
+              processHtmlClass: "arithmatex"
+            }
+          };
+        </script>
+        <h3 id="reference/mathjax/:usage"><span class="pdf-order">3.11.2 </span>Usage</h3>
+        <h4 id="reference/mathjax/:using-block-syntax">Using block syntax</h4>
+        <p>Blocks must be enclosed in <code
+            class="highlight"><span class="sb">$$</span><span class="nb">...</span><span class="s">$$</span></code> or
+          <code
+            class="highlight"><span class="sb">\[</span><span class="nb">...</span><span class="s">\]</span></code>on
+          separate lines:</p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="sb">$$</span><span class="nb"></span>
+<span class="nv">\operatorname</span><span class="nb">{ker} f</span><span class="o">=</span><span class="nv">\{</span><span class="nb">g</span><span class="nv">\in</span><span class="nb"> G:f</span><span class="o">(</span><span class="nb">g</span><span class="o">)=</span><span class="nb">e_{H}</span><span class="nv">\}</span><span class="nb">{</span><span class="nv">\mbox</span><span class="nb">{.}}</span>
+<span class="s">$$</span>
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <div class="arithmatex">\[ \operatorname{ker} f=\{g\in G:f(g)=e_{H}\}{\mbox{.}} \]</div>
+        <h4 id="reference/mathjax/:using-inline-block-syntax">Using inline block syntax</h4>
+        <p>Inline blocks must be enclosed in <code
+            class="highlight"><span class="s">$</span><span class="nb">...</span><span class="s">$</span></code> or
+          <code class="highlight"><span class="s">\(</span><span class="nb">...</span><span class="s">\)</span></code>:
+        </p>
+        <p><em>Example</em>:</p>
+        <div class="highlight">
+          <pre><span></span><code>The homomorphism <span class="s">$</span><span class="nb">f</span><span class="s">$</span> is injective if and only if its kernel is only the
+singleton set <span class="s">$</span><span class="nb">e_G</span><span class="s">$</span>, because otherwise <span class="s">$</span><span class="nv">\exists</span><span class="nb"> a,b</span><span class="nv">\in</span><span class="nb"> G</span><span class="s">$</span> with <span class="s">$</span><span class="nb">a</span><span class="nv">\neq</span><span class="nb"> b</span><span class="s">$</span> such
+that <span class="s">$</span><span class="nb">f</span><span class="o">(</span><span class="nb">a</span><span class="o">)=</span><span class="nb">f</span><span class="o">(</span><span class="nb">b</span><span class="o">)</span><span class="s">$</span>.
+</code></pre>
+        </div>
+        <p><em>Result</em>:</p>
+        <p>The homomorphism <span class="arithmatex">\(f\)</span> is injective if and only if its kernel is only the
+          singleton set <span class="arithmatex">\(e_G\)</span>, because otherwise <span class="arithmatex">\(\exists
+            a,b\in G\)</span> with <span class="arithmatex">\(a\neq b\)</span> such that <span
+            class="arithmatex">\(f(a)=f(b)\)</span>.</p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/reference/meta-tags/" id="reference/meta-tags/:">
+      <h2 id="reference/meta-tags/:meta-tags"><span class="pdf-order">3.12 </span>Meta tags</h2>
+      <p>In HTML, <code>meta</code> tags allow to provide additional metadata for a document, e.g. page titles and
+        descriptions, additional assets to be loaded, and <a href="https://ogp.me/">Open Graph</a> data. While metadata
+        can always be added via <a href="#reference/meta-tags/:customization">customization</a>, some tags can be
+        configured.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="reference/meta-tags/:configuration"><span class="pdf-order">3.12.1 </span>Configuration</h3>
+        <h4 id="reference/meta-tags/:metadata">Metadata</h4>
+        <p>The <a href="https://github.com/squidfunk/mkdocs-material/blob/master/src/base.html">Metadata</a> extension,
+          which is part of the standard Markdown library, adds the ability to add <a
+            href="https://jekyllrb.com/docs/front-matter/">front matter</a> to a document and can be enabled via
+          <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">markdown_extensions</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">meta</span>
+</code></pre>
+        </div>
+        <p>Front matter is written as a series of key-value pairs at the beginning of the Markdown document, delimited
+          by a blank line which ends the YAML context.</p>
+        <h3 id="reference/meta-tags/:usage"><span class="pdf-order">3.12.2 </span>Usage</h3>
+        <h4 id="reference/meta-tags/:setting-the-page-title">Setting the page title</h4>
+        <p>If the <a href="#reference/meta-tags/:metadata">Metadata</a> extension is enabled, the page title can be
+          overridden on a per-document basis with custom front matter:</p>
+        <div class="highlight">
+          <pre><span></span><code>---
+title: Lorem ipsum dolor sit amet
+---
+</code></pre>
+        </div>
+        <p>This will set the <code>title</code> tag inside the document <code>head</code> for the current page to the
+          provided value. Note that the site title is appended using a dash as a separator, which is the default
+          behavior.</p>
+        <h4 id="reference/meta-tags/:setting-the-page-description">Setting the page description</h4>
+        <p>If the <a href="#reference/meta-tags/:metadata">Metadata</a> extension is enabled, the page description can
+          also be overridden on a per-document basis with custom front matter:</p>
+        <div class="highlight">
+          <pre><span></span><code>---
+description: Nullam urna elit, malesuada eget finibus ut, ac tortor.
+---
+</code></pre>
+        </div>
+        <p>This will set the <code>meta</code> tag containing the site description inside the document <code>head</code>
+          for the current page to the provided value.</p>
+        <h4 id="reference/meta-tags/:adding-a-web-app-manifest">Adding a web app manifest</h4>
+        <p>A <a href="https://developers.google.com/web/fundamentals/web-app-manifest/">web app manifest</a> is a simple
+          JSON file that specifies how your web application should behave when installed on the user's mobile device or
+          desktop, which can be set via <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">extra</span><span class="p">:</span>
+  <span class="nt">manifest</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">manifest.webmanifest</span>
+</code></pre>
+        </div>
+        <h3 id="reference/meta-tags/:customization"><span class="pdf-order">3.12.3 </span>Customization</h3>
+        <p>In order to add <code>meta</code> tags to your document, you can <a
+            href="#customization/:extending-the-theme">extend the theme</a> and simply <a
+            href="#customization/:overriding-blocks">override the <code>extrahead</code> block</a> with the respective
+          tags, e.g. to set policies for search engines:</p>
+        <div class="highlight">
+          <pre><span></span><code>{% block extrahead %}
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">property</span><span class="o">=</span><span class="s">"robots"</span> <span class="na">content</span><span class="o">=</span><span class="s">"noindex, nofollow"</span> <span class="p">/&gt;</span>
+{% endblock %}
+</code></pre>
+        </div>
+        <p>Some further examples, including <a href="https://ogp.me/">Open Graph</a> and <a
+            href="https://developer.twitter.com/en/docs/tweets/optimize-with-cards/overview/abouts-cards">Twitter
+            Cards</a>:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="reference/meta-tags/:__tabbed_1_1"
+              name="__tabbed_1" type="radio" /><label for="__tabbed_1_1">Open Graph</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>{% block extrahead %}
+  {% set title = config.site_name %}
+  {% if page and page.meta and page.meta.title %}
+    {% set title = title ~ " - " ~ page.meta.title %}
+  {% elif page and page.title and not page.is_homepage %}
+    {% set title = title ~ " - " ~ page.title | striptags %}
+  {% endif %}
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">property</span><span class="o">=</span><span class="s">"og:type"</span> <span class="na">content</span><span class="o">=</span><span class="s">"website"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">property</span><span class="o">=</span><span class="s">"og:title"</span> <span class="na">content</span><span class="o">=</span><span class="s">"{{ title }}"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">property</span><span class="o">=</span><span class="s">"og:description"</span> <span class="na">content</span><span class="o">=</span><span class="s">"{{ config.site_description }}"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">property</span><span class="o">=</span><span class="s">"og:url"</span> <span class="na">content</span><span class="o">=</span><span class="s">"{{ page.canonical_url }}"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">property</span><span class="o">=</span><span class="s">"og:image"</span> <span class="na">content</span><span class="o">=</span><span class="s">"&lt;url&gt;"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">property</span><span class="o">=</span><span class="s">"og:image:type"</span> <span class="na">content</span><span class="o">=</span><span class="s">"image/png"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">property</span><span class="o">=</span><span class="s">"og:image:width"</span> <span class="na">content</span><span class="o">=</span><span class="s">"1200"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">property</span><span class="o">=</span><span class="s">"og:image:height"</span> <span class="na">content</span><span class="o">=</span><span class="s">"630"</span> <span class="p">/&gt;</span>
+{% endblock %}
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="reference/meta-tags/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">Twitter Cards</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>{% block extrahead %}
+  {% set title = config.site_name %}
+  {% if page and page.meta and page.meta.title %}
+    {% set title = title ~ " - " ~ page.meta.title %}
+  {% elif page and page.title and not page.is_homepage %}
+    {% set title = title ~ " - " ~ page.title | striptags %}
+  {% endif %}
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">"twitter:card"</span> <span class="na">content</span><span class="o">=</span><span class="s">"summary_large_image"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">"twitter:site"</span> <span class="na">content</span><span class="o">=</span><span class="s">"&lt;username&gt;"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">"twitter:creator"</span> <span class="na">content</span><span class="o">=</span><span class="s">"&lt;username&gt;"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">"twitter:title"</span> <span class="na">content</span><span class="o">=</span><span class="s">"{{ title }}"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">"twitter:description"</span> <span class="na">content</span><span class="o">=</span><span class="s">"{{ config.site_description }}"</span> <span class="p">/&gt;</span>
+  <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">name</span><span class="o">=</span><span class="s">"twitter:image"</span> <span class="na">content</span><span class="o">=</span><span class="s">"&lt;url&gt;"</span> <span class="p">/&gt;</span>
+{% endblock %}
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+  </article>
+  <article class="md-content__inner md-typeset" data-url="/INUGC3THMVWG6ZY/" id="INUGC3THMVWG6ZY/:">
+    <h1 id="INUGC3THMVWG6ZY/"><span class="pdf-order">4. </span>Changelog</h1>
+    <section class="md-typeset" data-url="/changelog/" id="changelog/:">
+      <h2 id="changelog/:changelog"><span class="pdf-order">4.1 </span>Changelog</h2>
+      <section class="md-typeset two-columns">
+        <h3 id="changelog/:material-for-mkdocs-insiders"><span class="pdf-order">4.1.1 </span>Material for MkDocs
+          Insiders</h3>
+        <h4 id="changelog/:141-_-september-6-2020">1.4.1 <small>_ September 6, 2020</small></h4>
+        <ul>
+          <li>Improved typeahead and search result relevance and scoring</li>
+        </ul>
+        <h4 id="changelog/:140-_-august-30-2020">1.4.0 <small>_ August 30, 2020</small></h4>
+        <ul>
+          <li>Added support for auto-hiding header on scroll</li>
+        </ul>
+        <h4 id="changelog/:130-_-august-26-2020">1.3.0 <small>_ August 26, 2020</small></h4>
+        <ul>
+          <li>Added support for user-selectable color palettes</li>
+        </ul>
+        <h4 id="changelog/:120-_-august-11-2020">1.2.0 <small>_ August 11, 2020</small></h4>
+        <ul>
+          <li>Added feature to expand navigation by default</li>
+        </ul>
+        <h4 id="changelog/:110-_-august-3-2020">1.1.0 <small>_ August 3, 2020</small></h4>
+        <ul>
+          <li>Added highlighting of search results</li>
+        </ul>
+        <h4 id="changelog/:100-_-july-14-2020">1.0.0 <small>_ July 14, 2020</small></h4>
+        <ul>
+          <li>Added grouping of search results</li>
+          <li>Added missing query terms to search result</li>
+          <li>Improved search result relevance and scoring</li>
+        </ul>
+        <h3 id="changelog/:material-for-mkdocs"><span class="pdf-order">4.1.2 </span>Material for MkDocs</h3>
+        <h4 id="changelog/:5512-_-august-31-2020">5.5.12 <small>_ August 31, 2020</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1638"
+              title="GitHub Issue: squidfunk/mkdocs-material#1638">#1638</a>: occasional <code>404</code> for images
+            when using instant loading</li>
+        </ul>
+        <h4 id="changelog/:5511-_-august-28-2020">5.5.11 <small>_ August 28, 2020</small></h4>
+        <ul>
+          <li>Fixed Disqus integration, as the minifier killed the config</li>
+        </ul>
+        <h4 id="changelog/:5510-_-august-28-2020">5.5.10 <small>_ August 28, 2020</small></h4>
+        <ul>
+          <li>Improved rendering by moving Disqus integration after page load</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1887"
+              title="GitHub Issue: squidfunk/mkdocs-material#1887">#1887</a>: Moved navigation icons to CSS to reduce
+            size of HTML</li>
+        </ul>
+        <h4 id="changelog/:559-_-august-26-2020">5.5.9 <small>_ August 26, 2020</small></h4>
+        <ul>
+          <li>Added Esperanto translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1884"
+              title="GitHub Issue: squidfunk/mkdocs-material#1884">#1884</a>: External links not included in navigation
+            tabs</li>
+        </ul>
+        <h4 id="changelog/:558-_-august-23-2020">5.5.8 <small>_ August 23, 2020</small></h4>
+        <ul>
+          <li>Removed focus outline on <code>details</code> and content tabs for pointer devices</li>
+          <li>Improved accessibility of content tabs (now navigable via arrow keys)</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1877"
+              title="GitHub Issue: squidfunk/mkdocs-material#1877">#1877</a>: <code>404</code> on search index when
+            search is disabled</li>
+          <li>Fixed some memleaks in observable subscriptions</li>
+          <li>Fixed color definitions for <code>theme-color</code> meta tag</li>
+        </ul>
+        <h4 id="changelog/:557-_-august-16-2020">5.5.7 <small>_ August 16, 2020</small></h4>
+        <ul>
+          <li>Improved contrast ratio to 4.5:1 for syntax highlighting</li>
+          <li>Improved contrast ratio to 4.5:1 for table of contents</li>
+        </ul>
+        <h4 id="changelog/:556-_-august-12-2020">5.5.6 <small>_ August 12, 2020</small></h4>
+        <ul>
+          <li>Switched base template for <code>404.html</code> to <code>main.html</code></li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1864"
+              title="GitHub Issue: squidfunk/mkdocs-material#1864">#1864</a>: GitHub organisation stats not loading</li>
+        </ul>
+        <h4 id="changelog/:555-_-august-11-2020">5.5.5 <small>_ August 11, 2020</small></h4>
+        <ul>
+          <li>Fixed missing vendor and worker distribution files</li>
+        </ul>
+        <h4 id="changelog/:554-_-august-11-2020">5.5.4 <small>_ August 11, 2020</small></h4>
+        <ul>
+          <li>Added support for sortable data tables</li>
+        </ul>
+        <h4 id="changelog/:553-_-august-4-2020">5.5.3 <small>_ August 4, 2020</small></h4>
+        <ul>
+          <li>Fixed search for languages other than English (5.5.1 regression)</li>
+        </ul>
+        <h4 id="changelog/:552-_-august-3-2020">5.5.2 <small>_ August 3, 2020</small></h4>
+        <ul>
+          <li>Improved highlight colors and spacing for <code>ins</code>, <code>del</code> and <code>mark</code></li>
+          <li>Changed some keyboard symbols for better equivalents</li>
+          <li>Removed focus <code>outline</code> for details and code blocks on touch devices</li>
+          <li>Fixed margins for Admonitions (5.5.1 regression)</li>
+          <li>Fixed too small content tab labels (5.5.1 regression)</li>
+          <li>Fixed icon repeating for custom admonition icons</li>
+        </ul>
+        <h4 id="changelog/:551-_-august-1-2020">5.5.1 <small>_ August 1, 2020</small></h4>
+        <ul>
+          <li>Improved typesetting by basing <code>font-size</code> and spacings on <code>em</code></li>
+          <li>Improved print view by slightly scaling down <code>font-size</code></li>
+          <li>Changed custom site title (metadata) to be suffixed with site name</li>
+          <li>Fixed top- and bottom spacing of paragraphs inside table cells</li>
+        </ul>
+        <h4 id="changelog/:550-_-july-24-2020">5.5.0 <small>_ July 24, 2020</small></h4>
+        <ul>
+          <li>Rewrite of entire documentation</li>
+          <li>Rewrite of syntax highlighting to be customizable with CSS variables</li>
+          <li>Improved syntax highlighting to work with light and dark theme</li>
+          <li>Improved <code>slate</code> color scheme to be more customizable and easier on the eyes</li>
+          <li>Added licenses of icon sets to distribution files</li>
+          <li>Fixed stale document titles in Google Analytics when using instant loading</li>
+          <li>Fixed width of previous and next footer links for tablet and above</li>
+          <li>Fixed issues with top scroll margin for footnotes</li>
+          <li>Fixed top margin for tabbed content when using a JavaScript highlighter</li>
+          <li>Deprecated metadata-based redirects, source links and heroes</li>
+        </ul>
+        <h4 id="changelog/:540-_-june-29-2020">5.4.0 <small>_ June 29, 2020</small></h4>
+        <ul>
+          <li>Added support to wrap searches in quotes to switch from <code>OR</code> to <code>AND</code></li>
+          <li>Fixed highlighting of numbers in search results</li>
+        </ul>
+        <h4 id="changelog/:533-_-june-24-2020">5.3.3 <small>_ June 24, 2020</small></h4>
+        <ul>
+          <li>Added Bengali translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1773"
+              title="GitHub Issue: squidfunk/mkdocs-material#1773">#1773</a>: Search for numbers does not return any
+            result (regression)</li>
+        </ul>
+        <h4 id="changelog/:532-_-june-21-2020">5.3.2 <small>_ June 21, 2020</small></h4>
+        <ul>
+          <li>Improved search typeahead experience with non-Latin characters</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1753"
+              title="GitHub Issue: squidfunk/mkdocs-material#1753">#1753</a>: Japanese search doesn't work anymore</li>
+        </ul>
+        <h4 id="changelog/:531-_-june-20-2020">5.3.1 <small>_ June 20, 2020</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1761"
+              title="GitHub Issue: squidfunk/mkdocs-material#1761">#1761</a>: Duplication of search worker when
+            subscribing to observable</li>
+        </ul>
+        <h4 id="changelog/:530-_-june-15-2020">5.3.0 <small>_ June 15, 2020</small></h4>
+        <ul>
+          <li>Added support for color schemes based on user preference</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1755"
+              title="GitHub Issue: squidfunk/mkdocs-material#1755">#1755</a>: Tokenizer separator setting ignored</li>
+        </ul>
+        <h4 id="changelog/:523-_-june-6-2020">5.2.3 <small>_ June 6, 2020</small></h4>
+        <ul>
+          <li>Improved search typeahead behavior for some languages (<code>de</code>, <code>fr</code>, ...)</li>
+          <li>Improved styles for scrollbars on Firefox</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1741"
+              title="GitHub Issue: squidfunk/mkdocs-material#1741">#1741</a>: Removed <code>preconnect</code> hint for
+            Google Analytics</li>
+        </ul>
+        <h4 id="changelog/:522-_-may-26-2020">5.2.2 <small>_ May 26, 2020</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1728"
+              title="GitHub Issue: squidfunk/mkdocs-material#1728">#1728</a>: Legacy Edge doesn't support
+            <code>deg</code> values in <code>hsla</code> colors</li>
+        </ul>
+        <h4 id="changelog/:521-_-may-22-2020">5.2.1 <small>_ May 22, 2020</small></h4>
+        <ul>
+          <li>Fixed color of links in table headers, e.g. footnotes</li>
+          <li>Fixed color scheme not being applied without primary or accent color</li>
+          <li>Fixed hover delay for links inside code blocks</li>
+        </ul>
+        <h4 id="changelog/:520-_-may-18-2020">5.2.0 <small>_ May 18, 2020</small></h4>
+        <ul>
+          <li>Added color schemes implementation + dark mode</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1583"
+              title="GitHub Issue: squidfunk/mkdocs-material#1583">#1583</a>: Missing option for separate link colors
+          </li>
+        </ul>
+        <h4 id="changelog/:517-_-may-16-2020">5.1.7 <small>_ May 16, 2020</small></h4>
+        <ul>
+          <li>Added keyboard focus support for overflowing code blocks</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1696"
+              title="GitHub Issue: squidfunk/mkdocs-material#1696">#1696</a>: Infinite loop in some cases when using
+            instant loading</li>
+        </ul>
+        <h4 id="changelog/:516-_-may-9-2020">5.1.6 <small>_ May 9, 2020</small></h4>
+        <ul>
+          <li>Added Burmese translations</li>
+          <li>Added general anchor offset solution using <code>scroll-margin-top</code></li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1653"
+              title="GitHub Issue: squidfunk/mkdocs-material#1653">#1653</a>: Instant loading shouldn't intercept links
+            to <code>*.html</code> files</li>
+        </ul>
+        <h4 id="changelog/:515-_-may-3-2020">5.1.5 <small>_ May 3, 2020</small></h4>
+        <ul>
+          <li>Added <code>name</code> attribute for social links to set link <code>title</code></li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1623"
+              title="GitHub Issue: squidfunk/mkdocs-material#1623">#1623</a>: Allow arbitrary links in social links</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1664"
+              title="GitHub Issue: squidfunk/mkdocs-material#1664">#1664</a>: Height of <code>iframe</code> is not
+            adjustable</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1667"
+              title="GitHub Issue: squidfunk/mkdocs-material#1667">#1667</a>: Sidebars are scrolled to bottom on load
+            (bug in Chrome 81+)</li>
+        </ul>
+        <h4 id="changelog/:514-_-april-30-2020">5.1.4 <small>_ April 30, 2020</small></h4>
+        <ul>
+          <li>Switched to <a href="https://github.com/Templarian/MaterialDesign-SVG">@mdi/svg</a> Material Design icon
+            package</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1655"
+              title="GitHub Issue: squidfunk/mkdocs-material#1655">#1655</a>: Navigation may disappear after switching
+            viewports</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1659"
+              title="GitHub Issue: squidfunk/mkdocs-material#1659">#1659</a>: Unnecessary scrollbar for search results
+            on Windows</li>
+          <li>Fixed occasional distortions for images with explicit dimensions</li>
+          <li>Fixed errors in German translations</li>
+        </ul>
+        <h4 id="changelog/:513-_-april-26-2020">5.1.3 <small>_ April 26, 2020</small></h4>
+        <ul>
+          <li>Fixed overflowing content area after switch to flexbox</li>
+        </ul>
+        <h4 id="changelog/:512-_-april-26-2020">5.1.2 <small>_ April 26, 2020</small></h4>
+        <ul>
+          <li>Added status information to search observable</li>
+          <li>Added status information to search modal</li>
+          <li>Removed announcement bar from print media</li>
+          <li>Removed media query packing logic due to race conditions</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1520"
+              title="GitHub Issue: squidfunk/mkdocs-material#1520">#1520</a>: Gracefully disable search on
+            <code>file://</code> if Worker fails</li>
+          <li>Fixed re-submission of query after search is initialized</li>
+          <li>Fixed jitter of sidebars on all browsers by switching to <code>sticky</code></li>
+        </ul>
+        <h4 id="changelog/:511-_-april-17-2020">5.1.1 <small>_ April 17, 2020</small></h4>
+        <ul>
+          <li>Added new FontAwesome icons</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1609"
+              title="GitHub Issue: squidfunk/mkdocs-material#1609">#1609</a>: Instant loading doesn't honor
+            <code>target=_blank</code></li>
+          <li>Fixed GitHub stars count rounding errors</li>
+          <li>Fixed GitLab stars count retrieval</li>
+        </ul>
+        <h4 id="changelog/:510-_-april-12-2020">5.1.0 <small>_ April 12, 2020</small></h4>
+        <ul>
+          <li>Added support for icons from Markdown through <a
+              href="https://github.com/facelessuser/mkdocs-material-extensions">mkdocs-material-extensions</a></li>
+        </ul>
+        <h4 id="changelog/:502-_-april-10-2020">5.0.2 <small>_ April 10, 2020</small></h4>
+        <ul>
+          <li>Added CSS source maps to distribution files</li>
+          <li>Fixed errors in Chinese (Traditional) translations</li>
+          <li>Fixed creation of stale directory on installation from git</li>
+          <li>Improved overflow scrolling behavior on iOS (reduced bundle size by <code>4kb</code>)</li>
+        </ul>
+        <h4 id="changelog/:501-_-april-7-2020">5.0.1 <small>_ April 7, 2020</small></h4>
+        <ul>
+          <li>Fixed syntax error in Spanish translation</li>
+        </ul>
+        <h4 id="changelog/:500-_-april-7-2020">5.0.0 <small>_ April 7, 2020</small></h4>
+        <ul>
+          <li>Reactive architecture – try <code>app.dialog$.next("Hi!")</code> in the console</li>
+          <li>Instant loading – make Material behave like a Single Page Application</li>
+          <li>Improved CSS customization with CSS variables – set your brand's colors</li>
+          <li>Improved CSS resilience, e.g. proper sidebar locking for customized headers</li>
+          <li>Improved icon integration and configuration – now including over 5k icons</li>
+          <li>Added possibility to use any icon for logo, repository and social links</li>
+          <li>Search UI does not freeze anymore (moved to web worker)</li>
+          <li>Search index built only once when using instant loading</li>
+          <li>Improved extensible keyboard handling</li>
+          <li>Support for prebuilt search indexes</li>
+          <li>Support for displaying stars and forks for GitLab repositories</li>
+          <li>Support for scroll snapping of sidebars and search results</li>
+          <li>Reduced HTML and CSS footprint due to deprecation of Internet Explorer support</li>
+          <li>Slight facelifting of some UI elements (Admonitions, tables, ...)</li>
+        </ul>
+        <h4 id="changelog/:463-_-february-14-2020">4.6.3 <small>_ February 14, 2020</small></h4>
+        <ul>
+          <li>Removed optional third-party plugins from <code>requirements.txt</code></li>
+          <li>Updated Docker image to contain all supported third-party plugins</li>
+        </ul>
+        <h4 id="changelog/:462-_-february-8-2020">4.6.2 <small>_ February 8, 2020</small></h4>
+        <ul>
+          <li>Added Romanian translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1451"
+              title="GitHub Issue: squidfunk/mkdocs-material#1451">#1451</a>: Inconsistent spacing for fenced code
+            blocks</li>
+        </ul>
+        <h4 id="changelog/:461-_-february-8-2020">4.6.1 <small>_ February 8, 2020</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1324"
+              title="GitHub Issue: squidfunk/mkdocs-material#1324">#1324</a>: Metadata author only rendering first
+            character</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1393"
+              title="GitHub Issue: squidfunk/mkdocs-material#1393">#1393</a>: Set <code>tabindex</code> to
+            <code>0</code> for skip to content link</li>
+          <li>Fixed code blocks after Markdown 3.2 release</li>
+          <li>Fixed errors in Japanese translations</li>
+          <li>Improved Google Lighthouse score</li>
+        </ul>
+        <h4 id="changelog/:460-_-december-11-2019">4.6.0 <small>_ December 11, 2019</small></h4>
+        <ul>
+          <li>Added support for <a
+              href="https://github.com/timvink/mkdocs-git-revision-date-localized-plugin">mkdocs-git-revision-date-localized-plugin</a>
+          </li>
+          <li>Fixed invalid character in Google Fonts URL</li>
+        </ul>
+        <h4 id="changelog/:451-_-december-2-2019">4.5.1 <small>_ December 2, 2019</small></h4>
+        <ul>
+          <li>Added Thai translations</li>
+          <li>Fixed missing assets in GitHub release <code>.zip</code> and <code>.tar.gz</code></li>
+        </ul>
+        <h4 id="changelog/:450-_-november-16-2019">4.5.0 <small>_ November 16, 2019</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1330"
+              title="GitHub Issue: squidfunk/mkdocs-material#1330">#1330</a>: Upgraded EmojiOne to Tweomji due to
+            licensing issues</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1339"
+              title="GitHub Issue: squidfunk/mkdocs-material#1339">#1339</a>: Temporarily pinned PyMdown and Markdown
+            due to</li>
+          <li>Fixed errors in Greek translations</li>
+          <li>Improved GitHub statistics retrieval</li>
+        </ul>
+        <h4 id="changelog/:443-_-october-3-2019">4.4.3 <small>_ October 3, 2019</small></h4>
+        <ul>
+          <li>Added Estonian translations</li>
+          <li>Fixed removal of copyright banners in minified JavaScript</li>
+          <li>Removed unnecessary title attributes from links in table of contents</li>
+        </ul>
+        <h4 id="changelog/:442-_-august-27-2019">4.4.2 <small>_ August 27, 2019</small></h4>
+        <ul>
+          <li>Added Afrikaans translations</li>
+          <li>Fixed broken page title when <code>h1</code> contained HTML tags</li>
+          <li>Improved accessibility for IE users</li>
+          <li>Removed unnecessary <code>title</code> attributes from links in navigation</li>
+        </ul>
+        <h4 id="changelog/:441-_-august-22-2019">4.4.1 <small>_ August 22, 2019</small></h4>
+        <ul>
+          <li>Added support for <code>black</code> as a primary color</li>
+          <li>Fixed broken footer bar when <code>h1</code> contained HTML tags</li>
+        </ul>
+        <h4 id="changelog/:440-_-june-15-2019">4.4.0 <small>_ June 15, 2019</small></h4>
+        <ul>
+          <li>Added Slovenian translations</li>
+          <li>Reverted template minification in favor of <code>mkdocs-minify-plugin</code></li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1114"
+              title="GitHub Issue: squidfunk/mkdocs-material#1114">#1114</a>: Tabs don't reappear when default
+            <code>font-size</code> is smaller than <code>16</code></li>
+        </ul>
+        <h4 id="changelog/:431-_-may-23-2019">4.3.1 <small>_ May 23, 2019</small></h4>
+        <ul>
+          <li>Fixed spelling error in Danish translations</li>
+        </ul>
+        <h4 id="changelog/:430-_-may-17-2019">4.3.0 <small>_ May 17, 2019</small></h4>
+        <ul>
+          <li>Added support for changing header through metadata title property</li>
+          <li>Added <code>font-display: swap</code> to Google Font loading logic</li>
+          <li>Removed whitespace from templates, saving <code>4kb</code> (<code>.7kb</code> gzipped) per request</li>
+          <li>Fixed alignment of repository icons on tablet and desktop</li>
+        </ul>
+        <h4 id="changelog/:420-_-april-28-2019">4.2.0 <small>_ April 28, 2019</small></h4>
+        <ul>
+          <li>Added Norwegian (Nynorsk) translations</li>
+          <li>Fixed loss of focus in non-form input elements due to search hotkeys</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1067"
+              title="GitHub Issue: squidfunk/mkdocs-material#1067">#1067</a>: Search hotkeys not working for
+            mobile/tablet screensize</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1068"
+              title="GitHub Issue: squidfunk/mkdocs-material#1068">#1068</a>: Search not correctly aligned for tablet
+            screensize</li>
+        </ul>
+        <h4 id="changelog/:412-_-april-16-2019">4.1.2 <small>_ April 16, 2019</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1072"
+              title="GitHub Issue: squidfunk/mkdocs-material#1072">#1072</a>: HTML tags appearing in navigation link
+            titles</li>
+        </ul>
+        <h4 id="changelog/:411-_-march-28-2019">4.1.1 <small>_ March 28, 2019</small></h4>
+        <ul>
+          <li>Fixed minor CSS errors detected during validation</li>
+        </ul>
+        <h4 id="changelog/:410-_-march-22-2019">4.1.0 <small>_ March 22, 2019</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1023"
+              title="GitHub Issue: squidfunk/mkdocs-material#1023">#1023</a>: Search for Asian languages broken after
+            Lunr.js update</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1026"
+              title="GitHub Issue: squidfunk/mkdocs-material#1026">#1026</a>: contenteditable elements loose focus on
+            hotkeys</li>
+        </ul>
+        <h4 id="changelog/:402-_-march-1-2019">4.0.2 <small>_ March 1, 2019</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1012"
+              title="GitHub Issue: squidfunk/mkdocs-material#1012">#1012</a>: HTML character entities appear in search
+            result titles</li>
+        </ul>
+        <h4 id="changelog/:401-_-february-13-2019">4.0.1 <small>_ February 13, 2019</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/762"
+              title="GitHub Issue: squidfunk/mkdocs-material#762">#762</a>, <a
+              class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/816"
+              title="GitHub Issue: squidfunk/mkdocs-material#816">#816</a>: Glitch in sidebar when collapsing items</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/869"
+              title="GitHub Issue: squidfunk/mkdocs-material#869">#869</a>: Automatically expand details before printing
+          </li>
+        </ul>
+        <h4 id="changelog/:400-_-february-13-2019">4.0.0 <small>_ February 13, 2019</small></h4>
+        <ul>
+          <li>Added background on hover for table rows</li>
+          <li>Removed Google Tag Manager and reverted to Google Analytics</li>
+          <li>Removed blocks in partials - Jinja doesn't support them</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/911"
+              title="GitHub Issue: squidfunk/mkdocs-material#911">#911</a>: Chrome breaks layout if system language is
+            Chinese (<strong>BREAKING</strong>)</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/976"
+              title="GitHub Issue: squidfunk/mkdocs-material#976">#976</a>: Removed FastClick</li>
+        </ul>
+        <h4 id="changelog/:330-_-january-29-2019">3.3.0 <small>_ January 29, 2019</small></h4>
+        <ul>
+          <li>Moved Google Analytics integration into <code>head</code> using Google Tag Manager</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/972"
+              title="GitHub Issue: squidfunk/mkdocs-material#972">#972</a>: Unicode slugifier breaks table of contents
+            blur on scroll</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/974"
+              title="GitHub Issue: squidfunk/mkdocs-material#974">#974</a>: Additional links in table of contents break
+            blur on scroll</li>
+        </ul>
+        <h4 id="changelog/:320-_-december-28-2018">3.2.0 <small>_ December 28, 2018</small></h4>
+        <ul>
+          <li>Added support for redirects using metadata refresh</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/921"
+              title="GitHub Issue: squidfunk/mkdocs-material#921">#921</a>: Load Google Analytics snippet asynchronously
+          </li>
+        </ul>
+        <h4 id="changelog/:310-_-november-17-2018">3.1.0 <small>_ November 17, 2018</small></h4>
+        <ul>
+          <li>Added support for Progressive Web App Manifest</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/915"
+              title="GitHub Issue: squidfunk/mkdocs-material#915">#915</a>: Search bug in Safari (upgraded Lunr.js)</li>
+        </ul>
+        <h4 id="changelog/:306-_-october-26-2018">3.0.6 <small>_ October 26, 2018</small></h4>
+        <ul>
+          <li>Added Taiwanese translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/906"
+              title="GitHub Issue: squidfunk/mkdocs-material#906">#906</a>: JavaScript code blocks evaluated in search
+            results</li>
+        </ul>
+        <h4 id="changelog/:305-_-october-23-2018">3.0.5 <small>_ October 23, 2018</small></h4>
+        <ul>
+          <li>Added Croatian and Indonesian translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/899"
+              title="GitHub Issue: squidfunk/mkdocs-material#899">#899</a>: Skip-to-content link invalid from
+            2<sup>nd</sup> level on</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/902"
+              title="GitHub Issue: squidfunk/mkdocs-material#902">#902</a>: Missing URL filter in footer for FontAwesome
+            link</li>
+        </ul>
+        <h4 id="changelog/:304-_-september-3-2018">3.0.4 <small>_ September 3, 2018</small></h4>
+        <ul>
+          <li>Updated Dutch translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/856"
+              title="GitHub Issue: squidfunk/mkdocs-material#856">#856</a>: Removed preconnect meta tag if Google Fonts
+            are disabled</li>
+        </ul>
+        <h4 id="changelog/:303-_-august-7-2018">3.0.3 <small>_ August 7, 2018</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/841"
+              title="GitHub Issue: squidfunk/mkdocs-material#841">#841</a>: Additional path levels for extra CSS and JS
+          </li>
+        </ul>
+        <h4 id="changelog/:302-_-august-6-2018">3.0.2 <small>_ August 6, 2018</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/839"
+              title="GitHub Issue: squidfunk/mkdocs-material#839">#839</a>: Lunr.js stemmer imports incorrect</li>
+        </ul>
+        <h4 id="changelog/:301-_-august-5-2018">3.0.1 <small>_ August 5, 2018</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/838"
+              title="GitHub Issue: squidfunk/mkdocs-material#838">#838</a>: Search result links incorrect</li>
+        </ul>
+        <h4 id="changelog/:300-_-august-5-2018">3.0.0 <small>_ August 5, 2018</small></h4>
+        <ul>
+          <li>Upgraded MkDocs to 1.0 (<strong>BREAKING</strong>)</li>
+          <li>Upgraded Python in official Docker image to 3.6</li>
+          <li>Added Serbian and Serbo-Croatian translations</li>
+        </ul>
+        <h4 id="changelog/:294-_-july-29-2018">2.9.4 <small>_ July 29, 2018</small></h4>
+        <ul>
+          <li>Fixed build error after MkDocs upgrade</li>
+        </ul>
+        <h4 id="changelog/:293-_-july-29-2018">2.9.3 <small>_ July 29, 2018</small></h4>
+        <ul>
+          <li>Added link to home for logo in drawer</li>
+          <li>Fixed dependency problems between MkDocs and Tornado</li>
+        </ul>
+        <h4 id="changelog/:292-_-june-29-2018">2.9.2 <small>_ June 29, 2018</small></h4>
+        <ul>
+          <li>Added Hindi and Czech translations</li>
+        </ul>
+        <h4 id="changelog/:291-_-june-18-2018">2.9.1 <small>_ June 18, 2018</small></h4>
+        <ul>
+          <li>Added support for different spellings for theme color</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/799"
+              title="GitHub Issue: squidfunk/mkdocs-material#799">#799</a>: Added support for webfont minification in
+            production</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/800"
+              title="GitHub Issue: squidfunk/mkdocs-material#800">#800</a>: Added <code>.highlighttable</code> as an
+            alias for <code>.codehilitetable</code></li>
+        </ul>
+        <h4 id="changelog/:290-_-june-13-2018">2.9.0 <small>_ June 13, 2018</small></h4>
+        <ul>
+          <li>Added support for theme color on Android</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/796"
+              title="GitHub Issue: squidfunk/mkdocs-material#796">#796</a>: Rendering of nested tabbed code blocks</li>
+        </ul>
+        <h4 id="changelog/:280-_-june-10-2018">2.8.0 <small>_ June 10, 2018</small></h4>
+        <ul>
+          <li>Added support for grouping code blocks with tabs</li>
+          <li>Added Material and FontAwesome icon fonts to distribution files (GDPR)</li>
+          <li>Added note on compliance with GDPR</li>
+          <li>Added Slovak translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/790"
+              title="GitHub Issue: squidfunk/mkdocs-material#790">#790</a>: Prefixed <code>id</code> attributes with
+            <code>__</code> to avoid name clashes</li>
+        </ul>
+        <h4 id="changelog/:273-_-april-26-2018">2.7.3 <small>_ April 26, 2018</small></h4>
+        <ul>
+          <li>Added Finnish translations</li>
+        </ul>
+        <h4 id="changelog/:272-_-april-9-2018">2.7.2 <small>_ April 9, 2018</small></h4>
+        <ul>
+          <li>Fixed rendering issue for <code>details</code> on Edge</li>
+        </ul>
+        <h4 id="changelog/:271-_-march-21-2018">2.7.1 <small>_ March 21, 2018</small></h4>
+        <ul>
+          <li>Added Galician translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/730"
+              title="GitHub Issue: squidfunk/mkdocs-material#730">#730</a>: Scroll chasing error on home page if Disqus
+            is enabled</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/736"
+              title="GitHub Issue: squidfunk/mkdocs-material#736">#736</a>: Reset drawer and search upon back button
+            invocation</li>
+        </ul>
+        <h4 id="changelog/:270-_-march-6-2018">2.7.0 <small>_ March 6, 2018</small></h4>
+        <ul>
+          <li>Added ability to set absolute URL for logo</li>
+          <li>Added Hebrew translations</li>
+        </ul>
+        <h4 id="changelog/:266-_-february-22-2018">2.6.6 <small>_ February 22, 2018</small></h4>
+        <ul>
+          <li>Added preconnect for Google Fonts for faster loading</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/710"
+              title="GitHub Issue: squidfunk/mkdocs-material#710">#710</a>: With tabs sidebar disappears if JavaScript
+            is not available</li>
+        </ul>
+        <h4 id="changelog/:265-_-february-22-2018">2.6.5 <small>_ February 22, 2018</small></h4>
+        <ul>
+          <li>Reverted <code>--dev-addr</code> flag removal from <code>Dockerfile</code></li>
+        </ul>
+        <h4 id="changelog/:264-_-february-21-2018">2.6.4 <small>_ February 21, 2018</small></h4>
+        <ul>
+          <li>Added Catalan translations</li>
+          <li>Fixed incorrect margins for buttons in Firefox and Safari</li>
+          <li>Replaced package manager <code>yarn</code> with <code>npm 5.6</code></li>
+          <li>Reverted GitHub stars rounding method</li>
+          <li>Removed <code>--dev-addr</code> flag from <code>Dockerfile</code> for Windows compatibility</li>
+        </ul>
+        <h4 id="changelog/:263-_-february-18-2018">2.6.3 <small>_ February 18, 2018</small></h4>
+        <ul>
+          <li>Added Vietnamese translations</li>
+        </ul>
+        <h4 id="changelog/:262-_-february-12-2018">2.6.2 <small>_ February 12, 2018</small></h4>
+        <ul>
+          <li>Added Arabic translations</li>
+          <li>Fixed incorrect rounding of amount of GitHub stars</li>
+          <li>Fixed double-layered borders for tables</li>
+        </ul>
+        <h4 id="changelog/:261-_-february-11-2018">2.6.1 <small>_ February 11, 2018</small></h4>
+        <ul>
+          <li>Added ability to override Disqus integration using metadata</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/690"
+              title="GitHub Issue: squidfunk/mkdocs-material#690">#690</a>: Duplicate slashes in source file URLs</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/696"
+              title="GitHub Issue: squidfunk/mkdocs-material#696">#696</a>: Active page highlight not working with
+            default palette</li>
+          <li>Adjusted German translations</li>
+        </ul>
+        <h4 id="changelog/:260-_-february-2-2018">2.6.0 <small>_ February 2, 2018</small></h4>
+        <ul>
+          <li>Moved default search configuration to default translation (English)</li>
+          <li>Added support to automatically set text direction from translation</li>
+          <li>Added support to disable search stop word filter in translation</li>
+          <li>Added support to disable search trimmer in translation</li>
+          <li>Added Persian translations</li>
+          <li>Fixed support for Polish search</li>
+          <li>Fixed disappearing GitHub, GitLab and Bitbucket repository icons</li>
+        </ul>
+        <h4 id="changelog/:255-_-january-31-2018">2.5.5 <small>_ January 31, 2018</small></h4>
+        <ul>
+          <li>Added Hungarian translations</li>
+        </ul>
+        <h4 id="changelog/:254-_-january-29-2018">2.5.4 <small>_ January 29, 2018</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/683"
+              title="GitHub Issue: squidfunk/mkdocs-material#683">#683</a>: <code>gh-deploy</code> fails inside Docker
+          </li>
+        </ul>
+        <h4 id="changelog/:253-_-january-25-2018">2.5.3 <small>_ January 25, 2018</small></h4>
+        <ul>
+          <li>Added Ukrainian translations</li>
+        </ul>
+        <h4 id="changelog/:252-_-january-22-2018">2.5.2 <small>_ January 22, 2018</small></h4>
+        <ul>
+          <li>Added default search language mappings for all localizations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/673"
+              title="GitHub Issue: squidfunk/mkdocs-material#673">#673</a>: Error loading non-existent search language
+          </li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/675"
+              title="GitHub Issue: squidfunk/mkdocs-material#675">#675</a>: Uncaught reference error when search plugin
+            disabled</li>
+        </ul>
+        <h4 id="changelog/:251-_-january-20-2018">2.5.1 <small>_ January 20, 2018</small></h4>
+        <ul>
+          <li>Fixed permalink for main headline</li>
+          <li>Improved missing translation handling with English as a fallback</li>
+          <li>Improved accessibility with skip-to-content link</li>
+        </ul>
+        <h4 id="changelog/:250-_-january-13-2018">2.5.0 <small>_ January 13, 2018</small></h4>
+        <ul>
+          <li>Added support for right-to-left languages</li>
+        </ul>
+        <h4 id="changelog/:240-_-january-11-2018">2.4.0 <small>_ January 11, 2018</small></h4>
+        <ul>
+          <li>Added focus state for clipboard buttons</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/400"
+              title="GitHub Issue: squidfunk/mkdocs-material#400">#400</a>: Search bar steals tab focus</li>
+          <li>Fixed search not closing on <span class="keys"><kbd class="key-enter">Enter</kbd></span> when result is
+            selected</li>
+          <li>Fixed search not closing when losing focus due to <span class="keys"><kbd class="key-tab">Tab</kbd></span>
+          </li>
+          <li>Fixed collapsed navigation links getting focus</li>
+          <li>Fixed <code>outline</code> being cut off on <span class="keys"><kbd class="key-tab">Tab</kbd></span> focus
+            of navigation links</li>
+          <li>Fixed bug with first search result navigation being ignored</li>
+          <li>Removed search result navigation via <span class="keys"><kbd class="key-tab">Tab</kbd></span> (use <span
+              class="keys"><kbd class="key-arrow-up">Up</kbd></span> and <span class="keys"><kbd
+                class="key-arrow-down">Down</kbd></span>)</li>
+          <li>Removed <code>outline</code> resets for links</li>
+          <li>Improved general tabbing behavior on desktop</li>
+        </ul>
+        <h4 id="changelog/:230-_-january-9-2018">2.3.0 <small>_ January 9, 2018</small></h4>
+        <ul>
+          <li>Added <code>example</code> (synonym: <code>snippet</code>) style for Admonition</li>
+          <li>Added synonym <code>abstract</code> for <code>summary</code> style for Admonition</li>
+        </ul>
+        <h4 id="changelog/:226-_-december-27-2017">2.2.6 <small>_ December 27, 2017</small></h4>
+        <ul>
+          <li>Added Turkish translations</li>
+          <li>Fixed unclickable area below header in case JavaScript is not available</li>
+        </ul>
+        <h4 id="changelog/:225-_-december-18-2017">2.2.5 <small>_ December 18, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/639"
+              title="GitHub Issue: squidfunk/mkdocs-material#639">#639</a>: Broken default favicon</li>
+        </ul>
+        <h4 id="changelog/:224-_-december-18-2017">2.2.4 <small>_ December 18, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/638"
+              title="GitHub Issue: squidfunk/mkdocs-material#638">#638</a>: Build breaks with Jinja &lt; 2.9</li>
+        </ul>
+        <h4 id="changelog/:223-_-december-13-2017">2.2.3 <small>_ December 13, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/630"
+              title="GitHub Issue: squidfunk/mkdocs-material#630">#630</a>: Admonition sets padding on any last child
+          </li>
+          <li>Adjusted Chinese (Traditional) translations</li>
+        </ul>
+        <h4 id="changelog/:222-_-december-8-2017">2.2.2 <small>_ December 8, 2017</small></h4>
+        <ul>
+          <li>Added Dutch translations</li>
+          <li>Adjusted targeted link and footnote offsets</li>
+          <li>Simplified Admonition styles and fixed padding bug</li>
+        </ul>
+        <h4 id="changelog/:221-_-december-2-2017">2.2.1 <small>_ December 2, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/616"
+              title="GitHub Issue: squidfunk/mkdocs-material#616">#616</a>: Minor styling error with title-only
+            admonition blocks</li>
+          <li>Removed border for table of contents and improved spacing</li>
+        </ul>
+        <h4 id="changelog/:220-_-november-22-2017">2.2.0 <small>_ November 22, 2017</small></h4>
+        <ul>
+          <li>Added support for hero teaser</li>
+          <li>Added Portuguese translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/586"
+              title="GitHub Issue: squidfunk/mkdocs-material#586">#586</a>: Footnote backref target offset regression
+          </li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/605"
+              title="GitHub Issue: squidfunk/mkdocs-material#605">#605</a>: Search stemmers not correctly loaded</li>
+        </ul>
+        <h4 id="changelog/:211-_-november-21-2017">2.1.1 <small>_ November 21, 2017</small></h4>
+        <ul>
+          <li>Replaced deprecated <code>babel-preset-es2015</code> with <code>babel-preset-env</code></li>
+          <li>Refactored Gulp build pipeline with Webpack</li>
+          <li>Removed right border on sidebars</li>
+          <li>Fixed broken color transition on header</li>
+        </ul>
+        <h4 id="changelog/:210-_-november-19-2017">2.1.0 <small>_ November 19, 2017</small></h4>
+        <ul>
+          <li>Added support for <code>white</code> as a primary color</li>
+          <li>Added support for sliding site name and title</li>
+          <li>Fixed redundant clipboard button when using line numbers on code blocks</li>
+          <li>Improved header appearance by making it taller</li>
+          <li>Improved tabs appearance</li>
+          <li>Improved CSS customizability by leveraging inheritance</li>
+          <li>Removed scroll shadows via <code>background-attachment</code></li>
+        </ul>
+        <h4 id="changelog/:204-_-november-5-2017">2.0.4 <small>_ November 5, 2017</small></h4>
+        <ul>
+          <li>Fixed <code>details</code> not opening with footnote reference</li>
+        </ul>
+        <h4 id="changelog/:203-_-november-5-2017">2.0.3 <small>_ November 5, 2017</small></h4>
+        <ul>
+          <li>Added Japanese translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/540"
+              title="GitHub Issue: squidfunk/mkdocs-material#540">#540</a>: Jumping to anchor inside
+            <code>details</code> doesn't open it</li>
+          <li>Fixed active link colors in footer</li>
+        </ul>
+        <h4 id="changelog/:202-_-november-1-2017">2.0.2 <small>_ November 1, 2017</small></h4>
+        <ul>
+          <li>Added Russian translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/542"
+              title="GitHub Issue: squidfunk/mkdocs-material#542">#542</a>: Horizontal scrollbar between
+            <code>1220px</code> and <code>1234px</code></li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/553"
+              title="GitHub Issue: squidfunk/mkdocs-material#553">#553</a>: Metadata values only rendering first
+            character</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/558"
+              title="GitHub Issue: squidfunk/mkdocs-material#558">#558</a>: Flash of unstyled content</li>
+          <li>Fixed favicon regression caused by deprecation upstream</li>
+        </ul>
+        <h4 id="changelog/:201-_-october-31-2017">2.0.1 <small>_ October 31, 2017</small></h4>
+        <ul>
+          <li>Fixed error when initializing search</li>
+          <li>Fixed styles for link to edit the current page</li>
+          <li>Fixed styles on nested admonition in details</li>
+        </ul>
+        <h4 id="changelog/:200-_-october-31-2017">2.0.0 <small>_ October 31, 2017</small></h4>
+        <ul>
+          <li>Upgraded MkDocs to 0.17.1 (<strong>BREAKING</strong>)</li>
+          <li>Added support for easier configuration of search tokenizer</li>
+          <li>Added support to disable search</li>
+          <li>Added Korean translations</li>
+        </ul>
+        <h4 id="changelog/:1122-_-october-26-2017">1.12.2 <small>_ October 26, 2017</small></h4>
+        <ul>
+          <li>Added Italian, Norwegian, French and Chinese translations</li>
+        </ul>
+        <h4 id="changelog/:1121-_-october-22-2017">1.12.1 <small>_ October 22, 2017</small></h4>
+        <ul>
+          <li>Added Polish, Swedish and Spanish translations</li>
+          <li>Improved downward compatibility with custom partials</li>
+          <li>Temporarily pinned MkDocs version within Docker image to 0.16.3</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/519"
+              title="GitHub Issue: squidfunk/mkdocs-material#519">#519</a>: Missing theme configuration file</li>
+        </ul>
+        <h4 id="changelog/:1120-_-october-20-2017">1.12.0 <small>_ October 20, 2017</small></h4>
+        <ul>
+          <li>Added support for setting language(s) via <code>mkdocs.yml</code></li>
+          <li>Added support for default localization</li>
+          <li>Added German and Danish translations</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/374"
+              title="GitHub Issue: squidfunk/mkdocs-material#374">#374</a>: Search bar misalignment on big screens</li>
+        </ul>
+        <h4 id="changelog/:1110-_-october-19-2017">1.11.0 <small>_ October 19, 2017</small></h4>
+        <ul>
+          <li>Added localization to clipboard</li>
+          <li>Refactored localization logic</li>
+        </ul>
+        <h4 id="changelog/:1104-_-october-18-2017">1.10.4 <small>_ October 18, 2017</small></h4>
+        <ul>
+          <li>Improved print styles of code blocks</li>
+          <li>Improved search UX (don't close on enter if no selection)</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/495"
+              title="GitHub Issue: squidfunk/mkdocs-material#495">#495</a>: Vertical scrollbar on short pages</li>
+        </ul>
+        <h4 id="changelog/:1103-_-october-11-2017">1.10.3 <small>_ October 11, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/484"
+              title="GitHub Issue: squidfunk/mkdocs-material#484">#484</a>: Vertical scrollbar on some MathJax formulas
+          </li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/483"
+              title="GitHub Issue: squidfunk/mkdocs-material#483">#483</a>: Footnote backref target offset regression
+          </li>
+        </ul>
+        <h4 id="changelog/:1102-_-october-6-2017">1.10.2 <small>_ October 6, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/468"
+              title="GitHub Issue: squidfunk/mkdocs-material#468">#468</a>: Sidebar shows scrollbar if content is
+            shorter (in Safari)</li>
+        </ul>
+        <h4 id="changelog/:1101-_-september-14-2017">1.10.1 <small>_ September 14, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/455"
+              title="GitHub Issue: squidfunk/mkdocs-material#455">#455</a>: Bold code blocks rendered with normal font
+            weight</li>
+        </ul>
+        <h4 id="changelog/:1100-_-september-1-2017">1.10.0 <small>_ September 1, 2017</small></h4>
+        <ul>
+          <li>Added support to make logo default icon configurable</li>
+          <li>Fixed uninitialized overflow scrolling on main pane for iOS</li>
+          <li>Fixed error in mobile navigation in case JavaScript is not available</li>
+          <li>Fixed incorrect color transition for nested panes in mobile navigation</li>
+          <li>Improved checkbox styles for Tasklist from PyMdown Extension package</li>
+        </ul>
+        <h4 id="changelog/:190-_-august-29-2017">1.9.0 <small>_ August 29, 2017</small></h4>
+        <ul>
+          <li>Added <code>info</code> (synonym: <code>todo</code>) style for Admonition</li>
+          <li>Added <code>question</code> (synonym: <code>help</code>, <code>faq</code>) style for Admonition</li>
+          <li>Added support for Details from PyMdown Extensions package</li>
+          <li>Improved Admonition styles to match Details</li>
+          <li>Improved styles for social links in footer</li>
+          <li>Replaced ligatures with Unicode code points to avoid broken layout</li>
+          <li>Upgraded PyMdown Extensions package dependency to &gt;= 3.4</li>
+        </ul>
+        <h4 id="changelog/:181-_-august-7-2017">1.8.1 <small>_ August 7, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/421"
+              title="GitHub Issue: squidfunk/mkdocs-material#421">#421</a>: Missing pagination for GitHub API</li>
+        </ul>
+        <h4 id="changelog/:180-_-august-2-2017">1.8.0 <small>_ August 2, 2017</small></h4>
+        <ul>
+          <li>Added support for lazy-loading of search results for better performance</li>
+          <li>Added support for customization of search tokenizer/separator</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/424"
+              title="GitHub Issue: squidfunk/mkdocs-material#424">#424</a>: Search doesn't handle capital letters
+            anymore</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/419"
+              title="GitHub Issue: squidfunk/mkdocs-material#419">#419</a>: Search doesn't work on whole words</li>
+        </ul>
+        <h4 id="changelog/:175-_-july-25-2017">1.7.5 <small>_ July 25, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/398"
+              title="GitHub Issue: squidfunk/mkdocs-material#398">#398</a>: Forms broken due to search shortcuts</li>
+          <li>Improved search overall user experience</li>
+          <li>Improved search matching and highlighting</li>
+          <li>Improved search accessibility</li>
+        </ul>
+        <h4 id="changelog/:174-_-june-21-2017">1.7.4 <small>_ June 21, 2017</small></h4>
+        <ul>
+          <li>Fixed functional link colors in table of contents for active palette</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/368"
+              title="GitHub Issue: squidfunk/mkdocs-material#368">#368</a>: Compatibility issues with IE11</li>
+        </ul>
+        <h4 id="changelog/:173-_-june-7-2017">1.7.3 <small>_ June 7, 2017</small></h4>
+        <ul>
+          <li>Fixed error when setting language to Japanese for site search</li>
+        </ul>
+        <h4 id="changelog/:172-_-june-6-2017">1.7.2 <small>_ June 6, 2017</small></h4>
+        <ul>
+          <li>Fixed offset of search box when <code>repo_url</code> is not set</li>
+          <li>Fixed non-disappearing tooltip</li>
+        </ul>
+        <h4 id="changelog/:171-_-june-1-2017">1.7.1 <small>_ June 1, 2017</small></h4>
+        <ul>
+          <li>Fixed wrong <code>z-index</code> order of header, overlay and drawer</li>
+          <li>Fixed wrong offset of targeted footnote back references</li>
+        </ul>
+        <h4 id="changelog/:170-_-june-1-2017">1.7.0 <small>_ June 1, 2017</small></h4>
+        <ul>
+          <li>Added "copy to clipboard" buttons to code blocks</li>
+          <li>Added support for multilingual site search</li>
+          <li>Fixed search term highlighting for non-latin languages</li>
+        </ul>
+        <h4 id="changelog/:164-_-may-24-2017">1.6.4 <small>_ May 24, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/337"
+              title="GitHub Issue: squidfunk/mkdocs-material#337">#337</a>: JavaScript error for GitHub organization
+            URLs</li>
+        </ul>
+        <h4 id="changelog/:163-_-may-16-2017">1.6.3 <small>_ May 16, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/329"
+              title="GitHub Issue: squidfunk/mkdocs-material#329">#329</a>: Broken source stats for private or unknown
+            GitHub repos</li>
+        </ul>
+        <h4 id="changelog/:162-_-may-15-2017">1.6.2 <small>_ May 15, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/316"
+              title="GitHub Issue: squidfunk/mkdocs-material#316">#316</a>: Fatal error for git clone on Windows</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/320"
+              title="GitHub Issue: squidfunk/mkdocs-material#320">#320</a>: Chrome 58 creates double underline for
+            <code>abbr</code> tags</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/323"
+              title="GitHub Issue: squidfunk/mkdocs-material#323">#323</a>: Ligatures rendered inside code blocks</li>
+          <li>Fixed miscalculated sidebar height due to missing margin collapse</li>
+          <li>Changed deprecated MathJax CDN to Cloudflare</li>
+        </ul>
+        <h4 id="changelog/:161-_-april-23-2017">1.6.1 <small>_ April 23, 2017</small></h4>
+        <ul>
+          <li>Fixed following of active/focused element if search input is focused</li>
+          <li>Fixed layer order of search component elements</li>
+        </ul>
+        <h4 id="changelog/:160-_-april-22-2017">1.6.0 <small>_ April 22, 2017</small></h4>
+        <ul>
+          <li>Added build test for Docker image on Travis</li>
+          <li>Added search overlay for better user experience (focus)</li>
+          <li>Added language from localizations to <code>html</code> tag</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/270"
+              title="GitHub Issue: squidfunk/mkdocs-material#270">#270</a>: source links broken for absolute URLs</li>
+          <li>Fixed missing top spacing for first targeted element in content</li>
+          <li>Fixed too small footnote divider when using larger font sizes</li>
+        </ul>
+        <h4 id="changelog/:155-_-april-20-2017">1.5.5 <small>_ April 20, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/282"
+              title="GitHub Issue: squidfunk/mkdocs-material#282">#282</a>: Browser search
+            (<kbd>Meta</kbd>+<kbd>F</kbd>) is hijacked</li>
+        </ul>
+        <h4 id="changelog/:154-_-april-8-2017">1.5.4 <small>_ April 8, 2017</small></h4>
+        <ul>
+          <li>Fixed broken highlighting for two or more search terms</li>
+          <li>Fixed missing search results when only a <code>h1</code> is present</li>
+          <li>Fixed unresponsive overlay on Android</li>
+        </ul>
+        <h4 id="changelog/:153-_-april-7-2017">1.5.3 <small>_ April 7, 2017</small></h4>
+        <ul>
+          <li>Fixed deprecated calls for template variables</li>
+          <li>Fixed wrong palette color for focused search result</li>
+          <li>Fixed JavaScript errors on 404 page</li>
+          <li>Fixed missing top spacing on 404 page</li>
+          <li>Fixed missing right spacing on overflow of source container</li>
+        </ul>
+        <h4 id="changelog/:152-_-april-5-2017">1.5.2 <small>_ April 5, 2017</small></h4>
+        <ul>
+          <li>Added requirements as explicit dependencies in <code>setup.py</code></li>
+          <li>Fixed non-synchronized transitions in search form</li>
+        </ul>
+        <h4 id="changelog/:151-_-march-30-2017">1.5.1 <small>_ March 30, 2017</small></h4>
+        <ul>
+          <li>Fixed rendering and offset of targeted footnotes</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/238"
+              title="GitHub Issue: squidfunk/mkdocs-material#238">#238</a>: Link on logo is not set to
+            <code>site_url</code></li>
+        </ul>
+        <h4 id="changelog/:150-_-march-24-2017">1.5.0 <small>_ March 24, 2017</small></h4>
+        <ul>
+          <li>Added support for localization of search placeholder</li>
+          <li>Added keyboard events for quick access of search</li>
+          <li>Added keyboard events for search control</li>
+          <li>Added opacity on hover for search buttons</li>
+          <li>Added git hook to skip CI build on non-src changes</li>
+          <li>Fixed non-resetting search placeholder when input is cleared</li>
+          <li>Fixed error for unescaped parentheses in search term</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/229"
+              title="GitHub Issue: squidfunk/mkdocs-material#229">#229</a>: Button to clear search missing</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/231"
+              title="GitHub Issue: squidfunk/mkdocs-material#231">#231</a>: Escape key doesn't exit search</li>
+          <li>Removed old-style figures from font feature settings</li>
+        </ul>
+        <h4 id="changelog/:141-_-march-16-2017">1.4.1 <small>_ March 16, 2017</small></h4>
+        <ul>
+          <li>Fixed invalid destructuring attempt on NodeList (in Safari, Edge, IE)</li>
+        </ul>
+        <h4 id="changelog/:140-_-march-16-2017">1.4.0 <small>_ March 16, 2017</small></h4>
+        <ul>
+          <li>Added support for grouping searched sections by documents</li>
+          <li>Added support for highlighting of search terms</li>
+          <li>Added support for localization of search results</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/216"
+              title="GitHub Issue: squidfunk/mkdocs-material#216">#216</a>: table of contents icon doesn't show if
+            <code>h1</code> is not present</li>
+          <li>Reworked style and layout of search results for better usability</li>
+        </ul>
+        <h4 id="changelog/:130-_-march-11-2017">1.3.0 <small>_ March 11, 2017</small></h4>
+        <ul>
+          <li>Added support for page-specific title and description using metadata</li>
+          <li>Added support for linking source files to documentation</li>
+          <li>Fixed jitter and offset of sidebar when zooming browser</li>
+          <li>Fixed incorrectly initialized tablet sidebar height</li>
+          <li>Fixed regression for <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1"
+              title="GitHub Issue: squidfunk/mkdocs-material#1">#1</a>: GitHub stars break if <code>repo_url</code> ends
+            with a <code>/</code></li>
+          <li>Fixed undesired white line below copyright footer due to base font scaling</li>
+          <li>Fixed issue with whitespace in path for scripts</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/205"
+              title="GitHub Issue: squidfunk/mkdocs-material#205">#205</a>: support non-fixed (static) header</li>
+          <li>Refactored footnote references for better visibility</li>
+          <li>Reduced repaints to a minimum for non-tabs configuration</li>
+          <li>Reduced contrast of edit button (slightly)</li>
+        </ul>
+        <h4 id="changelog/:120-_-march-3-2017">1.2.0 <small>_ March 3, 2017</small></h4>
+        <ul>
+          <li>Added <code>quote</code> (synonym: <code>cite</code>) style for Admonition</li>
+          <li>Added help message to build pipeline</li>
+          <li>Fixed wrong navigation link colors when applying palette</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/197"
+              title="GitHub Issue: squidfunk/mkdocs-material#197">#197</a>: Link missing in tabs navigation on deeply
+            nested items</li>
+          <li>Removed unnecessary dev dependencies</li>
+        </ul>
+        <h4 id="changelog/:111-_-february-26-2017">1.1.1 <small>_ February 26, 2017</small></h4>
+        <ul>
+          <li>Fixed incorrectly displayed nested lists when using tabs</li>
+        </ul>
+        <h4 id="changelog/:110-_-february-26-2017">1.1.0 <small>_ February 26, 2017</small></h4>
+        <ul>
+          <li>Added tabs navigation feature (optional)</li>
+          <li>Added Disqus integration (optional)</li>
+          <li>Added a high resolution Favicon with the new logo</li>
+          <li>Added static type checking using Facebook's Flow</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/173"
+              title="GitHub Issue: squidfunk/mkdocs-material#173">#173</a>: Dictionary elements have no bottom spacing
+          </li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/175"
+              title="GitHub Issue: squidfunk/mkdocs-material#175">#175</a>: Tables cannot be set to 100% width</li>
+          <li>Fixed race conditions in build related to asset revisioning</li>
+          <li>Fixed accidentally re-introduced Permalink on top-level headline</li>
+          <li>Fixed alignment of logo in drawer on IE11</li>
+          <li>Refactored styles related to tables</li>
+          <li>Refactored and automated Docker build and PyPI release</li>
+          <li>Refactored build scripts</li>
+        </ul>
+        <h4 id="changelog/:105-_-february-18-2017">1.0.5 <small>_ February 18, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/153"
+              title="GitHub Issue: squidfunk/mkdocs-material#153">#153</a>: Sidebar flows out of constrained area in
+            Chrome 56</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/159"
+              title="GitHub Issue: squidfunk/mkdocs-material#159">#159</a>: Footer jitter due to JavaScript if content
+            is short</li>
+        </ul>
+        <h4 id="changelog/:104-_-february-16-2017">1.0.4 <small>_ February 16, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/142"
+              title="GitHub Issue: squidfunk/mkdocs-material#142">#142</a>: Documentation build errors if
+            <code>h1</code> is defined as raw HTML</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/164"
+              title="GitHub Issue: squidfunk/mkdocs-material#164">#164</a>: PyPI release does not build and install</li>
+          <li>Fixed offsets of targeted headlines</li>
+          <li>Increased sidebar font size by <code>0.12rem</code></li>
+        </ul>
+        <h4 id="changelog/:103-_-january-22-2017">1.0.3 <small>_ January 22, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/117"
+              title="GitHub Issue: squidfunk/mkdocs-material#117">#117</a>: Table of contents items don't blur on fast
+            scrolling</li>
+          <li>Refactored sidebar positioning logic</li>
+          <li>Further reduction of repaints</li>
+        </ul>
+        <h4 id="changelog/:102-_-january-15-2017">1.0.2 <small>_ January 15, 2017</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/108"
+              title="GitHub Issue: squidfunk/mkdocs-material#108">#108</a>: Horizontal scrollbar in content area</li>
+        </ul>
+        <h4 id="changelog/:101-_-january-14-2017">1.0.1 <small>_ January 14, 2017</small></h4>
+        <ul>
+          <li>Fixed massive repaints happening when scrolling</li>
+          <li>Fixed footer back reference positions in case of overflow</li>
+          <li>Fixed header logo from showing when the menu icon is rendered</li>
+          <li>Changed scrollbar behavior to only show when content overflows</li>
+        </ul>
+        <h4 id="changelog/:100-_-january-13-2017">1.0.0 <small>_ January 13, 2017</small></h4>
+        <ul>
+          <li>Introduced Webpack for more sophisticated JavaScript bundling</li>
+          <li>Introduced ESLint and Stylelint for code style checks</li>
+          <li>Introduced more accurate Material Design colors and shadows</li>
+          <li>Introduced modular scales for harmonic font sizing</li>
+          <li>Introduced git-hooks for better development workflow</li>
+          <li>Rewrite of CSS using the BEM methodology and SassDoc guidelines</li>
+          <li>Rewrite of JavaScript using ES6 and Babel as a transpiler</li>
+          <li>Rewrite of Admonition, Permalinks and CodeHilite integration</li>
+          <li>Rewrite of the complete typographical system</li>
+          <li>Rewrite of Gulp asset pipeline in ES6 and separation of tasks</li>
+          <li>Removed Bower as a dependency in favor of NPM</li>
+          <li>Removed custom icon build in favor of the Material Design icon set</li>
+          <li>Removed <code>_blank</code> targets on links due to vulnerability: <a
+              href="http://bit.ly/1Mk2Rtw">http://bit.ly/1Mk2Rtw</a></li>
+          <li>Removed unversioned assets from build directory</li>
+          <li>Restructured templates into base templates and partials</li>
+          <li>Added build and watch scripts in <code>package.json</code></li>
+          <li>Added support for Metadata and Footnotes Markdown extensions</li>
+          <li>Added support for PyMdown Extensions package</li>
+          <li>Added support for collapsible sections in navigation</li>
+          <li>Added support for separate table of contents</li>
+          <li>Added support for better accessibility through REM-based layout</li>
+          <li>Added icons for GitHub, GitLab and BitBucket integrations</li>
+          <li>Added more detailed documentation on specimen, extensions etc.</li>
+          <li>Added a <code>404.html</code> error page for deployment on GitHub Pages</li>
+          <li>Fixed live reload chain in watch mode when saving a template</li>
+          <li>Fixed variable references to work with MkDocs 0.16</li>
+        </ul>
+        <h4 id="changelog/:024-_-june-26-2016">0.2.4 <small>_ June 26, 2016</small></h4>
+        <ul>
+          <li>Fixed improperly set default favicon</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/33"
+              title="GitHub Issue: squidfunk/mkdocs-material#33">#33</a>: Protocol relative URL for webfonts doesn't
+            work with <code>file://</code></li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/34"
+              title="GitHub Issue: squidfunk/mkdocs-material#34">#34</a>: IE11 on Windows 7 doesn't honor
+            <code>max-width</code> on <code>main</code> tag</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/35"
+              title="GitHub Issue: squidfunk/mkdocs-material#35">#35</a>: Add styling for blockquotes</li>
+        </ul>
+        <h4 id="changelog/:023-_-may-16-2016">0.2.3 <small>_ May 16, 2016</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/25"
+              title="GitHub Issue: squidfunk/mkdocs-material#25">#25</a>: Highlight inline fenced blocks</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/26"
+              title="GitHub Issue: squidfunk/mkdocs-material#26">#26</a>: Better highlighting for keystrokes</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/30"
+              title="GitHub Issue: squidfunk/mkdocs-material#30">#30</a>: Suboptimal syntax highlighting for PHP</li>
+        </ul>
+        <h4 id="changelog/:022-_-march-20-2016">0.2.2 <small>_ March 20, 2016</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/15"
+              title="GitHub Issue: squidfunk/mkdocs-material#15">#15</a>: Document Pygments dependency for CodeHilite
+          </li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/16"
+              title="GitHub Issue: squidfunk/mkdocs-material#16">#16</a>: Favicon could not be set through
+            <code>mkdocs.yml</code></li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/17"
+              title="GitHub Issue: squidfunk/mkdocs-material#17">#17</a>: Put version into own container for styling
+          </li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/20"
+              title="GitHub Issue: squidfunk/mkdocs-material#20">#20</a>: Fix rounded borders for tables</li>
+        </ul>
+        <h4 id="changelog/:021-_-march-12-2016">0.2.1 <small>_ March 12, 2016</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/10"
+              title="GitHub Issue: squidfunk/mkdocs-material#10">#10</a>: Invisible header after closing search bar with
+            <kbd>ESC</kbd> key</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/13"
+              title="GitHub Issue: squidfunk/mkdocs-material#13">#13</a>: Table cells don't wrap</li>
+          <li>Fixed empty list in table of contents when no headline is defined</li>
+          <li>Corrected wrong path for static asset monitoring in Gulpfile.js</li>
+          <li>Set up tracking of site search for Google Analytics</li>
+        </ul>
+        <h4 id="changelog/:020-_-february-24-2016">0.2.0 <small>_ February 24, 2016</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/6"
+              title="GitHub Issue: squidfunk/mkdocs-material#6">#6</a>: Include multiple color palettes via
+            <code>mkdocs.yml</code></li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/7"
+              title="GitHub Issue: squidfunk/mkdocs-material#7">#7</a>: Better colors for links inside admonition notes
+            and warnings</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/9"
+              title="GitHub Issue: squidfunk/mkdocs-material#9">#9</a>: Text for prev/next footer navigation should be
+            customizable</li>
+          <li>Refactored templates (replaced <code>if</code>/<code>else</code> with modifiers where possible)</li>
+        </ul>
+        <h4 id="changelog/:013-_-february-21-2016">0.1.3 <small>_ February 21, 2016</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/3"
+              title="GitHub Issue: squidfunk/mkdocs-material#3">#3</a>: Ordered lists within an unordered list have
+            <code>::before</code> content</li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/4"
+              title="GitHub Issue: squidfunk/mkdocs-material#4">#4</a>: Click on Logo/Title without Github-Repository:
+            <code>"None"</code></li>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/5"
+              title="GitHub Issue: squidfunk/mkdocs-material#5">#5</a>: Page without headlines renders empty list in
+            table of contents</li>
+          <li>Moved Modernizr to top to ensure basic usability in IE8</li>
+        </ul>
+        <h4 id="changelog/:012-_-february-16-2016">0.1.2 <small>_ February 16, 2016</small></h4>
+        <ul>
+          <li>Fixed styles for deep navigational hierarchies</li>
+          <li>Fixed webfont delivery problem when hosted in subdirectories</li>
+          <li>Fixed print styles in mobile/tablet configuration</li>
+          <li>Added option to configure fonts in <code>mkdocs.yml</code> with fallbacks</li>
+          <li>Changed styles for admonition notes and warnings</li>
+          <li>Set download link to latest version if available</li>
+          <li>Set up tracking of outgoing links and actions for Google Analytics</li>
+        </ul>
+        <h4 id="changelog/:011-_-february-11-2016">0.1.1 <small>_ February 11, 2016</small></h4>
+        <ul>
+          <li>Fixed <a class="magiclink magiclink-github magiclink-issue"
+              href="https://github.com/squidfunk/mkdocs-material/issues/1"
+              title="GitHub Issue: squidfunk/mkdocs-material#1">#1</a>: GitHub stars don't work if the repo_url ends
+            with a <code>/</code></li>
+          <li>Updated NPM and Bower dependencies to most recent versions</li>
+          <li>Changed footer/copyright link to Material theme to GitHub pages</li>
+          <li>Made MkDocs building/serving in build process optional</li>
+          <li>Set up continuous integration with Travis</li>
+        </ul>
+        <h4 id="changelog/:010-_-february-9-2016">0.1.0 <small>_ February 9, 2016</small></h4>
+        <ul>
+          <li>Initial release</li>
+        </ul>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/upgrading/" id="upgrading/:">
+      <h2 id="upgrading/:upgrading"><span class="pdf-order">4.2 </span>Upgrading</h2>
+      <p>Upgrade to the latest version with:</p>
+      <div class="highlight">
+        <pre><span></span><code>pip install --upgrade mkdocs-material
+</code></pre>
+      </div>
+      <p>Inspect the currently installed version with:</p>
+      <div class="highlight">
+        <pre><span></span><code>pip show mkdocs-material
+</code></pre>
+      </div>
+      <section class="md-typeset two-columns">
+        <h3 id="upgrading/:upgrading-from-4x-to-5x"><span class="pdf-order">4.2.1 </span>Upgrading from 4.x to 5.x</h3>
+        <h4 id="upgrading/:whats-new">What's new?</h4>
+        <ul>
+          <li>Reactive architecture – try <code>app.dialog$.next("Hi!")</code> in the console</li>
+          <li><a href="#setup/setting-up-navigation/:instant-loading">Instant loading</a> – make Material behave like a
+            Single Page Application</li>
+          <li>Improved CSS customization with <a href="#setup/changing-the-colors/:custom-colors">CSS variables</a> –
+            set your brand's colors</li>
+          <li>Improved CSS resilience, e.g. proper sidebar locking for customized headers</li>
+          <li>Improved <a href="#setup/changing-the-logo-and-icons/:icons">icon integration</a> and configuration – now
+            including over 5k icons</li>
+          <li>Added possibility to use any icon for logo, repository and social links</li>
+          <li>Search UI does not freeze anymore (moved to web worker)</li>
+          <li>Search index built only once when using instant loading</li>
+          <li>Improved extensible keyboard handling</li>
+          <li>Support for <a href="#setup/setting-up-site-search/:built-in-search">prebuilt search indexes</a></li>
+          <li>Support for displaying stars and forks for GitLab repositories</li>
+          <li>Support for scroll snapping of sidebars and search results</li>
+          <li>Reduced HTML and CSS footprint due to deprecation of Internet Explorer support</li>
+          <li>Slight facelifting of some UI elements (Admonitions, tables, ...)</li>
+        </ul>
+        <h4 id="upgrading/:changes-to-mkdocsyml">Changes to <code>mkdocs.yml</code></h4>
+        <p>Following is a list of changes that need to be made to <code>mkdocs.yml</code>. Note that you only have to
+          adjust the value if you defined it, so if your configuration does not contain the key, you can skip it.</p>
+        <h5 id="upgrading/:themefeature"><code>theme.feature</code></h5>
+        <p>Optional features like <a href="#setup/setting-up-navigation/:navigation-tabs">tabs</a> and <a
+            href="#setup/setting-up-navigation/:instant-loading">instant loading</a> are now implemented as flags and
+          can be enabled by listing them in <code>mkdocs.yml</code> under <code>theme.features</code>:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="upgrading/:__tabbed_1_1" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_1">5.x</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">features</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">tabs</span>
+    <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">instant</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="upgrading/:__tabbed_1_2" name="__tabbed_1" type="radio" /><label
+              for="__tabbed_1_2">4.x</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">feature</span><span class="p">:</span>
+    <span class="nt">tabs</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">true</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <h5 id="upgrading/:themelogoicon"><code>theme.logo.icon</code></h5>
+        <p>The logo icon configuration was centralized under <code>theme.icon.logo</code> and can now be set to any of
+          the <a href="#setup/changing-the-logo-and-icons/:icons">icons bundled with the theme</a>:</p>
+        <div class="tabbed-set" data-tabs="2:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="upgrading/:__tabbed_2_1" name="__tabbed_2"
+              type="radio" /><label for="__tabbed_2_1">5.x</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">icon</span><span class="p">:</span>
+    <span class="nt">logo</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">material/cloud</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="upgrading/:__tabbed_2_2" name="__tabbed_2" type="radio" /><label
+              for="__tabbed_2_2">4.x</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">logo</span><span class="p">:</span>
+    <span class="nt">icon</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">cloud</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <h5 id="upgrading/:extrarepo_icon"><code>extra.repo_icon</code></h5>
+        <p>The repo icon configuration was centralized under <code>theme.icon.repo</code> and can now be set to any of
+          the <a href="#setup/changing-the-logo-and-icons/:icons">icons bundled with the theme</a>:</p>
+        <div class="tabbed-set" data-tabs="3:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="upgrading/:__tabbed_3_1" name="__tabbed_3"
+              type="radio" /><label for="__tabbed_3_1">5.x</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">theme</span><span class="p">:</span>
+  <span class="nt">icon</span><span class="p">:</span>
+    <span class="nt">repo</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">fontawesome/brands/gitlab</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="upgrading/:__tabbed_3_2" name="__tabbed_3" type="radio" /><label
+              for="__tabbed_3_2">4.x</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">extra</span><span class="p">:</span>
+  <span class="nt">repo_icon</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">gitlab</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <h5 id="upgrading/:extrasearch"><code>extra.search.*</code></h5>
+        <p>Search is now configured as part of the <a href="#setup/setting-up-site-search/:built-in-search">plugin
+            options</a>. Note that the search languages must now be listed as an array of strings and the
+          <code>tokenizer</code> was renamed to <code>separator</code>:</p>
+        <div class="tabbed-set" data-tabs="4:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="upgrading/:__tabbed_4_1" name="__tabbed_4"
+              type="radio" /><label for="__tabbed_4_1">5.x</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">search</span><span class="p">:</span>
+      <span class="nt">separator</span><span class="p">:</span> <span class="s">'[\s\-\.]+'</span>
+      <span class="nt">lang</span><span class="p">:</span>
+        <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">en</span>
+        <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">de</span>
+        <span class="p p-Indicator">-</span> <span class="l l-Scalar l-Scalar-Plain">ru</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="upgrading/:__tabbed_4_2" name="__tabbed_4" type="radio" /><label
+              for="__tabbed_4_2">4.x</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">extra</span><span class="p">:</span>
+  <span class="nt">search</span><span class="p">:</span>
+    <span class="nt">language</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">en, de, ru</span>
+    <span class="nt">tokenizer</span><span class="p">:</span> <span class="s">'[\s\-\.]+'</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <h5 id="upgrading/:extrasocial"><code>extra.social.*</code></h5>
+        <p>Social links stayed in the same place, but the <code>type</code> key was renamed to <code>icon</code> in
+          order to match the new way of specifying which icon to be used:</p>
+        <div class="tabbed-set" data-tabs="5:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="upgrading/:__tabbed_5_1" name="__tabbed_5"
+              type="radio" /><label for="__tabbed_5_1">5.x</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">extra</span><span class="p">:</span>
+  <span class="nt">social</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="nt">icon</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">fontawesome/brands/github-alt</span>
+      <span class="nt">link</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://github.com/squidfunk</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="upgrading/:__tabbed_5_2" name="__tabbed_5" type="radio" /><label
+              for="__tabbed_5_2">4.x</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code><span class="nt">extra</span><span class="p">:</span>
+  <span class="nt">social</span><span class="p">:</span>
+    <span class="p p-Indicator">-</span> <span class="nt">type</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">github</span>
+      <span class="nt">link</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">https://github.com/squidfunk</span>
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <h4 id="upgrading/:changes-to-html-files">Changes to <code>*.html</code> files</h4>
+        <p>The templates have undergone a set of changes to make them future-proof. If you've used theme extension to
+          override a block or template, make sure that it matches the new structure:</p>
+        <ul>
+          <li>If you've overridden a <strong>block</strong>, check <code>base.html</code> for potential changes</li>
+          <li>If you've overridden a <strong>template</strong>, check the respective <code>*.html</code> file for
+            potential changes</li>
+        </ul>
+        <h5 id="upgrading/:basehtml"><code>base.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -2,7 +2,6 @@</span>
+   This file was automatically generated - do not edit
+ -#}
+ {% import "partials/language.html" as lang with context %}
+<span class="gd">-{% set feature = config.theme.feature %}</span>
+ {% set palette = config.theme.palette %}
+ {% set font = config.theme.font %}
+ &lt;!doctype html&gt;
+<span class="gu">@@ -30,19 +29,6 @@</span>
+       {% elif config.site_author %}
+         &lt;meta name="author" content="{{ config.site_author }}"&gt;
+       {% endif %}
+<span class="gd">-      {% for key in [</span>
+<span class="gd">-        "clipboard.copy",</span>
+<span class="gd">-        "clipboard.copied",</span>
+<span class="gd">-        "search.language",</span>
+<span class="gd">-        "search.pipeline.stopwords",</span>
+<span class="gd">-        "search.pipeline.trimmer",</span>
+<span class="gd">-        "search.result.none",</span>
+<span class="gd">-        "search.result.one",</span>
+<span class="gd">-        "search.result.other",</span>
+<span class="gd">-        "search.tokenizer"</span>
+<span class="gd">-      ] %}</span>
+<span class="gd">-        &lt;meta name="lang:{{ key }}" content="{{ lang.t(key) }}"&gt;</span>
+<span class="gd">-      {% endfor %}</span>
+       &lt;link rel="shortcut icon" href="{{ config.theme.favicon | url }}"&gt;
+       &lt;meta name="generator" content="mkdocs-{{ mkdocs_version }}, mkdocs-material-5.0.0"&gt;
+     {% endblock %}
+<span class="gu">@@ -56,9 +42,9 @@</span>
+       {% endif %}
+     {% endblock %}
+     {% block styles %}
+<span class="gd">-      &lt;link rel="stylesheet" href="{{ 'assets/stylesheets/application.********.css' | url }}"&gt;</span>
+<span class="gi">+      &lt;link rel="stylesheet" href="{{ 'assets/stylesheets/main.********.min.css' | url }}"&gt;</span>
+       {% if palette.primary or palette.accent %}
+<span class="gd">-        &lt;link rel="stylesheet" href="{{ 'assets/stylesheets/application-palette.********.css' | url }}"&gt;</span>
+<span class="gi">+        &lt;link rel="stylesheet" href="{{ 'assets/stylesheets/palette.********.min.css' | url }}"&gt;</span>
+       {% endif %}
+       {% if palette.primary %}
+         {% import "partials/palette.html" as map %}
+<span class="gu">@@ -69,20 +55,17 @@</span>
+       {% endif %}
+     {% endblock %}
+     {% block libs %}
+<span class="gd">-      &lt;script src="{{ 'assets/javascripts/modernizr.********.js' | url }}"&gt;&lt;/script&gt;</span>
+     {% endblock %}
+     {% block fonts %}
+       {% if font != false %}
+         &lt;link href="https://fonts.gstatic.com" rel="preconnect" crossorigin&gt;
+         &lt;link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{
+             font.text | replace(' ', '+') + ':300,400,400i,700%7C' +
+             font.code | replace(' ', '+')
+           }}&amp;display=fallback"&gt;
+         &lt;style&gt;body,input{font-family:"{{ font.text }}","Helvetica Neue",Helvetica,Arial,sans-serif}code,kbd,pre{font-family:"{{ font.code }}","Courier New",Courier,monospace}&lt;/style&gt;
+       {% endif %}
+     {% endblock %}
+<span class="gd">-    &lt;link rel="stylesheet" href="{{ 'assets/fonts/material-icons.css' | url }}"&gt;</span>
+     {% if config.extra.manifest %}
+       &lt;link rel="manifest" href="{{ config.extra.manifest | url }}" crossorigin="use-credentials"&gt;
+     {% endif %}
+<span class="gu">@@ -95,47 +77,50 @@</span>
+     {% endblock %}
+     {% block extrahead %}{% endblock %}
+   &lt;/head&gt;
+<span class="gi">+  {% set direction = config.theme.direction | default(lang.t('direction')) %}</span>
+   {% if palette.primary or palette.accent %}
+     {% set primary = palette.primary | replace(" ", "-") | lower %}
+     {% set accent  = palette.accent  | replace(" ", "-") | lower %}
+<span class="gd">-    &lt;body dir="{{ lang.t('direction') }}" data-md-color-primary="{{ primary }}" data-md-color-accent="{{ accent }}"&gt;</span>
+<span class="gi">+    &lt;body dir="{{ direction }}" data-md-color-primary="{{ primary }}" data-md-color-accent="{{ accent }}"&gt;</span>
+   {% else %}
+<span class="gd">-    &lt;body dir="{{ lang.t('direction') }}"&gt;</span>
+<span class="gi">+    &lt;body dir="{{ direction }}"&gt;</span>
+   {% endif %}
+<span class="gd">-    &lt;svg class="md-svg"&gt;</span>
+<span class="gd">-      &lt;defs&gt;</span>
+<span class="gd">-        {% set platform = config.extra.repo_icon or config.repo_url %}</span>
+<span class="gd">-        {% if "github" in platform %}</span>
+<span class="gd">-          {% include "assets/images/icons/github.f0b8504a.svg" %}</span>
+<span class="gd">-        {% elif "gitlab" in platform %}</span>
+<span class="gd">-          {% include "assets/images/icons/gitlab.6dd19c00.svg" %}</span>
+<span class="gd">-        {% elif "bitbucket" in platform %}</span>
+<span class="gd">-          {% include "assets/images/icons/bitbucket.1b09e088.svg" %}</span>
+<span class="gd">-        {% endif %}</span>
+<span class="gd">-      &lt;/defs&gt;</span>
+<span class="gd">-    &lt;/svg&gt;</span>
+     &lt;input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off"&gt;
+     &lt;input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off"&gt;
+<span class="gd">-    &lt;label class="md-overlay" data-md-component="overlay" for="__drawer"&gt;&lt;/label&gt;</span>
+<span class="gi">+    &lt;label class="md-overlay" for="__drawer"&gt;&lt;/label&gt;</span>
+<span class="gi">+    &lt;div data-md-component="skip"&gt;</span>
+<span class="gi">+      {% if page.toc | first is defined %}</span>
+<span class="gi">+        {% set skip = page.toc | first %}</span>
+<span class="gi">+        &lt;a href="{{ skip.url | url }}" class="md-skip"&gt;</span>
+<span class="gi">+          {{ lang.t('skip.link.title') }}</span>
+<span class="gi">+        &lt;/a&gt;</span>
+<span class="gi">+      {% endif %}</span>
+<span class="gi">+    &lt;/div&gt;</span>
+<span class="gi">+    &lt;div data-md-component="announce"&gt;</span>
+<span class="gi">+      {% if self.announce() %}</span>
+<span class="gi">+        &lt;aside class="md-announce"&gt;</span>
+<span class="gi">+          &lt;div class="md-announce__inner md-grid md-typeset"&gt;</span>
+<span class="gi">+            {% block announce %}{% endblock %}</span>
+<span class="gi">+          &lt;/div&gt;</span>
+<span class="gi">+        &lt;/aside&gt;</span>
+<span class="gi">+      {% endif %}</span>
+<span class="gi">+    &lt;/div&gt;</span>
+     {% block header %}
+       {% include "partials/header.html" %}
+     {% endblock %}
+<span class="gd">-    &lt;div class="md-container"&gt;</span>
+<span class="gi">+    &lt;div class="md-container" data-md-component="container"&gt;</span>
+       {% block hero %}
+         {% if page and page.meta and page.meta.hero %}
+           {% include "partials/hero.html" with context %}
+         {% endif %}
+       {% endblock %}
+<span class="gd">-      {% if feature.tabs %}</span>
+<span class="gd">-        {% include "partials/tabs.html" %}</span>
+<span class="gd">-      {% endif %}</span>
+<span class="gi">+      {% block tabs %}</span>
+<span class="gi">+        {% if "tabs" in config.theme.features %}</span>
+<span class="gi">+          {% include "partials/tabs.html" %}</span>
+<span class="gi">+        {% endif %}</span>
+<span class="gi">+      {% endblock %}</span>
+<span class="gd">-      &lt;main class="md-main" role="main"&gt;</span>
+<span class="gd">-        &lt;div class="md-main__inner md-grid" data-md-component="container"&gt;</span>
+<span class="gi">+      &lt;main class="md-main" data-md-component="main"&gt;</span>
+<span class="gi">+        &lt;div class="md-main__inner md-grid"&gt;</span>
+           {% block site_nav %}
+             {% if nav %}
+               &lt;div class="md-sidebar md-sidebar--primary" data-md-component="navigation"&gt;
+<span class="gu">@@ -160,41 +141,25 @@</span>
+             &lt;article class="md-content__inner md-typeset"&gt;
+               {% block content %}
+                 {% if page.edit_url %}
+<span class="gd">-                  &lt;a href="{{ page.edit_url }}" title="{{ lang.t('edit.link.title') }}" class="md-icon md-content__icon"&gt;&amp;#xE3C9;&lt;/a&gt;</span>
+<span class="gi">+                  &lt;a href="{{ page.edit_url }}" title="{{ lang.t('edit.link.title') }}" class="md-content__button md-icon"&gt;</span>
+<span class="gi">+                    {% include ".icons/material/pencil.svg" %}</span>
+<span class="gi">+                  &lt;/a&gt;</span>
+                 {% endif %}
+<span class="gi">+                {% block source %}</span>
+<span class="gi">+                  {% if page and page.meta and page.meta.source %}</span>
+<span class="gi">+                    {% include "partials/source-link.html" %}</span>
+<span class="gi">+                  {% endif %}</span>
+<span class="gi">+                {% endblock %}</span>
+                 {% if not "\x3ch1" in page.content %}
+                   &lt;h1&gt;{{ page.title | default(config.site_name, true)}}&lt;/h1&gt;
+                 {% endif %}
+                 {{ page.content }}
+<span class="gd">-                {% block source %}</span>
+<span class="gd">-                  {% if page and page.meta and page.meta.source %}</span>
+<span class="gd">-                    &lt;h2 id="__source"&gt;{{ lang.t("meta.source") }}&lt;/h2&gt;</span>
+<span class="gd">-                    {% set repo = config.repo_url %}</span>
+<span class="gd">-                    {% if repo | last == "/" %}</span>
+<span class="gd">-                      {% set repo = repo[:-1] %}</span>
+<span class="gd">-                    {% endif %}</span>
+<span class="gd">-                    {% set path = page.meta.path | default([""]) %}</span>
+<span class="gd">-                    {% set file = page.meta.source %}</span>
+<span class="gd">-                    &lt;a href="{{ [repo, path, file] | join('/') }}" title="{{ file }}" class="md-source-file"&gt;</span>
+<span class="gd">-                      {{ file }}</span>
+<span class="gd">-                    &lt;/a&gt;</span>
+<span class="gd">-                  {% endif %}</span>
+<span class="gd">-                {% endblock %}</span>
+<span class="gi">+                {% if page and page.meta %}</span>
+<span class="gi">+                  {% if page.meta.git_revision_date_localized or</span>
+<span class="gi">+                        page.meta.revision_date</span>
+<span class="gi">+                  %}</span>
+<span class="gi">+                    {% include "partials/source-date.html" %}</span>
+<span class="gd">-                {% if page and page.meta and (</span>
+<span class="gd">-                      page.meta.git_revision_date_localized or</span>
+<span class="gd">-                      page.meta.revision_date</span>
+<span class="gd">-                ) %}</span>
+<span class="gd">-                  {% set label = lang.t("source.revision.date") %}</span>
+<span class="gd">-                  &lt;hr&gt;</span>
+<span class="gd">-                  &lt;div class="md-source-date"&gt;</span>
+<span class="gd">-                    &lt;small&gt;</span>
+<span class="gd">-                      {% if page.meta.git_revision_date_localized %}</span>
+<span class="gd">-                        {{ label }}: {{ page.meta.git_revision_date_localized }}</span>
+<span class="gd">-                      {% elif page.meta.revision_date %}</span>
+<span class="gd">-                        {{ label }}: {{ page.meta.revision_date }}</span>
+<span class="gd">-                      {% endif %}</span>
+<span class="gd">-                    &lt;/small&gt;</span>
+<span class="gd">-                  &lt;/div&gt;</span>
+                 {% endif %}
+               {% endblock %}
+               {% block disqus %}
+<span class="gu">@@ -208,29 +174,35 @@</span>
+         {% include "partials/footer.html" %}
+       {% endblock %}
+     &lt;/div&gt;
+     {% block scripts %}
+<span class="gd">-      &lt;script src="{{ 'assets/javascripts/application.********.js' | url }}"&gt;&lt;/script&gt;</span>
+<span class="gd">-      {% if lang.t("search.language") != "en" %}</span>
+<span class="gd">-        {% set languages = lang.t("search.language").split(",") %}</span>
+<span class="gd">-        {% if languages | length and languages[0] != "" %}</span>
+<span class="gd">-          {% set path = "assets/javascripts/lunr/" %}</span>
+<span class="gd">-          &lt;script src="{{ (path ~ 'lunr.stemmer.support.js') | url }}"&gt;&lt;/script&gt;</span>
+<span class="gd">-          {% for language in languages | map("trim") %}</span>
+<span class="gd">-            {% if language != "en" %}</span>
+<span class="gd">-              {% if language == "ja" %}</span>
+<span class="gd">-                &lt;script src="{{ (path ~ 'tinyseg.js') | url }}"&gt;&lt;/script&gt;</span>
+<span class="gd">-              {% endif %}</span>
+<span class="gd">-              {% if language in ("ar", "da", "de", "es", "fi", "fr", "hu", "it", "ja", "nl", "no", "pt", "ro", "ru", "sv", "th", "tr", "vi") %}</span>
+<span class="gd">-                &lt;script src="{{ (path ~ 'lunr.' ~ language ~ '.js') | url }}"&gt;&lt;/script&gt;</span>
+<span class="gd">-              {% endif %}</span>
+<span class="gd">-            {% endif %}</span>
+<span class="gd">-          {% endfor %}</span>
+<span class="gd">-          {% if languages | length &gt; 1 %}</span>
+<span class="gd">-            &lt;script src="{{ (path ~ 'lunr.multi.js') | url }}"&gt;&lt;/script&gt;</span>
+<span class="gd">-          {% endif %}</span>
+<span class="gd">-        {% endif %}</span>
+<span class="gd">-      {% endif %}</span>
+<span class="gd">-      &lt;script&gt;app.initialize({version:"{{ mkdocs_version }}",url:{base:"{{ base_url }}"}})&lt;/script&gt;</span>
+<span class="gi">+      &lt;script src="{{ 'assets/javascripts/vendor.********.min.js' | url }}"&gt;&lt;/script&gt;</span>
+<span class="gi">+      &lt;script src="{{ 'assets/javascripts/bundle.********.min.js' | url }}"&gt;&lt;/script&gt;</span>
+<span class="gi">+      {%- set translations = {} -%}</span>
+<span class="gi">+      {%- for key in [</span>
+<span class="gi">+        "clipboard.copy",</span>
+<span class="gi">+        "clipboard.copied",</span>
+<span class="gi">+        "search.config.lang",</span>
+<span class="gi">+        "search.config.pipeline",</span>
+<span class="gi">+        "search.config.separator",</span>
+<span class="gi">+        "search.result.placeholder",</span>
+<span class="gi">+        "search.result.none",</span>
+<span class="gi">+        "search.result.one",</span>
+<span class="gi">+        "search.result.other"</span>
+<span class="gi">+      ] -%}</span>
+<span class="gi">+        {%- set _ = translations.update({ key: lang.t(key) }) -%}</span>
+<span class="gi">+      {%- endfor -%}</span>
+<span class="gi">+      &lt;script id="__lang" type="application/json"&gt;</span>
+<span class="gi">+        {{- translations | tojson -}}</span>
+<span class="gi">+      &lt;/script&gt;</span>
+<span class="gi">+      {% block config %}{% endblock %}</span>
+<span class="gi">+      &lt;script&gt;</span>
+<span class="gi">+        app = initialize({</span>
+<span class="gi">+          base: "{{ base_url }}",</span>
+<span class="gi">+          features: {{ config.theme.features | tojson }},</span>
+<span class="gi">+          search: Object.assign({</span>
+<span class="gi">+            worker: "{{ 'assets/javascripts/worker/search.********.min.js' | url }}"</span>
+<span class="gi">+          }, typeof search !== "undefined" &amp;&amp; search)</span>
+<span class="gi">+        })</span>
+<span class="gi">+      &lt;/script&gt;</span>
+       {% for path in config["extra_javascript"] %}
+         &lt;script src="{{ path | url }}"&gt;&lt;/script&gt;
+       {% endfor %}
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialsfooterhtml"><code>partials/footer.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -5,34 +5,34 @@</span>
+     &lt;div class="md-footer-nav"&gt;
+<span class="gd">-      &lt;nav class="md-footer-nav__inner md-grid"&gt;</span>
+<span class="gi">+      &lt;nav class="md-footer-nav__inner md-grid" aria-label="{{ lang.t('footer.title') }}"&gt;</span>
+         {% if page.previous_page %}
+<span class="gd">-          &lt;a href="{{ page.previous_page.url | url }}" title="{{ page.previous_page.title | striptags }}" class="md-flex md-footer-nav__link md-footer-nav__link--prev" rel="prev"&gt;</span>
+<span class="gd">-            &lt;div class="md-flex__cell md-flex__cell--shrink"&gt;</span>
+<span class="gd">-              &lt;i class="md-icon md-icon--arrow-back md-footer-nav__button"&gt;&lt;/i&gt;</span>
+<span class="gi">+          &lt;a href="{{ page.previous_page.url | url }}" title="{{ page.previous_page.title | striptags }}" class="md-footer-nav__link md-footer-nav__link--prev" rel="prev"&gt;</span>
+<span class="gi">+            &lt;div class="md-footer-nav__button md-icon"&gt;</span>
+<span class="gi">+              {% include ".icons/material/arrow-left.svg" %}</span>
+             &lt;/div&gt;
+<span class="gd">-            &lt;div class="md-flex__cell md-flex__cell--stretch md-footer-nav__title"&gt;</span>
+<span class="gd">-              &lt;span class="md-flex__ellipsis"&gt;</span>
+<span class="gi">+            &lt;div class="md-footer-nav__title"&gt;</span>
+<span class="gi">+              &lt;div class="md-ellipsis"&gt;</span>
+                 &lt;span class="md-footer-nav__direction"&gt;
+                   {{ lang.t("footer.previous") }}
+                 &lt;/span&gt;
+                 {{ page.previous_page.title }}
+<span class="gd">-              &lt;/span&gt;</span>
+<span class="gi">+              &lt;/div&gt;</span>
+             &lt;/div&gt;
+           &lt;/a&gt;
+         {% endif %}
+         {% if page.next_page %}
+<span class="gd">-          &lt;a href="{{ page.next_page.url | url }}" title="{{ page.next_page.title | striptags }}" class="md-flex md-footer-nav__link md-footer-nav__link--next" rel="next"&gt;</span>
+<span class="gd">-            &lt;div class="md-flex__cell md-flex__cell--stretch md-footer-nav__title"&gt;</span>
+<span class="gd">-              &lt;span class="md-flex__ellipsis"&gt;</span>
+<span class="gi">+          &lt;a href="{{ page.next_page.url | url }}" title="{{ page.next_page.title | striptags }}" class="md-footer-nav__link md-footer-nav__link--next" rel="next"&gt;</span>
+<span class="gi">+            &lt;div class="md-footer-nav__title"&gt;</span>
+<span class="gi">+              &lt;div class="md-ellipsis"&gt;</span>
+                 &lt;span class="md-footer-nav__direction"&gt;
+                   {{ lang.t("footer.next") }}
+                 &lt;/span&gt;
+                 {{ page.next_page.title }}
+<span class="gd">-              &lt;/span&gt;</span>
+<span class="gi">+              &lt;/div&gt;</span>
+             &lt;/div&gt;
+<span class="gd">-            &lt;div class="md-flex__cell md-flex__cell--shrink"&gt;</span>
+<span class="gd">-              &lt;i class="md-icon md-icon--arrow-forward md-footer-nav__button"&gt;&lt;/i&gt;</span>
+<span class="gi">+            &lt;div class="md-footer-nav__button md-icon"&gt;</span>
+<span class="gi">+              {% include ".icons/material/arrow-right.svg" %}</span>
+             &lt;/div&gt;
+           &lt;/a&gt;
+         {% endif %}
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialsheaderhtml"><code>partials/header.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -2,51 +2,43 @@</span>
+   This file was automatically generated - do not edit
+ -#}
+ &lt;header class="md-header" data-md-component="header"&gt;
+<span class="gd">-  &lt;nav class="md-header-nav md-grid"&gt;</span>
+<span class="gd">-    &lt;div class="md-flex"&gt;</span>
+<span class="gd">-      &lt;div class="md-flex__cell md-flex__cell--shrink"&gt;</span>
+<span class="gd">-        &lt;a href="{{ config.site_url | default(nav.homepage.url, true) | url }}" title="{{ config.site_name }}" aria-label="{{ config.site_name }}" class="md-header-nav__button md-logo"&gt;</span>
+<span class="gd">-          {% if config.theme.logo.icon %}</span>
+<span class="gd">-            &lt;i class="md-icon"&gt;{{ config.theme.logo.icon }}&lt;/i&gt;</span>
+<span class="gd">-          {% else %}</span>
+<span class="gd">-            &lt;img alt="logo" src="{{ config.theme.logo | url }}" width="24" height="24"&gt;</span>
+<span class="gd">-          {% endif %}</span>
+<span class="gd">-        &lt;/a&gt;</span>
+<span class="gd">-      &lt;/div&gt;</span>
+<span class="gd">-      &lt;div class="md-flex__cell md-flex__cell--shrink"&gt;</span>
+<span class="gd">-        &lt;label class="md-icon md-icon--menu md-header-nav__button" for="__drawer"&gt;&lt;/label&gt;</span>
+<span class="gd">-      &lt;/div&gt;</span>
+<span class="gd">-      &lt;div class="md-flex__cell md-flex__cell--stretch"&gt;</span>
+<span class="gd">-        &lt;div class="md-flex__ellipsis md-header-nav__title" data-md-component="title"&gt;</span>
+<span class="gd">-          {% if config.site_name == page.title %}</span>
+<span class="gd">-            {{ config.site_name }}</span>
+<span class="gd">-          {% else %}</span>
+<span class="gd">-            &lt;span class="md-header-nav__topic"&gt;</span>
+<span class="gd">-              {{ config.site_name }}</span>
+<span class="gd">-            &lt;/span&gt;</span>
+<span class="gd">-            &lt;span class="md-header-nav__topic"&gt;</span>
+<span class="gd">-              {% if page and page.meta and page.meta.title %}</span>
+<span class="gd">-                {{ page.meta.title }}</span>
+<span class="gd">-              {% else %}</span>
+<span class="gd">-                {{ page.title }}</span>
+<span class="gd">-              {% endif %}</span>
+<span class="gd">-            &lt;/span&gt;</span>
+<span class="gd">-          {% endif %}</span>
+<span class="gi">+  &lt;nav class="md-header-nav md-grid" aria-label="{{ lang.t('header.title') }}"&gt;</span>
+<span class="gi">+    &lt;a href="{{ config.site_url | default(nav.homepage.url, true) | url }}" title="{{ config.site_name }}" class="md-header-nav__button md-logo" aria-label="{{ config.site_name }}"&gt;</span>
+<span class="gi">+      {% include "partials/logo.html" %}</span>
+<span class="gi">+    &lt;/a&gt;</span>
+<span class="gi">+    &lt;label class="md-header-nav__button md-icon" for="__drawer"&gt;</span>
+<span class="gi">+      {% include ".icons/material/menu" ~ ".svg" %}</span>
+<span class="gi">+    &lt;/label&gt;</span>
+<span class="gi">+    &lt;div class="md-header-nav__title" data-md-component="header-title"&gt;</span>
+<span class="gi">+      {% if config.site_name == page.title %}</span>
+<span class="gi">+        &lt;div class="md-header-nav__ellipsis md-ellipsis"&gt;</span>
+<span class="gi">+          {{ config.site_name }}</span>
+         &lt;/div&gt;
+<span class="gd">-      &lt;/div&gt;</span>
+<span class="gd">-      &lt;div class="md-flex__cell md-flex__cell--shrink"&gt;</span>
+<span class="gd">-        {% if "search" in config["plugins"] %}</span>
+<span class="gd">-          &lt;label class="md-icon md-icon--search md-header-nav__button" for="__search"&gt;&lt;/label&gt;</span>
+<span class="gd">-          {% include "partials/search.html" %}</span>
+<span class="gd">-        {% endif %}</span>
+<span class="gd">-      &lt;/div&gt;</span>
+<span class="gd">-      {% if config.repo_url %}</span>
+<span class="gd">-        &lt;div class="md-flex__cell md-flex__cell--shrink"&gt;</span>
+<span class="gd">-          &lt;div class="md-header-nav__source"&gt;</span>
+<span class="gd">-            {% include "partials/source.html" %}</span>
+<span class="gd">-          &lt;/div&gt;</span>
+<span class="gi">+      {% else %}</span>
+<span class="gi">+        &lt;div class="md-header-nav__ellipsis"&gt;</span>
+<span class="gi">+          &lt;span class="md-header-nav__topic md-ellipsis"&gt;</span>
+<span class="gi">+            {{ config.site_name }}</span>
+<span class="gi">+          &lt;/span&gt;</span>
+<span class="gi">+          &lt;span class="md-header-nav__topic md-ellipsis"&gt;</span>
+<span class="gi">+            {% if page and page.meta and page.meta.title %}</span>
+<span class="gi">+              {{ page.meta.title }}</span>
+<span class="gi">+            {% else %}</span>
+<span class="gi">+              {{ page.title }}</span>
+<span class="gi">+            {% endif %}</span>
+<span class="gi">+          &lt;/span&gt;</span>
+         &lt;/div&gt;
+       {% endif %}
+     &lt;/div&gt;
+<span class="gi">+    {% if "search" in config["plugins"] %}</span>
+<span class="gi">+      &lt;label class="md-header-nav__button md-icon" for="__search"&gt;</span>
+<span class="gi">+        {% include ".icons/material/magnify.svg" %}</span>
+<span class="gi">+      &lt;/label&gt;</span>
+<span class="gi">+      {% include "partials/search.html" %}</span>
+<span class="gi">+    {% endif %}</span>
+<span class="gi">+    {% if config.repo_url %}</span>
+<span class="gi">+      &lt;div class="md-header-nav__source"&gt;</span>
+<span class="gi">+        {% include "partials/source.html" %}</span>
+<span class="gi">+      &lt;/div&gt;</span>
+<span class="gi">+    {% endif %}</span>
+   &lt;/nav&gt;
+ &lt;/header&gt;
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialsherohtml"><code>partials/hero.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -1,9 +1,8 @@</span>
+ {#-
+   This file was automatically generated - do not edit
+ -#}
+<span class="gd">-{% set feature = config.theme.feature %}</span>
+ {% set class = "md-hero" %}
+<span class="gd">-{% if not feature.tabs %}</span>
+<span class="gi">+{% if "tabs" not in config.theme.features %}</span>
+   {% set class = "md-hero md-hero--expand" %}
+ {% endif %}
+ &lt;div class="{{ class }}" data-md-component="hero"&gt;
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialslanguagehtml"><code>partials/language.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -3,12 +3,4 @@</span>
+ -#}
+ {% import "partials/language/" + config.theme.language + ".html" as lang %}
+ {% import "partials/language/en.html" as fallback %}
+<span class="gd">-{% macro t(key) %}{{ {</span>
+<span class="gd">-  "direction": config.theme.direction,</span>
+<span class="gd">-  "search.language": (</span>
+<span class="gd">-    config.extra.search | default({})</span>
+<span class="gd">-  ).language,</span>
+<span class="gd">-  "search.tokenizer": (</span>
+<span class="gd">-    config.extra.search | default({})</span>
+<span class="gd">-  ).tokenizer | default("", true),</span>
+<span class="gd">-}[key] or lang.t(key) or fallback.t(key) }}{% endmacro %}</span>
+<span class="gi">+{% macro t(key) %}{{ lang.t(key) | default(fallback.t(key)) }}{% endmacro %}</span>
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialslogohtml"><code>partials/logo.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -0,0 +1,9 @@</span>
+<span class="gi">+{#-</span>
+<span class="gi">+  This file was automatically generated - do not edit</span>
+<span class="gi">+-#}</span>
+<span class="gi">+{% if config.theme.logo %}</span>
+<span class="gi">+  &lt;img src="{{ config.theme.logo | url }}" alt="logo"&gt;</span>
+<span class="gi">+{% else %}</span>
+<span class="gi">+  {% set icon = config.theme.icon.logo or "material/library" %}</span>
+<span class="gi">+  {% include ".icons/" ~ icon ~ ".svg" %}</span>
+<span class="gi">+{% endif %}</span>
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialsnav-itemhtml"><code>partials/nav-item.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -14,9 +14,15 @@</span>
+     {% endif %}
+     &lt;label class="md-nav__link" for="{{ path }}"&gt;
+       {{ nav_item.title }}
+<span class="gi">+      &lt;span class="md-nav__icon md-icon"&gt;</span>
+<span class="gi">+        {% include ".icons/material/chevron-right.svg" %}</span>
+<span class="gi">+      &lt;/span&gt;</span>
+     &lt;/label&gt;
+<span class="gd">-    &lt;nav class="md-nav" data-md-component="collapsible" data-md-level="{{ level }}"&gt;</span>
+<span class="gi">+    &lt;nav class="md-nav" aria-label="{{ nav_item.title }}" data-md-level="{{ level }}"&gt;</span>
+       &lt;label class="md-nav__title" for="{{ path }}"&gt;
+<span class="gi">+        &lt;span class="md-nav__icon md-icon"&gt;</span>
+<span class="gi">+          {% include ".icons/material/arrow-left.svg" %}</span>
+<span class="gi">+        &lt;/span&gt;</span>
+         {{ nav_item.title }}
+       &lt;/label&gt;
+       &lt;ul class="md-nav__list" data-md-scrollfix&gt;
+<span class="gu">@@ -39,6 +45,9 @@</span>
+     {% if toc | first is defined %}
+       &lt;label class="md-nav__link md-nav__link--active" for="__toc"&gt;
+         {{ nav_item.title }}
+<span class="gi">+        &lt;span class="md-nav__icon md-icon"&gt;</span>
+<span class="gi">+          {% include ".icons/material/table-of-contents.svg" %}</span>
+<span class="gi">+        &lt;/span&gt;</span>
+       &lt;/label&gt;
+     {% endif %}
+     &lt;a href="{{ nav_item.url | url }}" title="{{ nav_item.title | striptags }}" class="md-nav__link md-nav__link--active"&gt;
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialsnavhtml"><code>partials/nav.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -1,14 +1,10 @@</span>
+ {#-
+   This file was automatically generated - do not edit
+ -#}
+<span class="gd">-&lt;nav class="md-nav md-nav--primary" data-md-level="0"&gt;</span>
+<span class="gd">-  &lt;label class="md-nav__title md-nav__title--site" for="__drawer"&gt;</span>
+<span class="gd">-    &lt;a href="{{ config.site_url | default(nav.homepage.url, true) | url }}" title="{{ config.site_name }}" class="md-nav__button md-logo"&gt;</span>
+<span class="gd">-      {% if config.theme.logo.icon %}</span>
+<span class="gd">-        &lt;i class="md-icon"&gt;{{ config.theme.logo.icon }}&lt;/i&gt;</span>
+<span class="gd">-      {% else %}</span>
+<span class="gd">-        &lt;img alt="logo" src="{{ config.theme.logo | url }}" width="48" height="48"&gt;</span>
+<span class="gd">-      {% endif %}</span>
+<span class="gi">+&lt;nav class="md-nav md-nav--primary" aria-label="{{ lang.t('nav.title') }}" data-md-level="0"&gt;</span>
+<span class="gi">+  &lt;label class="md-nav__title" for="__drawer"&gt;</span>
+<span class="gi">+    &lt;a href="{{ config.site_url | default(nav.homepage.url, true) | url }}" title="{{ config.site_name }}" class="md-nav__button md-logo" aria-label="{{ config.site_name }}"&gt;</span>
+<span class="gi">+      {% include "partials/logo.html" %}</span>
+     &lt;/a&gt;
+     {{ config.site_name }}
+   &lt;/label&gt;
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialssearchhtml"><code>partials/search.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -6,15 +6,18 @@</span>
+   &lt;label class="md-search__overlay" for="__search"&gt;&lt;/label&gt;
+   &lt;div class="md-search__inner" role="search"&gt;
+     &lt;form class="md-search__form" name="search"&gt;
+<span class="gd">-      &lt;input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="{{ lang.t('search.placeholder') }}" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="query" data-md-state="active"&gt;</span>
+<span class="gi">+      &lt;input type="text" class="md-search__input" name="query" aria-label="{{ lang.t('search.placeholder') }}" placeholder="{{ lang.t('search.placeholder') }}" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" data-md-state="active"&gt;</span>
+       &lt;label class="md-search__icon md-icon" for="__search"&gt;
+<span class="gi">+        {% include ".icons/material/magnify.svg" %}</span>
+<span class="gi">+        {% include ".icons/material/arrow-left.svg" %}</span>
+       &lt;/label&gt;
+<span class="gd">-      &lt;button type="reset" class="md-icon md-search__icon" data-md-component="reset" tabindex="-1"&gt;</span>
+<span class="gd">-        &amp;#xE5CD;</span>
+<span class="gi">+      &lt;button type="reset" class="md-search__icon md-icon" aria-label="{{ lang.t('search.reset') }}" data-md-component="search-reset" tabindex="-1"&gt;</span>
+<span class="gi">+        {% include ".icons/material/close.svg" %}</span>
+       &lt;/button&gt;
+     &lt;/form&gt;
+     &lt;div class="md-search__output"&gt;
+       &lt;div class="md-search__scrollwrap" data-md-scrollfix&gt;
+<span class="gd">-        &lt;div class="md-search-result" data-md-component="result"&gt;</span>
+<span class="gi">+        &lt;div class="md-search-result" data-md-component="search-result"&gt;</span>
+           &lt;div class="md-search-result__meta"&gt;
+             {{ lang.t("search.result.placeholder") }}
+           &lt;/div&gt;
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialssocialhtml"><code>partials/social.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -3,9 +3,12 @@</span>
+ -#}
+ {% if config.extra.social %}
+   &lt;div class="md-footer-social"&gt;
+<span class="gd">-    &lt;link rel="stylesheet" href="{{ 'assets/fonts/font-awesome.css' | url }}"&gt;</span>
+     {% for social in config.extra.social %}
+<span class="gd">-      &lt;a href="{{ social.link }}" target="_blank" rel="noopener" title="{{ social.type }}" class="md-footer-social__link fa fa-{{ social.type }}"&gt;&lt;/a&gt;</span>
+<span class="gi">+      {% set _,rest = social.link.split("//") %}</span>
+<span class="gi">+      {% set domain = rest.split("/")[0] %}</span>
+<span class="gi">+      &lt;a href="{{ social.link }}" target="_blank" rel="noopener" title="{{ domain }}" class="md-footer-social__link"&gt;</span>
+<span class="gi">+        {% include ".icons/" ~ social.icon ~ ".svg" %}</span>
+<span class="gi">+      &lt;/a&gt;</span>
+     {% endfor %}
+   &lt;/div&gt;
+ {% endif %}
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialssource-datehtml"><code>partials/source-date.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -0,0 +1,15 @@</span>
+<span class="gi">+{#-</span>
+<span class="gi">+  This file was automatically generated - do not edit</span>
+<span class="gi">+-#}</span>
+<span class="gi">+{% import "partials/language.html" as lang with context %}</span>
+<span class="gi">+{% set label = lang.t("source.revision.date") %}</span>
+<span class="gi">+&lt;hr&gt;</span>
+<span class="gi">+&lt;div class="md-source-date"&gt;</span>
+<span class="gi">+  &lt;small&gt;</span>
+<span class="gi">+    {% if page.meta.git_revision_date_localized %}</span>
+<span class="gi">+      {{ label }}: {{ page.meta.git_revision_date_localized }}</span>
+<span class="gi">+    {% elif page.meta.revision_date %}</span>
+<span class="gi">+      {{ label }}: {{ page.meta.revision_date }}</span>
+<span class="gi">+    {% endif %}</span>
+<span class="gi">+  &lt;/small&gt;</span>
+<span class="gi">+&lt;/div&gt;</span>
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialssource-linkhtml"><code>partials/source-link.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -0,0 +1,13 @@</span>
+<span class="gi">+{#-</span>
+<span class="gi">+  This file was automatically generated - do not edit</span>
+<span class="gi">+-#}</span>
+<span class="gi">+{% import "partials/language.html" as lang with context %}</span>
+<span class="gi">+{% set repo = config.repo_url %}</span>
+<span class="gi">+{% if repo | last == "/" %}</span>
+<span class="gi">+  {% set repo = repo[:-1] %}</span>
+<span class="gi">+{% endif %}</span>
+<span class="gi">+{% set path = page.meta.path | default([""]) %}</span>
+<span class="gi">+&lt;a href="{{ [repo, path, page.meta.source] | join('/') }}" title="{{ file }}" class="md-content__button md-icon"&gt;</span>
+<span class="gi">+  {{ lang.t("meta.source") }}</span>
+<span class="gi">+  {% include ".icons/" ~ config.theme.icon.repo ~ ".svg" %}</span>
+<span class="gi">+&lt;/a&gt;</span>
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialssourcehtml"><code>partials/source.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -2,24 +2,11 @@</span>
+   This file was automatically generated - do not edit
+ -#}
+ {% import "partials/language.html" as lang with context %}
+<span class="gd">-{% set platform = config.extra.repo_icon or config.repo_url %}</span>
+<span class="gd">-{% if "github" in platform %}</span>
+<span class="gd">-  {% set repo_type = "github" %}</span>
+<span class="gd">-{% elif "gitlab" in platform %}</span>
+<span class="gd">-  {% set repo_type = "gitlab" %}</span>
+<span class="gd">-{% elif "bitbucket" in platform %}</span>
+<span class="gd">-  {% set repo_type = "bitbucket" %}</span>
+<span class="gd">-{% else %}</span>
+<span class="gd">-  {% set repo_type = "" %}</span>
+<span class="gd">-{% endif %}</span>
+<span class="gd">-&lt;a href="{{ config.repo_url }}" title="{{ lang.t('source.link.title') }}" class="md-source" data-md-source="{{ repo_type }}"&gt;</span>
+<span class="gd">-  {% if repo_type %}</span>
+<span class="gd">-    &lt;div class="md-source__icon"&gt;</span>
+<span class="gd">-      &lt;svg viewBox="0 0 24 24" width="24" height="24"&gt;</span>
+<span class="gd">-        &lt;use xlink:href="#__{{ repo_type }}" width="24" height="24"&gt;&lt;/use&gt;</span>
+<span class="gd">-      &lt;/svg&gt;</span>
+<span class="gd">-    &lt;/div&gt;</span>
+<span class="gd">-  {% endif %}</span>
+<span class="gi">+&lt;a href="{{ config.repo_url }}" title="{{ lang.t('source.link.title') }}" class="md-source"&gt;</span>
+<span class="gi">+  &lt;div class="md-source__icon md-icon"&gt;</span>
+<span class="gi">+    {% set icon = config.theme.icon.repo or "fontawesome/brands/git-alt" %}</span>
+<span class="gi">+    {% include ".icons/" ~ icon ~ ".svg" %}</span>
+<span class="gi">+  &lt;/div&gt;</span>
+   &lt;div class="md-source__repository"&gt;
+     {{ config.repo_name }}
+   &lt;/div&gt;
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialstabs-itemhtml"><code>partials/tabs-item.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -1,7 +1,7 @@</span>
+ {#-
+   This file was automatically generated - do not edit
+ -#}
+<span class="gd">-{% if nav_item.is_homepage %}</span>
+<span class="gi">+{% if nav_item.is_homepage or nav_item.url == "index.html" %}</span>
+   &lt;li class="md-tabs__item"&gt;
+     {% if not page.ancestors | length and nav | selectattr("url", page.url) %}
+       &lt;a href="{{ nav_item.url | url }}" class="md-tabs__link md-tabs__link--active"&gt;
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialstabshtml"><code>partials/tabs.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -5,7 +5,7 @@</span>
+ {% if page.ancestors | length &gt; 0 %}
+   {% set class = "md-tabs md-tabs--active" %}
+ {% endif %}
+<span class="gd">-&lt;nav class="{{ class }}" data-md-component="tabs"&gt;</span>
+<span class="gi">+&lt;nav class="{{ class }}" aria-label="{{ lang.t('tabs.title') }}" data-md-component="tabs"&gt;</span>
+   &lt;div class="md-tabs__inner md-grid"&gt;
+     &lt;ul class="md-tabs__list"&gt;
+       {% for nav_item in nav %}
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialstoc-itemhtml"><code>partials/toc-item.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -6,7 +6,7 @@</span>
+     {{ toc_item.title }}
+   &lt;/a&gt;
+   {% if toc_item.children %}
+<span class="gd">-    &lt;nav class="md-nav"&gt;</span>
+<span class="gi">+    &lt;nav class="md-nav" aria-label="{{ toc_item.title }}"&gt;</span>
+       &lt;ul class="md-nav__list"&gt;
+         {% for toc_item in toc_item.children %}
+           {% include "partials/toc-item.html" %}
+</code></pre>
+        </div>
+        <h5 id="upgrading/:partialstochtml"><code>partials/toc.html</code></h5>
+        <div class="highlight">
+          <pre><span></span><code><span class="gu">@@ -2,35 +2,22 @@</span>
+   This file was automatically generated - do not edit
+ -#}
+ {% import "partials/language.html" as lang with context %}
+<span class="gd">-&lt;nav class="md-nav md-nav--secondary"&gt;</span>
+<span class="gi">+&lt;nav class="md-nav md-nav--secondary" aria-label="{{ lang.t('toc.title') }}"&gt;</span>
+   {% endif %}
+   {% if toc | first is defined %}
+     &lt;label class="md-nav__title" for="__toc"&gt;
+<span class="gi">+      &lt;span class="md-nav__icon md-icon"&gt;</span>
+<span class="gi">+        {% include ".icons/material/arrow-left.svg" %}</span>
+<span class="gi">+      &lt;/span&gt;</span>
+       {{ lang.t("toc.title") }}
+     &lt;/label&gt;
+     &lt;ul class="md-nav__list" data-md-scrollfix&gt;
+       {% for toc_item in toc %}
+         {% include "partials/toc-item.html" %}
+       {% endfor %}
+<span class="gd">-      {% if page.meta.source and page.meta.source | length &gt; 0 %}</span>
+<span class="gd">-        &lt;li class="md-nav__item"&gt;</span>
+<span class="gd">-          &lt;a href="#__source" class="md-nav__link md-nav__link--active"&gt;</span>
+<span class="gd">-            {{ lang.t("meta.source") }}</span>
+<span class="gd">-          &lt;/a&gt;</span>
+<span class="gd">-        &lt;/li&gt;</span>
+<span class="gd">-      {% endif %}</span>
+<span class="gd">-      {% set disqus = config.extra.disqus %}</span>
+<span class="gd">-      {% if page and page.meta and page.meta.disqus is string %}</span>
+<span class="gd">-        {% set disqus = page.meta.disqus %}</span>
+<span class="gd">-      {% endif %}</span>
+<span class="gd">-      {% if not page.is_homepage and disqus %}</span>
+<span class="gd">-        &lt;li class="md-nav__item"&gt;</span>
+<span class="gd">-          &lt;a href="#__comments" class="md-nav__link md-nav__link--active"&gt;</span>
+<span class="gd">-            {{ lang.t("meta.comments") }}</span>
+<span class="gd">-          &lt;/a&gt;</span>
+<span class="gd">-        &lt;/li&gt;</span>
+<span class="gd">-      {% endif %}</span>
+     &lt;/ul&gt;
+   {% endif %}
+ &lt;/nav&gt;
+</code></pre>
+        </div>
+        <h3 id="upgrading/:upgrading-from-3x-to-4x"><span class="pdf-order">4.2.2 </span>Upgrading from 3.x to 4.x</h3>
+        <h4 id="upgrading/:whats-new_1">What's new?</h4>
+        <p>Material for MkDocs 4 fixes incorrect layout on Chinese systems. The fix includes a mandatory change of the
+          base font-size from <code>10px</code> to <code>20px</code> which means all <code>rem</code> values needed to
+          be updated. Within the theme, <code>px</code> to <code>rem</code> calculation is now encapsulated in a new
+          function called <code>px2rem</code> which is part of the SASS code base.</p>
+        <p>If you use Material for MkDocs with custom CSS that is based on <code>rem</code> values, note that those
+          values must now be divided by 2. Now, <code>1.0rem</code> doesn't map to <code>10px</code>, but
+          <code>20px</code>. To learn more about the problem and implications, please refer to <a
+            class="magiclink magiclink-github magiclink-issue"
+            href="https://github.com/squidfunk/mkdocs-material/issues/911"
+            title="GitHub Issue: squidfunk/mkdocs-material#911">#911</a> in which the problem was discovered and fixed.
+        </p>
+        <h4 id="upgrading/:changes-to-mkdocsyml_1">Changes to <code>mkdocs.yml</code></h4>
+        <p>None.</p>
+        <h4 id="upgrading/:changes-to-html-files_1">Changes to <code>*.html</code> files</h4>
+        <p>None.</p>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+    <section class="md-typeset" data-url="/deprecations/" id="deprecations/:">
+      <h2 id="deprecations/:deprecations"><span class="pdf-order">4.3 </span>Deprecations</h2>
+      <p>This page includes a list of deprecations, indicating which features of Material for MkDocs were replaced with
+        newer, more flexible alternatives, and thus should not be used anymore.</p>
+      <section class="md-typeset two-columns">
+        <h3 id="deprecations/:front-matter"><span class="pdf-order">4.3.1 </span>Front matter</h3>
+        <h4 id="deprecations/:redirect">Redirect</h4>
+        <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M2.75 2A1.75 1.75 0 001 3.75v3.5C1 8.216 1.784 9 2.75 9h18.5A1.75 1.75 0 0023 7.25v-3.5A1.75 1.75 0 0021.25 2H2.75zm18.5 1.5H2.75a.25.25 0 00-.25.25v3.5c0 .138.112.25.25.25h18.5a.25.25 0 00.25-.25v-3.5a.25.25 0 00-.25-.25z"
+                fill-rule="evenodd"></path>
+              <path
+                d="M2.75 10a.75.75 0 01.75.75v9.5c0 .138.112.25.25.25h16.5a.25.25 0 00.25-.25v-9.5a.75.75 0 011.5 0v9.5A1.75 1.75 0 0120.25 22H3.75A1.75 1.75 0 012 20.25v-9.5a.75.75 0 01.75-.75z">
+              </path>
+              <path d="M9.75 11.5a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-4.5z"></path>
+            </svg></span> Deprecated: 5.5.0 · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M16 1.75V3h5.25a.75.75 0 010 1.5H2.75a.75.75 0 010-1.5H8V1.75C8 .784 8.784 0 9.75 0h4.5C15.216 0 16 .784 16 1.75zm-6.5 0a.25.25 0 01.25-.25h4.5a.25.25 0 01.25.25V3h-5V1.75z"
+                fill-rule="evenodd"></path>
+              <path
+                d="M4.997 6.178a.75.75 0 10-1.493.144L4.916 20.92a1.75 1.75 0 001.742 1.58h10.684a1.75 1.75 0 001.742-1.581l1.413-14.597a.75.75 0 00-1.494-.144l-1.412 14.596a.25.25 0 01-.249.226H6.658a.25.25 0 01-.249-.226L4.997 6.178z">
+              </path>
+              <path
+                d="M9.206 7.501a.75.75 0 01.793.705l.5 8.5A.75.75 0 119 16.794l-.5-8.5a.75.75 0 01.705-.793zm6.293.793A.75.75 0 1014 8.206l-.5 8.5a.75.75 0 001.498.088l.5-8.5z">
+              </path>
+            </svg></span> Removal: 6.x</p>
+        <p>The <code>redirect</code> key, which could be added via <a
+            href="#reference/meta-tags/:metadata">Metadata</a>, allowed to specify a redirect from within a document to
+          a new address, which is a good idea when moving content around:</p>
+        <div class="highlight">
+          <pre><span></span><code>---
+redirect: /path/to/new/file
+---
+</code></pre>
+        </div>
+        <p>The <a href="https://github.com/datarobot/mkdocs-redirects">redirects</a> plugin provides the ability to
+          define redirect mappings via <code>mkdocs.yml</code>, which is considered to be a much better solution to
+          achieve the same result. It can be installed with <code>pip</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code>pip install mkdocs-redirects
+</code></pre>
+        </div>
+        <p>Redirect mappings can then be added to <code>mkdocs.yml</code>:</p>
+        <div class="highlight">
+          <pre><span></span><code><span class="nt">plugins</span><span class="p">:</span>
+  <span class="p p-Indicator">-</span> <span class="nt">redirects</span><span class="p">:</span>
+      <span class="nt">redirect_maps</span><span class="p">:</span>
+        <span class="nt">path/to/old/file.md</span><span class="p">:</span> <span class="l l-Scalar l-Scalar-Plain">path/to/new/file.md</span>
+</code></pre>
+        </div>
+        <h4 id="deprecations/:source-link">Source link</h4>
+        <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M2.75 2A1.75 1.75 0 001 3.75v3.5C1 8.216 1.784 9 2.75 9h18.5A1.75 1.75 0 0023 7.25v-3.5A1.75 1.75 0 0021.25 2H2.75zm18.5 1.5H2.75a.25.25 0 00-.25.25v3.5c0 .138.112.25.25.25h18.5a.25.25 0 00.25-.25v-3.5a.25.25 0 00-.25-.25z"
+                fill-rule="evenodd"></path>
+              <path
+                d="M2.75 10a.75.75 0 01.75.75v9.5c0 .138.112.25.25.25h16.5a.25.25 0 00.25-.25v-9.5a.75.75 0 011.5 0v9.5A1.75 1.75 0 0120.25 22H3.75A1.75 1.75 0 012 20.25v-9.5a.75.75 0 01.75-.75z">
+              </path>
+              <path d="M9.75 11.5a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-4.5z"></path>
+            </svg></span> Deprecated: 5.5.0 · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M16 1.75V3h5.25a.75.75 0 010 1.5H2.75a.75.75 0 010-1.5H8V1.75C8 .784 8.784 0 9.75 0h4.5C15.216 0 16 .784 16 1.75zm-6.5 0a.25.25 0 01.25-.25h4.5a.25.25 0 01.25.25V3h-5V1.75z"
+                fill-rule="evenodd"></path>
+              <path
+                d="M4.997 6.178a.75.75 0 10-1.493.144L4.916 20.92a1.75 1.75 0 001.742 1.58h10.684a1.75 1.75 0 001.742-1.581l1.413-14.597a.75.75 0 00-1.494-.144l-1.412 14.596a.25.25 0 01-.249.226H6.658a.25.25 0 01-.249-.226L4.997 6.178z">
+              </path>
+              <path
+                d="M9.206 7.501a.75.75 0 01.793.705l.5 8.5A.75.75 0 119 16.794l-.5-8.5a.75.75 0 01.705-.793zm6.293.793A.75.75 0 1014 8.206l-.5 8.5a.75.75 0 001.498.088l.5-8.5z">
+              </path>
+            </svg></span> Removal: 6.x</p>
+        <p>The <code>source</code> and <code>path</code> keys, which could be added via <a
+            href="#reference/meta-tags/:metadata">Metadata</a>, showed a source icon at the top right corner of a
+          document, linking a document to a single source file:</p>
+        <div class="highlight">
+          <pre><span></span><code>---
+path: tree/master/docs
+source: deprecations.md
+---
+</code></pre>
+        </div>
+        <p>Only a single source file could be linked, which is useless if a document refers to multiple files (or
+          multiple sections within a single file). A more flexible approach is to use the new <a
+            href="#setup/changing-the-logo-and-icons/:icons">icon integration</a>:</p>
+        <div class="highlight">
+          <pre><span></span><code>[:octicons-file-code-24: Source](https://github.com/squidfunk/mkdocs-material/blob/master/docs/deprecations.md)
+</code></pre>
+        </div>
+        <p>This will render as <a
+            href="https://github.com/squidfunk/mkdocs-material/blob/master/docs/deprecations.md"><span
+              class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3 3a2 2 0 012-2h9.982a2 2 0 011.414.586l4.018 4.018A2 2 0 0121 7.018V21a2 2 0 01-2 2H4.75a.75.75 0 010-1.5H19a.5.5 0 00.5-.5V8.5h-4a2 2 0 01-2-2v-4H5a.5.5 0 00-.5.5v6.25a.75.75 0 01-1.5 0V3zm12-.5v4a.5.5 0 00.5.5h4a.5.5 0 00-.146-.336l-4.018-4.018A.5.5 0 0015 2.5z"
+                  fill-rule="evenodd"></path>
+                <path
+                  d="M4.53 12.24a.75.75 0 01-.039 1.06l-2.639 2.45 2.64 2.45a.75.75 0 11-1.022 1.1l-3.23-3a.75.75 0 010-1.1l3.23-3a.75.75 0 011.06.04zm3.979 1.06a.75.75 0 111.02-1.1l3.231 3a.75.75 0 010 1.1l-3.23 3a.75.75 0 11-1.021-1.1l2.639-2.45-2.64-2.45z">
+                </path>
+              </svg></span> Source</a>, which can be included at arbitrary positions in any document.</p>
+        <h4 id="deprecations/:hero">Hero</h4>
+        <p><span class="twemoji"><svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M2.75 2A1.75 1.75 0 001 3.75v3.5C1 8.216 1.784 9 2.75 9h18.5A1.75 1.75 0 0023 7.25v-3.5A1.75 1.75 0 0021.25 2H2.75zm18.5 1.5H2.75a.25.25 0 00-.25.25v3.5c0 .138.112.25.25.25h18.5a.25.25 0 00.25-.25v-3.5a.25.25 0 00-.25-.25z"
+                fill-rule="evenodd"></path>
+              <path
+                d="M2.75 10a.75.75 0 01.75.75v9.5c0 .138.112.25.25.25h16.5a.25.25 0 00.25-.25v-9.5a.75.75 0 011.5 0v9.5A1.75 1.75 0 0120.25 22H3.75A1.75 1.75 0 012 20.25v-9.5a.75.75 0 01.75-.75z">
+              </path>
+              <path d="M9.75 11.5a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-4.5z"></path>
+            </svg></span> Deprecated: 5.5.0 · <span class="twemoji"><svg viewbox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg">
+              <path
+                d="M16 1.75V3h5.25a.75.75 0 010 1.5H2.75a.75.75 0 010-1.5H8V1.75C8 .784 8.784 0 9.75 0h4.5C15.216 0 16 .784 16 1.75zm-6.5 0a.25.25 0 01.25-.25h4.5a.25.25 0 01.25.25V3h-5V1.75z"
+                fill-rule="evenodd"></path>
+              <path
+                d="M4.997 6.178a.75.75 0 10-1.493.144L4.916 20.92a1.75 1.75 0 001.742 1.58h10.684a1.75 1.75 0 001.742-1.581l1.413-14.597a.75.75 0 00-1.494-.144l-1.412 14.596a.25.25 0 01-.249.226H6.658a.25.25 0 01-.249-.226L4.997 6.178z">
+              </path>
+              <path
+                d="M9.206 7.501a.75.75 0 01.793.705l.5 8.5A.75.75 0 119 16.794l-.5-8.5a.75.75 0 01.705-.793zm6.293.793A.75.75 0 1014 8.206l-.5 8.5a.75.75 0 001.498.088l.5-8.5z">
+              </path>
+            </svg></span> Removal: 6.x</p>
+        <p>The <code>hero</code> key, which could be added via <a href="#reference/meta-tags/:metadata">Metadata</a>,
+          allowed to render a simple, text-only and page-local teaser text as part of a document. It could be set from
+          front matter with:</p>
+        <div class="highlight">
+          <pre><span></span><code>---
+hero: Lorem ipsum dolor sit amet
+---
+</code></pre>
+        </div>
+        <p>The recommended way is to <a href="#customization/:overriding-blocks">override the <code>hero</code>
+            block</a> via <a href="#customization/:extending-the-theme">theme extension</a> for a specific page, which
+          has the nice side effect that hero templates can be shared among multiple pages:</p>
+        <div class="tabbed-set" data-tabs="1:2">
+          <div class="tabbed-content--wrap"><input checked="checked" id="deprecations/:__tabbed_1_1" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_1">Markdown</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>---
+template: overrides/hero.html
+---
+</code></pre>
+              </div>
+            </div>
+          </div>
+          <div class="tabbed-content--wrap"><input id="deprecations/:__tabbed_1_2" name="__tabbed_1"
+              type="radio" /><label for="__tabbed_1_2">Template</label>
+            <div class="tabbed-content">
+              <div class="highlight">
+                <pre><span></span><code>{% block hero %}
+  <span class="c">&lt;!-- Add custom hero here --&gt;</span>
+{% endblock %}
+</code></pre>
+              </div>
+            </div>
+          </div>
+        </div>
+        <footer class="tx-content__footer md-typeset"> <a href="#insiders/:" title="Material for MkDocs Insiders">
+            <hr /> <span class="twemoji"> <svg viewbox="0 0 89 89" xmlns="http://www.w3.org/2000/svg">
+                <path d="M3.136 17.387v42.932l42.932 21.467L3.136 17.387z"></path>
+                <path d="M21.91 8l42.933 64.398-18.775 9.388L3.136 17.387 21.91 8z" fill-opacity=".5"></path>
+                <path d="M67.535 17.387L40.273 35.543l21.878 32.818 5.384 2.691V17.387z"></path>
+                <path d="M67.535 17.387v53.666l18.774-9.388V8l-18.774 9.387z" fill-opacity=".25"></path>
+              </svg> </span> <span class="twemoji"> <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
+              </svg> </span> <span class="twemoji tx-heart"> <svg viewbox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M14 20.408c-.492.308-.903.546-1.192.709-.153.086-.308.17-.463.252h-.002a.75.75 0 01-.686 0 16.709 16.709 0 01-.465-.252 31.147 31.147 0 01-4.803-3.34C3.8 15.572 1 12.331 1 8.513 1 5.052 3.829 2.5 6.736 2.5 9.03 2.5 10.881 3.726 12 5.605 13.12 3.726 14.97 2.5 17.264 2.5 20.17 2.5 23 5.052 23 8.514c0 3.818-2.801 7.06-5.389 9.262A31.146 31.146 0 0114 20.408z">
+                </path>
+              </svg> </span>
+            <hr /> </a> </footer>
+      </section>
+    </section>
+  </article>
+  <!-- TARGET SCRIPT -->
+  <script src="material-polyfills.js"></script>
+</body>
+
+</html>
diff --git a/custum_style_src/material-polyfills/package-lock.json b/custum_style_src/material-polyfills/package-lock.json
index c7e5f11e..24d659ee 100644
--- a/custum_style_src/material-polyfills/package-lock.json
+++ b/custum_style_src/material-polyfills/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "material-polyfills",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -14,13 +14,13 @@
       }
     },
     "@babel/core": {
-      "version": "7.11.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.11.5.tgz",
-      "integrity": "sha512-fsEANVOcZHzrsV6dMVWqpSeXClq3lNbYrfFGme6DE25FQWe7pyeYpXyx9guqUnpy466JLzZ8z4uwSr2iv60V5Q==",
+      "version": "7.11.6",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.11.6.tgz",
+      "integrity": "sha512-Wpcv03AGnmkgm6uS6k8iwhIwTrcP0m17TL1n1sy7qD0qelDu4XNeW0dN0mHfa+Gei211yDaLoEe/VlbXQzM4Bg==",
       "dev": true,
       "requires": {
         "@babel/code-frame": "^7.10.4",
-        "@babel/generator": "^7.11.5",
+        "@babel/generator": "^7.11.6",
         "@babel/helper-module-transforms": "^7.11.0",
         "@babel/helpers": "^7.10.4",
         "@babel/parser": "^7.11.5",
@@ -34,41 +34,40 @@
         "lodash": "^4.17.19",
         "resolve": "^1.3.2",
         "semver": "^5.4.1",
-        "source-map": "^0.6.1"
+        "source-map": "^0.5.0"
       },
       "dependencies": {
-        "debug": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
-          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true
-        },
         "semver": {
           "version": "5.7.1",
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
           "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
           "dev": true
+        },
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
         }
       }
     },
     "@babel/generator": {
-      "version": "7.11.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.11.5.tgz",
-      "integrity": "sha512-9UqHWJ4IwRTy4l0o8gq2ef8ws8UPzvtMkVKjTLAiRmza9p9V6Z+OfuNd9fB1j5Q67F+dVJtPC2sZXI8NM9br4g==",
+      "version": "7.11.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.11.6.tgz",
+      "integrity": "sha512-DWtQ1PV3r+cLbySoHrwn9RWEgKMBLLma4OBQloPRyDYvc5msJM9kvTLo1YnlJd1P/ZuKbdli3ijr5q3FvAF3uA==",
       "dev": true,
       "requires": {
         "@babel/types": "^7.11.5",
         "jsesc": "^2.5.1",
-        "source-map": "^0.6.1"
+        "source-map": "^0.5.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.5.7",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+          "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+          "dev": true
+        }
       }
     },
     "@babel/helper-function-name": {
@@ -226,19 +225,10 @@
         "lodash": "^4.17.19"
       },
       "dependencies": {
-        "debug": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
-          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+        "globals": {
+          "version": "11.12.0",
+          "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+          "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
           "dev": true
         }
       }
@@ -254,6 +244,24 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@eslint/eslintrc": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.1.3.tgz",
+      "integrity": "sha512-4YVwPkANLeNtRjMekzux1ci8hIaH5eGKktGqR0d3LWsKNn5B2X/1Z6Trxy7jQXl9EBGE6Yj02O+t09FMeRllaA==",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.12.4",
+        "debug": "^4.1.1",
+        "espree": "^7.3.0",
+        "globals": "^12.1.0",
+        "ignore": "^4.0.6",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^3.13.1",
+        "lodash": "^4.17.19",
+        "minimatch": "^3.0.4",
+        "strip-json-comments": "^3.1.1"
+      }
+    },
     "@mdi/svg": {
       "version": "5.5.55",
       "resolved": "https://registry.npmjs.org/@mdi/svg/-/svg-5.5.55.tgz",
@@ -721,10 +729,26 @@
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
       "dev": true
     },
+    "accepts": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz",
+      "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==",
+      "dev": true,
+      "requires": {
+        "mime-types": "~2.1.24",
+        "negotiator": "0.6.2"
+      }
+    },
     "acorn": {
-      "version": "6.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz",
-      "integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==",
+      "version": "7.4.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.0.tgz",
+      "integrity": "sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==",
+      "dev": true
+    },
+    "acorn-jsx": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.1.tgz",
+      "integrity": "sha512-K0Ptm/47OKfQRpNQ2J/oIN/3QYiK6FwW+eJbILhsdxh2WTLdl+30o8aGdTbm5JbffpFFAg/g+zi1E+jvJha5ng==",
       "dev": true
     },
     "ajv": {
@@ -751,10 +775,22 @@
       "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
       "dev": true
     },
+    "ansi-colors": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.1.tgz",
+      "integrity": "sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==",
+      "dev": true
+    },
+    "ansi-html": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.7.tgz",
+      "integrity": "sha1-gTWEAhliqenm/QOflA0S9WynhZ4=",
+      "dev": true
+    },
     "ansi-regex": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
+      "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
       "dev": true
     },
     "ansi-styles": {
@@ -844,6 +880,12 @@
       "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
       "dev": true
     },
+    "array-flatten": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.2.tgz",
+      "integrity": "sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==",
+      "dev": true
+    },
     "array-union": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
@@ -925,17 +967,31 @@
       "dev": true
     },
     "astral-regex": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
-      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
+      "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
       "dev": true
     },
+    "async": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz",
+      "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.14"
+      }
+    },
     "async-each": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz",
       "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==",
-      "dev": true,
-      "optional": true
+      "dev": true
+    },
+    "async-limiter": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
+      "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
+      "dev": true
     },
     "async-throttle": {
       "version": "1.1.0",
@@ -1047,6 +1103,12 @@
       "integrity": "sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==",
       "dev": true
     },
+    "batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=",
+      "dev": true
+    },
     "big.js": {
       "version": "5.2.2",
       "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
@@ -1123,11 +1185,41 @@
             "pump": "^3.0.0"
           }
         },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
         "semver": {
           "version": "5.7.1",
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
           "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
           "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
         }
       }
     },
@@ -1278,16 +1370,6 @@
       "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==",
       "dev": true
     },
-    "bindings": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
-      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "file-uri-to-path": "1.0.0"
-      }
-    },
     "bl": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/bl/-/bl-4.0.3.tgz",
@@ -1311,6 +1393,61 @@
       "integrity": "sha512-GkTiFpjFtUzU9CbMeJ5iazkCzGL3jrhzerzZIuqLABjbwRaFt33I9tUdSNryIptM+RxDet6OKm2WnLXzW51KsQ==",
       "dev": true
     },
+    "body-parser": {
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz",
+      "integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==",
+      "dev": true,
+      "requires": {
+        "bytes": "3.1.0",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
+        "on-finished": "~2.3.0",
+        "qs": "6.7.0",
+        "raw-body": "2.4.0",
+        "type-is": "~1.6.17"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
+          "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==",
+          "dev": true
+        },
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
+    "bonjour": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz",
+      "integrity": "sha1-jokKGD2O6aI5OzhExpGkK897yfU=",
+      "dev": true,
+      "requires": {
+        "array-flatten": "^2.1.0",
+        "deep-equal": "^1.0.1",
+        "dns-equal": "^1.0.0",
+        "dns-txt": "^2.0.2",
+        "multicast-dns": "^6.0.1",
+        "multicast-dns-service-types": "^1.1.0"
+      }
+    },
     "boolbase": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
@@ -1444,15 +1581,15 @@
       }
     },
     "browserslist": {
-      "version": "4.14.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.0.tgz",
-      "integrity": "sha512-pUsXKAF2lVwhmtpeA3LJrZ76jXuusrNyhduuQs7CDFf9foT4Y38aQOserd2lMe5DSSrjf3fx34oHwryuvxAUgQ==",
+      "version": "4.14.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.2.tgz",
+      "integrity": "sha512-HI4lPveGKUR0x2StIz+2FXfDk9SfVMrxn6PLh1JeGUwcuoDkdKZebWiyLRJ68iIPDpMI4JLVDf7S7XzslgWOhw==",
       "dev": true,
       "requires": {
-        "caniuse-lite": "^1.0.30001111",
-        "electron-to-chromium": "^1.3.523",
+        "caniuse-lite": "^1.0.30001125",
+        "electron-to-chromium": "^1.3.564",
         "escalade": "^3.0.2",
-        "node-releases": "^1.1.60"
+        "node-releases": "^1.1.61"
       }
     },
     "buffer": {
@@ -1499,6 +1636,12 @@
       "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==",
       "dev": true
     },
+    "buffer-indexof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/buffer-indexof/-/buffer-indexof-1.1.1.tgz",
+      "integrity": "sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==",
+      "dev": true
+    },
     "buffer-xor": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
@@ -1511,6 +1654,12 @@
       "integrity": "sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=",
       "dev": true
     },
+    "bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
+      "dev": true
+    },
     "cacache": {
       "version": "12.0.4",
       "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.4.tgz",
@@ -1613,6 +1762,14 @@
       "dev": true,
       "requires": {
         "callsites": "^2.0.0"
+      },
+      "dependencies": {
+        "callsites": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+          "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=",
+          "dev": true
+        }
       }
     },
     "caller-path": {
@@ -1625,9 +1782,9 @@
       }
     },
     "callsites": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
-      "integrity": "sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "dev": true
     },
     "camelcase": {
@@ -1655,9 +1812,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001123",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001123.tgz",
-      "integrity": "sha512-03dJDoa4YC4332jq0rqwiM+Hw6tA5RJtrnZKvOQy7ASoIUv8CinkcmGhYpCvCjedvkBQrrKnkcELxrUSW/XwNQ==",
+      "version": "1.0.30001125",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001125.tgz",
+      "integrity": "sha512-9f+r7BW8Qli917mU3j0fUaTweT3f3vnX/Lcs+1C73V+RADmFme+Ih0Br8vONQi3X0lseOe6ZHfsZLCA8MSjxUA==",
       "dev": true
     },
     "caw": {
@@ -1758,15 +1915,6 @@
             "to-regex-range": "^5.0.1"
           }
         },
-        "glob-parent": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
-          "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
-          "dev": true,
-          "requires": {
-            "is-glob": "^4.0.1"
-          }
-        },
         "is-number": {
           "version": "7.0.0",
           "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -1857,29 +2005,6 @@
           "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
           "dev": true
         },
-        "emoji-regex": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-          "dev": true
-        },
-        "string-width": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
-          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
-          "dev": true,
-          "requires": {
-            "emoji-regex": "^7.0.1",
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^5.1.0"
-          }
-        },
         "strip-ansi": {
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
@@ -1975,6 +2100,53 @@
       "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==",
       "dev": true
     },
+    "compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "requires": {
+        "mime-db": ">= 1.43.0 < 2"
+      }
+    },
+    "compression": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.5",
+        "bytes": "3.0.0",
+        "compressible": "~2.0.16",
+        "debug": "2.6.9",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.1.2",
+        "vary": "~1.1.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        }
+      }
+    },
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -2035,6 +2207,12 @@
         "proto-list": "~1.2.1"
       }
     },
+    "connect-history-api-fallback": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz",
+      "integrity": "sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==",
+      "dev": true
+    },
     "console-browserify": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
@@ -2070,6 +2248,12 @@
         }
       }
     },
+    "content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==",
+      "dev": true
+    },
     "convert-source-map": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz",
@@ -2087,6 +2271,18 @@
         }
       }
     },
+    "cookie": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz",
+      "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==",
+      "dev": true
+    },
+    "cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
+      "dev": true
+    },
     "copy-concurrently": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/copy-concurrently/-/copy-concurrently-1.0.5.tgz",
@@ -2131,26 +2327,35 @@
       "dev": true
     },
     "cosmiconfig": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
-      "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
+      "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
       "dev": true,
       "requires": {
-        "import-fresh": "^2.0.0",
-        "is-directory": "^0.3.1",
-        "js-yaml": "^3.13.1",
-        "parse-json": "^4.0.0"
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
       },
       "dependencies": {
         "parse-json": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
-          "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz",
+          "integrity": "sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==",
           "dev": true,
           "requires": {
+            "@babel/code-frame": "^7.0.0",
             "error-ex": "^1.3.1",
-            "json-parse-better-errors": "^1.0.1"
+            "json-parse-even-better-errors": "^2.3.0",
+            "lines-and-columns": "^1.1.6"
           }
+        },
+        "path-type": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+          "dev": true
         }
       }
     },
@@ -2200,14 +2405,14 @@
       }
     },
     "cross-spawn": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
-      "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
       "dev": true,
       "requires": {
-        "lru-cache": "^4.0.1",
-        "shebang-command": "^1.2.0",
-        "which": "^1.2.9"
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
       }
     },
     "crypto-browserify": {
@@ -2332,12 +2537,12 @@
       "dev": true
     },
     "debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
+      "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
       "dev": true,
       "requires": {
-        "ms": "2.0.0"
+        "ms": "^2.1.1"
       }
     },
     "decamelize": {
@@ -2490,47 +2695,152 @@
         }
       }
     },
-    "define-properties": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
-      "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
+    "deep-equal": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.1.tgz",
+      "integrity": "sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==",
       "dev": true,
       "requires": {
-        "object-keys": "^1.0.12"
+        "is-arguments": "^1.0.4",
+        "is-date-object": "^1.0.1",
+        "is-regex": "^1.0.4",
+        "object-is": "^1.0.1",
+        "object-keys": "^1.1.1",
+        "regexp.prototype.flags": "^1.2.0"
       }
     },
-    "define-property": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
-      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+    "deep-is": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
+      "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
+      "dev": true
+    },
+    "default-gateway": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-4.2.0.tgz",
+      "integrity": "sha512-h6sMrVB1VMWVrW13mSc6ia/DwYYw5MN6+exNu1OaJeFac5aSAvwM7lZ0NVfTABuSkQelr4h5oebg3KB1XPdjgA==",
       "dev": true,
       "requires": {
-        "is-descriptor": "^1.0.2",
-        "isobject": "^3.0.1"
+        "execa": "^1.0.0",
+        "ip-regex": "^2.1.0"
       },
       "dependencies": {
-        "is-accessor-descriptor": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
-          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
           "dev": true,
           "requires": {
-            "kind-of": "^6.0.0"
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
           }
         },
-        "is-data-descriptor": {
+        "execa": {
           "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
-          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+          "resolved": "https://registry.npmjs.org/execa/-/execa-1.0.0.tgz",
+          "integrity": "sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==",
           "dev": true,
           "requires": {
-            "kind-of": "^6.0.0"
-          }
-        },
-        "is-descriptor": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
-          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
+            "cross-spawn": "^6.0.0",
+            "get-stream": "^4.0.0",
+            "is-stream": "^1.1.0",
+            "npm-run-path": "^2.0.0",
+            "p-finally": "^1.0.0",
+            "signal-exit": "^3.0.0",
+            "strip-eof": "^1.0.0"
+          }
+        },
+        "get-stream": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
+          "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==",
+          "dev": true,
+          "requires": {
+            "pump": "^3.0.0"
+          }
+        },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
+        "semver": {
+          "version": "5.7.1",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
+          "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
+    "define-properties": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
+      "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==",
+      "dev": true,
+      "requires": {
+        "object-keys": "^1.0.12"
+      }
+    },
+    "define-property": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+      "dev": true,
+      "requires": {
+        "is-descriptor": "^1.0.2",
+        "isobject": "^3.0.1"
+      },
+      "dependencies": {
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz",
+          "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==",
           "dev": true,
           "requires": {
             "is-accessor-descriptor": "^1.0.0",
@@ -2540,6 +2850,59 @@
         }
       }
     },
+    "del": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/del/-/del-4.1.1.tgz",
+      "integrity": "sha512-QwGuEUouP2kVwQenAsOof5Fv8K9t3D8Ca8NxcXKrIpEHjTXK5J2nXLdP+ALI1cgv8wj7KuwBhTwBkOZSJKM5XQ==",
+      "dev": true,
+      "requires": {
+        "@types/glob": "^7.1.1",
+        "globby": "^6.1.0",
+        "is-path-cwd": "^2.0.0",
+        "is-path-in-cwd": "^2.0.0",
+        "p-map": "^2.0.0",
+        "pify": "^4.0.1",
+        "rimraf": "^2.6.3"
+      },
+      "dependencies": {
+        "globby": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+          "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=",
+          "dev": true,
+          "requires": {
+            "array-union": "^1.0.1",
+            "glob": "^7.0.3",
+            "object-assign": "^4.0.1",
+            "pify": "^2.0.0",
+            "pinkie-promise": "^2.0.0"
+          },
+          "dependencies": {
+            "pify": {
+              "version": "2.3.0",
+              "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+              "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+              "dev": true
+            }
+          }
+        },
+        "rimraf": {
+          "version": "2.7.1",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+          "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=",
+      "dev": true
+    },
     "des.js": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz",
@@ -2550,12 +2913,24 @@
         "minimalistic-assert": "^1.0.0"
       }
     },
+    "destroy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
+      "dev": true
+    },
     "detect-file": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
       "integrity": "sha1-8NZtA2cqglyxtzvbP+YjEMjlUrc=",
       "dev": true
     },
+    "detect-node": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.0.4.tgz",
+      "integrity": "sha512-ZIzRpLJrOj7jjP2miAtgqIfmzbxa4ZOr5jJc601zklsfEx9oTzmmj2nVpIPRpNlRTIh8lc1kyViIY7BWSGNmKw==",
+      "dev": true
+    },
     "diff": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
@@ -2591,6 +2966,40 @@
         "path-type": "^3.0.0"
       }
     },
+    "dns-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz",
+      "integrity": "sha1-s55/HabrCnW6nBcySzR1PEfgZU0=",
+      "dev": true
+    },
+    "dns-packet": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-1.3.1.tgz",
+      "integrity": "sha512-0UxfQkMhYAUaZI+xrNZOz/as5KgDU0M/fQ9b6SpkyLbk3GEswDi6PADJVaYJradtRVsRIlF1zLyOodbcTCDzUg==",
+      "dev": true,
+      "requires": {
+        "ip": "^1.1.0",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "dns-txt": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/dns-txt/-/dns-txt-2.0.2.tgz",
+      "integrity": "sha1-uR2Ab10nGI5Ks+fRB9iBocxGQrY=",
+      "dev": true,
+      "requires": {
+        "buffer-indexof": "^1.0.0"
+      }
+    },
+    "doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "requires": {
+        "esutils": "^2.0.2"
+      }
+    },
     "dom-serializer": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
@@ -2641,9 +3050,9 @@
       }
     },
     "dot-prop": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.2.0.tgz",
-      "integrity": "sha512-uEUyaDKoSQ1M4Oq8l45hSE26SnTxL6snNnqvK/VWx5wJhmff5z0FUVJDKDanor/6w3kzE3i7XZOk+7wC0EXr1A==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
+      "integrity": "sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==",
       "dev": true,
       "requires": {
         "is-obj": "^2.0.0"
@@ -2732,10 +3141,16 @@
         }
       }
     },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
+      "dev": true
+    },
     "electron-to-chromium": {
-      "version": "1.3.560",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.560.tgz",
-      "integrity": "sha512-0cEFfOA3sNXfSxo0FIClBhrLVSe/QO9LBiqmmYPm3N/IYyt41NRTa2EhvOMWAOKpjd91t/rq062yhnJzfVMKkQ==",
+      "version": "1.3.567",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.567.tgz",
+      "integrity": "sha512-1aKkw0Hha1Bw9JA5K5PT5eFXC/TXbkJvUfNSNEciPUMgSIsRJZM1hF2GUEAGZpAbgvd8En21EA+Lv820KOhvqA==",
       "dev": true
     },
     "elliptic": {
@@ -2762,9 +3177,9 @@
       }
     },
     "emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+      "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
       "dev": true
     },
     "emojis-list": {
@@ -2773,6 +3188,12 @@
       "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
       "dev": true
     },
+    "encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=",
+      "dev": true
+    },
     "end-of-stream": {
       "version": "1.4.4",
       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
@@ -2793,6 +3214,15 @@
         "tapable": "^1.0.0"
       }
     },
+    "enquirer": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
+      "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
+      "dev": true,
+      "requires": {
+        "ansi-colors": "^4.1.1"
+      }
+    },
     "entities": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.3.tgz",
@@ -2853,28 +3283,192 @@
       "integrity": "sha512-gPYAU37hYCUhW5euPeR+Y74F7BL+IBsV93j5cvGriSaD1aG6MGsqsV1yamRdrWrb2j3aiZvb0X+UBOWpx3JWtQ==",
       "dev": true
     },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=",
+      "dev": true
+    },
     "escape-string-regexp": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
       "dev": true
     },
+    "eslint": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.8.1.tgz",
+      "integrity": "sha512-/2rX2pfhyUG0y+A123d0ccXtMm7DV7sH1m3lk9nk2DZ2LReq39FXHueR9xZwshE5MdfSf0xunSaMWRqyIA6M1w==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.0.0",
+        "@eslint/eslintrc": "^0.1.3",
+        "ajv": "^6.10.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.0.1",
+        "doctrine": "^3.0.0",
+        "enquirer": "^2.3.5",
+        "eslint-scope": "^5.1.0",
+        "eslint-utils": "^2.1.0",
+        "eslint-visitor-keys": "^1.3.0",
+        "espree": "^7.3.0",
+        "esquery": "^1.2.0",
+        "esutils": "^2.0.2",
+        "file-entry-cache": "^5.0.1",
+        "functional-red-black-tree": "^1.0.1",
+        "glob-parent": "^5.0.0",
+        "globals": "^12.1.0",
+        "ignore": "^4.0.6",
+        "import-fresh": "^3.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "js-yaml": "^3.13.1",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash": "^4.17.19",
+        "minimatch": "^3.0.4",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.1",
+        "progress": "^2.0.0",
+        "regexpp": "^3.1.0",
+        "semver": "^7.2.1",
+        "strip-ansi": "^6.0.0",
+        "strip-json-comments": "^3.1.0",
+        "table": "^5.2.3",
+        "text-table": "^0.2.0",
+        "v8-compile-cache": "^2.0.3"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
+          "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
+          "dev": true,
+          "requires": {
+            "@types/color-name": "^1.1.1",
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
+          "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "eslint-config-prettier": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz",
+      "integrity": "sha512-oB8cpLWSAjOVFEJhhyMZh6NOEOtBVziaqdDQ86+qhDHFbZXoRTM7pNSvFRfW/W/L/LrQ38C99J5CGuRBBzBsdA==",
+      "dev": true,
+      "requires": {
+        "get-stdin": "^6.0.0"
+      }
+    },
+    "eslint-plugin-prettier": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.4.tgz",
+      "integrity": "sha512-jZDa8z76klRqo+TdGDTFJSavwbnWK2ZpqGKNZ+VvweMW516pDUMmQ2koXvxEE4JhzNvTv+radye/bWGBmA6jmg==",
+      "dev": true,
+      "requires": {
+        "prettier-linter-helpers": "^1.0.0"
+      }
+    },
     "eslint-scope": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.3.tgz",
-      "integrity": "sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.0.tgz",
+      "integrity": "sha512-iiGRvtxWqgtx5m8EyQUJihBloE4EnYeGE/bz1wSPwJE6tZuJUtHlhqDM4Xj2ukE8Dyy1+HCZ4hE0fzIVMzb58w==",
       "dev": true,
       "requires": {
         "esrecurse": "^4.1.0",
         "estraverse": "^4.1.1"
       }
     },
+    "eslint-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
+      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+      "dev": true,
+      "requires": {
+        "eslint-visitor-keys": "^1.1.0"
+      }
+    },
+    "eslint-visitor-keys": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+      "dev": true
+    },
+    "espree": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.0.tgz",
+      "integrity": "sha512-dksIWsvKCixn1yrEXO8UosNSxaDoSYpq9reEjZSbHLpT5hpaCAKTLBwq0RHtLrIr+c0ByiYzWT8KTMRzoRCNlw==",
+      "dev": true,
+      "requires": {
+        "acorn": "^7.4.0",
+        "acorn-jsx": "^5.2.0",
+        "eslint-visitor-keys": "^1.3.0"
+      }
+    },
     "esprima": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
       "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
       "dev": true
     },
+    "esquery": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.3.1.tgz",
+      "integrity": "sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==",
+      "dev": true,
+      "requires": {
+        "estraverse": "^5.1.0"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz",
+          "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==",
+          "dev": true
+        }
+      }
+    },
     "esrecurse": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
@@ -2898,13 +3492,40 @@
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
       "dev": true
     },
-    "events": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.2.0.tgz",
-      "integrity": "sha512-/46HWwbfCX2xTawVfkKLGxMifJYQBWMwY1mjywRtb4c9x8l5NP3KoJtnIOiL1hfdRkIuYhETxQlo62IF8tcnlg==",
+    "esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true
     },
-    "evp_bytestokey": {
+    "etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
+      "dev": true
+    },
+    "eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true
+    },
+    "events": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.2.0.tgz",
+      "integrity": "sha512-/46HWwbfCX2xTawVfkKLGxMifJYQBWMwY1mjywRtb4c9x8l5NP3KoJtnIOiL1hfdRkIuYhETxQlo62IF8tcnlg==",
+      "dev": true
+    },
+    "eventsource": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/eventsource/-/eventsource-1.0.7.tgz",
+      "integrity": "sha512-4Ln17+vVT0k8aWq+t/bF5arcS3EpT9gYtW66EPacdj/mAFevznsnyoHLPy2BA8gbIQeIHoPsvwmfBftfcG//BQ==",
+      "dev": true,
+      "requires": {
+        "original": "^1.0.0"
+      }
+    },
+    "evp_bytestokey": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
       "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
@@ -2957,6 +3578,43 @@
         "p-finally": "^1.0.0",
         "signal-exit": "^3.0.0",
         "strip-eof": "^1.0.0"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-5.1.0.tgz",
+          "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=",
+          "dev": true,
+          "requires": {
+            "lru-cache": "^4.0.1",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
       }
     },
     "execall": {
@@ -3000,6 +3658,15 @@
         "to-regex": "^3.0.1"
       },
       "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
         "define-property": {
           "version": "0.2.5",
           "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
@@ -3017,6 +3684,12 @@
           "requires": {
             "is-extendable": "^0.1.0"
           }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
         }
       }
     },
@@ -3039,6 +3712,73 @@
         "schema-utils": "^2.6.6"
       }
     },
+    "express": {
+      "version": "4.17.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz",
+      "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.7",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.19.0",
+        "content-disposition": "0.5.3",
+        "content-type": "~1.0.4",
+        "cookie": "0.4.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.1.2",
+        "fresh": "0.5.2",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.5",
+        "qs": "6.7.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.1.2",
+        "send": "0.17.1",
+        "serve-static": "1.14.1",
+        "setprototypeof": "1.1.1",
+        "statuses": "~1.5.0",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "dependencies": {
+        "array-flatten": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+          "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
+          "dev": true
+        },
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        }
+      }
+    },
     "ext-list": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/ext-list/-/ext-list-2.2.2.tgz",
@@ -3156,6 +3896,12 @@
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
       "dev": true
     },
+    "fast-diff": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
+      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==",
+      "dev": true
+    },
     "fast-glob": {
       "version": "2.2.7",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.7.tgz",
@@ -3168,6 +3914,29 @@
         "is-glob": "^4.0.0",
         "merge2": "^1.2.3",
         "micromatch": "^3.1.10"
+      },
+      "dependencies": {
+        "glob-parent": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+          "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+          "dev": true,
+          "requires": {
+            "is-glob": "^3.1.0",
+            "path-dirname": "^1.0.0"
+          },
+          "dependencies": {
+            "is-glob": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+              "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+              "dev": true,
+              "requires": {
+                "is-extglob": "^2.1.0"
+              }
+            }
+          }
+        }
       }
     },
     "fast-json-stable-stringify": {
@@ -3176,6 +3945,12 @@
       "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
       "dev": true
     },
+    "fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+      "dev": true
+    },
     "fastest-levenshtein": {
       "version": "1.0.12",
       "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.12.tgz",
@@ -3191,6 +3966,15 @@
         "reusify": "^1.0.4"
       }
     },
+    "faye-websocket": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.10.0.tgz",
+      "integrity": "sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=",
+      "dev": true,
+      "requires": {
+        "websocket-driver": ">=0.5.1"
+      }
+    },
     "fd-slicer": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
@@ -3231,13 +4015,6 @@
       "integrity": "sha512-uzk64HRpUZyTGZtVuvrjP0FYxzQrBf4rojot6J65YMEbwBLB0CWm0CLojVpwpmFmxcE/lkvYICgfcGozbBq6rw==",
       "dev": true
     },
-    "file-uri-to-path": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
-      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
-      "dev": true,
-      "optional": true
-    },
     "filename-reserved-regex": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/filename-reserved-regex/-/filename-reserved-regex-2.0.0.tgz",
@@ -3278,6 +4055,38 @@
         }
       }
     },
+    "finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.2.tgz",
+      "integrity": "sha512-aAWcW57uxVNrQZqFXjITpW3sIUQmHGG3qSb9mUah9MgMC4NeWhNOlNjXEYq3HjRAvL6arUviZGGJsBg6z0zsWA==",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        }
+      }
+    },
     "find-cache-dir": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
@@ -3408,12 +4217,24 @@
         }
       }
     },
+    "follow-redirects": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.0.tgz",
+      "integrity": "sha512-aq6gF1BEKje4a9i9+5jimNFIpq4Q1WiwBToeRK5NvZBd/TRsmW8BsJfOEGkr76TbOyPVD3OVDN910EcUNtRYEA==",
+      "dev": true
+    },
     "for-in": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
       "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=",
       "dev": true
     },
+    "forwarded": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
+      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=",
+      "dev": true
+    },
     "fragment-cache": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
@@ -3423,6 +4244,12 @@
         "map-cache": "^0.2.2"
       }
     },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
+      "dev": true
+    },
     "from2": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
@@ -3534,6 +4361,12 @@
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
       "dev": true
     },
+    "functional-red-black-tree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+      "dev": true
+    },
     "gensync": {
       "version": "1.0.0-beta.1",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.1.tgz",
@@ -3556,9 +4389,9 @@
       }
     },
     "get-stdin": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
-      "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz",
+      "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==",
       "dev": true
     },
     "get-stream": {
@@ -3622,11 +4455,41 @@
             "pump": "^3.0.0"
           }
         },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
         "semver": {
           "version": "5.7.1",
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
           "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
           "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
         }
       }
     },
@@ -3645,24 +4508,12 @@
       }
     },
     "glob-parent": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
-      "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
+      "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
       "dev": true,
       "requires": {
-        "is-glob": "^3.1.0",
-        "path-dirname": "^1.0.0"
-      },
-      "dependencies": {
-        "is-glob": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
-          "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
-          "dev": true,
-          "requires": {
-            "is-extglob": "^2.1.0"
-          }
-        }
+        "is-glob": "^4.0.1"
       }
     },
     "glob-to-regexp": {
@@ -3689,13 +4540,27 @@
         "ini": "^1.3.5",
         "kind-of": "^6.0.2",
         "which": "^1.3.1"
+      },
+      "dependencies": {
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
       }
     },
     "globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "dev": true
+      "version": "12.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz",
+      "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==",
+      "dev": true,
+      "requires": {
+        "type-fest": "^0.8.1"
+      }
     },
     "globby": {
       "version": "8.0.2",
@@ -3712,6 +4577,12 @@
         "slash": "^1.0.0"
       },
       "dependencies": {
+        "ignore": {
+          "version": "3.3.10",
+          "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.10.tgz",
+          "integrity": "sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==",
+          "dev": true
+        },
         "pify": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
@@ -3763,6 +4634,12 @@
       "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==",
       "dev": true
     },
+    "handle-thing": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+      "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+      "dev": true
+    },
     "hard-rejection": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
@@ -3785,6 +4662,14 @@
       "dev": true,
       "requires": {
         "ansi-regex": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        }
       }
     },
     "has-flag": {
@@ -3893,12 +4778,62 @@
       "integrity": "sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==",
       "dev": true
     },
+    "hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha1-h3dMCUnlE/QuhFdbPEVoH63ioLI=",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "2.3.7",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
+      }
+    },
     "html-comment-regex": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/html-comment-regex/-/html-comment-regex-1.1.2.tgz",
       "integrity": "sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ==",
       "dev": true
     },
+    "html-entities": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.3.1.tgz",
+      "integrity": "sha512-rhE/4Z3hIhzHAUKbW8jVcCyuT5oJCXXqhN/6mXXVCpzTmvJnoH2HL/bt3EZ6p55jbFJBeAe1ZNpL5BugLujxNA==",
+      "dev": true
+    },
     "html-tags": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.1.0.tgz",
@@ -3933,12 +4868,71 @@
       "integrity": "sha512-5ai2iksyV8ZXmnZhHH4rWPoxxistEexSi5936zIQ1bnNTW5VnA85B6P/VpXiRM017IgRvb2kKo1a//y+0wSp3w==",
       "dev": true
     },
+    "http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha1-+nFolEq5pRnTN8sL7HKE3D5yPYc=",
+      "dev": true
+    },
+    "http-errors": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz",
+      "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==",
+      "dev": true,
+      "requires": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.1",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.0"
+      },
+      "dependencies": {
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        }
+      }
+    },
+    "http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "requires": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "http-proxy-middleware": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-0.19.1.tgz",
+      "integrity": "sha512-yHYTgWMQO8VvwNS22eLLloAkvungsKdKTLO8AJlftYIKNfJr3GK3zK0ZCfzDDGUBttdGc8xFy1mCitvNKQtC3Q==",
+      "dev": true,
+      "requires": {
+        "http-proxy": "^1.17.0",
+        "is-glob": "^4.0.0",
+        "lodash": "^4.17.11",
+        "micromatch": "^3.1.10"
+      }
+    },
     "https-browserify": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
       "integrity": "sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=",
       "dev": true
     },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
     "icss-utils": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-4.1.1.tgz",
@@ -3961,9 +4955,9 @@
       "dev": true
     },
     "ignore": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.10.tgz",
-      "integrity": "sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==",
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
       "dev": true
     },
     "imagemin": {
@@ -4053,11 +5047,41 @@
             "strip-eof": "^1.0.0"
           }
         },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
         "semver": {
           "version": "5.7.1",
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
           "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
           "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
         }
       }
     },
@@ -4098,13 +5122,13 @@
       }
     },
     "import-fresh": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
-      "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
+      "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
       "dev": true,
       "requires": {
-        "caller-path": "^2.0.0",
-        "resolve-from": "^3.0.0"
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
       }
     },
     "import-lazy": {
@@ -4172,8 +5196,18 @@
       "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
       "dev": true
     },
-    "interpret": {
-      "version": "1.4.0",
+    "internal-ip": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-4.3.0.tgz",
+      "integrity": "sha512-S1zBo1D6zcsyuC6PMmY5+55YMILQ9av8lotMx447Bq6SAgo/sDK6y6uUKmuYhW7eacnIhFfsPmCNYdDzsnnDCg==",
+      "dev": true,
+      "requires": {
+        "default-gateway": "^4.2.0",
+        "ipaddr.js": "^1.9.0"
+      }
+    },
+    "interpret": {
+      "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.4.0.tgz",
       "integrity": "sha512-agE4QfB2Lkp9uICn7BAqoscw4SZP9kTE2hxiFI3jBPmXJfdqiahTbUuKGsMoN2GtqL9AxhYioAcVvgsb1HvRbA==",
       "dev": true
@@ -4188,6 +5222,30 @@
         "p-is-promise": "^1.1.0"
       }
     },
+    "ip": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz",
+      "integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=",
+      "dev": true
+    },
+    "ip-regex": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-2.1.0.tgz",
+      "integrity": "sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=",
+      "dev": true
+    },
+    "ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "dev": true
+    },
+    "is-absolute-url": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
+      "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==",
+      "dev": true
+    },
     "is-accessor-descriptor": {
       "version": "0.1.6",
       "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz",
@@ -4230,6 +5288,12 @@
         "is-decimal": "^1.0.0"
       }
     },
+    "is-arguments": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.0.4.tgz",
+      "integrity": "sha512-xPh0Rmt8NE65sNzvyUmWgI1tz3mKq74lGA0mL8LYZcoIzKOzDh6HmrYm3d18k60nHerC8A9Km8kYu87zfSFnLA==",
+      "dev": true
+    },
     "is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
@@ -4252,9 +5316,9 @@
       "dev": true
     },
     "is-callable": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.0.tgz",
-      "integrity": "sha512-pyVD9AaGLxtg6srb2Ng6ynWJqkHU9bEM087AKck0w8QwDarTfNcpIYoU8x8Hv2Icm8u6kFJM18Dag8lyqGkviw==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.1.tgz",
+      "integrity": "sha512-wliAfSzx6V+6WfMOmus1xy0XvSgf/dlStkvTfq7F0g4bOIW0PSUbnyse3NhDwdyYS1ozfUtAAySqTws3z9Eqgg==",
       "dev": true
     },
     "is-data-descriptor": {
@@ -4333,9 +5397,9 @@
       "dev": true
     },
     "is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
       "dev": true
     },
     "is-gif": {
@@ -4374,6 +5438,12 @@
       "integrity": "sha1-q5124dtM7VHjXeDHLr7PCfc0zeg=",
       "dev": true
     },
+    "is-negative-zero": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.0.tgz",
+      "integrity": "sha1-lVOxIbD6wohp2p7UWeIMdUN4hGE=",
+      "dev": true
+    },
     "is-number": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
@@ -4406,6 +5476,30 @@
       "integrity": "sha1-iVJojF7C/9awPsyF52ngKQMINHA=",
       "dev": true
     },
+    "is-path-cwd": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
+      "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==",
+      "dev": true
+    },
+    "is-path-in-cwd": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-path-in-cwd/-/is-path-in-cwd-2.1.0.tgz",
+      "integrity": "sha512-rNocXHgipO+rvnP6dk3zI20RpOtrAM/kzbB258Uw5BWr3TpXi861yzjo16Dn4hUox07iw5AyeMLHWsujkjzvRQ==",
+      "dev": true,
+      "requires": {
+        "is-path-inside": "^2.1.0"
+      }
+    },
+    "is-path-inside": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-2.1.0.tgz",
+      "integrity": "sha512-wiyhTzfDWsvwAW53OBWF5zuvaOGlZ6PwYxAbPVDhpm+gM09xKQGjBq/8uYN12aDvMxnAnq3dxTyoSoRNmg5YFg==",
+      "dev": true,
+      "requires": {
+        "path-is-inside": "^1.0.2"
+      }
+    },
     "is-plain-obj": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
@@ -4599,6 +5693,18 @@
       "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
       "dev": true
     },
+    "json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
+    },
+    "json3": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.3.tgz",
+      "integrity": "sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==",
+      "dev": true
+    },
     "json5": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.1.3.tgz",
@@ -4617,6 +5723,12 @@
         "json-buffer": "3.0.0"
       }
     },
+    "killable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/killable/-/killable-1.0.1.tgz",
+      "integrity": "sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg==",
+      "dev": true
+    },
     "kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -4641,6 +5753,16 @@
       "integrity": "sha1-wuep93IJTe6dNCAq6KzORoeHVYA=",
       "dev": true
     },
+    "levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      }
+    },
     "lines-and-columns": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz",
@@ -4777,6 +5899,12 @@
         "squeak": "^1.0.0"
       }
     },
+    "loglevel": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.7.0.tgz",
+      "integrity": "sha512-i2sY04nal5jDcagM3FMfG++T69GEEM8CYuOfeOIvmXzOIcwE9a/CJPR0MFM97pYMj/u10lzz7/zd7+qwhrBTqQ==",
+      "dev": true
+    },
     "longest": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
@@ -4815,6 +5943,14 @@
         "indent-string": "^2.1.0",
         "longest": "^1.0.0",
         "meow": "^3.3.0"
+      },
+      "dependencies": {
+        "get-stdin": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+          "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
+          "dev": true
+        }
       }
     },
     "lru-cache": {
@@ -4924,6 +6060,12 @@
       "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==",
       "dev": true
     },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
+      "dev": true
+    },
     "memory-fs": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.5.0.tgz",
@@ -4984,12 +6126,24 @@
         "trim-newlines": "^1.0.0"
       }
     },
+    "merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=",
+      "dev": true
+    },
     "merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
       "dev": true
     },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
+      "dev": true
+    },
     "micromatch": {
       "version": "3.1.10",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
@@ -5029,12 +6183,27 @@
         }
       }
     },
+    "mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true
+    },
     "mime-db": {
       "version": "1.44.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz",
       "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==",
       "dev": true
     },
+    "mime-types": {
+      "version": "2.1.27",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz",
+      "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==",
+      "dev": true,
+      "requires": {
+        "mime-db": "1.44.0"
+      }
+    },
     "mimic-response": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
@@ -5048,9 +6217,9 @@
       "dev": true
     },
     "mini-css-extract-plugin": {
-      "version": "0.11.1",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.11.1.tgz",
-      "integrity": "sha512-k6ijDS4ZbrTSBkrJDvbpDlXgD3rHjoKBUC3hbUNxfBr7tLv3FpjHcuvuFRNHcPNEryEKyEZL0n/Q4ZHPC2V6mA==",
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.11.2.tgz",
+      "integrity": "sha512-h2LknfX4U1kScXxH8xE9LCOqT5B+068EAj36qicMb8l4dqdJoyHcmWmpd+ueyZfgu/POvIn+teoUnTtei2ikug==",
       "dev": true,
       "requires": {
         "loader-utils": "^1.1.0",
@@ -5232,17 +6401,26 @@
       }
     },
     "ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
-    "nan": {
-      "version": "2.14.1",
-      "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.1.tgz",
-      "integrity": "sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==",
+    "multicast-dns": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-6.2.3.tgz",
+      "integrity": "sha512-ji6J5enbMyGRHIAkAOu3WdV8nggqviKCEKtXcOqfphZZtQrmHKycfynJ2V7eVPUA4NhJ6V7Wf4TmGbTwKE9B6g==",
       "dev": true,
-      "optional": true
+      "requires": {
+        "dns-packet": "^1.3.1",
+        "thunky": "^1.0.2"
+      }
+    },
+    "multicast-dns-service-types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz",
+      "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=",
+      "dev": true
     },
     "nanomatch": {
       "version": "1.2.13",
@@ -5263,6 +6441,18 @@
         "to-regex": "^3.0.1"
       }
     },
+    "natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
+    "negotiator": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
+      "integrity": "sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==",
+      "dev": true
+    },
     "neo-async": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
@@ -5275,6 +6465,12 @@
       "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
       "dev": true
     },
+    "node-forge": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-0.9.0.tgz",
+      "integrity": "sha512-7ASaDa3pD+lJ3WvXFsxekJQelBKRpne+GOVbLbtHYdd7pFspyeuJHnWfLplGf3SwKGbfs/aYl5V/JCIaHVUKKQ==",
+      "dev": true
+    },
     "node-libs-browser": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
@@ -5358,9 +6554,9 @@
       }
     },
     "node-releases": {
-      "version": "1.1.60",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.60.tgz",
-      "integrity": "sha512-gsO4vjEdQaTusZAEebUWp2a5d7dF5DYoIpDG7WySnk7BuZDW+GPpHXoXXuYawRBr/9t5q54tirPz79kFIWg4dA==",
+      "version": "1.1.61",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.61.tgz",
+      "integrity": "sha512-DD5vebQLg8jLCOzwupn954fbIiZht05DAZs0k2u8NStSe6h9XdsuIQL8hSRKYiU8WUQRznmSDrKGbv3ObOmC7g==",
       "dev": true
     },
     "normalize-package-data": {
@@ -5454,6 +6650,14 @@
       "dev": true,
       "requires": {
         "path-key": "^2.0.0"
+      },
+      "dependencies": {
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        }
       }
     },
     "nth-check": {
@@ -5514,6 +6718,16 @@
       "integrity": "sha512-jLdtEOB112fORuypAyl/50VRVIBIdVQOSUUGQHzJ4xBSbit81zRarz7GThkEFZy1RceYrWYcPcBFPQwHyAc1gA==",
       "dev": true
     },
+    "object-is": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.2.tgz",
+      "integrity": "sha512-5lHCz+0uufF6wZ7CRFWJN3hp8Jqblpgve06U5CMQ3f//6iDjPr2PEo9MWCjEssDsa+UZEL4PkFpr+BMop6aKzQ==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
     "object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -5530,15 +6744,37 @@
       }
     },
     "object.assign": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz",
-      "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.1.tgz",
+      "integrity": "sha512-VT/cxmx5yaoHSOTSyrCygIDFco+RsibY2NM0a4RdEeY/4KgqezwFtK1yr3U67xYhqJSlASm2pKhLVzPj2lr4bA==",
       "dev": true,
       "requires": {
-        "define-properties": "^1.1.2",
-        "function-bind": "^1.1.1",
-        "has-symbols": "^1.0.0",
-        "object-keys": "^1.0.11"
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.18.0-next.0",
+        "has-symbols": "^1.0.1",
+        "object-keys": "^1.1.1"
+      },
+      "dependencies": {
+        "es-abstract": {
+          "version": "1.18.0-next.0",
+          "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.18.0-next.0.tgz",
+          "integrity": "sha512-elZXTZXKn51hUBdJjSZGYRujuzilgXo8vSPQzjGYXLvSlGiCo8VO8ZGV3kjo9a0WNJJ57hENagwbtlRuHuzkcQ==",
+          "dev": true,
+          "requires": {
+            "es-to-primitive": "^1.2.1",
+            "function-bind": "^1.1.1",
+            "has": "^1.0.3",
+            "has-symbols": "^1.0.1",
+            "is-callable": "^1.2.0",
+            "is-negative-zero": "^2.0.0",
+            "is-regex": "^1.1.1",
+            "object-inspect": "^1.8.0",
+            "object-keys": "^1.1.1",
+            "object.assign": "^4.1.0",
+            "string.prototype.trimend": "^1.0.1",
+            "string.prototype.trimstart": "^1.0.1"
+          }
+        }
       }
     },
     "object.getownpropertydescriptors": {
@@ -5572,6 +6808,27 @@
         "has": "^1.0.3"
       }
     },
+    "obuf": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+      "dev": true
+    },
+    "on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+      "dev": true,
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "dev": true
+    },
     "once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -5581,6 +6838,29 @@
         "wrappy": "1"
       }
     },
+    "opn": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/opn/-/opn-5.5.0.tgz",
+      "integrity": "sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==",
+      "dev": true,
+      "requires": {
+        "is-wsl": "^1.1.0"
+      }
+    },
+    "optionator": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.1.tgz",
+      "integrity": "sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==",
+      "dev": true,
+      "requires": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.3"
+      }
+    },
     "optipng-bin": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/optipng-bin/-/optipng-bin-5.1.0.tgz",
@@ -5592,6 +6872,15 @@
         "logalot": "^2.0.0"
       }
     },
+    "original": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/original/-/original-1.0.2.tgz",
+      "integrity": "sha512-hyBVl6iqqUOJ8FqRe+l/gS8H+kKYjrEndd5Pm1MfBtsEKA038HkkdbAl/72EAXGyonD/PFsvmVG+EvcIpliMBg==",
+      "dev": true,
+      "requires": {
+        "url-parse": "^1.4.3"
+      }
+    },
     "os-browserify": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
@@ -5652,6 +6941,12 @@
         "p-limit": "^2.2.0"
       }
     },
+    "p-map": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz",
+      "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==",
+      "dev": true
+    },
     "p-map-series": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/p-map-series/-/p-map-series-1.0.0.tgz",
@@ -5673,6 +6968,15 @@
       "integrity": "sha1-GMKw3ZNqRpClKfgjH1ig/bakffo=",
       "dev": true
     },
+    "p-retry": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-3.0.1.tgz",
+      "integrity": "sha512-XE6G4+YTTkT2a0UWb2kjZe8xNwf8bIbnqpc/IS/idOBVhyves0mK5OJgeocjx7q5pvX/6m23xuzVPYT1uGM73w==",
+      "dev": true,
+      "requires": {
+        "retry": "^0.12.0"
+      }
+    },
     "p-timeout": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-1.2.1.tgz",
@@ -5744,14 +7048,6 @@
       "dev": true,
       "requires": {
         "callsites": "^3.0.0"
-      },
-      "dependencies": {
-        "callsites": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-          "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-          "dev": true
-        }
       }
     },
     "parse-asn1": {
@@ -5796,6 +7092,12 @@
       "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=",
       "dev": true
     },
+    "parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "dev": true
+    },
     "pascalcase": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
@@ -5829,10 +7131,16 @@
       "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
       "dev": true
     },
+    "path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=",
+      "dev": true
+    },
     "path-key": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
-      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
       "dev": true
     },
     "path-parse": {
@@ -5841,6 +7149,12 @@
       "integrity": "sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==",
       "dev": true
     },
+    "path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=",
+      "dev": true
+    },
     "path-type": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz",
@@ -5989,11 +7303,63 @@
             "strip-eof": "^1.0.0"
           }
         },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
         "semver": {
           "version": "5.7.1",
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
           "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
           "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
+    "portfinder": {
+      "version": "1.0.28",
+      "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz",
+      "integrity": "sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.2",
+        "debug": "^3.1.1",
+        "mkdirp": "^0.5.5"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.6",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
+          "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
         }
       }
     },
@@ -6083,55 +7449,6 @@
         "loader-utils": "^2.0.0",
         "schema-utils": "^2.7.1",
         "semver": "^7.3.2"
-      },
-      "dependencies": {
-        "cosmiconfig": {
-          "version": "7.0.0",
-          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
-          "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
-          "dev": true,
-          "requires": {
-            "@types/parse-json": "^4.0.0",
-            "import-fresh": "^3.2.1",
-            "parse-json": "^5.0.0",
-            "path-type": "^4.0.0",
-            "yaml": "^1.10.0"
-          }
-        },
-        "import-fresh": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
-          "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
-          "dev": true,
-          "requires": {
-            "parent-module": "^1.0.0",
-            "resolve-from": "^4.0.0"
-          }
-        },
-        "parse-json": {
-          "version": "5.1.0",
-          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz",
-          "integrity": "sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==",
-          "dev": true,
-          "requires": {
-            "@babel/code-frame": "^7.0.0",
-            "error-ex": "^1.3.1",
-            "json-parse-even-better-errors": "^2.3.0",
-            "lines-and-columns": "^1.1.6"
-          }
-        },
-        "path-type": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-          "dev": true
-        },
-        "resolve-from": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-          "dev": true
-        }
       }
     },
     "postcss-markdown": {
@@ -6518,12 +7835,33 @@
       "integrity": "sha512-uVLeEAyRsCkUEFhVHlOu17OxcrwC7+hTGZ08kBoLBiGHiZooUZuibQnphgMKftw/rqYntNMyhVCPqQhcyAGHag==",
       "dev": true
     },
+    "prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true
+    },
     "prepend-http": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz",
       "integrity": "sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=",
       "dev": true
     },
+    "prettier": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.1.1.tgz",
+      "integrity": "sha512-9bY+5ZWCfqj3ghYBLxApy2zf6m+NJo5GzmLTpr9FsApsfjriNnS2dahWReHMi7qNPhhHl9SYHJs2cHZLgexNIw==",
+      "dev": true
+    },
+    "prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "requires": {
+        "fast-diff": "^1.1.2"
+      }
+    },
     "process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
@@ -6536,6 +7874,12 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
+    "progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true
+    },
     "promise-inflight": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
@@ -6548,6 +7892,16 @@
       "integrity": "sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk=",
       "dev": true
     },
+    "proxy-addr": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.6.tgz",
+      "integrity": "sha512-dh/frvCBVmSsDYzw6n926jv974gddhkFPfiN8hPOi30Wax25QZyZEGveluCgliBnqmuM+UJmBErbAUFIoDbjOw==",
+      "dev": true,
+      "requires": {
+        "forwarded": "~0.1.2",
+        "ipaddr.js": "1.9.1"
+      }
+    },
     "prr": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
@@ -6627,6 +7981,12 @@
       "integrity": "sha1-fjL3W0E4EpHQRhHxvxQQmsAGUdc=",
       "dev": true
     },
+    "qs": {
+      "version": "6.7.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
+      "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==",
+      "dev": true
+    },
     "query-string": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/query-string/-/query-string-5.1.1.tgz",
@@ -6650,6 +8010,12 @@
       "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=",
       "dev": true
     },
+    "querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "dev": true
+    },
     "quick-lru": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
@@ -6675,11 +8041,37 @@
         "safe-buffer": "^5.1.0"
       }
     },
-    "read-pkg": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
-      "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
-      "dev": true,
+    "range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "dev": true
+    },
+    "raw-body": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz",
+      "integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==",
+      "dev": true,
+      "requires": {
+        "bytes": "3.1.0",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz",
+          "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==",
+          "dev": true
+        }
+      }
+    },
+    "read-pkg": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
+      "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
+      "dev": true,
       "requires": {
         "load-json-file": "^1.0.0",
         "normalize-package-data": "^2.3.2",
@@ -6761,6 +8153,22 @@
         "safe-regex": "^1.1.0"
       }
     },
+    "regexp.prototype.flags": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.3.0.tgz",
+      "integrity": "sha512-2+Q0C5g951OlYlJz6yu5/M33IcsESLlLfsyIaLJaG4FA2r4yP8MvVMJUUP/fVBkSpbbbZlS5gynbEWLipiiXiQ==",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.0-next.1"
+      }
+    },
+    "regexpp": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.1.0.tgz",
+      "integrity": "sha512-ZOIzd8yVsQQA7j8GCSlPGXwg5PfmA1mrq0JP4nGhh54LaKN3xdai/vHUDu74pKwV8OxseMS65u2NImosQcSD0Q==",
+      "dev": true
+    },
     "remark": {
       "version": "12.0.1",
       "resolved": "https://registry.npmjs.org/remark/-/remark-12.0.1.tgz",
@@ -6822,8 +8230,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
       "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "repeat-element": {
       "version": "1.1.3",
@@ -6864,6 +8271,12 @@
       "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
       "dev": true
     },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
+      "dev": true
+    },
     "resolve": {
       "version": "1.17.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
@@ -6880,6 +8293,14 @@
       "dev": true,
       "requires": {
         "resolve-from": "^3.0.0"
+      },
+      "dependencies": {
+        "resolve-from": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+          "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
+          "dev": true
+        }
       }
     },
     "resolve-dir": {
@@ -6915,13 +8336,22 @@
             "is-windows": "^1.0.1",
             "which": "^1.2.14"
           }
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
         }
       }
     },
     "resolve-from": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
-      "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
       "dev": true
     },
     "resolve-url": {
@@ -6945,6 +8375,12 @@
       "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
       "dev": true
     },
+    "retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs=",
+      "dev": true
+    },
     "reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -7054,6 +8490,21 @@
         "commander": "^2.8.1"
       }
     },
+    "select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha1-Yl2GWPhlr0Psliv8N2o3NZpJlMo=",
+      "dev": true
+    },
+    "selfsigned": {
+      "version": "1.10.7",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-1.10.7.tgz",
+      "integrity": "sha512-8M3wBCzeWIJnQfl43IKwOmC4H/RAp50S8DF60znzjW5GVqTcSe2vWclt7hmYVPkKPlHWOu5EaWOMZ2Y6W8ZXTA==",
+      "dev": true,
+      "requires": {
+        "node-forge": "0.9.0"
+      }
+    },
     "semver": {
       "version": "7.3.2",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
@@ -7083,6 +8534,52 @@
         }
       }
     },
+    "send": {
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz",
+      "integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "destroy": "~1.0.4",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "~1.7.2",
+        "mime": "1.6.0",
+        "ms": "2.1.1",
+        "on-finished": "~2.3.0",
+        "range-parser": "~1.2.1",
+        "statuses": "~1.5.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          },
+          "dependencies": {
+            "ms": {
+              "version": "2.0.0",
+              "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+              "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+              "dev": true
+            }
+          }
+        },
+        "ms": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
+          "dev": true
+        }
+      }
+    },
     "serialize-javascript": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
@@ -7092,6 +8589,74 @@
         "randombytes": "^2.1.0"
       }
     },
+    "serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "~1.0.3",
+        "http-errors": "~1.6.2",
+        "mime-types": "~2.1.17",
+        "parseurl": "~1.3.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "http-errors": {
+          "version": "1.6.3",
+          "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+          "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.3",
+            "setprototypeof": "1.1.0",
+            "statuses": ">= 1.4.0 < 2"
+          }
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
+        "setprototypeof": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+          "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+          "dev": true
+        }
+      }
+    },
+    "serve-static": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz",
+      "integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==",
+      "dev": true,
+      "requires": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.17.1"
+      }
+    },
     "set-blocking": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
@@ -7127,6 +8692,12 @@
       "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=",
       "dev": true
     },
+    "setprototypeof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
+      "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==",
+      "dev": true
+    },
     "sha.js": {
       "version": "2.4.11",
       "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
@@ -7138,18 +8709,18 @@
       }
     },
     "shebang-command": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
-      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
       "dev": true,
       "requires": {
-        "shebang-regex": "^1.0.0"
+        "shebang-regex": "^3.0.0"
       }
     },
     "shebang-regex": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
-      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
       "dev": true
     },
     "signal-exit": {
@@ -7165,41 +8736,14 @@
       "dev": true
     },
     "slice-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
+      "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
       "dev": true,
       "requires": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
-          "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
-          "dev": true,
-          "requires": {
-            "@types/color-name": "^1.1.1",
-            "color-convert": "^2.0.1"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true
-        }
+        "ansi-styles": "^3.2.0",
+        "astral-regex": "^1.0.0",
+        "is-fullwidth-code-point": "^2.0.0"
       }
     },
     "snapdragon": {
@@ -7218,6 +8762,15 @@
         "use": "^3.1.0"
       },
       "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
         "define-property": {
           "version": "0.2.5",
           "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
@@ -7236,6 +8789,12 @@
             "is-extendable": "^0.1.0"
           }
         },
+        "ms": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+          "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+          "dev": true
+        },
         "source-map": {
           "version": "0.5.7",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
@@ -7315,6 +8874,51 @@
         }
       }
     },
+    "sockjs": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.20.tgz",
+      "integrity": "sha512-SpmVOVpdq0DJc0qArhF3E5xsxvaiqGNb73XfgBpK1y3UD5gs8DSo8aCTsuT5pX8rssdc2NDIzANwP9eCAiSdTA==",
+      "dev": true,
+      "requires": {
+        "faye-websocket": "^0.10.0",
+        "uuid": "^3.4.0",
+        "websocket-driver": "0.6.5"
+      }
+    },
+    "sockjs-client": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/sockjs-client/-/sockjs-client-1.4.0.tgz",
+      "integrity": "sha512-5zaLyO8/nri5cua0VtOrFXBPK1jbL4+1cebT/mmKA1E1ZXOvJrII75bPu0l0k843G/+iAbhEqzyKr0w/eCCj7g==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.2.5",
+        "eventsource": "^1.0.7",
+        "faye-websocket": "~0.11.1",
+        "inherits": "^2.0.3",
+        "json3": "^3.3.2",
+        "url-parse": "^1.4.3"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.6",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz",
+          "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "faye-websocket": {
+          "version": "0.11.3",
+          "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.3.tgz",
+          "integrity": "sha512-D2y4bovYpzziGgbHYtGCMjlJM36vAl/y+xUyn1C+FVx8szd1E+86KwVw6XvYSzOP8iMpm1X0I4xJD+QtUb36OA==",
+          "dev": true,
+          "requires": {
+            "websocket-driver": ">=0.5.1"
+          }
+        }
+      }
+    },
     "sort-keys": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz",
@@ -7406,6 +9010,33 @@
       "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==",
       "dev": true
     },
+    "spdy": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+      "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0",
+        "handle-thing": "^2.0.0",
+        "http-deceiver": "^1.2.7",
+        "select-hose": "^2.0.0",
+        "spdy-transport": "^3.0.0"
+      }
+    },
+    "spdy-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0",
+        "detect-node": "^2.0.4",
+        "hpack.js": "^2.1.6",
+        "obuf": "^1.1.2",
+        "readable-stream": "^3.0.6",
+        "wbuf": "^1.7.3"
+      }
+    },
     "specificity": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz",
@@ -7438,6 +9069,12 @@
         "lpad-align": "^1.0.1"
       },
       "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        },
         "ansi-styles": {
           "version": "2.2.1",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
@@ -7457,6 +9094,15 @@
             "supports-color": "^2.0.0"
           }
         },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
         "supports-color": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
@@ -7507,6 +9153,12 @@
         }
       }
     },
+    "statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
+      "dev": true
+    },
     "stream-browserify": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz",
@@ -7617,29 +9269,29 @@
       "dev": true
     },
     "string-width": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
-      "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+      "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
       "dev": true,
       "requires": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.0"
+        "emoji-regex": "^7.0.1",
+        "is-fullwidth-code-point": "^2.0.0",
+        "strip-ansi": "^5.1.0"
       },
       "dependencies": {
         "ansi-regex": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
+          "version": "4.1.0",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
+          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
           "dev": true
         },
         "strip-ansi": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
-          "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
+          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
           "dev": true,
           "requires": {
-            "ansi-regex": "^5.0.0"
+            "ansi-regex": "^4.1.0"
           }
         }
       }
@@ -7687,12 +9339,12 @@
       }
     },
     "strip-ansi": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
-      "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
+      "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
       "dev": true,
       "requires": {
-        "ansi-regex": "^2.0.0"
+        "ansi-regex": "^5.0.0"
       }
     },
     "strip-bom": {
@@ -7726,8 +9378,22 @@
       "dev": true,
       "requires": {
         "get-stdin": "^4.0.1"
+      },
+      "dependencies": {
+        "get-stdin": {
+          "version": "4.0.1",
+          "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
+          "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
+          "dev": true
+        }
       }
     },
+    "strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true
+    },
     "strip-outer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz",
@@ -7805,12 +9471,6 @@
           "integrity": "sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA==",
           "dev": true
         },
-        "ansi-regex": {
-          "version": "5.0.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.0.tgz",
-          "integrity": "sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==",
-          "dev": true
-        },
         "ansi-styles": {
           "version": "4.2.1",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
@@ -7827,6 +9487,12 @@
           "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
           "dev": true
         },
+        "astral-regex": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+          "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+          "dev": true
+        },
         "braces": {
           "version": "3.0.2",
           "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
@@ -7878,28 +9544,6 @@
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
           "dev": true
         },
-        "cosmiconfig": {
-          "version": "7.0.0",
-          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
-          "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
-          "dev": true,
-          "requires": {
-            "@types/parse-json": "^4.0.0",
-            "import-fresh": "^3.2.1",
-            "parse-json": "^5.0.0",
-            "path-type": "^4.0.0",
-            "yaml": "^1.10.0"
-          }
-        },
-        "debug": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
-          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
-          "dev": true,
-          "requires": {
-            "ms": "^2.1.1"
-          }
-        },
         "dir-glob": {
           "version": "3.0.1",
           "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
@@ -7909,6 +9553,12 @@
             "path-type": "^4.0.0"
           }
         },
+        "emoji-regex": {
+          "version": "8.0.0",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+          "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+          "dev": true
+        },
         "fast-glob": {
           "version": "3.2.4",
           "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.4.tgz",
@@ -7948,15 +9598,6 @@
           "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==",
           "dev": true
         },
-        "glob-parent": {
-          "version": "5.1.1",
-          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",
-          "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==",
-          "dev": true,
-          "requires": {
-            "is-glob": "^4.0.1"
-          }
-        },
         "globby": {
           "version": "11.0.1",
           "resolved": "https://registry.npmjs.org/globby/-/globby-11.0.1.tgz",
@@ -7983,24 +9624,6 @@
           "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
           "dev": true
         },
-        "import-fresh": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.2.1.tgz",
-          "integrity": "sha512-6e1q1cnWP2RXD9/keSkxHScg508CdXqXWgWBaETNhyuBFz+kUZlKboh+ISK+bU++DmbHimVBrOz/zzPe0sZ3sQ==",
-          "dev": true,
-          "requires": {
-            "parent-module": "^1.0.0",
-            "resolve-from": "^4.0.0"
-          },
-          "dependencies": {
-            "resolve-from": {
-              "version": "4.0.0",
-              "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-              "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-              "dev": true
-            }
-          }
-        },
         "import-lazy": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
@@ -8013,6 +9636,12 @@
           "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
           "dev": true
         },
+        "is-fullwidth-code-point": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+          "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+          "dev": true
+        },
         "is-number": {
           "version": "7.0.0",
           "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -8054,12 +9683,6 @@
             "picomatch": "^2.0.5"
           }
         },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true
-        },
         "parse-json": {
           "version": "5.1.0",
           "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz",
@@ -8145,13 +9768,26 @@
           "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
           "dev": true
         },
-        "strip-ansi": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz",
-          "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==",
+        "slice-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+          "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
           "dev": true,
           "requires": {
-            "ansi-regex": "^5.0.0"
+            "ansi-styles": "^4.0.0",
+            "astral-regex": "^2.0.0",
+            "is-fullwidth-code-point": "^3.0.0"
+          }
+        },
+        "string-width": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz",
+          "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^8.0.0",
+            "is-fullwidth-code-point": "^3.0.0",
+            "strip-ansi": "^6.0.0"
           }
         },
         "strip-indent": {
@@ -8172,6 +9808,18 @@
             "has-flag": "^4.0.0"
           }
         },
+        "table": {
+          "version": "6.0.3",
+          "resolved": "https://registry.npmjs.org/table/-/table-6.0.3.tgz",
+          "integrity": "sha512-8321ZMcf1B9HvVX/btKv8mMZahCjn2aYrDlpqHaBFCfnox64edeH9kEid0vTLTRR8gWR2A20aDgeuTTea4sVtw==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.12.4",
+            "lodash": "^4.17.20",
+            "slice-ansi": "^4.0.0",
+            "string-width": "^4.2.0"
+          }
+        },
         "to-regex-range": {
           "version": "5.0.1",
           "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -8186,6 +9834,12 @@
           "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.0.tgz",
           "integrity": "sha512-C4+gOpvmxaSMKuEf9Qc134F1ZuOHVXKRbtEflf4NTtuuJDEIJ9p5PXsalL8SkeRw+qit1Mo+yuvMPAKwWg/1hA==",
           "dev": true
+        },
+        "type-fest": {
+          "version": "0.13.1",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
+          "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
+          "dev": true
         }
       }
     },
@@ -8199,18 +9853,6 @@
         "stylelint-order": "^2.2.1"
       },
       "dependencies": {
-        "ansi-regex": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
-          "dev": true
-        },
-        "astral-regex": {
-          "version": "1.0.0",
-          "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz",
-          "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==",
-          "dev": true
-        },
         "camelcase": {
           "version": "4.1.0",
           "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
@@ -8238,13 +9880,16 @@
             "is-supported-regexp-flag": "^1.0.0"
           }
         },
-        "debug": {
-          "version": "4.1.1",
-          "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz",
-          "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
+        "cosmiconfig": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+          "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
           "dev": true,
           "requires": {
-            "ms": "^2.1.1"
+            "import-fresh": "^2.0.0",
+            "is-directory": "^0.3.1",
+            "js-yaml": "^3.13.1",
+            "parse-json": "^4.0.0"
           }
         },
         "dir-glob": {
@@ -8256,12 +9901,6 @@
             "path-type": "^3.0.0"
           }
         },
-        "emoji-regex": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
-          "dev": true
-        },
         "execall": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/execall/-/execall-1.0.0.tgz",
@@ -8289,12 +9928,6 @@
             "locate-path": "^2.0.0"
           }
         },
-        "get-stdin": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz",
-          "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==",
-          "dev": true
-        },
         "globby": {
           "version": "9.2.0",
           "resolved": "https://registry.npmjs.org/globby/-/globby-9.2.0.tgz",
@@ -8331,18 +9964,30 @@
           "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
           "dev": true
         },
+        "import-fresh": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+          "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=",
+          "dev": true,
+          "requires": {
+            "caller-path": "^2.0.0",
+            "resolve-from": "^3.0.0"
+          },
+          "dependencies": {
+            "resolve-from": {
+              "version": "3.0.0",
+              "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+              "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
+              "dev": true
+            }
+          }
+        },
         "indent-string": {
           "version": "3.2.0",
           "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-3.2.0.tgz",
           "integrity": "sha1-Sl/W0nzDMvN+VBmlBNu4NxBckok=",
           "dev": true
         },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-          "dev": true
-        },
         "is-regexp": {
           "version": "1.0.0",
           "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-1.0.0.tgz",
@@ -8427,12 +10072,6 @@
             "is-plain-obj": "^1.1.0"
           }
         },
-        "ms": {
-          "version": "2.1.2",
-          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-          "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-          "dev": true
-        },
         "p-limit": {
           "version": "1.3.0",
           "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
@@ -8537,49 +10176,12 @@
             "strip-indent": "^2.0.0"
           }
         },
-        "resolve-from": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-          "dev": true
-        },
         "slash": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
           "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
           "dev": true
         },
-        "slice-ansi": {
-          "version": "2.1.0",
-          "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz",
-          "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^3.2.0",
-            "astral-regex": "^1.0.0",
-            "is-fullwidth-code-point": "^2.0.0"
-          }
-        },
-        "string-width": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
-          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
-          "dev": true,
-          "requires": {
-            "emoji-regex": "^7.0.1",
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^5.1.0"
-          }
-        },
-        "strip-ansi": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^4.1.0"
-          }
-        },
         "strip-bom": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@@ -8658,18 +10260,6 @@
             "postcss-sorting": "^4.1.0"
           }
         },
-        "table": {
-          "version": "5.4.6",
-          "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz",
-          "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==",
-          "dev": true,
-          "requires": {
-            "ajv": "^6.10.2",
-            "lodash": "^4.17.14",
-            "slice-ansi": "^2.1.0",
-            "string-width": "^3.0.0"
-          }
-        },
         "trim-newlines": {
           "version": "2.0.0",
           "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-2.0.0.tgz",
@@ -8784,15 +10374,15 @@
       }
     },
     "table": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/table/-/table-6.0.3.tgz",
-      "integrity": "sha512-8321ZMcf1B9HvVX/btKv8mMZahCjn2aYrDlpqHaBFCfnox64edeH9kEid0vTLTRR8gWR2A20aDgeuTTea4sVtw==",
+      "version": "5.4.6",
+      "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz",
+      "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==",
       "dev": true,
       "requires": {
-        "ajv": "^6.12.4",
-        "lodash": "^4.17.20",
-        "slice-ansi": "^4.0.0",
-        "string-width": "^4.2.0"
+        "ajv": "^6.10.2",
+        "lodash": "^4.17.14",
+        "slice-ansi": "^2.1.0",
+        "string-width": "^3.0.0"
       }
     },
     "tapable": {
@@ -8925,6 +10515,12 @@
         }
       }
     },
+    "text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
     "through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
@@ -8973,6 +10569,12 @@
         }
       }
     },
+    "thunky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+      "dev": true
+    },
     "timed-out": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/timed-out/-/timed-out-4.0.1.tgz",
@@ -9048,6 +10650,12 @@
         "repeat-string": "^1.6.1"
       }
     },
+    "toidentifier": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
+      "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==",
+      "dev": true
+    },
     "trim": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/trim/-/trim-0.0.1.tgz",
@@ -9199,12 +10807,31 @@
         "safe-buffer": "^5.0.1"
       }
     },
+    "type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "^1.2.1"
+      }
+    },
     "type-fest": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
-      "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
       "dev": true
     },
+    "type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      }
+    },
     "typedarray": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
@@ -9364,6 +10991,12 @@
         "unist-util-is": "^4.0.0"
       }
     },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
+      "dev": true
+    },
     "unquote": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
@@ -9414,8 +11047,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
       "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "uri-js": {
       "version": "4.4.0",
@@ -9450,6 +11082,16 @@
         }
       }
     },
+    "url-parse": {
+      "version": "1.4.7",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.4.7.tgz",
+      "integrity": "sha512-d3uaVyzDB9tQoSXFvuSUNFibTd9zxd2bkVrDRvF5TmvWWQwqE4lgYJ5m+x1DbecWkw+LK4RNl2CU1hHuOKPVlg==",
+      "dev": true,
+      "requires": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
     "url-parse-lax": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-1.0.0.tgz",
@@ -9506,6 +11148,12 @@
         "object.getownpropertydescriptors": "^2.1.0"
       }
     },
+    "utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
+      "dev": true
+    },
     "uuid": {
       "version": "3.4.0",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
@@ -9528,6 +11176,12 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
+      "dev": true
+    },
     "vfile": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.0.tgz",
@@ -9655,10 +11309,29 @@
           "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
           "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
           "dev": true,
+          "optional": true
+        },
+        "glob-parent": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+          "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+          "dev": true,
           "optional": true,
           "requires": {
-            "bindings": "^1.5.0",
-            "nan": "^2.12.1"
+            "is-glob": "^3.1.0",
+            "path-dirname": "^1.0.0"
+          },
+          "dependencies": {
+            "is-glob": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+              "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+              "dev": true,
+              "optional": true,
+              "requires": {
+                "is-extglob": "^2.1.0"
+              }
+            }
           }
         },
         "is-binary-path": {
@@ -9718,6 +11391,15 @@
         }
       }
     },
+    "wbuf": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+      "dev": true,
+      "requires": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
     "webpack": {
       "version": "4.44.1",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-4.44.1.tgz",
@@ -9749,6 +11431,22 @@
         "webpack-sources": "^1.4.1"
       },
       "dependencies": {
+        "acorn": {
+          "version": "6.4.1",
+          "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz",
+          "integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA==",
+          "dev": true
+        },
+        "eslint-scope": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.3.tgz",
+          "integrity": "sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.1.0",
+            "estraverse": "^4.1.1"
+          }
+        },
         "json5": {
           "version": "1.0.1",
           "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
@@ -9874,11 +11572,302 @@
             "json5": "^1.0.1"
           }
         },
+        "path-key": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
+          "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+          "dev": true
+        },
         "semver": {
           "version": "5.7.1",
           "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
           "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
           "dev": true
+        },
+        "shebang-command": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz",
+          "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^1.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz",
+          "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+          "dev": true
+        },
+        "which": {
+          "version": "1.3.1",
+          "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+          "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
+    "webpack-dev-middleware": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-3.7.2.tgz",
+      "integrity": "sha512-1xC42LxbYoqLNAhV6YzTYacicgMZQTqRd27Sim9wn5hJrX3I5nxYy1SxSd4+gjUFsz1dQFj+yEe6zEVmSkeJjw==",
+      "dev": true,
+      "requires": {
+        "memory-fs": "^0.4.1",
+        "mime": "^2.4.4",
+        "mkdirp": "^0.5.1",
+        "range-parser": "^1.2.1",
+        "webpack-log": "^2.0.0"
+      },
+      "dependencies": {
+        "memory-fs": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/memory-fs/-/memory-fs-0.4.1.tgz",
+          "integrity": "sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=",
+          "dev": true,
+          "requires": {
+            "errno": "^0.1.3",
+            "readable-stream": "^2.0.1"
+          }
+        },
+        "mime": {
+          "version": "2.4.6",
+          "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.6.tgz",
+          "integrity": "sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA==",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "2.3.7",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
+      }
+    },
+    "webpack-dev-server": {
+      "version": "3.11.0",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-3.11.0.tgz",
+      "integrity": "sha512-PUxZ+oSTxogFQgkTtFndEtJIPNmml7ExwufBZ9L2/Xyyd5PnOL5UreWe5ZT7IU25DSdykL9p1MLQzmLh2ljSeg==",
+      "dev": true,
+      "requires": {
+        "ansi-html": "0.0.7",
+        "bonjour": "^3.5.0",
+        "chokidar": "^2.1.8",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^1.6.0",
+        "debug": "^4.1.1",
+        "del": "^4.1.1",
+        "express": "^4.17.1",
+        "html-entities": "^1.3.1",
+        "http-proxy-middleware": "0.19.1",
+        "import-local": "^2.0.0",
+        "internal-ip": "^4.3.0",
+        "ip": "^1.1.5",
+        "is-absolute-url": "^3.0.3",
+        "killable": "^1.0.1",
+        "loglevel": "^1.6.8",
+        "opn": "^5.5.0",
+        "p-retry": "^3.0.1",
+        "portfinder": "^1.0.26",
+        "schema-utils": "^1.0.0",
+        "selfsigned": "^1.10.7",
+        "semver": "^6.3.0",
+        "serve-index": "^1.9.1",
+        "sockjs": "0.3.20",
+        "sockjs-client": "1.4.0",
+        "spdy": "^4.0.2",
+        "strip-ansi": "^3.0.1",
+        "supports-color": "^6.1.0",
+        "url": "^0.11.0",
+        "webpack-dev-middleware": "^3.7.2",
+        "webpack-log": "^2.0.0",
+        "ws": "^6.2.1",
+        "yargs": "^13.3.2"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        },
+        "anymatch": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz",
+          "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==",
+          "dev": true,
+          "requires": {
+            "micromatch": "^3.1.4",
+            "normalize-path": "^2.1.1"
+          },
+          "dependencies": {
+            "normalize-path": {
+              "version": "2.1.1",
+              "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+              "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+              "dev": true,
+              "requires": {
+                "remove-trailing-separator": "^1.0.1"
+              }
+            }
+          }
+        },
+        "binary-extensions": {
+          "version": "1.13.1",
+          "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-1.13.1.tgz",
+          "integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
+          "dev": true
+        },
+        "chokidar": {
+          "version": "2.1.8",
+          "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.1.8.tgz",
+          "integrity": "sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==",
+          "dev": true,
+          "requires": {
+            "anymatch": "^2.0.0",
+            "async-each": "^1.0.1",
+            "braces": "^2.3.2",
+            "fsevents": "^1.2.7",
+            "glob-parent": "^3.1.0",
+            "inherits": "^2.0.3",
+            "is-binary-path": "^1.0.0",
+            "is-glob": "^4.0.0",
+            "normalize-path": "^3.0.0",
+            "path-is-absolute": "^1.0.0",
+            "readdirp": "^2.2.1",
+            "upath": "^1.1.1"
+          }
+        },
+        "fsevents": {
+          "version": "1.2.13",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+          "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+          "dev": true,
+          "optional": true
+        },
+        "glob-parent": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+          "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=",
+          "dev": true,
+          "requires": {
+            "is-glob": "^3.1.0",
+            "path-dirname": "^1.0.0"
+          },
+          "dependencies": {
+            "is-glob": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+              "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=",
+              "dev": true,
+              "requires": {
+                "is-extglob": "^2.1.0"
+              }
+            }
+          }
+        },
+        "is-binary-path": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-1.0.1.tgz",
+          "integrity": "sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=",
+          "dev": true,
+          "requires": {
+            "binary-extensions": "^1.0.0"
+          }
+        },
+        "readable-stream": {
+          "version": "2.3.7",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+          "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "readdirp": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-2.2.1.tgz",
+          "integrity": "sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.11",
+            "micromatch": "^3.1.10",
+            "readable-stream": "^2.0.2"
+          }
+        },
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+          "dev": true
+        },
+        "schema-utils": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-1.0.0.tgz",
+          "integrity": "sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==",
+          "dev": true,
+          "requires": {
+            "ajv": "^6.1.0",
+            "ajv-errors": "^1.0.0",
+            "ajv-keywords": "^3.1.0"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
+          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
+          "dev": true
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+          "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
         }
       }
     },
@@ -9888,6 +11877,24 @@
       "integrity": "sha512-G4TBoc5JvIVNR0GXG+t314V4AqpqLJuApX7aDNTZl8yhXojAXCwJXKQeF4SF65UpP/bjrvptmHLPmdA+aGUZMw==",
       "dev": true
     },
+    "webpack-log": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/webpack-log/-/webpack-log-2.0.0.tgz",
+      "integrity": "sha512-cX8G2vR/85UYG59FgkoMamwHUIkSSlV3bBMRsbxVXVUk2j6NleCKjQ/WE9eYg9WY4w25O9w8wKP4rzNZFmUcUg==",
+      "dev": true,
+      "requires": {
+        "ansi-colors": "^3.0.0",
+        "uuid": "^3.3.2"
+      },
+      "dependencies": {
+        "ansi-colors": {
+          "version": "3.2.4",
+          "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
+          "integrity": "sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==",
+          "dev": true
+        }
+      }
+    },
     "webpack-sources": {
       "version": "1.4.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
@@ -9898,10 +11905,25 @@
         "source-map": "~0.6.1"
       }
     },
+    "websocket-driver": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.6.5.tgz",
+      "integrity": "sha1-XLJVbOuF9Dc8bYI4qmkchFThOjY=",
+      "dev": true,
+      "requires": {
+        "websocket-extensions": ">=0.1.1"
+      }
+    },
+    "websocket-extensions": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+      "dev": true
+    },
     "which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
       "dev": true,
       "requires": {
         "isexe": "^2.0.0"
@@ -9913,6 +11935,12 @@
       "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
       "dev": true
     },
+    "word-wrap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz",
+      "integrity": "sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==",
+      "dev": true
+    },
     "worker-farm": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/worker-farm/-/worker-farm-1.7.0.tgz",
@@ -9939,29 +11967,6 @@
           "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
           "dev": true
         },
-        "emoji-regex": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
-          "dev": true
-        },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-          "dev": true
-        },
-        "string-width": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
-          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
-          "dev": true,
-          "requires": {
-            "emoji-regex": "^7.0.1",
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^5.1.0"
-          }
-        },
         "strip-ansi": {
           "version": "5.2.0",
           "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
@@ -10000,6 +12005,15 @@
         "typedarray-to-buffer": "^3.1.5"
       }
     },
+    "ws": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-6.2.1.tgz",
+      "integrity": "sha512-GIyAXC2cB7LjvpgMt9EKS2ldqr0MTrORaleiOno6TweZ6r3TKtoFQWay/2PceJ3RuBasOHzXNn5Lrw1X0bEjqA==",
+      "dev": true,
+      "requires": {
+        "async-limiter": "~1.0.0"
+      }
+    },
     "x-is-string": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/x-is-string/-/x-is-string-0.1.0.tgz",
@@ -10048,24 +12062,12 @@
         "yargs-parser": "^13.1.2"
       },
       "dependencies": {
-        "ansi-regex": {
-          "version": "4.1.0",
-          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.0.tgz",
-          "integrity": "sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==",
-          "dev": true
-        },
         "camelcase": {
           "version": "5.3.1",
           "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
           "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
           "dev": true
         },
-        "emoji-regex": {
-          "version": "7.0.3",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
-          "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==",
-          "dev": true
-        },
         "find-up": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
@@ -10075,12 +12077,6 @@
             "locate-path": "^3.0.0"
           }
         },
-        "is-fullwidth-code-point": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
-          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
-          "dev": true
-        },
         "locate-path": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
@@ -10106,26 +12102,6 @@
           "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
           "dev": true
         },
-        "string-width": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
-          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
-          "dev": true,
-          "requires": {
-            "emoji-regex": "^7.0.1",
-            "is-fullwidth-code-point": "^2.0.0",
-            "strip-ansi": "^5.1.0"
-          }
-        },
-        "strip-ansi": {
-          "version": "5.2.0",
-          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
-          "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
-          "dev": true,
-          "requires": {
-            "ansi-regex": "^4.1.0"
-          }
-        },
         "yargs-parser": {
           "version": "13.1.2",
           "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz",
diff --git a/custum_style_src/material-polyfills/package.json b/custum_style_src/material-polyfills/package.json
index 4a123416..61d17cce 100644
--- a/custum_style_src/material-polyfills/package.json
+++ b/custum_style_src/material-polyfills/package.json
@@ -1,6 +1,6 @@
 {
   "name": "material-polyfills",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "The mkdocs-material polyfill styles for Mkdocs-with-PDF.",
   "license": "MIT",
   "private": true,
@@ -10,9 +10,12 @@
   },
   "contributors": [],
   "scripts": {
+    "dev:js": "webpack-dev-server --hot --inline --content-base=dev-site --watch-content-base=true",
     "build": "npm run clean && webpack --mode production",
     "clean": "rimraf dist",
-    "lint": "stylelint \"src/**/*.scss\""
+    "lint": "npm run lint:js && npm run lint:css",
+    "lint:js": "eslint --ext .ts,.js",
+    "lint:css": "stylelint \"src/**/*.scss\""
   },
   "dependencies": {},
   "devDependencies": {
@@ -23,15 +26,19 @@
     "autoprefixer": "^9.8.6",
     "bl": ">=4.0.3",
     "css-loader": "^4.3.0",
+    "eslint": "^7.8.1",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-prettier": "^3.1.4",
     "expose-loader": "^1.0.0",
     "imagemin-webpack-plugin": "^2.4.2",
     "material-design-color": "^2.3.2",
-    "mini-css-extract-plugin": "^0.11.1",
+    "mini-css-extract-plugin": "^0.11.2",
     "modularscale-sass": "^3.0.10",
     "postcss-inline-svg": "^4.1.0",
     "postcss-loader": "^4.0.1",
     "postcss-svgo": "^4.0.2",
     "preact": "^10.4.8",
+    "prettier": "^2.1.1",
     "rimraf": "^3.0.2",
     "sass": "^1.26.10",
     "sass-loader": "^10.0.2",
@@ -46,6 +53,7 @@
     "typescript": "^4.0.2",
     "webpack": "^4.44.1",
     "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.0",
     "webpack-fix-style-only-entries": "^0.5.1"
   },
   "engines": {
diff --git a/custum_style_src/material-polyfills/src/javascripts/converter/twemoji.ts b/custum_style_src/material-polyfills/src/javascripts/converter/twemoji.ts
new file mode 100644
index 00000000..65fdac9c
--- /dev/null
+++ b/custum_style_src/material-polyfills/src/javascripts/converter/twemoji.ts
@@ -0,0 +1,25 @@
+// Convert from '.twemoji>svg' to embedded img
+
+const twemojiConverter = () => {
+  const entries = document.querySelectorAll('.twemoji>svg')
+  if (!entries || entries.length == 0) return
+  entries.forEach((svgElement) => {
+    const imgElement = document.createElement('img')
+
+    const styles = window.getComputedStyle(svgElement)
+    const fillColor = styles.color || '#333'
+
+    svgElement.setAttribute('style', `fill:${fillColor};`)
+
+    //imgElement.setAttribute('style', `width:${styles.width};height:${styles.height};`)
+    //imgElement.setAttribute('style', `width:1.125rem;height:auto;`)
+
+    const serializedSVG = new XMLSerializer().serializeToString(svgElement)
+    const src = 'data:image/svg+xml;base64,' + window.btoa(serializedSVG)
+    imgElement.setAttribute('src', src)
+
+    svgElement.parentNode.replaceChild(imgElement, svgElement)
+  })
+}
+
+twemojiConverter()
diff --git a/custum_style_src/material-polyfills/src/javascripts/index.ts b/custum_style_src/material-polyfills/src/javascripts/index.ts
new file mode 100644
index 00000000..c7325a12
--- /dev/null
+++ b/custum_style_src/material-polyfills/src/javascripts/index.ts
@@ -0,0 +1,6 @@
+// DOM modification for WeasyPrint.
+//
+// This script run on headless-chrome.
+//
+
+import './converter/twemoji'
diff --git a/custum_style_src/material-polyfills/src/stylesheets/extensions/_admonition.scss b/custum_style_src/material-polyfills/src/stylesheets/extensions/_admonition.scss
index 9e89c4fd..feca9a05 100644
--- a/custum_style_src/material-polyfills/src/stylesheets/extensions/_admonition.scss
+++ b/custum_style_src/material-polyfills/src/stylesheets/extensions/_admonition.scss
@@ -60,7 +60,6 @@ $admonitions: (
 // ----------------------------------------------------------------------------
 
 @media print {
-  // Scoped in typesetted content to match specificity of regular content
   .md-typeset {
     // Admonition title
     .admonition-title {
diff --git a/custum_style_src/material-polyfills/src/stylesheets/extensions/_footnotes.scss b/custum_style_src/material-polyfills/src/stylesheets/extensions/_footnotes.scss
index 92fba98d..57d31bdc 100644
--- a/custum_style_src/material-polyfills/src/stylesheets/extensions/_footnotes.scss
+++ b/custum_style_src/material-polyfills/src/stylesheets/extensions/_footnotes.scss
@@ -32,11 +32,10 @@
 
 // ----------------------------------------------------------------------------
 
-// Scoped in typesetted content to match specificity of regular content
-.md-typeset {
-  .footnote-backref {
-    // Back reference icon
-    @media print {
+@media print {
+  .md-typeset {
+    .footnote-backref {
+      // Back reference icon
       &::before {
         background-color: transparent;
         background-image: var(--print-md-footnotes-icon);
diff --git a/custum_style_src/material-polyfills/src/stylesheets/extensions/pymdown/_details.scss b/custum_style_src/material-polyfills/src/stylesheets/extensions/pymdown/_details.scss
index c316e6f7..0319ce6c 100644
--- a/custum_style_src/material-polyfills/src/stylesheets/extensions/pymdown/_details.scss
+++ b/custum_style_src/material-polyfills/src/stylesheets/extensions/pymdown/_details.scss
@@ -29,18 +29,17 @@
 }
 
 // ----------------------------------------------------------------------------
+@media print {
+  .md-typeset {
 
-// Scoped in typesetted content to match specificity of regular content
-.md-typeset {
-
-  // Details title
-  summary {
-    // Details marker
-    &::after {
-      background-color: transparent;
-      background-image: var(--print-md-details-icon);
-      mask-image: none;
-      transform: rotate(90deg); // 'open' always
+    // Details title
+    summary {
+      // Details marker
+      &::after {
+        background-color: transparent;
+        background-image: var(--print-md-details-icon);
+        mask-image: none;
+      }
     }
   }
 }
diff --git a/custum_style_src/material-polyfills/tsconfig.json b/custum_style_src/material-polyfills/tsconfig.json
new file mode 100644
index 00000000..382a02a1
--- /dev/null
+++ b/custum_style_src/material-polyfills/tsconfig.json
@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "alwaysStrict": true,
+    "baseUrl": "src/javascripts",
+    "lib": ["dom", "es2019"],
+    "target": "es5"
+  },
+  "exclude": [
+    "node_modules"
+  ]
+}
diff --git a/custum_style_src/material-polyfills/webpack.config.ts b/custum_style_src/material-polyfills/webpack.config.ts
index a3d143ba..475cf40b 100644
--- a/custum_style_src/material-polyfills/webpack.config.ts
+++ b/custum_style_src/material-polyfills/webpack.config.ts
@@ -22,75 +22,89 @@ function config(args: Configuration): Configuration {
     /* Loaders */
     module: {
       rules: [
+        /* Scripts */
+        {
+          test: /\.tsx?$/,
+          use: 'ts-loader',
+          exclude: /node_modules/
+        },
+
         /* SASS stylesheets */
         {
           test: /\.scss$/,
           use: [
             MiniCssExtractPlugin.loader,
             {
-              loader: "css-loader",
+              loader: 'css-loader',
               options: {
                 url: false,
-                sourceMap: true,
-              },
+                sourceMap: true
+              }
             },
             {
-              loader: "postcss-loader",
+              loader: 'postcss-loader',
               options: {
                 postcssOptions: {
                   plugins: [
-                    "autoprefixer",
-                    ["postcss-inline-svg", {
-                      paths: [path.resolve(__dirname, "node_modules")],
-                      encode: false,
-                    }],
-                    ["postcss-svgo", {
-                      plugins: [
-                        { removeDimensions: true },
-                        { removeViewBox: false },
-                      ],
-                      encode: false,
-                    }],
+                    'autoprefixer',
+                    [
+                      'postcss-inline-svg',
+                      {
+                        paths: [path.resolve(__dirname, 'node_modules')],
+                        encode: false
+                      }
+                    ],
+                    [
+                      'postcss-svgo',
+                      {
+                        plugins: [
+                          { removeDimensions: true },
+                          { removeViewBox: false }
+                        ],
+                        encode: false
+                      }
+                    ]
                   ],
-                  sourceMap: true,
-                },
-              },
+                  sourceMap: true
+                }
+              }
             },
             {
-              loader: "sass-loader",
+              loader: 'sass-loader',
               options: {
-                implementation: require("sass"),
+                implementation: require('sass'),
                 sassOptions: {
                   includePaths: [
-                    "node_modules/modularscale-sass/stylesheets",
-                    "node_modules/material-design-color",
-                  ],
+                    'node_modules/modularscale-sass/stylesheets',
+                    'node_modules/material-design-color'
+                  ]
                 },
-                sourceMap: true,
-              },
-            },
-          ],
-        },
-      ],
+                sourceMap: true
+              }
+            }
+          ]
+        }
+      ]
     },
 
     /* Module resolver */
     resolve: {
-      modules: [__dirname, path.resolve(__dirname, "node_modules")],
+      modules: [__dirname, path.resolve(__dirname, 'node_modules')],
+      extensions: ['.ts', '.js']
     },
 
     /* Plugins */
     plugins: [],
 
     /* Source maps */
-    devtool: args.mode === "production" ? "source-map" : "eval",
+    devtool: args.mode === 'production' ? 'source-map' : 'eval',
 
     /* Filter false positives and omit verbosity */
     stats: {
       entrypoints: false,
-      warningsFilter: [/export '.[^']+' was not found in/],
-    },
-  };
+      warningsFilter: [/export '.[^']+' was not found in/]
+    }
+  }
 }
 
 /* ----------------------------------------------------------------------------
@@ -112,7 +126,10 @@ export default (_env: never, args: Configuration): Configuration[] => {
     {
       ...base,
       entry: {
-        "material-polyfills": "src/stylesheets/polyfills.scss"
+        'material-polyfills': [
+          'src/javascripts/index.ts',
+          'src/stylesheets/polyfills.scss'
+        ]
       },
       output: {
         path: path.resolve(__dirname, "dist")
@@ -120,7 +137,7 @@ export default (_env: never, args: Configuration): Configuration[] => {
 
       /* Plugins */
       plugins: [
-        ...base.plugins,
+        // ...base.plugins,
 
         /* Stylesheets */
         new FixStyleOnlyEntriesPlugin(),
diff --git a/mkdocs_with_pdf/drivers/__init__.py b/mkdocs_with_pdf/drivers/__init__.py
new file mode 100644
index 00000000..e69de29b
diff --git a/mkdocs_with_pdf/drivers/headless_chrome.py b/mkdocs_with_pdf/drivers/headless_chrome.py
new file mode 100644
index 00000000..d8a61530
--- /dev/null
+++ b/mkdocs_with_pdf/drivers/headless_chrome.py
@@ -0,0 +1,40 @@
+import os
+from logging import Logger
+from shutil import which
+from subprocess import PIPE, Popen
+from tempfile import NamedTemporaryFile
+
+
+class HeadlessChromeDriver(object):
+    """ 'Headless Chrome' executor """
+
+    @classmethod
+    def setup(self, program_path: str, logger: Logger):
+        if not which(program_path):
+            raise RuntimeError(
+                'No such `Headless Chrome` program or not executable'
+                + f': "{program_path}".')
+        return self(program_path, logger)
+
+    def __init__(self, program_path: str, logger: Logger):
+        self._program_path = program_path
+        self._logger = logger
+
+    def render(self, html: str) -> str:
+        temp = NamedTemporaryFile(delete=False, suffix='.html')
+        try:
+            temp.write(html.encode('utf-8'))
+            temp.close()
+
+            self._logger.info("Rendering on `Headless Chrome`(execute JS).")
+            with Popen([self._program_path, '--headless', '--disable-gpu',
+                        '--dump-dom',
+                        temp.name], stdout=PIPE) as chrome:
+                return chrome.stdout.read().decode('utf-8')
+
+        except Exception as e:
+            self._logger.error(f'Failed to render by JS: {e}')
+        finally:
+            os.unlink(temp.name)
+
+        return html
diff --git a/mkdocs_with_pdf/generator.py b/mkdocs_with_pdf/generator.py
index 2bc4ce70..d54d3835 100644
--- a/mkdocs_with_pdf/generator.py
+++ b/mkdocs_with_pdf/generator.py
@@ -84,10 +84,12 @@ def is_excluded(url: str) -> bool:
         return self._theme.inject_link(output_content, pdf_path)
 
     def on_post_build(self, config, output_path):
-        soup = BeautifulSoup(
-            '<html><head></head><body></body></html>', 'html.parser')
         if self._head:
+            soup = BeautifulSoup('<html><body></body></html>', 'html.parser')
             soup.html.insert(0, self._head)
+        else:
+            soup = BeautifulSoup(
+                '<html><head></head><body></body></html>', 'html.parser')
 
         def add_stylesheet(stylesheet: str):
             if stylesheet:
@@ -109,20 +111,20 @@ def add_stylesheet(stylesheet: str):
 
         wrap_tabbed_set_content(soup, self._options.logger)
         fix_image_alignment(soup, self._options.logger)
-        fix_twemoji(soup, self._options.logger)
-
         convert_iframe(soup,
                        self._options.convert_iframe,
                        self._options.logger)
         convert_for_two_columns(soup,
                                 self._options.two_columns_level,
                                 self._options.logger)
+        html_string = self._render_js(soup)
 
         if self._options.debug_html:
             self._link_check(soup)
-            print(f'{soup}')
+            print(f'{html_string}')
 
-        html = HTML(string=str(soup))
+        self.logger.info("Rendering for PDF.")
+        html = HTML(string=html_string)
         render = html.render()
 
         abs_pdf_path = os.path.join(config['site_dir'], output_path)
@@ -314,3 +316,18 @@ def _link_check(self, soup):
             self.logger.info('  | --- found anchors:')
             for anchor in sorted(anchors):
                 self.logger.info(f'  | {anchor}')
+
+    # -------------------------------------------------------------
+
+    def _render_js(self, soup):
+        if not self._options.js_renderer:
+            fix_twemoji(soup, self._options.logger)
+            return str(soup)
+
+        scripts = self._theme.get_script_sources()
+        if len(scripts) > 0:
+            body = soup.find('body')
+            if body:
+                for src in scripts:
+                    body.append(soup.new_tag('script', src=f'file://{src}'))
+        return self._options.js_renderer.render(str(soup))
diff --git a/mkdocs_with_pdf/options.py b/mkdocs_with_pdf/options.py
index 322dc0e1..be2172d4 100644
--- a/mkdocs_with_pdf/options.py
+++ b/mkdocs_with_pdf/options.py
@@ -3,6 +3,8 @@
 from bs4 import BeautifulSoup
 from mkdocs.config import config_options
 
+from .drivers.headless_chrome import HeadlessChromeDriver
+
 
 def _normalize(text: str) -> str:
     if text:
@@ -36,7 +38,11 @@ class Options(object):
 
         ('exclude_pages', config_options.Type(list, default=[])),
         ('convert_iframe', config_options.Type(list, default=[])),
-        ('two_columns_level', config_options.Type(int, default=0))
+        ('two_columns_level', config_options.Type(int, default=0)),
+
+        ('render_js', config_options.Type(bool, default=False)),
+        ('headless_chrome_path',
+            config_options.Type(str, default='google-chrome'))
     )
 
     def __init__(self, local_config, config, logger: logging):
@@ -75,6 +81,12 @@ def __init__(self, local_config, config, logger: logging):
 
         self.two_columns_level = local_config['two_columns_level']
 
+        # ...etc.
+        self.js_renderer = None
+        if local_config['render_js']:
+            self.js_renderer = HeadlessChromeDriver.setup(
+                local_config['headless_chrome_path'], logger)
+
         # Theming
         self.theme_name = config['theme'].name
         self.theme_handler_path = config.get('theme_handler_path', None)
diff --git a/mkdocs_with_pdf/styles/_toc.scss b/mkdocs_with_pdf/styles/_toc.scss
index 76892d05..5521fd39 100644
--- a/mkdocs_with_pdf/styles/_toc.scss
+++ b/mkdocs_with_pdf/styles/_toc.scss
@@ -28,8 +28,7 @@ article#doc-toc {
     list-style: none;
     padding-left: 0;
     margin-left: 1em;
-    font-size: 90%;
-    line-height: 1.8;
+    font-size: 8pt;
     page-break-inside: auto !important;
   }
 
@@ -39,6 +38,7 @@ article#doc-toc {
       color: inherit;
       text-decoration: none;
 
+      padding-top: 0.4rem;
       border-bottom: 1px dotted #ddd;
       display: inline-block;
       width: 100%;
diff --git a/mkdocs_with_pdf/themes/generic.py b/mkdocs_with_pdf/themes/generic.py
index 1bb37dd5..b8955f69 100644
--- a/mkdocs_with_pdf/themes/generic.py
+++ b/mkdocs_with_pdf/themes/generic.py
@@ -5,6 +5,10 @@ def get_stylesheet() -> str:
     return None
 
 
+def get_script_sources() -> list:
+    return []
+
+
 def inject_link(html: str, href: str) -> str:
 
     soup = BeautifulSoup(html, 'html.parser')
diff --git a/mkdocs_with_pdf/themes/material-polyfills.css b/mkdocs_with_pdf/themes/material-polyfills.css
index 73dfbb24..24d65799 100644
--- a/mkdocs_with_pdf/themes/material-polyfills.css
+++ b/mkdocs_with_pdf/themes/material-polyfills.css
@@ -1,3 +1,3 @@
-.md-typeset kbd{vertical-align:middle;border-color:#b8b8b8;border-style:outset;border-width:.05rem .075rem .1rem .075rem;border-radius:.25rem;box-shadow:none}:root{--print-md-admonition-icon--note: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23448aff"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg>');--print-md-admonition-icon--abstract: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300b0ff"><path d="M4 5h16v2H4V5m0 4h16v2H4V9m0 4h16v2H4v-2m0 4h10v2H4v-2z"/></svg>');--print-md-admonition-icon--info: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300b8d4"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"/></svg>');--print-md-admonition-icon--tip: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300bfa5"><path d="M17.55 11.2c-.23-.3-.5-.56-.76-.82-.65-.6-1.4-1.03-2.03-1.66C13.3 7.26 13 4.85 13.91 3c-.91.23-1.75.75-2.45 1.32-2.54 2.08-3.54 5.75-2.34 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.22.1-.46.04-.64-.12a.83.83 0 01-.15-.17c-1.1-1.43-1.28-3.48-.53-5.12C5.89 10 5 12.3 5.14 14.47c.04.5.1 1 .27 1.5.14.6.4 1.2.72 1.73 1.04 1.73 2.87 2.97 4.84 3.22 2.1.27 4.35-.12 5.96-1.6 1.8-1.66 2.45-4.32 1.5-6.6l-.13-.26c-.2-.46-.47-.87-.8-1.25l.05-.01m-3.1 6.3c-.28.24-.73.5-1.08.6-1.1.4-2.2-.16-2.87-.82 1.19-.28 1.89-1.16 2.09-2.05.17-.8-.14-1.46-.27-2.23-.12-.74-.1-1.37.18-2.06.17.38.37.76.6 1.06.76 1 1.95 1.44 2.2 2.8.04.14.06.28.06.43.03.82-.32 1.72-.92 2.27h.01z"/></svg>');--print-md-admonition-icon--success: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300c853"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');--print-md-admonition-icon--question: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2364dd17"><path d="M15.07 11.25l-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 00-2-2 2 2 0 00-2 2H8a4 4 0 014-4 4 4 0 014 4 3.2 3.2 0 01-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10c0-5.53-4.5-10-10-10z"/></svg>');--print-md-admonition-icon--warning: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff9100"><path d="M13 14h-2v-4h2m0 8h-2v-2h2M1 21h22L12 2 1 21z"/></svg>');--print-md-admonition-icon--failure: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff5252"><path d="M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12 6.47 2 12 2m3.59 5L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41 15.59 7z"/></svg>');--print-md-admonition-icon--danger: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff1744"><path d="M11.5 20l4.86-9.73H13V4l-5 9.73h3.5V20M12 2c2.75 0 5.1 1 7.05 2.95C21 6.9 22 9.25 22 12s-1 5.1-2.95 7.05C17.1 21 14.75 22 12 22s-5.1-1-7.05-2.95C3 17.1 2 14.75 2 12s1-5.1 2.95-7.05C6.9 3 9.25 2 12 2z"/></svg>');--print-md-admonition-icon--bug: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f50057"><path d="M14 12h-4v-2h4m0 6h-4v-2h4m6-6h-2.81a5.985 5.985 0 00-1.82-1.96L17 4.41 15.59 3l-2.17 2.17a6.002 6.002 0 00-2.83 0L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8z"/></svg>');--print-md-admonition-icon--example: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23651fff"><path d="M7 13v-2h14v2H7m0 6v-2h14v2H7M7 7V5h14v2H7M3 8V5H2V4h2v4H3m-1 9v-1h3v4H2v-1h2v-.5H3v-1h1V17H2m2.25-7a.75.75 0 01.75.75c0 .2-.08.39-.21.52L3.12 13H5v1H2v-.92L4 11H2v-1h2.25z"/></svg>');--print-md-admonition-icon--quote: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%239e9e9e"><path d="M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3l-2 4z"/></svg>')}@media print{.md-typeset .admonition-title::before{background-color:transparent;background-image:var(--print-md-admonition-icon--note)}.md-typeset .note>.admonition-title::before,.md-typeset .note>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--note)}.md-typeset .abstract>.admonition-title::before,.md-typeset .tldr>.admonition-title::before,.md-typeset .summary>.admonition-title::before,.md-typeset .abstract>summary::before,.md-typeset .tldr>summary::before,.md-typeset .summary>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--abstract)}.md-typeset .info>.admonition-title::before,.md-typeset .todo>.admonition-title::before,.md-typeset .info>summary::before,.md-typeset .todo>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--info)}.md-typeset .tip>.admonition-title::before,.md-typeset .important>.admonition-title::before,.md-typeset .hint>.admonition-title::before,.md-typeset .tip>summary::before,.md-typeset .important>summary::before,.md-typeset .hint>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--tip)}.md-typeset .success>.admonition-title::before,.md-typeset .done>.admonition-title::before,.md-typeset .check>.admonition-title::before,.md-typeset .success>summary::before,.md-typeset .done>summary::before,.md-typeset .check>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--success)}.md-typeset .question>.admonition-title::before,.md-typeset .faq>.admonition-title::before,.md-typeset .help>.admonition-title::before,.md-typeset .question>summary::before,.md-typeset .faq>summary::before,.md-typeset .help>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--question)}.md-typeset .warning>.admonition-title::before,.md-typeset .attention>.admonition-title::before,.md-typeset .caution>.admonition-title::before,.md-typeset .warning>summary::before,.md-typeset .attention>summary::before,.md-typeset .caution>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--warning)}.md-typeset .failure>.admonition-title::before,.md-typeset .missing>.admonition-title::before,.md-typeset .fail>.admonition-title::before,.md-typeset .failure>summary::before,.md-typeset .missing>summary::before,.md-typeset .fail>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--failure)}.md-typeset .danger>.admonition-title::before,.md-typeset .error>.admonition-title::before,.md-typeset .danger>summary::before,.md-typeset .error>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--danger)}.md-typeset .bug>.admonition-title::before,.md-typeset .bug>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--bug)}.md-typeset .example>.admonition-title::before,.md-typeset .example>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--example)}.md-typeset .quote>.admonition-title::before,.md-typeset .cite>.admonition-title::before,.md-typeset .quote>summary::before,.md-typeset .cite>summary::before{background-color:transparent;background-image:var(--print-md-admonition-icon--quote)}}:root{--print-md-footnotes-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000000de"><path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.42L5.83 13H21V7h-2z"/></svg>')}@media print{.md-typeset .footnote-backref::before{background-color:transparent;background-image:var(--print-md-footnotes-icon)}}:root{--print-md-details-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(0, 0%, 0%, 0.87)"><path d="M8.59 16.58L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42z"/></svg>')}.md-typeset summary::after{background-color:transparent;background-image:var(--print-md-details-icon);-webkit-mask-image:none;mask-image:none;transform:rotate(90deg)}:root{--print-md-tasklist-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ddd"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');--print-md-tasklist-icon--checked: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300e676"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>')}@media print{.md-typeset .task-list-control .task-list-indicator::before{background-color:transparent;background-image:var(--print-md-tasklist-icon)}.md-typeset .task-list-control [type=checkbox]:checked+.task-list-indicator::before{background-color:transparent;background-image:var(--print-md-tasklist-icon--checked)}}
+.md-typeset kbd{vertical-align:middle;border-color:#b8b8b8;border-style:outset;border-width:.05rem .075rem .1rem .075rem;border-radius:.25rem;box-shadow:none}:root{--print-md-admonition-icon--note: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23448aff"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/></svg>');--print-md-admonition-icon--abstract: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300b0ff"><path d="M4 5h16v2H4V5m0 4h16v2H4V9m0 4h16v2H4v-2m0 4h10v2H4v-2z"/></svg>');--print-md-admonition-icon--info: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300b8d4"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0012 2z"/></svg>');--print-md-admonition-icon--tip: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300bfa5"><path d="M17.55 11.2c-.23-.3-.5-.56-.76-.82-.65-.6-1.4-1.03-2.03-1.66C13.3 7.26 13 4.85 13.91 3c-.91.23-1.75.75-2.45 1.32-2.54 2.08-3.54 5.75-2.34 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.22.1-.46.04-.64-.12a.83.83 0 01-.15-.17c-1.1-1.43-1.28-3.48-.53-5.12C5.89 10 5 12.3 5.14 14.47c.04.5.1 1 .27 1.5.14.6.4 1.2.72 1.73 1.04 1.73 2.87 2.97 4.84 3.22 2.1.27 4.35-.12 5.96-1.6 1.8-1.66 2.45-4.32 1.5-6.6l-.13-.26c-.2-.46-.47-.87-.8-1.25l.05-.01m-3.1 6.3c-.28.24-.73.5-1.08.6-1.1.4-2.2-.16-2.87-.82 1.19-.28 1.89-1.16 2.09-2.05.17-.8-.14-1.46-.27-2.23-.12-.74-.1-1.37.18-2.06.17.38.37.76.6 1.06.76 1 1.95 1.44 2.2 2.8.04.14.06.28.06.43.03.82-.32 1.72-.92 2.27h.01z"/></svg>');--print-md-admonition-icon--success: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300c853"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');--print-md-admonition-icon--question: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2364dd17"><path d="M15.07 11.25l-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 00-2-2 2 2 0 00-2 2H8a4 4 0 014-4 4 4 0 014 4 3.2 3.2 0 01-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 002 12a10 10 0 0010 10 10 10 0 0010-10c0-5.53-4.5-10-10-10z"/></svg>');--print-md-admonition-icon--warning: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff9100"><path d="M13 14h-2v-4h2m0 8h-2v-2h2M1 21h22L12 2 1 21z"/></svg>');--print-md-admonition-icon--failure: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff5252"><path d="M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12 6.47 2 12 2m3.59 5L12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12 17 8.41 15.59 7z"/></svg>');--print-md-admonition-icon--danger: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ff1744"><path d="M11.5 20l4.86-9.73H13V4l-5 9.73h3.5V20M12 2c2.75 0 5.1 1 7.05 2.95C21 6.9 22 9.25 22 12s-1 5.1-2.95 7.05C17.1 21 14.75 22 12 22s-5.1-1-7.05-2.95C3 17.1 2 14.75 2 12s1-5.1 2.95-7.05C6.9 3 9.25 2 12 2z"/></svg>');--print-md-admonition-icon--bug: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f50057"><path d="M14 12h-4v-2h4m0 6h-4v-2h4m6-6h-2.81a5.985 5.985 0 00-1.82-1.96L17 4.41 15.59 3l-2.17 2.17a6.002 6.002 0 00-2.83 0L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8z"/></svg>');--print-md-admonition-icon--example: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23651fff"><path d="M7 13v-2h14v2H7m0 6v-2h14v2H7M7 7V5h14v2H7M3 8V5H2V4h2v4H3m-1 9v-1h3v4H2v-1h2v-.5H3v-1h1V17H2m2.25-7a.75.75 0 01.75.75c0 .2-.08.39-.21.52L3.12 13H5v1H2v-.92L4 11H2v-1h2.25z"/></svg>');--print-md-admonition-icon--quote: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%239e9e9e"><path d="M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3l-2 4z"/></svg>')}@media print{.md-typeset .admonition-title{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .admonition-title::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--note)}.md-typeset .note>.admonition-title,.md-typeset .note>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .note>.admonition-title::before,.md-typeset .note>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--note)}.md-typeset .abstract>.admonition-title,.md-typeset .tldr>.admonition-title,.md-typeset .summary>.admonition-title,.md-typeset .abstract>summary,.md-typeset .tldr>summary,.md-typeset .summary>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .abstract>.admonition-title::before,.md-typeset .tldr>.admonition-title::before,.md-typeset .summary>.admonition-title::before,.md-typeset .abstract>summary::before,.md-typeset .tldr>summary::before,.md-typeset .summary>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--abstract)}.md-typeset .info>.admonition-title,.md-typeset .todo>.admonition-title,.md-typeset .info>summary,.md-typeset .todo>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .info>.admonition-title::before,.md-typeset .todo>.admonition-title::before,.md-typeset .info>summary::before,.md-typeset .todo>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--info)}.md-typeset .tip>.admonition-title,.md-typeset .important>.admonition-title,.md-typeset .hint>.admonition-title,.md-typeset .tip>summary,.md-typeset .important>summary,.md-typeset .hint>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .tip>.admonition-title::before,.md-typeset .important>.admonition-title::before,.md-typeset .hint>.admonition-title::before,.md-typeset .tip>summary::before,.md-typeset .important>summary::before,.md-typeset .hint>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--tip)}.md-typeset .success>.admonition-title,.md-typeset .done>.admonition-title,.md-typeset .check>.admonition-title,.md-typeset .success>summary,.md-typeset .done>summary,.md-typeset .check>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .success>.admonition-title::before,.md-typeset .done>.admonition-title::before,.md-typeset .check>.admonition-title::before,.md-typeset .success>summary::before,.md-typeset .done>summary::before,.md-typeset .check>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--success)}.md-typeset .question>.admonition-title,.md-typeset .faq>.admonition-title,.md-typeset .help>.admonition-title,.md-typeset .question>summary,.md-typeset .faq>summary,.md-typeset .help>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .question>.admonition-title::before,.md-typeset .faq>.admonition-title::before,.md-typeset .help>.admonition-title::before,.md-typeset .question>summary::before,.md-typeset .faq>summary::before,.md-typeset .help>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--question)}.md-typeset .warning>.admonition-title,.md-typeset .attention>.admonition-title,.md-typeset .caution>.admonition-title,.md-typeset .warning>summary,.md-typeset .attention>summary,.md-typeset .caution>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .warning>.admonition-title::before,.md-typeset .attention>.admonition-title::before,.md-typeset .caution>.admonition-title::before,.md-typeset .warning>summary::before,.md-typeset .attention>summary::before,.md-typeset .caution>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--warning)}.md-typeset .failure>.admonition-title,.md-typeset .missing>.admonition-title,.md-typeset .fail>.admonition-title,.md-typeset .failure>summary,.md-typeset .missing>summary,.md-typeset .fail>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .failure>.admonition-title::before,.md-typeset .missing>.admonition-title::before,.md-typeset .fail>.admonition-title::before,.md-typeset .failure>summary::before,.md-typeset .missing>summary::before,.md-typeset .fail>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--failure)}.md-typeset .danger>.admonition-title,.md-typeset .error>.admonition-title,.md-typeset .danger>summary,.md-typeset .error>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .danger>.admonition-title::before,.md-typeset .error>.admonition-title::before,.md-typeset .danger>summary::before,.md-typeset .error>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--danger)}.md-typeset .bug>.admonition-title,.md-typeset .bug>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .bug>.admonition-title::before,.md-typeset .bug>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--bug)}.md-typeset .example>.admonition-title,.md-typeset .example>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .example>.admonition-title::before,.md-typeset .example>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--example)}.md-typeset .quote>.admonition-title,.md-typeset .cite>.admonition-title,.md-typeset .quote>summary,.md-typeset .cite>summary{padding:.6rem .6rem .4rem 2.2rem}.md-typeset .quote>.admonition-title::before,.md-typeset .cite>.admonition-title::before,.md-typeset .quote>summary::before,.md-typeset .cite>summary::before{margin-top:-0.15rem;background-color:transparent;background-image:var(--print-md-admonition-icon--quote)}}:root{--print-md-footnotes-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23000000de"><path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.42L5.83 13H21V7h-2z"/></svg>')}@media print{.md-typeset .footnote-backref::before{background-color:transparent;background-image:var(--print-md-footnotes-icon)}}:root{--print-md-details-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(0, 0%, 0%, 0.87)"><path d="M8.59 16.58L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.42z"/></svg>')}@media print{.md-typeset summary::after{background-color:transparent;background-image:var(--print-md-details-icon);-webkit-mask-image:none;mask-image:none}}:root{--print-md-tasklist-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ddd"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');--print-md-tasklist-icon--checked: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2300e676"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>')}@media print{.md-typeset .task-list-control .task-list-indicator::before{background-color:transparent;background-image:var(--print-md-tasklist-icon)}.md-typeset .task-list-control [type=checkbox]:checked+.task-list-indicator::before{background-color:transparent;background-image:var(--print-md-tasklist-icon--checked)}}
 
 /*# sourceMappingURL=material-polyfills.css.map*/
\ No newline at end of file
diff --git a/mkdocs_with_pdf/themes/material-polyfills.js b/mkdocs_with_pdf/themes/material-polyfills.js
new file mode 100644
index 00000000..d1c5da30
--- /dev/null
+++ b/mkdocs_with_pdf/themes/material-polyfills.js
@@ -0,0 +1,2 @@
+!function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,r){r(1),e.exports=r(3)},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),r(2)},function(e,t,r){"use strict";var n;(n=document.querySelectorAll(".twemoji>svg"))&&0!=n.length&&n.forEach((function(e){var t=document.createElement("img"),r=window.getComputedStyle(e).color||"#333";e.setAttribute("style","fill:"+r+";");var n=(new XMLSerializer).serializeToString(e),o="data:image/svg+xml;base64,"+window.btoa(n);t.setAttribute("src",o),e.parentNode.replaceChild(t,e)}))},function(e,t,r){}]);
+//# sourceMappingURL=material-polyfills.js.map
\ No newline at end of file
diff --git a/mkdocs_with_pdf/themes/material.py b/mkdocs_with_pdf/themes/material.py
index 115b2850..c8c9fa74 100644
--- a/mkdocs_with_pdf/themes/material.py
+++ b/mkdocs_with_pdf/themes/material.py
@@ -13,6 +13,11 @@ def get_stylesheet() -> str:
     return style
 
 
+def get_script_sources() -> list:
+    base_path = os.path.abspath(os.path.dirname(__file__))
+    return list(map(lambda src: os.path.join(base_path, src), ['material-polyfills.js']))
+
+
 def inject_link(html: str, href: str) -> str:
     soup = BeautifulSoup(html, 'html.parser')
 
@@ -21,7 +26,8 @@ def inject_link(html: str, href: str) -> str:
         container = footer[0]
 
         container.append(' ... ')
-        a = soup.new_tag('a', href=href, title='PDF', download=None)
+        a = soup.new_tag('a', href=href, title='PDF',
+                         download=None, **{'class': 'link--pdf-download'})
         a.append('download PDF')
 
         container.append(a)
diff --git a/mkdocs_with_pdf/themes/material.scss b/mkdocs_with_pdf/themes/material.scss
index a0fe4318..8c204e86 100644
--- a/mkdocs_with_pdf/themes/material.scss
+++ b/mkdocs_with_pdf/themes/material.scss
@@ -68,10 +68,14 @@
       border-bottom: 1px dotted #999;
     }
 
+    .footnote {
+      line-height: 1.1;
+    }
+
     // Data tables
     table:not([class]) {
       th, td {
-        padding: 0.5em 1.25em 0.4em;
+        padding: 0.5em 1.25rem 0.4em;
       }
 
       td {
@@ -80,8 +84,15 @@
     }
   }
 
-  #doc-toc .twemoji > img,
-  .md-typeset .twemoji > img {
-    height: 1rem;
+  .md-typeset {
+    span.twemoji {
+      vertical-align: middle;
+      height: 1.125rem;
+
+      > img {
+        height: 1.125rem;
+        vertical-align: middle;
+      }
+    }
   }
 }
diff --git a/mkdocs_with_pdf/themes/mkdocs.py b/mkdocs_with_pdf/themes/mkdocs.py
index b5d0af62..ceb90153 100644
--- a/mkdocs_with_pdf/themes/mkdocs.py
+++ b/mkdocs_with_pdf/themes/mkdocs.py
@@ -10,6 +10,10 @@ def get_stylesheet() -> str:
     return sass.compile(filename=filename, output_style='compressed')
 
 
+def get_script_sources() -> list:
+    return []
+
+
 def inject_link(html: str, href: str) -> str:
 
     soup = BeautifulSoup(html, 'html.parser')
diff --git a/mkdocs_with_pdf/utils/iframe_util.py b/mkdocs_with_pdf/utils/iframe_util.py
index 67f6a21b..d07efd0e 100644
--- a/mkdocs_with_pdf/utils/iframe_util.py
+++ b/mkdocs_with_pdf/utils/iframe_util.py
@@ -21,7 +21,7 @@ def convert_iframe(soup: PageElement, entries: list, logger: Logger = None):
         return
 
     if logger:
-        logger.info('Converting iframe to poster image.')
+        logger.info('Converting <iframe> to poster image(if available).')
 
     for iframe in soup.find_all('iframe', src=True):
         for entry in entries:
diff --git a/mkdocs_with_pdf/utils/image_util.py b/mkdocs_with_pdf/utils/image_util.py
index 2449e482..3e73506d 100644
--- a/mkdocs_with_pdf/utils/image_util.py
+++ b/mkdocs_with_pdf/utils/image_util.py
@@ -8,7 +8,7 @@ def fix_image_alignment(soup: PageElement, logger: Logger = None):
     """
 
     if logger:
-        logger.info('Converting img align(workaround).')
+        logger.info('Converting <img> alignment(workaround).')
 
     for img in soup.select('img'):
         try:
diff --git a/mkdocs_with_pdf/utils/layout_util.py b/mkdocs_with_pdf/utils/layout_util.py
index 78d63703..67cb7c48 100644
--- a/mkdocs_with_pdf/utils/layout_util.py
+++ b/mkdocs_with_pdf/utils/layout_util.py
@@ -17,7 +17,7 @@ def convert_for_two_columns(soup: PageElement,
         return
 
     if logger:
-        logger.info('Converting to two columns layout.')
+        logger.info('Converting for two-column layout(heading level 3).')
 
     ignored = []
     for el in soup.find_all('h3'):
@@ -26,7 +26,8 @@ def convert_for_two_columns(soup: PageElement,
         els = [i for i in itertools.takewhile(
             lambda x: x.name not in ['h1', 'h2'],
             el.next_siblings)]
-        section = soup.new_tag('section', **{'class': 'two-columns'})
+        section = soup.new_tag(
+            'section', **{'class': 'md-typeset two-columns'})
         el.wrap(section)
         for tag in els:
             section.append(tag)
diff --git a/mkdocs_with_pdf/utils/tabbed_set_util.py b/mkdocs_with_pdf/utils/tabbed_set_util.py
index c1ef03e7..2d0a1ec7 100644
--- a/mkdocs_with_pdf/utils/tabbed_set_util.py
+++ b/mkdocs_with_pdf/utils/tabbed_set_util.py
@@ -14,3 +14,6 @@ def wrap_tabbed_set_content(soup: PageElement, logger: Logger = None):
             radio.wrap(wrapper)
             for tag in els:
                 wrapper.append(tag)
+
+    for d in soup.select('details'):
+        d['open'] = ''
diff --git a/samples/mkdocs-material/docs/assets/css/extra.css b/samples/mkdocs-material/docs/assets/css/extra.css
index 73751a2b..e541630c 100644
--- a/samples/mkdocs-material/docs/assets/css/extra.css
+++ b/samples/mkdocs-material/docs/assets/css/extra.css
@@ -4,7 +4,7 @@
   }
   .md-typeset ul li,
   .md-typeset ol li {
-    margin-bottom: .25em;
+    margin-bottom: .25rem;
   }
 
   #doc-toc ul li>a>span,
@@ -17,11 +17,33 @@
   .md-typeset h1>span,
   .md-typeset h2>span,
   .md-typeset h3>span {
-    padding-right: 0.2em;
+    padding-right: 0.5rem;
   }
 
+  /** workaround [[ */
+  .md-typeset h2>span.twemoji,
+  .md-typeset h2>span.twemoji>img {
+    height: 1.363em;
+  }
+  .md-typeset h2>span.twemoji>img {
+    margin-top: -0.3em;
+  }
+  #doc-toc span.twemoji,
+  #doc-toc span.twemoji img {
+    height: 1.125rem;
+    vertical-align: middle;
+  }
+  /* ]] **/
+
   .md-typeset .tx-content__footer hr {
     background-color: transparent;
-    border-bottom: 1px solid #e91e63;
+    border-bottom: 0.5px solid #e91e63;
+  }
+
+  section.md-typeset[data-url="/changelog/"] h4+ul {
+    margin: 0;
+  }
+  section.md-typeset[data-url="/changelog/"] ul>li {
+    margin-bottom: 0;
   }
 }
diff --git a/samples/mkdocs-material/document.pdf b/samples/mkdocs-material/document.pdf
index 705ac4a5..efaf668e 100644
Binary files a/samples/mkdocs-material/document.pdf and b/samples/mkdocs-material/document.pdf differ
diff --git a/samples/mkdocs-material/mkdocs.yml b/samples/mkdocs-material/mkdocs.yml
index c8e0602e..d88d41c0 100644
--- a/samples/mkdocs-material/mkdocs.yml
+++ b/samples/mkdocs-material/mkdocs.yml
@@ -95,6 +95,8 @@ plugins:
         - src: https://streamable.com/e/lz4me5
           img: https://cdn-cf-east.streamable.com/image/lz4me5-screenshot147626.jpg
       two_columns_level: 3
+      render_js: true
+      #headless_chrome_path: chrome
       output_path: ../document.pdf
       #debug_html: true
       #verbose: true