Fix documentation styles (filenames collision)
diff --git a/_docs/_sass/docs.scss b/_docs/_sass/page-docs.scss
similarity index 100%
rename from _docs/_sass/docs.scss
rename to _docs/_sass/page-docs.scss
diff --git a/_docs/assets/css/styles.scss b/_docs/assets/css/styles.scss
index 1eb1c53..de05c4a 100644
--- a/_docs/assets/css/styles.scss
+++ b/_docs/assets/css/styles.scss
@@ -12,6 +12,6 @@
 @import "footer";
 @import "railroad-diagram";
 
-@import "docs";
+@import "page-docs";
 
 @import "asciidoc-pygments";
\ No newline at end of file
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 904a1e1..bc4e4cc 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -999,6 +999,246 @@
   fill: #eee;
 }
 
+section.page-docs {
+  display: grid;
+  transition: grid-template-columns 0.15s;
+  grid-template-columns: auto 1fr auto;
+  grid-template-rows: 100%;
+  grid-template-areas: "left-nav content right-nav";
+  line-height: 20px;
+  max-width: 1440px;
+  margin: auto;
+  width: 100%;
+}
+section.page-docs > article {
+  border-left: 1px solid #eeeeee;
+  background-color: #ffffff;
+  padding: 0 50px 30px;
+  grid-area: content;
+  overflow: hidden;
+  font-family: sans-serif;
+  font-size: 16px;
+  color: #545454;
+  line-height: 1.6em;
+}
+section.page-docs > article h1, section.page-docs > article h2, section.page-docs > article h3:not(.discrete), section.page-docs > article h4, section.page-docs > article h5, section.page-docs > article strong, section.page-docs > article th {
+  font-family: "Open Sans";
+}
+section.page-docs > article li {
+  margin-bottom: 0.5em;
+}
+section.page-docs > article li > p {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+section.page-docs > article img {
+  max-width: 100%;
+  height: auto;
+}
+@media (max-width: 800px) {
+  section.page-docs > article {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+}
+section.page-docs .edit-link {
+  position: relative;
+  top: 10px;
+  right: 10px;
+  float: right;
+  padding-top: calc(var(--header-height) + var(--padding-top));
+  margin-top: calc(-1 * var(--header-height));
+}
+section.page-docs h1, section.page-docs h2, section.page-docs h3:not(.discrete), section.page-docs h4, section.page-docs h5 {
+  margin-bottom: 0;
+}
+section.page-docs h1[id], section.page-docs h2[id], section.page-docs h3:not(.discrete)[id], section.page-docs h4[id], section.page-docs h5[id] {
+  margin-top: var(--margin-top);
+  margin-bottom: calc(var(--margin-top) * 0.5);
+  z-index: -1;
+}
+section.page-docs .toc > ul {
+  margin: 0;
+}
+section.page-docs .content > .pygments.highlight {
+  margin-top: 0px;
+}
+section.page-docs .title {
+  font-style: italic;
+}
+section.page-docs .checkmark:before {
+  content: "";
+  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-square' class='svg-inline--fa fa-check-square fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2300a100' d='M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z'%3E%3C/path%3E%3C/svg%3E");
+  width: 15px;
+  height: 15px;
+  display: inline-block;
+  background-repeat: no-repeat;
+  visibility: visible;
+}
+section.page-docs .checkmark {
+  visibility: hidden;
+}
+section.page-docs .stretch {
+  width: 100%;
+}
+section.page-docs h1[id] {
+  --margin-top: 1em;
+}
+section.page-docs h2[id] {
+  --margin-top: 1.2em;
+}
+section.page-docs .toc > h2 {
+  --margin-top: 1em;
+}
+section.page-docs h3[id] {
+  --margin-top: 1.2em;
+}
+section.page-docs h4[id] {
+  --margin-top: 0.5em;
+}
+section.page-docs h5[id] {
+  --margin-top: 1.67em;
+}
+section.page-docs .imageblock .content, section.page-docs .image {
+  text-align: center;
+  display: block;
+}
+section.page-docs .imageblock img:not([width]):not([height]), section.page-docs .image img:not([width]):not([height]) {
+  width: auto;
+  height: auto;
+  max-width: 100%;
+  max-height: 450px;
+}
+section.page-docs strong {
+  color: #757575;
+}
+section.page-docs th.valign-top, section.page-docs td.valign-top {
+  vertical-align: top;
+}
+section.page-docs table {
+  margin: 16px 0;
+}
+section.page-docs table tr td {
+  hyphens: auto;
+}
+section.page-docs table thead, section.page-docs table tfoot {
+  background: #f7f8f7;
+  color: #757575;
+}
+section.page-docs table tr.even, section.page-docs table tr.alt {
+  background: #f8f8f7;
+}
+section.page-docs table.stripes-all tr, section.page-docs table.stripes-odd tr:nth-of-type(odd), section.page-docs table.stripes-even tr:nth-of-type(even), section.page-docs table.stripes-hover tr:hover {
+  background: #f8f8f7;
+}
+
+.copyright {
+  margin-top: 3em;
+  padding-top: 1em;
+  border-top: 1px solid #f0f0f0;
+  font-size: 0.9em;
+  line-height: 1.8em;
+  color: #757575;
+}
+
+body.hide-left-nav .left-nav {
+  display: none;
+}
+
+.left-nav {
+  bottom: 0;
+  position: -webkit-sticky;
+  position: sticky;
+}
+
+.left-nav {
+  grid-area: left-nav;
+}
+
+.right-nav {
+  grid-area: right-nav;
+}
+
+.left-nav__overlay {
+  display: none;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 1;
+  position: fixed;
+  top: var(--header-height);
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+#doc-feedback-btn {
+  background-color: #b02032 !important;
+  display: block;
+  font-weight: 400;
+  color: white;
+  text-align: center;
+  cursor: pointer;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  margin: 1rem auto;
+  font-size: 14px;
+  line-height: 1.5;
+  border-radius: 0.25rem;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+@media (max-width: 990px) {
+  body:not(.hide-left-nav) .left-nav__overlay {
+    display: block;
+  }
+  nav.left-nav {
+    background: #fafafa;
+    grid-area: left-nav;
+    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);
+    min-height: calc(100vh - var(--header-height));
+    max-height: calc(100vh - var(--header-height));
+    position: fixed;
+    bottom: 0;
+    top: var(--header-height);
+    z-index: 2;
+  }
+  section.page-docs > article {
+    grid-column-start: left-nav;
+    grid-column-end: content;
+    grid-row: content;
+  }
+}
+@media (max-width: 800px) {
+  nav.right-nav {
+    display: block;
+    width: 100%;
+    height: 80px;
+  }
+  nav.right-nav .toc-wrapper {
+    display: none;
+  }
+  section.page-docs {
+    display: block;
+  }
+}
+:target:before {
+  content: "";
+  display: block;
+  margin-top: calc(var(--header-height) * -1);
+  height: var(--header-height);
+  width: 1px;
+}
+
+@media (min-width: 600px) and (max-width: 900px) {
+  :target:before {
+    content: "";
+    display: block;
+    width: 1px;
+    margin-top: -150px;
+    height: 150px;
+  }
+}
 pre.pygments .hll {
   background-color: #ffffcc;
 }
diff --git a/assets/css/styles.css.map b/assets/css/styles.css.map
index 1758af0..4a7e7bb 100644
--- a/assets/css/styles.css.map
+++ b/assets/css/styles.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../_sass/variables.scss","../../_sass/header.scss","../../_sass/code.scss","../../_sass/rouge-base16-solarized.scss","../../_sass/text.scss","../../_sass/callouts.scss","../../_sass/layout.scss","../../_sass/left-nav.scss","../../_sass/right-nav.scss","../../_sass/footer.scss","../../_sass/railroad-diagram.scss","../../_sass/asciidoc-pygments.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AClBJ;EAEI;EACA;EACA;EAGA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACI;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAGJ;EAEI;EACA;;AACA;EACI;;AAIR;EACI;EACA;EAEA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;EACA;;AAMJ;EACI;EACA;EACA;;AAGA;EAEI;EACA;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAMR;EACI;;AAEA;EACI;EACA;;AAEA;EACI;;AAIA;EACI;;AAEJ;EACI;;AASxB;EACI;EACA;EACA;;AAEA;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;;AAOR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKZ;EACI;;AAIJ;EACI;;AAMJ;EACI;IACI;;EACA;IACI;;;AAMR;EACI;;AAIJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKR;EACI;;AAGR;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAOZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAEJ;EACI;;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;;AAGJ;EACI;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EAGI;IACI;IACA,qBACI;;EASR;IACI;;;AAKR;AAGA;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;ACrhBJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACH;EACG;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACG;;;AAGH;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACN;;AAEM;EACI;;AAEV;EACE;;AAIA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;;;AC5FR;EAAsB;;;AACtB;EAAuB;;;AACvB;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC3EF;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;;AC5CZ;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEH;EACO;EACA;;AAEA;EACI;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;;AC7DR;EACI;EACA;EACA;EACA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAGR;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EAEI;IACI;;;ACtCR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIX;EACK;;AAGF;EACI;EACA;;AAGJ;EACI;EAEA;;AAEA;EACI;;AAIR;EACI;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAGP;EACO;;AAEA;EACI;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EAEI;;AAGJ;EACI;;;AC7FR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACI;EACA;EACA;;AAIR;EACI;;AAIA;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGR;EACI;IACI;;;AAKR;EAGQ;IACI;IACA;;EAEA;IACI;;;ACnFhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;;ACZZ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAMA;AACE;;AAKF;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;;ACrEJ;EAAoB;;;AACpB;EAAkC;;;AAClC;EAAsB;EAAiB;AACvC;EAAwB;EAA4B;AACpD;EAAsB;EAAiB;AACvC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAwB;EAAiB;AACzC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAqB;AAC5C;EAAuB;EAAoB;AAC3C;EAAuB;EAAoB;AAC3C;EAAuB;EAAoB;AAC3C;EAAuB;EAAoB;AAC3C;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAsB;EAAiB;AACvC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB","sourcesContent":[":root {\n    --gg-red: #ec1c24;\n    --gg-orange: #ec1c24;\n    --gg-orange-dark: #bc440b;\n    --gg-orange-filter: invert(47%) sepia(61%) saturate(1950%) hue-rotate(345deg) brightness(100%) contrast(95%);\n    --gg-dark-gray: #333333;\n    --orange-line-thickness: 3px;\n    --block-code-background: rgba(241, 241, 241, 20%);\n    --inline-code-background: rgba(241, 241, 241, 90%);\n    --padding-top: 25px; \n    --link-color: #ec1c24;\n    --body-background: #fcfcfc;\n}\n\n@font-face {\n    font-family: 'Open Sans';\n    font-weight: 300;\n    font-display: swap;\n    font-style: normal;\n}\n","header {\n\n    min-height: var(--header-height);\n    background: white;\n    box-shadow: 0 4px 10px 0 #eeeeee, 0 0 4px 0 #d5d5d5;\n    \n\n    z-index: 1;\n\n    #promotion-bar {\n        background-color: #333333;\n        padding: 8px;\n        \n        p {\n            font-size: 14px;\n            line-height: 1.4em;\n            font-weight: 600;\n            padding: 0;\n            margin: 0;\n\n            color: #f0f0f0;\n            text-align: center;\n\n            a {\n                color: #FCB903;\n            }\n        }\n    }\n\n\n    > .container {\n        display: grid;\n        grid-template-columns: auto auto 1fr auto auto auto;\n        grid-template-areas: 'left-toggle home nav ver api search lang';\n        grid-template-rows: 40px;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-start;\n        padding: 12px 20px;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    a:hover, button:hover {\n        opacity: 0.85;\n    }\n\n    li:hover .dropdown, a:focus + .dropdown {\n        display: block;\n    }\n\n    .dropdown-arrow {\n        margin-left: 5px;\n        margin-bottom: 3px;\n\n        width: 8px;\n        height: 4px;\n    }\n\n    nav > ul {\n        padding: 0;\n        margin: 0;\n        list-style: none;\n        display: inherit;\n    }\n\n    .dropdown {\n        display: none;\n        position: fixed;\n        top: calc(var(--header-height) - 12px);\n        width: auto;\n        background: white;\n        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);\n        border-radius: 4px;\n        padding-top: 10px;\n        padding-bottom: 12px;\n        z-index: 2;\n\n        \n\n        li {\n            display: flex;\n        }\n\n        a {\n            color: grey !important;\n            font-size: 16px;\n            padding-top: 5px;\n            padding-bottom: 4px;\n            &:hover {\n                color: var(--gg-orange) !important;\n            }\n        }\n    }\n\n    .menu {\n        border: none;\n        background: none;\n        width: 40px;\n        height: 40px;\n        margin-right: 12px;\n        cursor: pointer;\n        grid-area: left-toggle;\n\n        img {\n            width: 18px;\n            height: 12px;\n        }\n    }\n\n    .search-toggle, .top-nav-toggle, .github, .search-close {\n        background: none;\n        border: none;\n        padding: 0;\n        width: 36px;\n        height: 36px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--gg-dark-gray);\n        font-size: 26px;\n    }\n    .search-toggle {\n        grid-area: search;\n    }\n    .top-nav-toggle {\n        grid-area: top-toggle;\n    }\n\n    .home {\n        \n        grid-area: home;\n        margin-right: auto;\n        img {\n            height: 36px;\n        }\n    }\n\n    #api-docs {\n        grid-area: api;\n        margin: 0;\n        // font-weight: 600;\n        display: flex;\n\n        > li {\n            list-style: none;\n            margin-right: 0.5em;\n            display: flex;\n        }\n\n        .dropdown {\n            padding: .5em 0;\n        }\n        \n        .dropdown-item-heading, a {\n            padding: 9px 14px;\n            color: var(--gg-dark-gray) !important;\n            text-decoration: none;\n            white-space: nowrap;\n\n            &.active {\n                border-radius: 3px;\n                background-color: #f0f0f0;\n            }\n        }\n\n        .dropdown-item {\n            a {\n                font-weight: normal;\n                display: block;\n                width: 100%;\n                min-width: 150px;\n\n                &:hover {\n                    background-color: #e9e9e9;\n                }\n            }\n        }\n\n        .dropdown-item-heading {\n            font-weight: bold;\n            color: grey !important;\n            border-bottom: 2px solid #e9e9e9;\n            padding-left: 0;\n        }\n\n    }\n    \n    #lang-selector {\n        li {\n            list-style: none;\n            display: flex;\n            padding: 9px 14px;\n\n\n            a {\n\n                display: flex;\n                color: #000000;\n                align-items: center;\n\n                \n                span {\n                    font-size: 10px;\n                    margin-left: 5px;\n                }\n\n\n                img {\n                    width: 25px;\n                }\n\n                \n            }\n\n            .dropdown {\n                margin-left: -70px;\n\n                .dropdown-item {\n                    padding: 0 1em;\n                    margin-bottom: 8px;\n\n                    &:hover {\n                        background-color: #e9e9e9;\n                    }\n\n                    a {\n                        span {\n                            font-size: 14px;\n                        }\n                        &:hover {\n                            color: #000000;\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n\n    .search {\n        margin-left: auto;\n        margin-right: 20px;\n        grid-area: search;\n\n        input[type='search'] {\n            color: var(--gg-dark-gray);\n            \n            background: rgba(255, 255, 255, 0.8);\n            border: 1px solid #cccccc;\n            padding: 10px 15px;\n            font-family: inherit;\n            max-width: 148px;\n            height: 37px;\n            font-size: 14px;\n            -webkit-appearance: unset;\n            appearance: unset;\n\n            &[disabled] {\n                opacity: 0.5;\n                cursor: not-allowed;\n            }\n        }\n\n    }\n\n    #version-selector {\n        list-style: none;\n        grid-area: ver;\n        line-height: 28px;\n        border-radius: 0px;\n        margin-right: 10px;\n        border: none;\n        color: var(--gg-dark-gray);\n        \n        padding: 5px 16px 5px 10px;\n        white-space: nowrap;\n        font-size: 14px;\n        width: auto;\n        text-align: right;\n        background:  transparent url(\"/assets/images/arrow-down.svg\") no-repeat center right 5px;\n        box-sizing: border-box;\n        text-align-last: right;\n        -moz-appearance: none;\n        -webkit-appearance: none;\n        appearance: none;\n\n        direction: rtl;\n\n        option {\n            direction: ltr;\n        }\n        \n    }\n    \n         \n\n    &>nav {\n        grid-area: nav;\n        font-size: 18px;\n        display: flex;\n        flex-direction: row;\n        margin: 0 20px;\n\n        li {\n            list-style: none;\n            margin-right: 0.5em;\n            display: flex;\n        }\n\n        a {\n            padding: 9px 14px;\n            color: var(--gg-dark-gray) !important;\n            text-decoration: none;\n            white-space: nowrap;\n\n            &.active {\n                border-radius: 3px;\n                background-color: #f0f0f0;\n            }\n        }\n    }\n\n    #lang-selector {\n        grid-area: lang;\n    }\n\n\n    .search-close {\n        margin-right: 10px;\n    }\n\n\n    \n\n    @media (max-width: 600px) {\n        .search {\n            margin-right: 5px;\n            input[type='search'] {\n                max-width: 110px;\n            }\n        }\n    }\n\n    &:not(.narrow-header) {\n        .search-toggle, .top-nav-toggle, .search-close {\n            display: none;\n        }\n    }\n    &.narrow-header {\n        a.home {\n            top: 0;\n        }\n        &:not(.show-nav) {\n            nav {\n                display: none;\n            }\n        }\n        &.show-search {\n            .search-toggle, .home, .top-nav-toggle, .github, .menu {\n                display: none;\n            }\n            .search {\n                grid-column-start: home;\n                grid-column-end: github;\n                width: 100%;\n                display: flex;\n\n                input {\n                    max-width: initial;\n                    width: 100%;\n                }\n            }\n        }\n        &:not(.show-search) {\n            .search {\n                display: none;\n            }\n        }\n        nav {\n            flex-direction: column;\n            justify-content: stretch;\n\n            li {\n                display: flex;\n            }\n\n            a {\n                width: 100%;\n            }\n        }\n    }\n}\n.swiftype-widget {\n\n    .autocomplete {\n        background-color: white;\n        display: block;\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.37);\n        position: absolute;\n        border-radius: 3px;\n        text-align: left;\n        right: 75px !important;\n        min-width: 350px;\n\n        ul {\n\n            background-color: white;\n            display: block;\n            list-style-type: none;\n            margin: 0;\n            padding: 0;\n            border-radius: 3px;\n            text-align: left;\n            max-height: 70vh;\n            overflow: auto;\n\n            li {\n                border-top: 1px solid #e5e5e5;\n                border-bottom: 1px solid #fff;\n                cursor: pointer;\n                padding: 10px 8px;\n                font-size: 13px;\n                list-style-type: none;\n                background-image: none;\n                margin: 0;\n              }\n\n            li.active {\n                border-top: 1px solid #cccccc;\n                border-bottom: 1px solid #cccccc;\n                background-color: #f0f0f0;\n            }\n            \n            p {\n                font-size: 13px;\n                line-height: 16px;\n                margin: 0;\n                padding: 0;\n\n                &.url {\n                    font-size: 11px;\n                    color: #999;\n                }\n            }\n            \n            a {\n                font-size: 15px;\n            }\n            em {\n                font-weight: bold\n            }\n        }\n    }   \n}\nsection.hero {\n    background-image: url(../images/dev-internal-bg.jpg);\n    background-position: center;\n    background-position-x: left;\n    background-repeat: no-repeat;\n    background-size: cover;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    grid-template-areas: 'title versions';\n    grid-template-rows: 60px;\n    align-items: center;\n    padding: 5px 30px;\n    flex: unset;\n    \n    \n    .title {\n        color: #f3f3f3;\n        text-transform: uppercase;\n        font-size: 22px;\n    }\n\n    select {\n        list-style: none;\n        \n        line-height: 28px;\n        border-radius: 3px;\n    \n        \n        color: #333333;\n        line-height: 24px;\n        padding: 5px 10px;\n        white-space: nowrap;\n        font-size: 14px;\n        background:  #f0f0f0 url(\"/assets/images/arrow-down.svg\") no-repeat center right 5px;\n    }\n}\n\n@media (max-width: 670px) {\n\n    \n    header > .container{\n        grid-template-columns: auto 1fr auto;\n        grid-template-areas: \n            'left-toggle home search'\n            'ver api lang';\n\n         //grid-template-columns: auto auto 1fr auto auto auto;\n         //grid-template-areas:\n         //    'left-toggle home spacer top-toggle search gh gg'\n         //    'nav         nav  nav    nav        nav    nav nav';\n    }\n\n    header #lang-selector li {\n        justify-content: flex-end;\n    }\n    \n}\n\n/* Angolia seach styles */\n\n\n.algolia-autocomplete .algolia-docsearch-suggestion--highlight {\n    color: #ffffff !important;\n    background: lighten(#ec1c24, 25%) !important;\n}\n\n\n.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight, .algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight, .algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {\n    padding: 0 0 1px;\n    background: inherit !important;\n    box-shadow: inset 0 -2px 0 0 var(--link-color) !important;\n    color: inherit !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple, .algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content {\n    background: #f0f0f0 !important;\n}\n","pre, pre.rouge {\n    padding: 8px 15px;\n    background: var(--block-code-background) !important;\n    border-radius: 5px;\n    border: 1px solid #e5e5e5;\n    overflow-x: auto;\n    // So code copy button doesn't overflow\n    min-height: 36px;\n\tline-height: 18px;\n    color: #545454;\n}\n\ncode {\n    color: #545454;\n}\n\npre.rouge code {\n    background: none !important;\n}\n\npre.rouge .tok-err {\n  \tborder: none !important;\n  }\n\ncode-tabs.code-tabs__initialized {\n    display: block;\n    margin-bottom: 1.5em;\n\n    nav {\n        border-bottom: 1px solid #e0e0e0\n    }\n\n    nav button {\n        background: white;\n        color: inherit;\n        border: none;\n        padding: 0.7em 1em;\n        cursor: pointer;\n        transform: translateY(1px);\n\t\tfont-size: .9em;\n\n        &.active {\n            border-bottom: var(--orange-line-thickness) solid var(--link-color);\n        }\n\t\t&.grey {\n\t\t  color: grey;\n\t\t}\n    }\n\n    code-tab:not([hidden]) {\n        display: block;\n    }\n}\n\n*:not(pre) > code {\n    background: var(--inline-code-background);\n    padding: 0.1em 0.5em;\n    background-clip: padding-box;\n    border-radius: 3px;\n    color: #545454;\n    font-size: 90%\n}\n\n// Required for copy button positioning\n.listingblock .content {\n    position: relative;\n}\n\n.copy-to-clipboard-button {\n    margin: 0;\n    padding: 0;\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    background: url('../images/copy-icon.svg') center center no-repeat;\n\n    &.copy-to-clipboard-button__success {\n        color: green;\n        background: none;\n        font-size: 20px;\n        font-weight: bold;\n    }\n\n    &:hover:not(.copy-to-clipboard-button__success) {\n        filter: var(--gg-orange-filter);\n    }\n}\n",".highlight table td { padding: 5px; }\n.highlight table pre { margin: 0; }\n.highlight, .highlight .w {\n  color: #586e75;\n}\n.highlight .err {\n  color: #002b36;\n  background-color: #dc322f;\n}\n.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {\n  color: #657b83;\n}\n.highlight .cp {\n  color: #b58900;\n}\n.highlight .nt {\n  color: #b58900;\n}\n.highlight .o, .highlight .ow {\n  color: #93a1a1;\n}\n.highlight .p, .highlight .pi {\n  color: #93a1a1;\n}\n.highlight .gi {\n  color: #859900;\n}\n.highlight .gd {\n  color: #dc322f;\n}\n.highlight .gh {\n  color: #268bd2;\n  background-color: #002b36;\n  font-weight: bold;\n}\n.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {\n  color: #6c71c4;\n}\n.highlight .kc {\n  color: #cb4b16;\n}\n.highlight .kt {\n  color: #cb4b16;\n}\n.highlight .kd {\n  color: #cb4b16;\n}\n.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {\n  color: #859900;\n}\n.highlight .sr {\n  color: #2aa198;\n}\n.highlight .si {\n  color: #d33682;\n}\n.highlight .se {\n  color: #d33682;\n}\n.highlight .nn {\n  color: #b58900;\n}\n.highlight .nc {\n  color: #b58900;\n}\n.highlight .no {\n  color: #b58900;\n}\n.highlight .na {\n  color: #268bd2;\n}\n.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {\n  color: #859900;\n}\n.highlight .ss {\n  color: #859900;\n}\n","body {\n    font-family: 'Open Sans', sans-serif;\n}\n\nh1, h2, h3, h4 {\n    color: #000;\n    font-weight: normal;\n    font-family: 'Open Sans';\n}\n\nh1 {\n    font-size: 36px;\n    line-height: 40px;\n}\n\na {\n    text-decoration: none;\n    color: var(--link-color);\n}\n\n\nsection {\n    color: #545454;\n}\n\ntable {\n    border-collapse: collapse;\n\n    td, th {\n        text-align: left;\n        padding: 5px 10px;\n        border-bottom: 1px solid hsl(0, 0%, 85%);\n        border-top: 1px solid hsl(0, 0%, 85%);\n    }\n\n    td p.tableblock {\n        margin-top: 0.5em;\n        margin-bottom: 0.5em;\n\n        &:first-child {\n            margin-top: 0.125em;\n        }\n\n        &:last-child {\n            margin-bottom: 0.125em;\n        }\n    }\n}\n",".admonitionblock {\n    border-left: 6px solid var(--callout-border);\n    background: var(--callout-background);\n    color: var(--callout-text);\n    margin-left: 0;\n    \n    position: relative;\n    display: flex;\n    margin-bottom: 16px;\n\t\n\ttable {\n        margin: 0 !important;\n        width: 100%;\n\n        td {\n            width: 100%;\n        }\n\t}\n\n    &+aside {\n        margin-top: 1em;\n    }\n\n    .icon {\n        background-image: var(--callout-icon);\n        background-repeat: no-repeat;\n        background-position: center center;\n        padding: 0px 25px;\n        background-size: 70%;\n        width: 100px;\n        \n        .title {\n            display: none;\n        }\n    }\n\n    &.note {\n        --callout-text: #055799;\n        --callout-border: #055799;\n        --callout-background: #f7f7f7;\n        --callout-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='info-circle' class='svg-inline--fa fa-info-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23055799' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'%3E%3C/path%3E%3C/svg%3E\");\n    }\n\t\n    &.tip {\n        --callout-text: #65666a;\n        --callout-border: #fcb903;\n        --callout-background: #f7f7f7;\n        --callout-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='lightbulb-on' class='svg-inline--fa fa-lightbulb-on fa-w-20' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23fcb903' d='M240.06,454.34A32,32,0,0,0,245.42,472l17.1,25.69c5.23,7.91,17.17,14.28,26.64,14.28h61.7c9.47,0,21.41-6.37,26.64-14.28L394.59,472A37.47,37.47,0,0,0,400,454.34L400,416H240ZM319.45,0C217.44.31,144,83,144,176a175,175,0,0,0,43.56,115.78c16.52,18.85,42.36,58.22,52.21,91.44,0,.28.07.53.11.78H400.12c0-.25.07-.5.11-.78,9.85-33.22,35.69-72.59,52.21-91.44A175,175,0,0,0,496,176C496,78.63,416.91-.31,319.45,0ZM320,96a80.09,80.09,0,0,0-80,80,16,16,0,0,1-32,0A112.12,112.12,0,0,1,320,64a16,16,0,0,1,0,32ZM112,192a24,24,0,0,0-24-24H24a24,24,0,0,0,0,48H88A24,24,0,0,0,112,192Zm504-24H552a24,24,0,0,0,0,48h64a24,24,0,0,0,0-48ZM131.08,55.22l-55.42-32a24,24,0,1,0-24,41.56l55.42,32a24,24,0,1,0,24-41.56Zm457.26,264-55.42-32a24,24,0,1,0-24,41.56l55.42,32a24,24,0,0,0,24-41.56Zm-481.26-32-55.42,32a24,24,0,1,0,24,41.56l55.42-32a24,24,0,0,0-24-41.56ZM520.94,100a23.8,23.8,0,0,0,12-3.22l55.42-32a24,24,0,0,0-24-41.56l-55.42,32a24,24,0,0,0,12,44.78Z'%3E%3C/path%3E%3C/svg%3E\");\n    }\n\n    &.caution, &.important {\n        --callout-text: #65666a;\n        --callout-border: #b02032;\n        --callout-background: #f7f7f7;\n        --callout-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='engine-warning' class='svg-inline--fa fa-engine-warning fa-w-20' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23b02032' d='M48 256c0-59.53 19.55-117.38 55.36-164.51 5.18-6.81 4.48-16.31-2.03-21.86l-12.2-10.41c-6.91-5.9-17.62-5.06-23.15 2.15C23.32 117.02 0 185.5 0 256c0 70.47 23.32 138.96 65.96 194.62 5.53 7.21 16.23 8.05 23.15 2.16l12.19-10.4c6.51-5.55 7.21-15.04 2.04-21.86C67.55 373.37 48 315.53 48 256zM320 32C196.3 32 96 132.3 96 256c0 123.76 100.3 224 224 224s224-100.24 224-224c0-123.7-100.3-224-224-224zm0 352c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm25.44-110.41c-.82 8.18-7.7 14.41-15.92 14.41h-19.04c-8.22 0-15.1-6.23-15.92-14.41l-12.8-128c-.94-9.42 6.45-17.59 15.92-17.59h44.64c9.47 0 16.86 8.17 15.92 17.59l-12.8 128zM572.73 59.71c-5.58-7.18-16.29-7.95-23.17-2l-12.15 10.51c-6.47 5.6-7.1 15.09-1.88 21.87C572.04 137.47 592 195.81 592 256c0 60.23-19.96 118.57-56.46 165.95-5.22 6.78-4.59 16.27 1.88 21.87l12.15 10.5c6.87 5.95 17.59 5.18 23.17-2C616.21 396.38 640 327.31 640 256c0-71.27-23.79-140.34-67.27-196.29z'%3E%3C/path%3E%3C/svg%3E\");\n    }\n\n    &.warning {\n        --callout-text: #b02032;\n        --callout-border: #b02032;\n        --callout-background: #f7f7f7;\n        --callout-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='exclamation-triangle' class='svg-inline--fa fa-exclamation-triangle fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23b02032' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'%3E%3C/path%3E%3C/svg%3E\");\n    }\n}\n","body {\n    --header-height: 64px;\n    --promotion-bar-height: 35px;\n    --footer-height: 104px;\n    --footer-gap: 60px;\n\n    // @media (min-width: 451px) and (max-width: 850px) {\n    //     --header-height: 111px;        \n    // }\n\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    min-height: 100vh;\n    background-color: var(--body-background);\n    font-family: 'Open Sans',sans-serif;\n\n    &>section {\n        flex: 1;\n    }\n}\nheader {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    z-index: 2;\n}\nbody > footer {\n    margin: var(--footer-gap) 30px 0;\n}\n* {\n    box-sizing: border-box;\n}\n\n@media (max-width: 670px) {\n\n    body {\n        --header-height: 97px;\n    }\n}",".left-nav {\n    padding: 10px 20px;\n    width: 289px;\n    overflow-y: auto;\n    top: calc(var(--header-height) + var(--promotion-bar-height));\n    height: calc(100vh - var(--header-height) - var(--promotion-bar-height));\n    font-family: 'Open Sans';\n    padding-top: var(--padding-top);\n    background-color: var(--body-background);\n\n    li {\n        list-style: none;\n    }    \n    a, button {\n        text-decoration: none;\n        color: #757575;\n        font-size: 16px;\n        display: inline-flex;\n        width: 100%;\n        margin: 2px 0;\n        padding: 0.25em 0.375em;\n        background: none;\n        border: none;\n        cursor: pointer;\n        font: inherit;\n        text-align: left;\n\n        &.active, &:hover {\n            color: var(--link-color);\n        }\n    }\n\n\t*:focus {\n\t   \t outline: none;\n\t}\n\n    .nav-group {\n        margin-left: 6px;\n        font-size: 14px;\n    }\n\n    nav {\n        border-left: 2px solid #dddddd;\n//        margin-top: 5px;\n        margin-bottom: 5px;\n\n        &.collapsed {\n            display: none;\n        }\n    }\n\n    nav > li > a, nav > li > button {\n        padding-left: 20px;\n        text-align: left;\n\n        &.active {\n            border-left: var(--orange-line-thickness) solid var(--active-color);\n            padding-left: calc(20px - var(--orange-line-thickness));\n        }\n    }\n\n    nav.sub_pages {\n        border: none;\n    }\n\n\tnav.sub_pages a, nav.sub_pages button {\n        padding-left: 32px;\n\n        &.active {\n            padding-left: calc(32px - var(--orange-line-thickness));\n        }\n\t}\n\n    .parent {\n        color: #393939;\n    }\n\n    .state-indicator {\n        margin-left: auto;\n        margin-top: 5px;\n        width: 6.2px;\n        height: 10px;\n        flex: 0 0 auto;\n        transition: transform 0.1s;\n        filter: invert(49%) sepia(4%) saturate(5%) hue-rotate(23deg) brightness(92%) contrast(90%);\n    }\n\n    button:hover .state-indicator,\n    button.current .state-indicator {\n        filter: invert(47%) sepia(61%) saturate(1950%) hue-rotate(345deg) brightness(100%) contrast(95%);\n    }\n\n    button.expanded .state-indicator {\n        transform: rotate(90deg);\n    }\n}\n",".right-nav {\n    width: 289px;\n    padding: 12px 26px;\n    overflow-y: auto;\n    height: calc(100vh - var(--header-height));\n    top: var(--header-height);\n    position: -webkit-sticky;\n    position: sticky;\n    display: flex;\n    flex-direction: column;\n    font-family: 'Open sans';\n    padding-top: var(--padding-top);\n    background-color: #ffffff;\n    \n    h6 {\n        margin: 12px 0;\n        font-size: 16px;\n        font-weight: normal;\n    }\n\n    ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        // margin-bottom: auto;\n    }\n\n    li {\n        padding: 0;\n    }\n\n    a {\n        --border-width: 0px;\n        font-size: 14px;\n        color: #757575;\n        padding-left: calc(15px * var(--nesting-level) + 8px - var(--border-width));\n        margin: 0.3em 0;\n        display: inline-block;\n\n        &:hover {\n          color: var(--link-color);\n        }\n\n        &.active {\n            --border-width: var(--orange-line-thickness);\n            border-left: var(--border-width) solid var(--link-color);\n            color: #393939;\n        }\n    }\n\n    .sectlevel1 {\n        border-left: 2px solid #dddddd;\n    }\n\n    @for $i from 1 through 6 {\n        .sectlevel#{$i} {\n            --nesting-level: #{$i - 1};\n        }\n    }\n\n    .promo-nav {\n        bottom: 3rem;\n        left: 50%;\n        width: 90%;\n        max-width: 237px;\n        margin: auto 0 2rem;\n    }\n}\n@media (max-width: 1200px) {\n    .right-nav {\n        width: 230px;\n    }\n}\n\n\n@media (max-width: 800px) {\n    .right-nav {\n\n        .promo-nav {\n            width: 230px;\n            bottom: 0;\n\n            .right-ad {\n                display: none;\n            }\n        }\n    }        \n}\n","body > footer {\n    border-top: 2px solid #dddddd;\n    height: var(--footer-height);\n    font-size: 16px;\n    color: #393939;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n\n    @media (max-width: 570px) {\n        .copyright__extra {\n            display: none;\n        }\n    }\n}\n// .right-nav footer {\n//     font-size: 12px;\n//     padding: calc(var(--footer-gap) * 0.3) 0 5px;;\n//     text-align: left;\n//     margin: auto 0 0;\n\n//     a {\n//         margin: 0;\n//     }\n\n//     img {\n//         width: 70px;\n//     }\n\n//     .copyright {\n//         display: none;\n//     }\n// }\n",".diagram-container {\n  overflow-y: auto;\n\n  svg {\n    background-color: hsl(0, 0%, 100%);\n  }\n\n  path {\n    stroke-width: 2;\n    stroke: black;\n    fill: rgba(0, 0, 0, 0);\n  }\n\n  text {\n    font: bold 14px monospace;\n    text-anchor: middle;\n    white-space: pre;\n\n    &.diagram-text {\n      font-size: 12px;\n    }\n\n    &.diagram-arrow {\n      font-size: 16px;\n    }\n\n    &.label {\n      text-anchor: start;\n    }\n\n    &.comment {\n      font: italic 12px monospace;\n    }\n  }\n\n  g {\n    .non-terminal {\n      text {\n        /*font-style: italic;*/\n      }\n    }\n\n    a {\n      text {\n        fill: blue;\n      }\n    }\n  }\n\n  rect {\n    stroke-width: 2;\n    stroke: black;\n    fill: hsl(0, 0%, 100%);\n\n    &.group-box {\n      stroke: gray;\n      stroke-dasharray: 10 5;\n      fill: none;\n    }\n  }\n\n  path.diagram-text {\n    stroke-width: 2;\n    stroke: black;\n    fill: white;\n    cursor: help;\n  }\n\n  g.diagram-text:hover path.diagram-text {\n    fill: #eee;\n  }\n\n}\n","pre.pygments .hll { background-color: #ffffcc }\npre.pygments, pre.pygments code { background: #ffffff; }\npre.pygments .tok-c { color: #008000 } /* Comment */\npre.pygments .tok-err { border: 1px solid #FF0000 } /* Error */\npre.pygments .tok-k { color: #0000ff } /* Keyword */\npre.pygments .tok-ch { color: #008000 } /* Comment.Hashbang */\npre.pygments .tok-cm { color: #008000 } /* Comment.Multiline */\npre.pygments .tok-cp { color: #0000ff } /* Comment.Preproc */\npre.pygments .tok-cpf { color: #008000 } /* Comment.PreprocFile */\npre.pygments .tok-c1 { color: #008000 } /* Comment.Single */\npre.pygments .tok-cs { color: #008000 } /* Comment.Special */\npre.pygments .tok-ge { font-style: italic } /* Generic.Emph */\npre.pygments .tok-gh { font-weight: bold } /* Generic.Heading */\npre.pygments .tok-gp { font-weight: bold } /* Generic.Prompt */\npre.pygments .tok-gs { font-weight: bold } /* Generic.Strong */\npre.pygments .tok-gu { font-weight: bold } /* Generic.Subheading */\npre.pygments .tok-kc { color: #0000ff } /* Keyword.Constant */\npre.pygments .tok-kd { color: #0000ff } /* Keyword.Declaration */\npre.pygments .tok-kn { color: #0000ff } /* Keyword.Namespace */\npre.pygments .tok-kp { color: #0000ff } /* Keyword.Pseudo */\npre.pygments .tok-kr { color: #0000ff } /* Keyword.Reserved */\npre.pygments .tok-kt { color: #2b91af } /* Keyword.Type */\npre.pygments .tok-s { color: #a31515 } /* Literal.String */\npre.pygments .tok-nc { color: #2b91af } /* Name.Class */\npre.pygments .tok-ow { color: #0000ff } /* Operator.Word */\npre.pygments .tok-sa { color: #a31515 } /* Literal.String.Affix */\npre.pygments .tok-sb { color: #a31515 } /* Literal.String.Backtick */\npre.pygments .tok-sc { color: #a31515 } /* Literal.String.Char */\npre.pygments .tok-dl { color: #a31515 } /* Literal.String.Delimiter */\npre.pygments .tok-sd { color: #a31515 } /* Literal.String.Doc */\npre.pygments .tok-s2 { color: #a31515 } /* Literal.String.Double */\npre.pygments .tok-se { color: #a31515 } /* Literal.String.Escape */\npre.pygments .tok-sh { color: #a31515 } /* Literal.String.Heredoc */\npre.pygments .tok-si { color: #a31515 } /* Literal.String.Interpol */\npre.pygments .tok-sx { color: #a31515 } /* Literal.String.Other */\npre.pygments .tok-sr { color: #a31515 } /* Literal.String.Regex */\npre.pygments .tok-s1 { color: #a31515 } /* Literal.String.Single */\npre.pygments .tok-ss { color: #a31515 } /* Literal.String.Symbol */"],"file":"styles.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../_sass/variables.scss","../../_sass/header.scss","../../_sass/code.scss","../../_sass/rouge-base16-solarized.scss","../../_sass/text.scss","../../_sass/callouts.scss","../../_sass/layout.scss","../../_sass/left-nav.scss","../../_sass/right-nav.scss","../../_sass/footer.scss","../../_sass/railroad-diagram.scss","../../_sass/page-docs.scss","../../_sass/asciidoc-pygments.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AClBJ;EAEI;EACA;EACA;EAGA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACI;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAGJ;EAEI;EACA;;AACA;EACI;;AAIR;EACI;EACA;EAEA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;EACA;;AAMJ;EACI;EACA;EACA;;AAGA;EAEI;EACA;EACA;;AAGA;EACI;EACA;;AAIJ;EACI;;AAMR;EACI;;AAEA;EACI;EACA;;AAEA;EACI;;AAIA;EACI;;AAEJ;EACI;;AASxB;EACI;EACA;EACA;;AAEA;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;;AAOR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKZ;EACI;;AAIJ;EACI;;AAMJ;EACI;IACI;;EACA;IACI;;;AAMR;EACI;;AAIJ;EACI;;AAGA;EACI;;AAIJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKR;EACI;;AAGR;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAOZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAEJ;EACI;;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;;AAGJ;EACI;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EAGI;IACI;IACA,qBACI;;EASR;IACI;;;AAKR;AAGA;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;ACrhBJ;EACI;EACA;EACA;EACA;EACA;EAEA;EACH;EACG;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACG;;;AAGH;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACN;;AAEM;EACI;;AAEV;EACE;;AAIA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;;;AC5FR;EAAsB;;;AACtB;EAAuB;;;AACvB;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC3EF;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAIJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;;AC5CZ;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEH;EACO;EACA;;AAEA;EACI;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;;AC7DR;EACI;EACA;EACA;EACA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAGR;EACI;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAGJ;EAEI;IACI;;;ACtCR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIX;EACK;;AAGF;EACI;EACA;;AAGJ;EACI;EAEA;;AAEA;EACI;;AAIR;EACI;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAGP;EACO;;AAEA;EACI;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EAEI;;AAGJ;EACI;;;AC7FR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACI;EACA;EACA;;AAIR;EACI;;AAIA;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AADJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGR;EACI;IACI;;;AAKR;EAGQ;IACI;IACA;;EAEA;IACI;;;ACnFhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;;ACZZ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAMA;AACE;;AAKF;EACE;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;;ACrEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;AAIR;EACI;EACA;;AAGJ;EA9BJ;IA+BQ;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;EAEA;;AAIX;EACK;;AAIL;EACM;;AAGN;EACG;;AAGA;EACG;EACA;EACA;EACA;EACA;EACA;EACA;;AAEH;EACI;;AAGJ;EAAU;;AACV;EACI;;AAEJ;EACI;;AAEP;EACE;;AAGC;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAGA;EACI;EACA;EACA;EACA;;AAGX;EACE;;AAGF;EACC;;AAGE;EACI;;AAGJ;EACE;;AAGL;EACC;EACC;;AAEF;EAA2B;;AACxB;EAAgI;;;AAGpI;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACI;;;AAIR;EAEI;EACA;EACA;;;AAEJ;EAEI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EAEQ;IACI;;EAGR;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEJ;IACI;IACA;IACA;;;AAGR;EACI;IACI;IACA;IACA;;EAEA;IACI;;EAGR;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;IACI;IACA;IACA;IACA;IACA;;;AClQR;EAAoB;;;AACpB;EAAkC;;;AAClC;EAAsB;EAAiB;AACvC;EAAwB;EAA4B;AACpD;EAAsB;EAAiB;AACvC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAwB;EAAiB;AACzC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAqB;AAC5C;EAAuB;EAAoB;AAC3C;EAAuB;EAAoB;AAC3C;EAAuB;EAAoB;AAC3C;EAAuB;EAAoB;AAC3C;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAsB;EAAiB;AACvC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB;AACxC;EAAuB;EAAiB","sourcesContent":[":root {\n    --gg-red: #ec1c24;\n    --gg-orange: #ec1c24;\n    --gg-orange-dark: #bc440b;\n    --gg-orange-filter: invert(47%) sepia(61%) saturate(1950%) hue-rotate(345deg) brightness(100%) contrast(95%);\n    --gg-dark-gray: #333333;\n    --orange-line-thickness: 3px;\n    --block-code-background: rgba(241, 241, 241, 20%);\n    --inline-code-background: rgba(241, 241, 241, 90%);\n    --padding-top: 25px; \n    --link-color: #ec1c24;\n    --body-background: #fcfcfc;\n}\n\n@font-face {\n    font-family: 'Open Sans';\n    font-weight: 300;\n    font-display: swap;\n    font-style: normal;\n}\n","header {\n\n    min-height: var(--header-height);\n    background: white;\n    box-shadow: 0 4px 10px 0 #eeeeee, 0 0 4px 0 #d5d5d5;\n    \n\n    z-index: 1;\n\n    #promotion-bar {\n        background-color: #333333;\n        padding: 8px;\n        \n        p {\n            font-size: 14px;\n            line-height: 1.4em;\n            font-weight: 600;\n            padding: 0;\n            margin: 0;\n\n            color: #f0f0f0;\n            text-align: center;\n\n            a {\n                color: #FCB903;\n            }\n        }\n    }\n\n\n    > .container {\n        display: grid;\n        grid-template-columns: auto auto 1fr auto auto auto;\n        grid-template-areas: 'left-toggle home nav ver api search lang';\n        grid-template-rows: 40px;\n        flex-direction: row;\n        align-items: center;\n        justify-content: flex-start;\n        padding: 12px 20px;\n        max-width: 1400px;\n        margin: 0 auto;\n    }\n\n    a:hover, button:hover {\n        opacity: 0.85;\n    }\n\n    li:hover .dropdown, a:focus + .dropdown {\n        display: block;\n    }\n\n    .dropdown-arrow {\n        margin-left: 5px;\n        margin-bottom: 3px;\n\n        width: 8px;\n        height: 4px;\n    }\n\n    nav > ul {\n        padding: 0;\n        margin: 0;\n        list-style: none;\n        display: inherit;\n    }\n\n    .dropdown {\n        display: none;\n        position: fixed;\n        top: calc(var(--header-height) - 12px);\n        width: auto;\n        background: white;\n        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);\n        border-radius: 4px;\n        padding-top: 10px;\n        padding-bottom: 12px;\n        z-index: 2;\n\n        \n\n        li {\n            display: flex;\n        }\n\n        a {\n            color: grey !important;\n            font-size: 16px;\n            padding-top: 5px;\n            padding-bottom: 4px;\n            &:hover {\n                color: var(--gg-orange) !important;\n            }\n        }\n    }\n\n    .menu {\n        border: none;\n        background: none;\n        width: 40px;\n        height: 40px;\n        margin-right: 12px;\n        cursor: pointer;\n        grid-area: left-toggle;\n\n        img {\n            width: 18px;\n            height: 12px;\n        }\n    }\n\n    .search-toggle, .top-nav-toggle, .github, .search-close {\n        background: none;\n        border: none;\n        padding: 0;\n        width: 36px;\n        height: 36px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--gg-dark-gray);\n        font-size: 26px;\n    }\n    .search-toggle {\n        grid-area: search;\n    }\n    .top-nav-toggle {\n        grid-area: top-toggle;\n    }\n\n    .home {\n        \n        grid-area: home;\n        margin-right: auto;\n        img {\n            height: 36px;\n        }\n    }\n\n    #api-docs {\n        grid-area: api;\n        margin: 0;\n        // font-weight: 600;\n        display: flex;\n\n        > li {\n            list-style: none;\n            margin-right: 0.5em;\n            display: flex;\n        }\n\n        .dropdown {\n            padding: .5em 0;\n        }\n        \n        .dropdown-item-heading, a {\n            padding: 9px 14px;\n            color: var(--gg-dark-gray) !important;\n            text-decoration: none;\n            white-space: nowrap;\n\n            &.active {\n                border-radius: 3px;\n                background-color: #f0f0f0;\n            }\n        }\n\n        .dropdown-item {\n            a {\n                font-weight: normal;\n                display: block;\n                width: 100%;\n                min-width: 150px;\n\n                &:hover {\n                    background-color: #e9e9e9;\n                }\n            }\n        }\n\n        .dropdown-item-heading {\n            font-weight: bold;\n            color: grey !important;\n            border-bottom: 2px solid #e9e9e9;\n            padding-left: 0;\n        }\n\n    }\n    \n    #lang-selector {\n        li {\n            list-style: none;\n            display: flex;\n            padding: 9px 14px;\n\n\n            a {\n\n                display: flex;\n                color: #000000;\n                align-items: center;\n\n                \n                span {\n                    font-size: 10px;\n                    margin-left: 5px;\n                }\n\n\n                img {\n                    width: 25px;\n                }\n\n                \n            }\n\n            .dropdown {\n                margin-left: -70px;\n\n                .dropdown-item {\n                    padding: 0 1em;\n                    margin-bottom: 8px;\n\n                    &:hover {\n                        background-color: #e9e9e9;\n                    }\n\n                    a {\n                        span {\n                            font-size: 14px;\n                        }\n                        &:hover {\n                            color: #000000;\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n\n    .search {\n        margin-left: auto;\n        margin-right: 20px;\n        grid-area: search;\n\n        input[type='search'] {\n            color: var(--gg-dark-gray);\n            \n            background: rgba(255, 255, 255, 0.8);\n            border: 1px solid #cccccc;\n            padding: 10px 15px;\n            font-family: inherit;\n            max-width: 148px;\n            height: 37px;\n            font-size: 14px;\n            -webkit-appearance: unset;\n            appearance: unset;\n\n            &[disabled] {\n                opacity: 0.5;\n                cursor: not-allowed;\n            }\n        }\n\n    }\n\n    #version-selector {\n        list-style: none;\n        grid-area: ver;\n        line-height: 28px;\n        border-radius: 0px;\n        margin-right: 10px;\n        border: none;\n        color: var(--gg-dark-gray);\n        \n        padding: 5px 16px 5px 10px;\n        white-space: nowrap;\n        font-size: 14px;\n        width: auto;\n        text-align: right;\n        background:  transparent url(\"/assets/images/arrow-down.svg\") no-repeat center right 5px;\n        box-sizing: border-box;\n        text-align-last: right;\n        -moz-appearance: none;\n        -webkit-appearance: none;\n        appearance: none;\n\n        direction: rtl;\n\n        option {\n            direction: ltr;\n        }\n        \n    }\n    \n         \n\n    &>nav {\n        grid-area: nav;\n        font-size: 18px;\n        display: flex;\n        flex-direction: row;\n        margin: 0 20px;\n\n        li {\n            list-style: none;\n            margin-right: 0.5em;\n            display: flex;\n        }\n\n        a {\n            padding: 9px 14px;\n            color: var(--gg-dark-gray) !important;\n            text-decoration: none;\n            white-space: nowrap;\n\n            &.active {\n                border-radius: 3px;\n                background-color: #f0f0f0;\n            }\n        }\n    }\n\n    #lang-selector {\n        grid-area: lang;\n    }\n\n\n    .search-close {\n        margin-right: 10px;\n    }\n\n\n    \n\n    @media (max-width: 600px) {\n        .search {\n            margin-right: 5px;\n            input[type='search'] {\n                max-width: 110px;\n            }\n        }\n    }\n\n    &:not(.narrow-header) {\n        .search-toggle, .top-nav-toggle, .search-close {\n            display: none;\n        }\n    }\n    &.narrow-header {\n        a.home {\n            top: 0;\n        }\n        &:not(.show-nav) {\n            nav {\n                display: none;\n            }\n        }\n        &.show-search {\n            .search-toggle, .home, .top-nav-toggle, .github, .menu {\n                display: none;\n            }\n            .search {\n                grid-column-start: home;\n                grid-column-end: github;\n                width: 100%;\n                display: flex;\n\n                input {\n                    max-width: initial;\n                    width: 100%;\n                }\n            }\n        }\n        &:not(.show-search) {\n            .search {\n                display: none;\n            }\n        }\n        nav {\n            flex-direction: column;\n            justify-content: stretch;\n\n            li {\n                display: flex;\n            }\n\n            a {\n                width: 100%;\n            }\n        }\n    }\n}\n.swiftype-widget {\n\n    .autocomplete {\n        background-color: white;\n        display: block;\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.37);\n        position: absolute;\n        border-radius: 3px;\n        text-align: left;\n        right: 75px !important;\n        min-width: 350px;\n\n        ul {\n\n            background-color: white;\n            display: block;\n            list-style-type: none;\n            margin: 0;\n            padding: 0;\n            border-radius: 3px;\n            text-align: left;\n            max-height: 70vh;\n            overflow: auto;\n\n            li {\n                border-top: 1px solid #e5e5e5;\n                border-bottom: 1px solid #fff;\n                cursor: pointer;\n                padding: 10px 8px;\n                font-size: 13px;\n                list-style-type: none;\n                background-image: none;\n                margin: 0;\n              }\n\n            li.active {\n                border-top: 1px solid #cccccc;\n                border-bottom: 1px solid #cccccc;\n                background-color: #f0f0f0;\n            }\n            \n            p {\n                font-size: 13px;\n                line-height: 16px;\n                margin: 0;\n                padding: 0;\n\n                &.url {\n                    font-size: 11px;\n                    color: #999;\n                }\n            }\n            \n            a {\n                font-size: 15px;\n            }\n            em {\n                font-weight: bold\n            }\n        }\n    }   \n}\nsection.hero {\n    background-image: url(../images/dev-internal-bg.jpg);\n    background-position: center;\n    background-position-x: left;\n    background-repeat: no-repeat;\n    background-size: cover;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    grid-template-areas: 'title versions';\n    grid-template-rows: 60px;\n    align-items: center;\n    padding: 5px 30px;\n    flex: unset;\n    \n    \n    .title {\n        color: #f3f3f3;\n        text-transform: uppercase;\n        font-size: 22px;\n    }\n\n    select {\n        list-style: none;\n        \n        line-height: 28px;\n        border-radius: 3px;\n    \n        \n        color: #333333;\n        line-height: 24px;\n        padding: 5px 10px;\n        white-space: nowrap;\n        font-size: 14px;\n        background:  #f0f0f0 url(\"/assets/images/arrow-down.svg\") no-repeat center right 5px;\n    }\n}\n\n@media (max-width: 670px) {\n\n    \n    header > .container{\n        grid-template-columns: auto 1fr auto;\n        grid-template-areas: \n            'left-toggle home search'\n            'ver api lang';\n\n         //grid-template-columns: auto auto 1fr auto auto auto;\n         //grid-template-areas:\n         //    'left-toggle home spacer top-toggle search gh gg'\n         //    'nav         nav  nav    nav        nav    nav nav';\n    }\n\n    header #lang-selector li {\n        justify-content: flex-end;\n    }\n    \n}\n\n/* Angolia seach styles */\n\n\n.algolia-autocomplete .algolia-docsearch-suggestion--highlight {\n    color: #ffffff !important;\n    background: lighten(#ec1c24, 25%) !important;\n}\n\n\n.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight, .algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight, .algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {\n    padding: 0 0 1px;\n    background: inherit !important;\n    box-shadow: inset 0 -2px 0 0 var(--link-color) !important;\n    color: inherit !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple, .algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content {\n    background: #f0f0f0 !important;\n}\n","pre, pre.rouge {\n    padding: 8px 15px;\n    background: var(--block-code-background) !important;\n    border-radius: 5px;\n    border: 1px solid #e5e5e5;\n    overflow-x: auto;\n    // So code copy button doesn't overflow\n    min-height: 36px;\n\tline-height: 18px;\n    color: #545454;\n}\n\ncode {\n    color: #545454;\n}\n\npre.rouge code {\n    background: none !important;\n}\n\npre.rouge .tok-err {\n  \tborder: none !important;\n  }\n\ncode-tabs.code-tabs__initialized {\n    display: block;\n    margin-bottom: 1.5em;\n\n    nav {\n        border-bottom: 1px solid #e0e0e0\n    }\n\n    nav button {\n        background: white;\n        color: inherit;\n        border: none;\n        padding: 0.7em 1em;\n        cursor: pointer;\n        transform: translateY(1px);\n\t\tfont-size: .9em;\n\n        &.active {\n            border-bottom: var(--orange-line-thickness) solid var(--link-color);\n        }\n\t\t&.grey {\n\t\t  color: grey;\n\t\t}\n    }\n\n    code-tab:not([hidden]) {\n        display: block;\n    }\n}\n\n*:not(pre) > code {\n    background: var(--inline-code-background);\n    padding: 0.1em 0.5em;\n    background-clip: padding-box;\n    border-radius: 3px;\n    color: #545454;\n    font-size: 90%\n}\n\n// Required for copy button positioning\n.listingblock .content {\n    position: relative;\n}\n\n.copy-to-clipboard-button {\n    margin: 0;\n    padding: 0;\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n\n    position: absolute;\n    top: 0;\n    right: 0;\n    background: url('../images/copy-icon.svg') center center no-repeat;\n\n    &.copy-to-clipboard-button__success {\n        color: green;\n        background: none;\n        font-size: 20px;\n        font-weight: bold;\n    }\n\n    &:hover:not(.copy-to-clipboard-button__success) {\n        filter: var(--gg-orange-filter);\n    }\n}\n",".highlight table td { padding: 5px; }\n.highlight table pre { margin: 0; }\n.highlight, .highlight .w {\n  color: #586e75;\n}\n.highlight .err {\n  color: #002b36;\n  background-color: #dc322f;\n}\n.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {\n  color: #657b83;\n}\n.highlight .cp {\n  color: #b58900;\n}\n.highlight .nt {\n  color: #b58900;\n}\n.highlight .o, .highlight .ow {\n  color: #93a1a1;\n}\n.highlight .p, .highlight .pi {\n  color: #93a1a1;\n}\n.highlight .gi {\n  color: #859900;\n}\n.highlight .gd {\n  color: #dc322f;\n}\n.highlight .gh {\n  color: #268bd2;\n  background-color: #002b36;\n  font-weight: bold;\n}\n.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {\n  color: #6c71c4;\n}\n.highlight .kc {\n  color: #cb4b16;\n}\n.highlight .kt {\n  color: #cb4b16;\n}\n.highlight .kd {\n  color: #cb4b16;\n}\n.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {\n  color: #859900;\n}\n.highlight .sr {\n  color: #2aa198;\n}\n.highlight .si {\n  color: #d33682;\n}\n.highlight .se {\n  color: #d33682;\n}\n.highlight .nn {\n  color: #b58900;\n}\n.highlight .nc {\n  color: #b58900;\n}\n.highlight .no {\n  color: #b58900;\n}\n.highlight .na {\n  color: #268bd2;\n}\n.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {\n  color: #859900;\n}\n.highlight .ss {\n  color: #859900;\n}\n","body {\n    font-family: 'Open Sans', sans-serif;\n}\n\nh1, h2, h3, h4 {\n    color: #000;\n    font-weight: normal;\n    font-family: 'Open Sans';\n}\n\nh1 {\n    font-size: 36px;\n    line-height: 40px;\n}\n\na {\n    text-decoration: none;\n    color: var(--link-color);\n}\n\n\nsection {\n    color: #545454;\n}\n\ntable {\n    border-collapse: collapse;\n\n    td, th {\n        text-align: left;\n        padding: 5px 10px;\n        border-bottom: 1px solid hsl(0, 0%, 85%);\n        border-top: 1px solid hsl(0, 0%, 85%);\n    }\n\n    td p.tableblock {\n        margin-top: 0.5em;\n        margin-bottom: 0.5em;\n\n        &:first-child {\n            margin-top: 0.125em;\n        }\n\n        &:last-child {\n            margin-bottom: 0.125em;\n        }\n    }\n}\n",".admonitionblock {\n    border-left: 6px solid var(--callout-border);\n    background: var(--callout-background);\n    color: var(--callout-text);\n    margin-left: 0;\n    \n    position: relative;\n    display: flex;\n    margin-bottom: 16px;\n\t\n\ttable {\n        margin: 0 !important;\n        width: 100%;\n\n        td {\n            width: 100%;\n        }\n\t}\n\n    &+aside {\n        margin-top: 1em;\n    }\n\n    .icon {\n        background-image: var(--callout-icon);\n        background-repeat: no-repeat;\n        background-position: center center;\n        padding: 0px 25px;\n        background-size: 70%;\n        width: 100px;\n        \n        .title {\n            display: none;\n        }\n    }\n\n    &.note {\n        --callout-text: #055799;\n        --callout-border: #055799;\n        --callout-background: #f7f7f7;\n        --callout-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='info-circle' class='svg-inline--fa fa-info-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23055799' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'%3E%3C/path%3E%3C/svg%3E\");\n    }\n\t\n    &.tip {\n        --callout-text: #65666a;\n        --callout-border: #fcb903;\n        --callout-background: #f7f7f7;\n        --callout-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='lightbulb-on' class='svg-inline--fa fa-lightbulb-on fa-w-20' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23fcb903' d='M240.06,454.34A32,32,0,0,0,245.42,472l17.1,25.69c5.23,7.91,17.17,14.28,26.64,14.28h61.7c9.47,0,21.41-6.37,26.64-14.28L394.59,472A37.47,37.47,0,0,0,400,454.34L400,416H240ZM319.45,0C217.44.31,144,83,144,176a175,175,0,0,0,43.56,115.78c16.52,18.85,42.36,58.22,52.21,91.44,0,.28.07.53.11.78H400.12c0-.25.07-.5.11-.78,9.85-33.22,35.69-72.59,52.21-91.44A175,175,0,0,0,496,176C496,78.63,416.91-.31,319.45,0ZM320,96a80.09,80.09,0,0,0-80,80,16,16,0,0,1-32,0A112.12,112.12,0,0,1,320,64a16,16,0,0,1,0,32ZM112,192a24,24,0,0,0-24-24H24a24,24,0,0,0,0,48H88A24,24,0,0,0,112,192Zm504-24H552a24,24,0,0,0,0,48h64a24,24,0,0,0,0-48ZM131.08,55.22l-55.42-32a24,24,0,1,0-24,41.56l55.42,32a24,24,0,1,0,24-41.56Zm457.26,264-55.42-32a24,24,0,1,0-24,41.56l55.42,32a24,24,0,0,0,24-41.56Zm-481.26-32-55.42,32a24,24,0,1,0,24,41.56l55.42-32a24,24,0,0,0-24-41.56ZM520.94,100a23.8,23.8,0,0,0,12-3.22l55.42-32a24,24,0,0,0-24-41.56l-55.42,32a24,24,0,0,0,12,44.78Z'%3E%3C/path%3E%3C/svg%3E\");\n    }\n\n    &.caution, &.important {\n        --callout-text: #65666a;\n        --callout-border: #b02032;\n        --callout-background: #f7f7f7;\n        --callout-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='engine-warning' class='svg-inline--fa fa-engine-warning fa-w-20' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23b02032' d='M48 256c0-59.53 19.55-117.38 55.36-164.51 5.18-6.81 4.48-16.31-2.03-21.86l-12.2-10.41c-6.91-5.9-17.62-5.06-23.15 2.15C23.32 117.02 0 185.5 0 256c0 70.47 23.32 138.96 65.96 194.62 5.53 7.21 16.23 8.05 23.15 2.16l12.19-10.4c6.51-5.55 7.21-15.04 2.04-21.86C67.55 373.37 48 315.53 48 256zM320 32C196.3 32 96 132.3 96 256c0 123.76 100.3 224 224 224s224-100.24 224-224c0-123.7-100.3-224-224-224zm0 352c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm25.44-110.41c-.82 8.18-7.7 14.41-15.92 14.41h-19.04c-8.22 0-15.1-6.23-15.92-14.41l-12.8-128c-.94-9.42 6.45-17.59 15.92-17.59h44.64c9.47 0 16.86 8.17 15.92 17.59l-12.8 128zM572.73 59.71c-5.58-7.18-16.29-7.95-23.17-2l-12.15 10.51c-6.47 5.6-7.1 15.09-1.88 21.87C572.04 137.47 592 195.81 592 256c0 60.23-19.96 118.57-56.46 165.95-5.22 6.78-4.59 16.27 1.88 21.87l12.15 10.5c6.87 5.95 17.59 5.18 23.17-2C616.21 396.38 640 327.31 640 256c0-71.27-23.79-140.34-67.27-196.29z'%3E%3C/path%3E%3C/svg%3E\");\n    }\n\n    &.warning {\n        --callout-text: #b02032;\n        --callout-border: #b02032;\n        --callout-background: #f7f7f7;\n        --callout-icon: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='exclamation-triangle' class='svg-inline--fa fa-exclamation-triangle fa-w-18' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23b02032' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'%3E%3C/path%3E%3C/svg%3E\");\n    }\n}\n","body {\n    --header-height: 64px;\n    --promotion-bar-height: 35px;\n    --footer-height: 104px;\n    --footer-gap: 60px;\n\n    // @media (min-width: 451px) and (max-width: 850px) {\n    //     --header-height: 111px;        \n    // }\n\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    min-height: 100vh;\n    background-color: var(--body-background);\n    font-family: 'Open Sans',sans-serif;\n\n    &>section {\n        flex: 1;\n    }\n}\nheader {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n    z-index: 2;\n}\nbody > footer {\n    margin: var(--footer-gap) 30px 0;\n}\n* {\n    box-sizing: border-box;\n}\n\n@media (max-width: 670px) {\n\n    body {\n        --header-height: 97px;\n    }\n}",".left-nav {\n    padding: 10px 20px;\n    width: 289px;\n    overflow-y: auto;\n    top: calc(var(--header-height) + var(--promotion-bar-height));\n    height: calc(100vh - var(--header-height) - var(--promotion-bar-height));\n    font-family: 'Open Sans';\n    padding-top: var(--padding-top);\n    background-color: var(--body-background);\n\n    li {\n        list-style: none;\n    }    \n    a, button {\n        text-decoration: none;\n        color: #757575;\n        font-size: 16px;\n        display: inline-flex;\n        width: 100%;\n        margin: 2px 0;\n        padding: 0.25em 0.375em;\n        background: none;\n        border: none;\n        cursor: pointer;\n        font: inherit;\n        text-align: left;\n\n        &.active, &:hover {\n            color: var(--link-color);\n        }\n    }\n\n\t*:focus {\n\t   \t outline: none;\n\t}\n\n    .nav-group {\n        margin-left: 6px;\n        font-size: 14px;\n    }\n\n    nav {\n        border-left: 2px solid #dddddd;\n//        margin-top: 5px;\n        margin-bottom: 5px;\n\n        &.collapsed {\n            display: none;\n        }\n    }\n\n    nav > li > a, nav > li > button {\n        padding-left: 20px;\n        text-align: left;\n\n        &.active {\n            border-left: var(--orange-line-thickness) solid var(--active-color);\n            padding-left: calc(20px - var(--orange-line-thickness));\n        }\n    }\n\n    nav.sub_pages {\n        border: none;\n    }\n\n\tnav.sub_pages a, nav.sub_pages button {\n        padding-left: 32px;\n\n        &.active {\n            padding-left: calc(32px - var(--orange-line-thickness));\n        }\n\t}\n\n    .parent {\n        color: #393939;\n    }\n\n    .state-indicator {\n        margin-left: auto;\n        margin-top: 5px;\n        width: 6.2px;\n        height: 10px;\n        flex: 0 0 auto;\n        transition: transform 0.1s;\n        filter: invert(49%) sepia(4%) saturate(5%) hue-rotate(23deg) brightness(92%) contrast(90%);\n    }\n\n    button:hover .state-indicator,\n    button.current .state-indicator {\n        filter: invert(47%) sepia(61%) saturate(1950%) hue-rotate(345deg) brightness(100%) contrast(95%);\n    }\n\n    button.expanded .state-indicator {\n        transform: rotate(90deg);\n    }\n}\n",".right-nav {\n    width: 289px;\n    padding: 12px 26px;\n    overflow-y: auto;\n    height: calc(100vh - var(--header-height));\n    top: var(--header-height);\n    position: -webkit-sticky;\n    position: sticky;\n    display: flex;\n    flex-direction: column;\n    font-family: 'Open sans';\n    padding-top: var(--padding-top);\n    background-color: #ffffff;\n    \n    h6 {\n        margin: 12px 0;\n        font-size: 16px;\n        font-weight: normal;\n    }\n\n    ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        // margin-bottom: auto;\n    }\n\n    li {\n        padding: 0;\n    }\n\n    a {\n        --border-width: 0px;\n        font-size: 14px;\n        color: #757575;\n        padding-left: calc(15px * var(--nesting-level) + 8px - var(--border-width));\n        margin: 0.3em 0;\n        display: inline-block;\n\n        &:hover {\n          color: var(--link-color);\n        }\n\n        &.active {\n            --border-width: var(--orange-line-thickness);\n            border-left: var(--border-width) solid var(--link-color);\n            color: #393939;\n        }\n    }\n\n    .sectlevel1 {\n        border-left: 2px solid #dddddd;\n    }\n\n    @for $i from 1 through 6 {\n        .sectlevel#{$i} {\n            --nesting-level: #{$i - 1};\n        }\n    }\n\n    .promo-nav {\n        bottom: 3rem;\n        left: 50%;\n        width: 90%;\n        max-width: 237px;\n        margin: auto 0 2rem;\n    }\n}\n@media (max-width: 1200px) {\n    .right-nav {\n        width: 230px;\n    }\n}\n\n\n@media (max-width: 800px) {\n    .right-nav {\n\n        .promo-nav {\n            width: 230px;\n            bottom: 0;\n\n            .right-ad {\n                display: none;\n            }\n        }\n    }        \n}\n","body > footer {\n    border-top: 2px solid #dddddd;\n    height: var(--footer-height);\n    font-size: 16px;\n    color: #393939;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n\n    @media (max-width: 570px) {\n        .copyright__extra {\n            display: none;\n        }\n    }\n}\n// .right-nav footer {\n//     font-size: 12px;\n//     padding: calc(var(--footer-gap) * 0.3) 0 5px;;\n//     text-align: left;\n//     margin: auto 0 0;\n\n//     a {\n//         margin: 0;\n//     }\n\n//     img {\n//         width: 70px;\n//     }\n\n//     .copyright {\n//         display: none;\n//     }\n// }\n",".diagram-container {\n  overflow-y: auto;\n\n  svg {\n    background-color: hsl(0, 0%, 100%);\n  }\n\n  path {\n    stroke-width: 2;\n    stroke: black;\n    fill: rgba(0, 0, 0, 0);\n  }\n\n  text {\n    font: bold 14px monospace;\n    text-anchor: middle;\n    white-space: pre;\n\n    &.diagram-text {\n      font-size: 12px;\n    }\n\n    &.diagram-arrow {\n      font-size: 16px;\n    }\n\n    &.label {\n      text-anchor: start;\n    }\n\n    &.comment {\n      font: italic 12px monospace;\n    }\n  }\n\n  g {\n    .non-terminal {\n      text {\n        /*font-style: italic;*/\n      }\n    }\n\n    a {\n      text {\n        fill: blue;\n      }\n    }\n  }\n\n  rect {\n    stroke-width: 2;\n    stroke: black;\n    fill: hsl(0, 0%, 100%);\n\n    &.group-box {\n      stroke: gray;\n      stroke-dasharray: 10 5;\n      fill: none;\n    }\n  }\n\n  path.diagram-text {\n    stroke-width: 2;\n    stroke: black;\n    fill: white;\n    cursor: help;\n  }\n\n  g.diagram-text:hover path.diagram-text {\n    fill: #eee;\n  }\n\n}\n","section.page-docs {\n    display: grid;\n    transition: grid-template-columns 0.15s;\n    grid-template-columns: auto 1fr auto;\n    grid-template-rows: 100%;\n    grid-template-areas: 'left-nav content right-nav';\n    line-height: 20px;\n    max-width: 1440px;\n    margin: auto;\n    width: 100%;\n\n    &>article {\n        // box-shadow: -1px 13px 20px 0 #696c70;\n        border-left: 1px solid #eeeeee;\n        background-color: #ffffff;\n        padding: 0 50px 30px;\n        grid-area: content;\n        overflow: hidden;\n        font-family: sans-serif;\n        font-size: 16px;\n        color: #545454;\n        line-height: 1.6em;\n\n        h1, h2, h3:not(.discrete), h4, h5, strong, th {\n            font-family: 'Open Sans';\n        }\n\n        li {\n            margin-bottom: 0.5em;\n\n            > p {\n                margin-top: 0;\n                margin-bottom: 0;\n            }\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        @media (max-width: 800px) {\n            padding-left: 15px;\n            padding-right: 15px\n        }\n    }\n\n    .edit-link {\n        position:relative;\n        top: 10px;\n        right:10px;\n        float: right;\n        padding-top: calc(var(--header-height) + var(--padding-top));\n        margin-top: calc((-1 * var(--header-height)));\n    }\n\n    h1, h2, h3:not(.discrete), h4, h5 {\n        margin-bottom: 0;\n\n        &[id] {\n            margin-top:  var(--margin-top);\n            margin-bottom: calc(var(--margin-top) * 0.5);\n            // padding-top: calc(var(--header-height) + var(--padding-top));\n            z-index: -1;\n        }\n    }\n\n\t.toc > ul {\n   \t\t margin: 0;\n\t}\n\n\n\t.content > .pygments.highlight {\n\t      margin-top: 0px;\n   \t}\n\n\t.title {\n\t  \tfont-style: italic;\n\t }\n\n    .checkmark:before {\n       content: ''; \n       background-image: url(\"data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-square' class='svg-inline--fa fa-check-square fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2300a100' d='M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z'%3E%3C/path%3E%3C/svg%3E\");\n       width: 15px;\n       height: 15px;\n       display: inline-block;\n       background-repeat: no-repeat;\n       visibility: visible;\n    }\n    .checkmark {\n        visibility: hidden;\n    }\n\n    .stretch {width: 100%;}\n    h1[id] {\n        --margin-top: 1em;\n    }\n    h2[id] {\n        --margin-top: 1.2em;\n    }\n\t.toc > h2 {\n\t  --margin-top: 1em;\n\t}\n\n    h3[id] {\n        --margin-top: 1.2em;\n    }\n    h4[id] {\n        --margin-top: 0.5em;\n    }\n    h5[id] {\n        --margin-top: 1.67em;\n    }\n    .imageblock .content, .image {\n        text-align: center;\n        display: block;\n    }\n    .imageblock, .image {\n        img:not([width]):not([height]) {\n            width: auto;\n            height: auto;\n            max-width: 100%;\n            max-height: 450px;\n        }\n    }\n\tstrong {\n\t  color: #757575;\n\t}\n\n\tth.valign-top,td.valign-top { \n\t\tvertical-align:top;\n\t}\n\n    table {\n        margin: 16px 0;\n    }\n\n    table tr td {\n      hyphens: auto;\n    }\n\n\ttable thead,table tfoot {\n\t\tbackground:#f7f8f7; \n\t  color: #757575;\n\t}\n\ttable tr.even,table tr.alt{background:#f8f8f7}\n    table.stripes-all tr,table.stripes-odd tr:nth-of-type(odd),table.stripes-even tr:nth-of-type(even),table.stripes-hover tr:hover{background:#f8f8f7}\n\n}\n.copyright {\n    margin-top: 3em;\n    padding-top: 1em;\n    border-top: 1px solid #f0f0f0;\n    font-size: 0.9em;\n    line-height: 1.8em;\n    color: #757575;\n}\n\nbody.hide-left-nav {\n    .left-nav {\n        display: none;\n    }\n}\n\n.left-nav {\n    // top: 0;\n    bottom: 0;\n    position: -webkit-sticky;\n    position: sticky;\n}\n.left-nav {\n    // max-height: calc(100vh );\n    grid-area: left-nav;    \n}\n.right-nav {\n    grid-area: right-nav;\n}\n.left-nav__overlay {\n    display: none;\n    background: rgba(0, 0, 0, 0.50);\n    z-index: 1;\n    position: fixed;\n    top: var(--header-height);\n    bottom: 0;\n    left: 0;\n    right: 0;\n}\n\n\n#doc-feedback-btn {\n    background-color: #b02032 !important; // rgb(240, 0, 35) !important;\n    display: block;\n    font-weight: 400;\n    color: white;\n    text-align: center;\n    cursor: pointer;\n    user-select: none;\n    background-color: transparent;\n    border: 1px solid transparent;\n    padding: .375rem .75rem;\n    margin: 1rem auto;\n    font-size: 14px;\n    line-height: 1.5;\n    border-radius: .25rem;\n    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n}\n\n@media (max-width: 990px) {\n    body:not(.hide-left-nav) {\n        .left-nav__overlay {\n            display: block;\n        }\n    }\n    nav.left-nav {\n        background: #fafafa;\n        grid-area: left-nav;\n        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);\n        min-height: calc(100vh - var(--header-height));\n        max-height: calc(100vh - var(--header-height));\n        position: fixed;\n        bottom: 0;\n        top: var(--header-height);\n        z-index: 2;\n    }\n    section.page-docs > article {\n        grid-column-start: left-nav;\n        grid-column-end: content;\n        grid-row: content;\n    }\n}\n@media (max-width: 800px) {\n    nav.right-nav {\n        display: block;\n        width: 100%;\n        height: 80px;\n\n        .toc-wrapper {\n            display: none;\n        }\n    }\n    section.page-docs {\n        display: block;\n    }\n}\n\n:target:before {\n    content: \"\";\n    display: block;\n    margin-top: calc(var(--header-height) * -1);\n    height: var(--header-height);\n    width: 1px;\n}\n@media (min-width: 600px) and  (max-width: 900px) {\n    :target:before {\n        content: \"\";\n        display: block;\n        width: 1px;\n        margin-top: -150px;\n        height: 150px;\n    }\n}\n","pre.pygments .hll { background-color: #ffffcc }\npre.pygments, pre.pygments code { background: #ffffff; }\npre.pygments .tok-c { color: #008000 } /* Comment */\npre.pygments .tok-err { border: 1px solid #FF0000 } /* Error */\npre.pygments .tok-k { color: #0000ff } /* Keyword */\npre.pygments .tok-ch { color: #008000 } /* Comment.Hashbang */\npre.pygments .tok-cm { color: #008000 } /* Comment.Multiline */\npre.pygments .tok-cp { color: #0000ff } /* Comment.Preproc */\npre.pygments .tok-cpf { color: #008000 } /* Comment.PreprocFile */\npre.pygments .tok-c1 { color: #008000 } /* Comment.Single */\npre.pygments .tok-cs { color: #008000 } /* Comment.Special */\npre.pygments .tok-ge { font-style: italic } /* Generic.Emph */\npre.pygments .tok-gh { font-weight: bold } /* Generic.Heading */\npre.pygments .tok-gp { font-weight: bold } /* Generic.Prompt */\npre.pygments .tok-gs { font-weight: bold } /* Generic.Strong */\npre.pygments .tok-gu { font-weight: bold } /* Generic.Subheading */\npre.pygments .tok-kc { color: #0000ff } /* Keyword.Constant */\npre.pygments .tok-kd { color: #0000ff } /* Keyword.Declaration */\npre.pygments .tok-kn { color: #0000ff } /* Keyword.Namespace */\npre.pygments .tok-kp { color: #0000ff } /* Keyword.Pseudo */\npre.pygments .tok-kr { color: #0000ff } /* Keyword.Reserved */\npre.pygments .tok-kt { color: #2b91af } /* Keyword.Type */\npre.pygments .tok-s { color: #a31515 } /* Literal.String */\npre.pygments .tok-nc { color: #2b91af } /* Name.Class */\npre.pygments .tok-ow { color: #0000ff } /* Operator.Word */\npre.pygments .tok-sa { color: #a31515 } /* Literal.String.Affix */\npre.pygments .tok-sb { color: #a31515 } /* Literal.String.Backtick */\npre.pygments .tok-sc { color: #a31515 } /* Literal.String.Char */\npre.pygments .tok-dl { color: #a31515 } /* Literal.String.Delimiter */\npre.pygments .tok-sd { color: #a31515 } /* Literal.String.Doc */\npre.pygments .tok-s2 { color: #a31515 } /* Literal.String.Double */\npre.pygments .tok-se { color: #a31515 } /* Literal.String.Escape */\npre.pygments .tok-sh { color: #a31515 } /* Literal.String.Heredoc */\npre.pygments .tok-si { color: #a31515 } /* Literal.String.Interpol */\npre.pygments .tok-sx { color: #a31515 } /* Literal.String.Other */\npre.pygments .tok-sr { color: #a31515 } /* Literal.String.Regex */\npre.pygments .tok-s1 { color: #a31515 } /* Literal.String.Single */\npre.pygments .tok-ss { color: #a31515 } /* Literal.String.Symbol */"],"file":"styles.css"}
\ No newline at end of file