html,
body {
height: 100%;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: var(--body-font-size);
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 1024px) {
html {
font-size: var(--body-font-size--desktop);
}
}
body {
background: var(--body-background);
color: var(--body-font-color);
font-family: var(--body-font-family);
line-height: var(--body-line-height);
margin: 0;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
background-color: none;
}
code,
kbd,
pre {
font-family: var(--monospace-font-family);
}
b,
dt,
strong,
th {
font-weight: var(--body-font-weight-bold);
}
em em { /* stylelint-disable-line */
font-style: normal;
}
strong strong { /* stylelint-disable-line */
font-weight: normal;
}
button {
cursor: pointer;
font-family: inherit;
font-size: 1em;
line-height: var(--body-line-height);
margin: 0;
}
button::-moz-focus-inner {
border: none;
padding: 0;
}
.body {
word-wrap: break-word; /* aka overflow-wrap; used when hyphens are disabled or don't do the trick */
}
@media screen and (min-width: 1024px) {
.body {
display: flex;
}
}
.breadcrumbs {
display: none;
flex: 1 1;
padding: 0 0.5rem 0 0.75rem;
line-height: var(--nav-line-height);
}
@media screen and (min-width: 1024px) {
.breadcrumbs {
display: block;
}
}
a+.breadcrumbs {
padding-left: 0.05rem;
}
.breadcrumbs ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.breadcrumbs li {
display: inline;
margin: 0;
font-family: var(--body-font-family);
font-weight: bold;
font-size: 14px;
line-height: 1.5;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #999dad;
}
.breadcrumbs li::after {
content: "❯";
padding: 0 0.5rem;
color: #c9cef6;
}
.breadcrumbs li:last-of-type::after {
content: none;
}
.doc {
color: var(--doc-font-color);
font-size: var(--doc-font-size);
hyphens: auto;
line-height: var(--doc-line-height);
margin: var(--doc-margin);
max-width: var(--doc-max-width);
padding: 0 1rem 4rem;
}
@media screen and (min-width: 1024px) {
.doc {
flex: auto;
font-size: var(--doc-font-size--desktop);
margin: var(--doc-margin--desktop);
max-width: var(--doc-max-width--desktop);
min-width: 0;
}
}
.doc h1,
.doc h2,
.doc h3,
.doc h4,
.doc h5,
.doc h6 {
color: var(--heading-font-color);
font-weight: var(--heading-font-weight);
hyphens: none;
line-height: 1.3;
margin: 1rem 0 0;
}
.doc h1 a,
.doc h2 a,
.doc h3 a,
.doc h4 a,
.doc h5 a,
.doc h6 a {
color: var(--heading-font-color);
}
.doc > h1.page:first-child {
font-size: calc(36 / var(--rem-base) * 1rem);
margin: 1.5rem 0;
}
@media screen and (min-width: 769px) {
.doc > h1.page:first-child {
margin-top: 2.5rem;
}
}
#preamble + .sect1,
.doc .sect1 + .sect1 {
margin-top: 2rem;
}
.doc h1.sect0 {
background: var(--abstract-background);
font-size: 1.8em;
margin: 1.5rem -1rem 0;
padding: 0.5rem 1rem;
}
.doc h2:not(.discrete) {
border-bottom: 1px solid var(--section-divider-color);
margin-left: -1rem;
margin-right: -1rem;
padding: 0.4rem 1rem 0.1rem;
}
.doc h3:not(.discrete) {
font-weight: var(--alt-heading-font-weight);
}
.doc h1 .anchor,
.doc h2 .anchor,
.doc h3 .anchor,
.doc h4 .anchor,
.doc h5 .anchor,
.doc h6 .anchor {
position: absolute;
text-decoration: none;
width: 1.75ex;
margin-left: -1.5ex;
visibility: hidden;
font-size: 0.8em;
font-weight: normal;
padding-top: 0.05em;
}
.doc h1 .anchor::before,
.doc h2 .anchor::before,
.doc h3 .anchor::before,
.doc h4 .anchor::before,
.doc h5 .anchor::before,
.doc h6 .anchor::before {
content: "\00a7";
}
.doc h1:hover .anchor,
.doc h2:hover .anchor,
.doc h3:hover .anchor,
.doc h4:hover .anchor,
.doc h5:hover .anchor,
.doc h6:hover .anchor {
visibility: visible;
}
.doc p {
margin: 0;
}
.doc .tableblock p {
font-size: inherit;
}
.doc a {
color: var(--link-font-color);
}
.doc a:hover {
color: var(--link_hover-font-color);
}
.doc a.unresolved {
color: var(--link_unresolved-font-color);
}
.doc a.link {
color: var(--heading-font-color);
}
.doc i.fa {
font-style: normal;
}
.doc p code,
.doc thead code {
/*color: var(--code-font-color);
background: var(--code-background);*/
border-radius: 0.25em;
font-size: 0.95em;
padding: 0.125em 0.25em;
}
.doc pre {
font-size: calc(16 / var(--rem-base) * 1rem);
line-height: 1.5;
margin: 0;
}
.doc blockquote {
margin: 0;
}
.doc .right {
float: right;
}
.doc .left {
float: left;
}
.doc .underline {
text-decoration: underline;
}
.doc .line-through {
text-decoration: line-through;
}
.doc .paragraph,
.doc .dlist,
.doc .olist,
.doc .ulist,
.doc .exampleblock,
.doc .imageblock,
.doc .listingblock,
.doc .literalblock,
.doc .sidebarblock,
.doc .verseblock,
.doc .quoteblock,
.doc .partintro {
margin: 1rem 0 0;
}
.doc table.tableblock {
border-collapse: collapse;
font-size: calc(15 / var(--rem-base) * 1rem);
margin: 2rem 0;
/* enable table-layout: fixed if you want the table width to be enforced strictly */
/* alternative is to wrap table in div and set overflow-x: auto on the wrapper */
/* table-layout: fixed; */
}
.doc table.stretch {
width: 100%;
}
.doc table.tableblock thead th {
border-bottom: 2.5px solid var(--table-border-color);
padding: 0.5rem;
}
.doc table.tableblock td,
.doc table.tableblock > :not(thead) th {
border-top: 1px solid var(--table-border-color);
border-bottom: 1px solid var(--table-border-color);
padding: 0.5rem;
}
.doc .halign-left {
text-align: left;
}
.doc .halign-right {
text-align: right;
}
.doc .halign-center {
text-align: center;
}
.doc .valign-top {
vertical-align: top;
}
.doc .valign-bottom {
vertical-align: bottom;
}
.doc .valign-middle {
vertical-align: middle;
}
.doc .admonitionblock {
margin: 1.4rem 0 0;
}
.doc .admonitionblock p,
.doc .admonitionblock td.content {
font-size: calc(16 / var(--rem-base) * 1rem);
}
.doc .admonitionblock td.content > :first-child {
margin: 0;
}
.doc .admonitionblock pre {
font-size: calc(15 / var(--rem-base) * 1rem);
}
.doc .admonitionblock > table {
border-collapse: collapse;
table-layout: fixed;
position: relative;
width: 100%;
}
.doc .admonitionblock td.content {
padding: 1rem 1rem 0.75rem;
background: var(--admonition-background);
color: var(--admonition-color);
width: 100%;
}
.doc .admonitionblock .icon {
position: absolute;
top: 0;
left: 0;
font-size: calc(15 / var(--rem-base) * 1rem);
padding: 0 0.5rem;
height: 1.25rem;
line-height: 1;
font-weight: var(--admonition-label-font-weight);
text-transform: uppercase;
border-radius: 0.45rem;
transform: translate(-0.5rem, -50%);
}
.doc .admonitionblock.caution .icon {
background-color: var(--caution-color);
color: var(--caution-on-color);
}
.doc .admonitionblock.important .icon {
background-color: var(--important-color);
color: var(--important-on-color);
}
.doc .admonitionblock.note .icon {
background-color: var(--note-color);
color: var(--note-on-color);
}
.doc .admonitionblock.tip .icon {
background-color: var(--tip-color);
color: var(--tip-on-color);
}
.doc .admonitionblock.warning .icon {
background-color: var(--warning-color);
color: var(--warning-on-color);
}
.doc .admonitionblock .icon i {
display: inline-flex;
align-items: center;
height: 100%;
}
.doc .admonitionblock .icon i::after {
content: attr(title);
}
.doc .admonitionblock a {
color: var(--purple-300);
}
.doc .imageblock {
display: flex;
flex-direction: column;
align-items: center;
}
.doc .imageblock img {
display: block;
}
.doc .imageblock img,
.doc .image > img {
height: auto;
max-width: 100%;
}
#preamble .abstract blockquote {
background: var(--abstract-background);
border-left: 5px solid var(--abstract-border-color);
color: var(--abstract-font-color);
font-size: calc(16 / var(--rem-base) * 1rem);
padding: 0.75em 1em;
}
.doc .quoteblock {
background: var(--quote-background);
border-left: 5px solid var(--quote-border-color);
color: var(--quote-font-color);
padding: 0.25rem 2rem 1.25rem;
}
.doc .quoteblock .attribution {
color: var(--quote-attribution-font-color);
font-size: calc(15 / var(--rem-base) * 1rem);
margin-top: 0.75rem;
}
.doc .quoteblock blockquote {
margin-top: 1rem;
}
.doc .quoteblock .paragraph {
font-style: italic;
}
.doc .quoteblock cite {
padding-left: 1em;
}
.doc table.tableblock .paragraph {
margin: 0;
padding: 0;
}
.doc table.tableblock .admonitionblock,
.doc .ulist .admonitionblock,
.doc .olist .admonitionblock {
padding: 0;
}
.doc ol,
.doc ul {
margin: 0;
padding: 0 0 0 2rem;
}
.doc ol.arabic {
list-style-type: decimal;
}
.doc ol.decimal {
list-style-type: decimal-leading-zero;
}
.doc ol.loweralpha {
list-style-type: lower-alpha;
}
.doc ol.upperalpha {
list-style-type: upper-alpha;
}
.doc ol.lowerroman {
list-style-type: lower-roman;
}
.doc ol.upperroman {
list-style-type: upper-roman;
}
.doc ol.lowergreek {
list-style-type: lower-greek;
}
.doc ul.checklist {
padding-left: 0.5rem;
list-style: none;
}
.doc ul.checklist p > i.fa-check-square-o:first-child,
.doc ul.checklist p > i.fa-square-o:first-child {
display: inline-flex;
justify-content: center;
width: 1.25rem;
}
.doc ul.checklist i.fa-check-square-o::before {
content: "\2713";
}
.doc ul.checklist i.fa-square-o::before {
content: "\274f";
}
.doc .dlist .dlist,
.doc .dlist .olist,
.doc .dlist .ulist,
.doc .olist .dlist,
.doc .olist .olist,
.doc .olist .ulist,
.doc .ulist .dlist,
.doc .ulist .olist,
.doc .ulist .ulist {
margin-top: 0.5rem;
}
.doc .olist li,
.doc .ulist li {
margin-bottom: 0.5rem;
}
.doc .ulist .listingblock,
.doc .olist .listingblock,
.doc .admonitionblock .listingblock {
padding: 0;
}
.doc .title,
.doc .admonitionblock .title,
.doc .exampleblock .title,
.doc .imageblock .title,
.doc .literalblock .title,
.doc .listingblock .title,
.doc .openblock .title,
.doc .tableblock caption {
color: var(--caption-font-color);
font-size: calc(16 / var(--rem-base) * 1rem);
font-weight: var(--caption-font-weight);
font-style: italic;
hyphens: none;
letter-spacing: 0.01em;
padding-bottom: 0.075rem;
text-align: left;
}
.doc .imageblock .title {
margin-top: 0.5rem;
padding-bottom: 0;
}
.doc .admonitionblock .title + .paragraph {
margin-top: 0;
}
.doc .exampleblock > .content {
background: var(--example-background);
border: 0.25rem solid var(--example-border-color);
border-radius: 0.5rem;
padding: 0.75rem;
}
.doc .exampleblock > .content > :first-child {
margin-top: 0;
}
.doc .sidebarblock {
background: var(--sidebar-background);
border-radius: 0.75rem;
padding: 0.75rem 1.5rem;
}
.doc .sidebarblock > .content > .title {
font-size: calc(22.5 / var(--rem-base) * 1rem);
font-weight: var(--alt-heading-font-weight);
line-height: 1.3;
margin-bottom: -0.3em;
text-align: center;
}
.doc .sidebarblock > .content > :not(.title):first-child {
margin-top: 0;
}
/* NEEDS REVIEW prevent pre in table from causing article to exceed bounds */
.doc .tableblock pre,
.doc .listingblock.wrap pre {
white-space: pre-wrap;
}
.doc pre:not(.highlight),
.doc pre.highlight code {
/* background: var(--pre-background); */
box-shadow: inset 0 0 1.75px var(--pre-border-color);
display: block;
overflow-x: auto;
padding: 0.75rem;
}
.doc .admonitionblock pre.highlight code { color: #000; }
.dark-mode .doc .admonitionblock pre.highlight code { color: #afaba2; }
/* NOTE assume pre.highlight contains code[data-lang] */
.doc pre.highlight {
position: relative;
}
.doc .language-console .hljs-meta {
user-select: none;
}
.doc .source-toolbox {
display: flex;
visibility: hidden;
position: absolute;
top: 0.25rem;
right: 0.5rem;
color: var(--pre-annotation-font-color);
font-family: var(--body-font-family);
font-size: calc(13.5 / var(--rem-base) * 1rem);
line-height: 1;
}
.doc .listingblock:hover .source-toolbox {
visibility: visible;
}
.doc .source-toolbox .source-lang {
text-transform: uppercase;
letter-spacing: 0.075em;
font-size: 0.96em;
line-height: 1.0425;
}
.doc .source-toolbox > :not(:last-child)::after {
content: "|";
letter-spacing: 0;
padding: 0 1ch;
}
.doc .source-toolbox .copy-button {
display: flex;
flex-direction: column;
align-items: center;
background: transparent;
border: none;
color: inherit;
outline: none;
padding: 0;
font-size: inherit;
line-height: inherit;
width: 1em;
height: 1em;
}
.source-toolbox .copy-button * {
flex: none;
}
.source-toolbox .copy-button svg {
fill: currentColor;
width: inherit;
height: inherit;
}
.source-toolbox .copy-toast {
position: relative;
display: inline-flex;
justify-content: center;
margin-top: 1em;
background-color: var(--doc-font-color);
border-radius: 0.25em;
padding: 0.5em;
color: var(--color-white);
cursor: auto;
opacity: 0;
transition: opacity 0.5s ease 0.75s;
}
.source-toolbox .copy-toast::after {
content: "";
position: absolute;
top: 0;
width: 1em;
height: 1em;
border: 0.55em solid transparent;
border-left-color: var(--doc-font-color);
transform: rotate(-90deg) translateX(50%) translateY(50%);
transform-origin: left;
}
.source-toolbox .copy-button.clicked .copy-toast {
opacity: 1;
transition: none;
}
.doc .listingblock code[data-lang]::before {
content: attr(data-lang);
display: none;
color: var(--pre-annotation-font-color);
font-size: calc(13.5 / var(--rem-base) * 1rem);
letter-spacing: 0.05em;
line-height: 1;
text-transform: uppercase;
position: absolute;
top: 0.25rem;
right: 0.25rem;
}
.doc .listingblock:hover code[data-lang]::before {
display: block;
}
.doc .dlist dt {
font-style: italic;
}
.doc .dlist dd {
margin: 0 0 0.3rem 1.5rem;
}
.doc .colist {
font-size: calc(16 / var(--rem-base) * 1rem);
margin: 0.25rem 0 -0.25rem;
}
.doc .colist > table > tr > :first-child,
.doc .colist > table > tbody > tr > :first-child {
padding: 0.25em 0.5rem 0;
vertical-align: top;
}
.doc .colist > table > tr > :last-child,
.doc .colist > table > tbody > tr > :last-child {
padding: 0.25rem 0;
}
.doc .conum[data-value] {
border: 1px solid currentColor;
border-radius: 100%;
display: inline-block;
font-family: var(--body-font-family);
font-size: calc(13.5 / var(--rem-base) * 1rem);
font-style: normal;
height: 1.25em;
line-height: 1.2;
text-align: center;
width: 1.25em;
letter-spacing: -0.25ex;
text-indent: -0.25ex;
}
.doc .conum[data-value]::after {
content: attr(data-value);
}
.doc .conum[data-value] + b {
display: none;
}
.doc b.button {
white-space: nowrap;
}
.doc b.button::before {
content: "[";
padding-right: 0.25em;
}
.doc b.button::after {
content: "]";
padding-left: 0.25em;
}
.doc kbd {
display: inline-block;
font-size: calc(12 / var(--rem-base) * 1rem);
background: var(--kbd-background);
border: 1px solid var(--kbd-border-color);
border-radius: 0.25em;
box-shadow: 0 1px 0 var(--kbd-border-color), 0 0 0 0.1em var(--body-background) inset;
padding: 0.25em 0.5em;
vertical-align: text-bottom;
white-space: nowrap;
}
.doc kbd,
.doc .keyseq {
line-height: 1;
}
.doc .keyseq {
font-size: calc(16 / var(--rem-base) * 1rem);
}
.doc .keyseq kbd {
margin: 0 0.125em;
}
.doc .keyseq kbd:first-child {
margin-left: 0;
}
.doc .keyseq kbd:last-child {
margin-right: 0;
}
.doc .menuseq i.caret::before {
content: "\203a";
font-size: 1.1em;
font-weight: var(--body-font-weight-bold);
line-height: calc(1 / 1.1);
}
.doc a.bare,
.doc b.button,
.doc code,
.doc .path,
.doc kbd,
.doc .menuseq,
.doc .icon i::after {
hyphens: none;
}
.doc th.tableblock,
.doc td.tableblock {
word-break: break-word; /* overflow-wrap for table cells; gives space higher precedence than hyphen opportunity */
}
/*! EnlighterJS Syntax Highlighter 3.4.0 | Mozilla Public License 2.0 | https://enlighterjs.org */
.enlighter-tooltip {
z-index: 100
}
.enlighter-default {
font-family: "Source Code Pro", "Liberation Mono", "Courier New", Courier, monospace;
font-size: 12px;
line-height: 1.35em;
overflow: hidden;
white-space: pre-wrap;
word-wrap: break-word;
margin: 0 0 20px 0;
padding: 0;
position: relative;
text-align: left;
direction: ltr
}
.enlighter-default .enlighter-special:hover {
background-color: #f4f8fc
}
.enlighter-default .enlighter-raw {
display: none;
min-width: 100%;
line-height: inherit;
font-size: 1em;
font-family: inherit;
margin: 0;
padding: 0;
white-space: pre-wrap;
word-wrap: break-word;
border: none;
box-shadow: none
}
.enlighter-default:hover .enlighter-toolbar {
display: block
}
.enlighter-default .enlighter-btn {
display: inline-block;
margin: 0 5px 0 5px;
padding: 3px 5px 3px 5px;
border: solid 1px #333;
background-color: #f0f0f0;
cursor: pointer;
font-family: inherit
}
.enlighter-default .enlighter-toolbar .enlighter-btn-raw {
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20d%3D%22M19.436%2C36.875L6.568%2C25.002v-3.863L19.436%2C9.267v5.041l-9.583%2C8.668v0.188l9.583%2C8.669V36.875z%22%2F%3E%0D%0A%09%3Cpath%20d%3D%22M26.343%2C36.875v-5.041l9.583-8.669v-0.188l-9.583-8.668V9.267l12.868%2C11.872v3.863L26.343%2C36.875z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A)
}
.enlighter-default .enlighter-toolbar .enlighter-btn-copy {
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2253.75%22%20y1%3D%2239.353%22%20x2%3D%2286.375%22%20y2%3D%2239.353%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%2251.711%22%20y1%3D%2230.534%22%20x2%3D%2284.336%22%20y2%3D%2230.534%22%2F%3E%0D%0A%3Crect%20x%3D%228.932%22%20y%3D%227.334%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23000000%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%20width%3D%2221.097%22%20height%3D%2224.952%22%2F%3E%0D%0A%3Crect%20x%3D%2218.942%22%20y%3D%2215.424%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23000000%22%20stroke-width%3D%223%22%20stroke-miterlimit%3D%2210%22%20width%3D%2221.096%22%20height%3D%2224.953%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)
}
.enlighter-default .enlighter-toolbar .enlighter-btn-window {
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%229.25%22%20x2%3D%2239.75%22%20y2%3D%229.25%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%2218.167%22%20x2%3D%2239.75%22%20y2%3D%2218.167%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%2227.083%22%20x2%3D%2239.75%22%20y2%3D%2227.083%22%2F%3E%0D%0A%3Cline%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%224%22%20stroke-miterlimit%3D%2210%22%20x1%3D%227.125%22%20y1%3D%2236%22%20x2%3D%2229.809%22%20y2%3D%2236%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)
}
.enlighter-default .enlighter-toolbar .enlighter-btn-website {
background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22E%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2246px%22%20height%3D%2246px%22%20viewBox%3D%220%200%2046%2046%22%20enable-background%3D%22new%200%200%2046%2046%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cpath%20fill%3D%22%23202F65%22%20d%3D%22M32.48%2C25.614H19.64l-4.933%2C9.826l17.746%2C0.037l-6.173%2C5.358L8.167%2C40.912L16.29%2C6.055h22.974l-5.734%2C5.354%0D%0A%09%09l-13.306-0.027l0.672%2C8.797h12.841L32.48%2C25.614z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A)
}
.enlighter-origin {
display: none!important
}
.enlighter-clipboard {
position: absolute;
left: 0;
bottom: 0;
width: 1px;
height: 1px;
overflow: hidden
}
.enlighter-v-inline {
display: inline-block;
overflow: inherit;
margin: 0
}
.enlighter-v-standard {
display: block
}
.enlighter-v-codegroup {
display: block
}
.enlighter-v-codegroup .enlighter-codegroup-wrapper {
position: relative
}
div.enlighter {
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
min-width: 100%;
font-size: 1em;
margin: 0;
padding: 0;
text-indent: 0;
counter-reset: enlighter 0
}
div.enlighter>div {
display: table-row;
margin: 0;
border: solid 0 #fff;
list-style: none;
font-size: inherit;
line-height: 1.15em;
min-height: 14px
}
div.enlighter>div>div {
display: table-cell;
padding-left: 10px
}
div.enlighter>div>div::before {
content: " "
}
span.enlighter {
display: inline-block;
padding: 3px 5px 1px 5px;
margin: 0 2px 0 2px
}
.enlighter span {
margin: 0;
padding: 0;
line-height: inherit;
font-size: 1em;
font-family: inherit
}
.enlighter-linenumbers div.enlighter>div::before {
white-space: nowrap;
display: block;
display: table-cell;
width: 45px;
min-width: 45px;
counter-increment: enlighter;
content: counter(enlighter, decimal) ".";
text-align: right;
padding-right: 8px
}
.enlighter-toolbar {
display: none;
position: absolute;
right: 10px;
top: 10px;
z-index: 10
}
.enlighter-toolbar-bottom {
top: unset;
bottom: 0
}
.enlighter-overflow-scroll.enlighter-v-standard {
overflow-x: auto;
word-wrap: normal!important
}
.enlighter-overflow-scroll.enlighter-v-codegroup .enlighter-codegroup-wrapper {
overflow-x: auto;
word-wrap: normal!important
}
.enlighter-overflow-scroll.enlighter-v-codegroup .enlighter>div>div,
.enlighter-overflow-scroll.enlighter-v-standard .enlighter>div>div {
white-space: pre!important
}
.enlighter-overflow-scroll.enlighter-v-codegroup .enlighter-raw,
.enlighter-overflow-scroll.enlighter-v-standard .enlighter-raw {
white-space: pre!important
}
.enlighter-collapse.enlighter-v-standard {
overflow-y: auto;
max-height: 500px
}
.enlighter-collapse.enlighter-v-codegroup .enlighter-codegroup-wrapper {
overflow-y: auto;
max-height: 500px
}
.enlighter-collapse.enlighter-collapse-full.enlighter-v-standard {
max-height: none
}
.enlighter-collapse.enlighter-collapse-full.enlighter-v-codegroup .enlighter-codegroup-wrapper {
max-height: none
}
.enlighter-show-rawcode .enlighter-raw {
display: block
}
.enlighter-show-rawcode .enlighter {
display: none!important
}
.enlighter-t-enlighter {
color: #939393;
border-radius: 8px;
border: solid 1px #e0e0e0
}
.enlighter-t-enlighter .enlighter-btn {
border-radius: 3px;
background-color: #fff;
color: #717171;
font-size: 1em;
padding: 0;
border: 1px solid #e0e0e0;
margin: 0 0 0 8px;
text-decoration: none;
width: 23px;
height: 23px;
background-position: 0 0;
background-size: contain
}
.enlighter-t-enlighter .enlighter-btn:hover {
border-color: #c9c9c9
}
.enlighter-t-enlighter .enlighter-btn:after {
content: ''
}
.enlighter-t-enlighter.enlighter-hover.enlighter-linenumbers div.enlighter>div:hover {
color: #444;
background-color: #fffcd3
}
.enlighter-t-enlighter.enlighter-hover div.enlighter>div:hover {
color: #444;
background-color: #fffcd3
}
.enlighter-t-enlighter .enlighter-raw {
font-size: 1em;
color: #000;
background-color: #f9f9f9;
border-radius: 8px;
line-height: 1.4em;
padding: 0 5px 0 60px
}
.enlighter-t-enlighter div.enlighter>div {
border: solid 0 #fff;
line-height: 1.35em;
color: #aaa
}
.enlighter-t-enlighter div.enlighter>div:FIRST-CHILD {
border-radius: 8px 8px 0 0
}
.enlighter-t-enlighter div.enlighter>div:LAST-CHILD {
border-radius: 0 0 8px 8px
}
.enlighter-t-enlighter div.enlighter>div.enlighter-special {
background-color: #fdf5f0
}
.enlighter-t-enlighter.enlighter-linenumbers div.enlighter>div::before {
border-right: solid 1px #e0e0e0;
background-color: #f9f9f9
}
.enlighter-t-enlighter.enlighter-linenumbers div.enlighter>div:FIRST-CHILD::before {
border-radius: 8px 0 0 0
}
.enlighter-t-enlighter.enlighter-linenumbers div.enlighter>div:LAST-CHILD::before {
border-radius: 0 0 0 8px
}
.enlighter-t-enlighter .enlighter-text {
color: #000
}
.enlighter-t-enlighter .enlighter-c0 {
color: #99a
}
.enlighter-t-enlighter .enlighter-c1 {
color: #99a
}
.enlighter-t-enlighter .enlighter-c2 {
color: #99a
}
.enlighter-t-enlighter .enlighter-c9 {
color: #9baa8f
}
.enlighter-t-enlighter .enlighter-k0 {
color: #286491;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-k1 {
color: #286491;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-k2 {
color: #458;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-k3 {
color: #4da0d2;
background-color: #f0f0f0
}
.enlighter-t-enlighter .enlighter-k4 {
color: #4a9141;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-k5 {
color: #286491;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-k6 {
color: #286491;
font-style: italic
}
.enlighter-t-enlighter .enlighter-k7 {
color: #286491;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-k8 {
color: #4da0d2
}
.enlighter-t-enlighter .enlighter-k9 {
color: #990073;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-k10 {
color: #4a9141;
font-style: italic
}
.enlighter-t-enlighter .enlighter-k11 {
color: #99a
}
.enlighter-t-enlighter .enlighter-e0 {
color: #34068a;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-e1 {
color: #34068a;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-e2 {
color: #009926
}
.enlighter-t-enlighter .enlighter-e3 {
color: #286491
}
.enlighter-t-enlighter .enlighter-e4 {
color: #ff8c00;
font-style: italic
}
.enlighter-t-enlighter .enlighter-s0 {
color: #d14
}
.enlighter-t-enlighter .enlighter-s1 {
color: #d14
}
.enlighter-t-enlighter .enlighter-s2 {
color: #d14
}
.enlighter-t-enlighter .enlighter-s3 {
color: #737383
}
.enlighter-t-enlighter .enlighter-s4 {
color: #ff8c00;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-s5 {
color: #d14;
font-style: italic
}
.enlighter-t-enlighter .enlighter-n0 {
color: #099
}
.enlighter-t-enlighter .enlighter-n1 {
color: #099
}
.enlighter-t-enlighter .enlighter-n2 {
color: #099;
font-style: italic
}
.enlighter-t-enlighter .enlighter-n3 {
color: #099;
font-style: italic
}
.enlighter-t-enlighter .enlighter-n4 {
color: #099;
font-style: italic
}
.enlighter-t-enlighter .enlighter-n5 {
color: #099;
text-decoration: underline
}
.enlighter-t-enlighter .enlighter-m0 {
color: #0086b3
}
.enlighter-t-enlighter .enlighter-m1 {
color: #0086b3
}
.enlighter-t-enlighter .enlighter-m2 {
color: #0086b3
}
.enlighter-t-enlighter .enlighter-m3 {
color: #0086b3
}
.enlighter-t-enlighter .enlighter-g0 {
color: #777
}
.enlighter-t-enlighter .enlighter-g1 {
color: #777
}
.enlighter-t-enlighter .enlighter-t0 {
color: #777
}
.enlighter-t-enlighter .enlighter-t1 {
color: #d14;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-t2 {
color: #990073;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-t3 {
color: #0086b3
}
.enlighter-t-enlighter .enlighter-t4 {
color: #009926
}
.enlighter-t-enlighter .enlighter-t5 {
color: #009926
}
.enlighter-t-enlighter .enlighter-t6 {
color: #d14
}
.enlighter-t-enlighter .enlighter-t7 {
color: #535353;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-t8 {
color: #777;
background-color: #f0f0f0;
font-style: italic
}
.enlighter-t-enlighter .enlighter-x1 {
color: #286491;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-x2 {
color: #4da0d2
}
.enlighter-t-enlighter .enlighter-x10 {
color: #000;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-x11 {
color: #286491;
font-weight: 700
}
.enlighter-t-enlighter .enlighter-x12 {
color: #286491;
text-decoration: underline
}
.enlighter-t-enlighter .enlighter-x13 {
color: #0086b3
}
.enlighter-t-enlighter .enlighter-x14 {
color: #099;
font-style: italic
}
.enlighter-t-enlighter .enlighter-x15 {
color: #990073;
font-style: italic
}
.enlighter-t-enlighter.enlighter-v-inline {
border-radius: 3px;
background-color: #fafafa
}
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter,
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter-raw {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter div:first-child {
border-radius: 0
}
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter-codegroup-wrapper {
position: relative
}
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter-codegroup-switch {
border-radius: 8px 8px 0 0;
background-color: #f9f9f9;
border-bottom: 1px solid #e0e0e0;
padding: 5px 5px 5px 45px
}
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
padding: 3px 10px 3px 10px;
border-radius: 4px;
border: 1px solid #e0e0e0;
font-size: 1em;
color: #000;
background-color: transparent;
width: auto
}
.enlighter-t-enlighter.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
background-color: #e5e5e5;
color: #000;
border-color: #c9c9c9
}
.enlighter-t-beyond {
color: #333;
background-color: #f7f7fa;
border-radius: 5px;
border: solid 2px #e2e2e8;
padding: 10px 10px 10px 5px
}
.enlighter-t-beyond .enlighter-btn {
border-radius: 3px;
background-color: #fff;
color: #717171;
padding: 0;
border: 1px solid #e0e0e0;
margin: 0 0 0 8px;
width: 23px;
height: 23px;
background-position: 0 0;
background-size: contain;
font-family: "Open Sans", Arial, Verdana, sans-serif
}
.enlighter-t-beyond .enlighter-btn:hover {
border-color: #c9c9c9
}
.enlighter-t-beyond .enlighter-btn:after {
content: ''
}
.enlighter-t-beyond.enlighter-hover div.enlighter>div:hover {
color: #444;
background-color: #fff
}
.enlighter-t-beyond.enlighter-hover div.enlighter>div:hover.enlighter-special {
background-color: #fffcd3;
border: solid 0 #fff;
color: #444
}
.enlighter-t-beyond .enlighter-raw {
background-color: #f7f7fa;
font-size: 1.1em;
color: #333;
padding: 10px 15px 10px 59px;
line-height: 1.7em
}
.enlighter-t-beyond div.enlighter>div {
border: solid 0 #fff;
padding: 1px 5px 1px 10px;
line-height: 1.5em;
color: #aaa;
background-color: #f7f7fa
}
.enlighter-t-beyond div.enlighter>div:FIRST-CHILD {
border-radius: 8px 8px 0 0
}
.enlighter-t-beyond div.enlighter>div:LAST-CHILD {
border-radius: 0 0 8px 8px
}
.enlighter-t-beyond div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-beyond div.enlighter>div.enlighter-special {
background-color: #fff
}
.enlighter-t-beyond.enlighter-linenumbers div.enlighter>div::before {
padding: 1px 5px 1px 14px;
font-size: .9em
}
.enlighter-t-beyond.enlighter-linenumbers div.enlighter>div:FIRST-CHILD::before {
border-radius: 0 8px 0 0
}
.enlighter-t-beyond.enlighter-linenumbers div.enlighter>div:LAST-CHILD::before {
border-radius: 0 0 8px 0
}
.enlighter-t-beyond .enlighter span {
font-size: 1.1em
}
.enlighter-t-beyond .enlighter-text {
color: #2f3235
}
.enlighter-t-beyond .enlighter-c0 {
color: #8181a1
}
.enlighter-t-beyond .enlighter-c1 {
color: #8181a1
}
.enlighter-t-beyond .enlighter-c2 {
color: #8181a1
}
.enlighter-t-beyond .enlighter-c9 {
color: #8181a1
}
.enlighter-t-beyond .enlighter-k0 {
color: #286491;
font-weight: 700
}
.enlighter-t-beyond .enlighter-k1 {
color: #286491;
font-weight: 700
}
.enlighter-t-beyond .enlighter-k2 {
color: #458;
font-weight: 700
}
.enlighter-t-beyond .enlighter-k3 {
color: #4da0d2;
background-color: #f0f0f0
}
.enlighter-t-beyond .enlighter-k4 {
color: #4a9141;
font-weight: 700
}
.enlighter-t-beyond .enlighter-k5 {
color: #286491;
font-weight: 700
}
.enlighter-t-beyond .enlighter-k6 {
color: #286491;
font-style: italic
}
.enlighter-t-beyond .enlighter-k7 {
color: #286491;
font-weight: 700
}
.enlighter-t-beyond .enlighter-k8 {
color: #4da0d2
}
.enlighter-t-beyond .enlighter-k9 {
color: #990073;
font-weight: 700
}
.enlighter-t-beyond .enlighter-k10 {
color: #4a9141;
font-style: italic
}
.enlighter-t-beyond .enlighter-k11 {
color: #8181a1
}
.enlighter-t-beyond .enlighter-e0 {
color: #34068a;
font-weight: 700
}
.enlighter-t-beyond .enlighter-e1 {
color: #34068a;
font-weight: 700
}
.enlighter-t-beyond .enlighter-e2 {
color: #009926
}
.enlighter-t-beyond .enlighter-e3 {
color: #286491
}
.enlighter-t-beyond .enlighter-e4 {
color: #049595;
font-style: italic
}
.enlighter-t-beyond .enlighter-s0 {
color: #d14
}
.enlighter-t-beyond .enlighter-s1 {
color: #d14
}
.enlighter-t-beyond .enlighter-s2 {
color: #d14
}
.enlighter-t-beyond .enlighter-s3 {
color: #737383
}
.enlighter-t-beyond .enlighter-s4 {
color: #049595;
font-weight: 700
}
.enlighter-t-beyond .enlighter-s5 {
color: #d14;
font-style: italic
}
.enlighter-t-beyond .enlighter-n0 {
color: #099
}
.enlighter-t-beyond .enlighter-n1 {
color: #099
}
.enlighter-t-beyond .enlighter-n2 {
color: #099;
font-style: italic
}
.enlighter-t-beyond .enlighter-n3 {
color: #099;
font-style: italic
}
.enlighter-t-beyond .enlighter-n4 {
color: #099;
font-style: italic
}
.enlighter-t-beyond .enlighter-n5 {
color: #099;
text-decoration: underline
}
.enlighter-t-beyond .enlighter-m0 {
color: #0086b3
}
.enlighter-t-beyond .enlighter-m1 {
color: #0086b3
}
.enlighter-t-beyond .enlighter-m2 {
color: #0086b3
}
.enlighter-t-beyond .enlighter-m3 {
color: #0086b3
}
.enlighter-t-beyond .enlighter-g0 {
color: #777
}
.enlighter-t-beyond .enlighter-g1 {
color: #777
}
.enlighter-t-beyond .enlighter-t0 {
color: #777
}
.enlighter-t-beyond .enlighter-t1 {
color: #d14;
font-weight: 700
}
.enlighter-t-beyond .enlighter-t2 {
color: #990073;
font-weight: 700
}
.enlighter-t-beyond .enlighter-t3 {
color: #0086b3
}
.enlighter-t-beyond .enlighter-t4 {
color: #009926
}
.enlighter-t-beyond .enlighter-t5 {
color: #009926
}
.enlighter-t-beyond .enlighter-t6 {
color: #d14
}
.enlighter-t-beyond .enlighter-t7 {
color: #535353;
font-weight: 700
}
.enlighter-t-beyond .enlighter-t8 {
color: #777;
background-color: #f0f0f0;
font-style: italic
}
.enlighter-t-beyond .enlighter-x1 {
color: #286491;
font-weight: 700
}
.enlighter-t-beyond .enlighter-x2 {
color: #4da0d2
}
.enlighter-t-beyond .enlighter-x10 {
color: #000;
font-weight: 700
}
.enlighter-t-beyond .enlighter-x11 {
color: #286491;
font-weight: 700
}
.enlighter-t-beyond .enlighter-x12 {
color: #286491;
text-decoration: underline
}
.enlighter-t-beyond .enlighter-x13 {
color: #0086b3
}
.enlighter-t-beyond .enlighter-x14 {
color: #099;
font-style: italic
}
.enlighter-t-beyond .enlighter-x15 {
color: #990073;
font-style: italic
}
.enlighter-t-beyond.enlighter-v-inline {
border-radius: 3px;
background-color: #f7f7fa;
border: dotted 1px #e2e2e8;
padding: 0
}
.enlighter-t-beyond.enlighter-v-codegroup {
padding: 0;
border: none
}
.enlighter-t-beyond.enlighter-v-codegroup .enlighter-codegroup-wrapper {
background-color: #f7f7fa;
border-radius: 5px;
border: solid 2px #e2e2e8;
padding: 10px 10px 10px 5px
}
.enlighter-t-beyond.enlighter-v-codegroup .enlighter-codegroup-switch {
background-color: #fff;
padding: 0 0 0 45px
}
.enlighter-t-beyond.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
border: solid 2px #e2e2e8;
border-radius: 5px 5px 0 0;
font-size: 1em;
color: #286491;
font-weight: 700;
background-color: #fff;
border-bottom: none;
padding: 3px 10px 3px 10px;
width: auto
}
.enlighter-t-beyond.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
background-color: #e2e2e8;
border-color: #d8d8dd;
color: #505050;
font-weight: 700
}
.enlighter-t-classic {
background-color: #fff;
border: 1px solid #e8e8e2
}
.enlighter-t-classic .enlighter-btn {
background-color: #fff;
color: #717171;
font-size: 1em;
padding: 0;
border: 1px solid #e0e0e0;
margin: 0 0 0 8px;
text-decoration: none;
width: 23px;
height: 23px;
background-position: 0 0;
background-size: contain;
font-family: "Open Sans", Arial, Verdana, sans-serif
}
.enlighter-t-classic .enlighter-btn:hover {
border-color: #c9c9c9
}
.enlighter-t-classic .enlighter-btn:after {
content: ''
}
.enlighter-t-classic.enlighter-hover div.enlighter>div:hover {
background-color: #ddf0dd
}
.enlighter-t-classic .enlighter-raw {
font-size: 1.25em;
color: #000;
line-height: 1.85em;
padding: 4px 5px 4px 58px
}
.enlighter-t-classic div.enlighter {
line-height: 1.7em
}
.enlighter-t-classic div.enlighter>div {
padding: 1px 5px 1px 14px;
line-height: 1.7em;
color: #aaa
}
.enlighter-t-classic div.enlighter>div>div {
border-left: solid 4px #52ce52
}
.enlighter-t-classic div.enlighter>div:FIRST-CHILD {
padding-top: 5px
}
.enlighter-t-classic div.enlighter>div:LAST-CHILD {
padding-bottom: 5px
}
.enlighter-t-classic div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-classic div.enlighter>div:nth-child(even) {
background-color: #f8f8f8
}
.enlighter-t-classic div.enlighter>div.enlighter-special {
background-color: #edf9ec;
border-left-color: #3fa03f
}
.enlighter-t-classic.enlighter-linenumbers div.enlighter>div::before {
padding: 1px 5px 1px 14px;
color: #000;
background-color: #f8f8f8;
font-size: 1.15em;
width: 55px;
min-width: 55px
}
.enlighter-t-classic .enlighter span {
font-size: 1.25em
}
.enlighter-t-classic .enlighter-text {
color: #000
}
.enlighter-t-classic .enlighter-c0 {
color: #888
}
.enlighter-t-classic .enlighter-c1 {
color: #888
}
.enlighter-t-classic .enlighter-c2 {
color: #888
}
.enlighter-t-classic .enlighter-c9 {
color: #888
}
.enlighter-t-classic .enlighter-k0 {
color: #066da1;
font-weight: 700
}
.enlighter-t-classic .enlighter-k1 {
color: #066da1;
font-weight: 700
}
.enlighter-t-classic .enlighter-k2 {
color: #404247;
font-weight: 700
}
.enlighter-t-classic .enlighter-k3 {
color: #404247;
background-color: #f0f0f0
}
.enlighter-t-classic .enlighter-k4 {
color: #404247;
font-weight: 700
}
.enlighter-t-classic .enlighter-k5 {
color: #404247;
font-weight: 700
}
.enlighter-t-classic .enlighter-k6 {
color: #066da1;
font-style: italic
}
.enlighter-t-classic .enlighter-k7 {
color: #066da1;
font-weight: 700
}
.enlighter-t-classic .enlighter-k8 {
color: #404247
}
.enlighter-t-classic .enlighter-k9 {
color: #d53aa9;
font-weight: 700
}
.enlighter-t-classic .enlighter-k10 {
color: #404247;
font-style: italic
}
.enlighter-t-classic .enlighter-k11 {
color: #888
}
.enlighter-t-classic .enlighter-e0 {
color: #d53aa9;
font-weight: 700
}
.enlighter-t-classic .enlighter-e1 {
color: #d53aa9;
font-weight: 700
}
.enlighter-t-classic .enlighter-e2 {
color: #009926
}
.enlighter-t-classic .enlighter-e3 {
color: #d53aa9
}
.enlighter-t-classic .enlighter-e4 {
color: #d53aa9;
font-style: italic
}
.enlighter-t-classic .enlighter-s0 {
color: #2d47e6
}
.enlighter-t-classic .enlighter-s1 {
color: #2d47e6
}
.enlighter-t-classic .enlighter-s2 {
color: #2d47e6
}
.enlighter-t-classic .enlighter-s3 {
color: #2d47e6
}
.enlighter-t-classic .enlighter-s4 {
color: #2d47e6;
font-weight: 700
}
.enlighter-t-classic .enlighter-s5 {
color: #d53aa9;
font-weight: 700
}
.enlighter-t-classic .enlighter-n0 {
color: #d53aa9
}
.enlighter-t-classic .enlighter-n1 {
color: #d53aa9
}
.enlighter-t-classic .enlighter-n2 {
color: #d53aa9
}
.enlighter-t-classic .enlighter-n3 {
color: #d53aa9
}
.enlighter-t-classic .enlighter-n4 {
color: #d53aa9
}
.enlighter-t-classic .enlighter-n5 {
color: #d53aa9
}
.enlighter-t-classic .enlighter-m0 {
color: #404247
}
.enlighter-t-classic .enlighter-m1 {
color: #404247
}
.enlighter-t-classic .enlighter-m2 {
color: #404247
}
.enlighter-t-classic .enlighter-m3 {
color: #404247
}
.enlighter-t-classic .enlighter-g0 {
color: #444
}
.enlighter-t-classic .enlighter-g1 {
color: #444
}
.enlighter-t-classic .enlighter-t0 {
color: #444
}
.enlighter-t-classic .enlighter-t1 {
color: #d53aa9;
font-weight: 700
}
.enlighter-t-classic .enlighter-t2 {
color: #d53aa9;
font-weight: 700
}
.enlighter-t-classic .enlighter-t3 {
color: #066da1
}
.enlighter-t-classic .enlighter-t4 {
color: #009926
}
.enlighter-t-classic .enlighter-t5 {
color: #009926
}
.enlighter-t-classic .enlighter-t6 {
color: #d53aa9
}
.enlighter-t-classic .enlighter-t7 {
color: #444;
font-weight: 700
}
.enlighter-t-classic .enlighter-t8 {
color: #444;
background-color: #f0f0f0;
font-style: italic
}
.enlighter-t-classic .enlighter-x1 {
color: #066da1;
font-weight: 700
}
.enlighter-t-classic .enlighter-x2 {
color: #404247;
font-weight: 700
}
.enlighter-t-classic .enlighter-x10 {
color: #000;
font-weight: 700
}
.enlighter-t-classic .enlighter-x11 {
color: #286491;
font-weight: 700
}
.enlighter-t-classic .enlighter-x12 {
color: #286491;
text-decoration: underline
}
.enlighter-t-classic .enlighter-x13 {
color: #0086b3
}
.enlighter-t-classic .enlighter-x14 {
color: #099;
font-style: italic
}
.enlighter-t-classic .enlighter-x15 {
color: #990073;
font-style: italic
}
.enlighter-t-classic.enlighter-v-inline {
background-color: transparent;
border: none
}
.enlighter-t-classic.enlighter-v-codegroup {
display: block
}
.enlighter-t-classic.enlighter-v-codegroup .enlighter-codegroup-wrapper {
position: relative
}
.enlighter-t-classic.enlighter-v-codegroup .enlighter-codegroup-switch {
background-color: #f8f8f8;
padding-left: 45px
}
.enlighter-t-classic.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
border: none;
font-size: 1.25em;
line-height: 2.1em;
width: auto;
height: auto;
background-color: transparent;
padding: 5px 10px 5px 10px
}
.enlighter-t-classic.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
background-color: #52ce52;
color: #f9f9f9;
font-weight: 700
}
.enlighter-t-godzilla {
border-left: solid 6px #4a80b3;
background-image: url(data:image/gif;base64,R0lGODlhHgAeAJEAAPLz9ezt7vf39wAAACwAAAAAHgAeAAACYYyPqXvi/wCccr5gY3Y1491Z4fRlI3Rem5ByaymurQBT8nuDuM57wA8MCodEQA2V8yRjm6OmZ3G6oKSlrWlFYqlaJffpNWUvxbL5J2WNHenZrL2mxd/znfjLrm/v/Kg+UwAAOw==);
background-repeat: repeat;
background-position: 0 0
}
.enlighter-t-godzilla .enlighter-btn {
border-radius: 3px;
background-color: #fff;
color: #717171;
font-size: 1em;
padding: 0;
border: 1px solid #e0e0e0;
margin: 0 0 0 8px;
text-decoration: none;
width: 23px;
height: 23px;
background-position: 0 0;
background-size: contain
}
.enlighter-t-godzilla .enlighter-btn:hover {
border-color: #c9c9c9
}
.enlighter-t-godzilla .enlighter-btn:after {
content: ''
}
.enlighter-t-godzilla.enlighter-hover div.enlighter>div:hover {
background-color: #f0f0f1
}
.enlighter-t-godzilla .enlighter-raw {
font-size: 1.15em;
line-height: 1.6em;
color: #2b333a;
padding: 4px 5px 4px 54px
}
.enlighter-t-godzilla div.enlighter>div {
padding: 1px 5px 1px 14px;
line-height: 1.35em;
color: #9c9ea0
}
.enlighter-t-godzilla div.enlighter>div:FIRST-CHILD {
padding-top: 5px
}
.enlighter-t-godzilla div.enlighter>div:LAST-CHILD {
padding-bottom: 5px
}
.enlighter-t-godzilla div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-godzilla div.enlighter>div.enlighter-special {
background-color: #fffcd3
}
.enlighter-t-godzilla.enlighter-linenumbers div.enlighter>div::before {
padding: 1px 5px 1px 14px;
background-color: transparent;
font-size: .9em
}
.enlighter-t-godzilla .enlighter span {
font-size: 1.15em
}
.enlighter-t-godzilla .enlighter-text {
color: #2b333a
}
.enlighter-t-godzilla .enlighter-c0 {
color: #6b7c8b
}
.enlighter-t-godzilla .enlighter-c1 {
color: #6b7c8b
}
.enlighter-t-godzilla .enlighter-c2 {
color: #6b7c8b
}
.enlighter-t-godzilla .enlighter-c9 {
color: #5b7c9c
}
.enlighter-t-godzilla .enlighter-k0 {
color: #085789;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-k1 {
color: #085789;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-k2 {
color: #4284ae;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-k3 {
color: #4284ae;
background-color: #f0f0f0
}
.enlighter-t-godzilla .enlighter-k4 {
color: #4284ae;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-k5 {
color: #085789;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-k6 {
color: #085789;
font-style: italic
}
.enlighter-t-godzilla .enlighter-k7 {
color: #085789;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-k8 {
color: #4284ae
}
.enlighter-t-godzilla .enlighter-k9 {
color: #ae42a0;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-k10 {
color: #ae42a0;
font-style: italic
}
.enlighter-t-godzilla .enlighter-k11 {
color: #6b7c8b
}
.enlighter-t-godzilla .enlighter-e0 {
color: #085789;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-e1 {
color: #085789;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-e2 {
color: #085789
}
.enlighter-t-godzilla .enlighter-e3 {
color: #085789
}
.enlighter-t-godzilla .enlighter-e4 {
color: #d2901d
}
.enlighter-t-godzilla .enlighter-s0 {
color: #5e860f
}
.enlighter-t-godzilla .enlighter-s1 {
color: #5e860f
}
.enlighter-t-godzilla .enlighter-s2 {
color: #5e860f
}
.enlighter-t-godzilla .enlighter-s3 {
color: #5e860f
}
.enlighter-t-godzilla .enlighter-s4 {
color: #5e860f
}
.enlighter-t-godzilla .enlighter-s5 {
color: #5e860f
}
.enlighter-t-godzilla .enlighter-n0 {
color: #9b0d5c
}
.enlighter-t-godzilla .enlighter-n1 {
color: #9b0d5c
}
.enlighter-t-godzilla .enlighter-n2 {
color: #9b0d5c;
font-style: italic
}
.enlighter-t-godzilla .enlighter-n3 {
color: #9b0d5c;
font-style: italic
}
.enlighter-t-godzilla .enlighter-n4 {
color: #9b0d5c;
font-style: italic
}
.enlighter-t-godzilla .enlighter-n5 {
color: #9b0d5c;
text-decoration: underline
}
.enlighter-t-godzilla .enlighter-m0 {
color: #d0284a
}
.enlighter-t-godzilla .enlighter-m1 {
color: #d0284a
}
.enlighter-t-godzilla .enlighter-m2 {
color: #d0284a
}
.enlighter-t-godzilla .enlighter-m3 {
color: #d0284a
}
.enlighter-t-godzilla .enlighter-g0 {
color: #35434c
}
.enlighter-t-godzilla .enlighter-g1 {
color: #35434c
}
.enlighter-t-godzilla .enlighter-t0 {
color: #35434c
}
.enlighter-t-godzilla .enlighter-t1 {
color: #d0284a;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-t2 {
color: #9b0d5c;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-t3 {
color: #085789
}
.enlighter-t-godzilla .enlighter-t4 {
color: #085789
}
.enlighter-t-godzilla .enlighter-t5 {
color: #085789
}
.enlighter-t-godzilla .enlighter-t6 {
color: #d0284a
}
.enlighter-t-godzilla .enlighter-t7 {
color: #35434c;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-t8 {
color: #35434c;
background-color: #f0f0f0;
font-style: italic
}
.enlighter-t-godzilla .enlighter-x1 {
color: #085789;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-x2 {
color: #4284ae
}
.enlighter-t-godzilla .enlighter-x10 {
color: #35434c;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-x11 {
color: #085789;
font-weight: 700
}
.enlighter-t-godzilla .enlighter-x12 {
color: #085789;
text-decoration: underline
}
.enlighter-t-godzilla .enlighter-x13 {
color: #4284ae
}
.enlighter-t-godzilla .enlighter-x14 {
color: #4284ae;
font-style: italic
}
.enlighter-t-godzilla .enlighter-x15 {
color: #9b0d5c;
font-style: italic
}
.enlighter-t-godzilla.enlighter-v-inline {
background-color: #f7f7f7;
border: dotted 1px #e0e0e1;
border-left: solid 2px #4a80b3
}
.enlighter-t-godzilla.enlighter-v-codegroup .enlighter-codegroup-switch {
font-family: "Open Sans", Arial, Verdana, sans-serif;
background-color: #4a80b3;
padding: 5px 5px 5px 5px
}
.enlighter-t-godzilla.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
padding: 3px 10px 3px 10px;
border: none;
background-color: transparent;
line-height: 1.7em;
font-size: 1.15em;
color: #f0f0f0;
width: auto
}
.enlighter-t-godzilla.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
background-color: #00417f
}
.enlighter-t-atomic {
font-family: Inconsolata, Consolas, "Source Code Pro", "Liberation Mono", "Courier New", Courier, monospace;
background-color: #272b33;
font-size: 12px;
color: #939393
}
.enlighter-t-atomic .enlighter-toolbar {
top: 10px;
right: 10px
}
.enlighter-t-atomic .enlighter-btn {
font-family: "Open Sans", Arial, Verdana, sans-serif;
background-image: none;
/*background-color: transparent;*/
color: #939393;
font-size: 1.1em;
padding: 2px 8px 2px 8px;
margin: 0 5px 0 5px;
border: solid 1px #383e49;
border-radius: 4px;
background-color: #13151a
}
.enlighter-t-atomic .enlighter-btn:hover {
background-color: #121518;
color: #f0f0f0
}
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-raw {
background-image: none
}
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-raw:after {
content: 'Raw'
}
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-copy {
background-image: none
}
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-copy:after {
content: 'Copy'
}
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-window {
background-image: none
}
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-window:after {
content: 'Extern'
}
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-website {
background-image: none
}
.enlighter-t-atomic .enlighter-toolbar .enlighter-btn-website:after {
content: 'EnlighterJS'
}
.enlighter-t-atomic .enlighter-raw {
font-size: 1.4em;
color: #cfd5e0;
background-color: #272b33;
line-height: 1.85em;
padding: 4px 5px 4px 54px
}
.enlighter-t-atomic div.enlighter>div {
padding: 1px 5px 1px 14px;
line-height: 1.6em;
color: #596174;
background-color: #272b33
}
.enlighter-t-atomic div.enlighter>div:FIRST-CHILD {
padding-top: 5px
}
.enlighter-t-atomic div.enlighter>div:LAST-CHILD {
padding-bottom: 5px
}
.enlighter-t-atomic div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-atomic div.enlighter>div.enlighter-special {
background-color: #392d3b
}
.enlighter-t-atomic.enlighter-linenumbers div.enlighter>div::before {
padding: 1px 5px 1px 14px;
font-size: 1.3em
}
.enlighter-t-atomic.enlighter-hover div.enlighter>div:hover {
background-color: #2e353e
}
.enlighter-t-atomic .enlighter span {
font-size: 1.4em
}
.enlighter-t-atomic .enlighter-text {
color: #cfd5e0
}
.enlighter-t-atomic .enlighter-c0 {
color: #6b7c8b
}
.enlighter-t-atomic .enlighter-c1 {
color: #6b7c8b
}
.enlighter-t-atomic .enlighter-c2 {
color: #6b7c8b
}
.enlighter-t-atomic .enlighter-c9 {
color: #5b7c9c
}
.enlighter-t-atomic .enlighter-k0 {
color: #d171dd;
font-weight: 700
}
.enlighter-t-atomic .enlighter-k1 {
color: #d171dd;
font-weight: 700
}
.enlighter-t-atomic .enlighter-k2 {
color: #d19252;
border-bottom: dotted 1px #d19252
}
.enlighter-t-atomic .enlighter-k3 {
color: #4284ae
}
.enlighter-t-atomic .enlighter-k4 {
color: #4284ae;
font-weight: 700
}
.enlighter-t-atomic .enlighter-k5 {
color: #d171dd;
font-weight: 700
}
.enlighter-t-atomic .enlighter-k6 {
color: #d171dd;
font-style: italic
}
.enlighter-t-atomic .enlighter-k7 {
color: #d171dd;
font-weight: 700
}
.enlighter-t-atomic .enlighter-k8 {
color: #4284ae
}
.enlighter-t-atomic .enlighter-k9 {
color: #fff
}
.enlighter-t-atomic .enlighter-k10 {
color: #4284ae;
font-style: italic
}
.enlighter-t-atomic .enlighter-k11 {
color: #6b7c8b
}
.enlighter-t-atomic .enlighter-e0 {
color: #d171dd;
font-weight: 700
}
.enlighter-t-atomic .enlighter-e1 {
color: #d171dd;
font-weight: 700
}
.enlighter-t-atomic .enlighter-e2 {
color: #d19252
}
.enlighter-t-atomic .enlighter-e3 {
color: #ae42a0
}
.enlighter-t-atomic .enlighter-e4 {
color: #d2901d;
font-style: italic
}
.enlighter-t-atomic .enlighter-s0 {
color: #7cc379
}
.enlighter-t-atomic .enlighter-s1 {
color: #7cc379
}
.enlighter-t-atomic .enlighter-s2 {
color: #7cc379
}
.enlighter-t-atomic .enlighter-s3 {
color: #7cc379
}
.enlighter-t-atomic .enlighter-s4 {
color: #7cc379;
font-weight: 700
}
.enlighter-t-atomic .enlighter-s5 {
color: #5e860f;
font-style: italic
}
.enlighter-t-atomic .enlighter-n0 {
color: #d19a66
}
.enlighter-t-atomic .enlighter-n1 {
color: #d19a66
}
.enlighter-t-atomic .enlighter-n2 {
color: #d19a66
}
.enlighter-t-atomic .enlighter-n3 {
color: #d19a66
}
.enlighter-t-atomic .enlighter-n4 {
color: #d19a66
}
.enlighter-t-atomic .enlighter-n5 {
color: #d19a66
}
.enlighter-t-atomic .enlighter-m0 {
color: #4284ae
}
.enlighter-t-atomic .enlighter-m1 {
color: #4284ae
}
.enlighter-t-atomic .enlighter-m2 {
color: #4284ae
}
.enlighter-t-atomic .enlighter-m3 {
color: #4284ae
}
.enlighter-t-atomic .enlighter-g0 {
color: #6b7c8b;
font-weight: 700
}
.enlighter-t-atomic .enlighter-g1 {
color: #6b7c8b;
font-weight: 700
}
.enlighter-t-atomic .enlighter-t0 {
color: #6b7c8b
}
.enlighter-t-atomic .enlighter-t1 {
color: #9b0d5c;
font-weight: 700
}
.enlighter-t-atomic .enlighter-t2 {
color: #990073;
font-weight: 700
}
.enlighter-t-atomic .enlighter-t3 {
color: #d171dd
}
.enlighter-t-atomic .enlighter-t4 {
color: #4284ae
}
.enlighter-t-atomic .enlighter-t5 {
color: #4284ae
}
.enlighter-t-atomic .enlighter-t6 {
color: #9b0d5c
}
.enlighter-t-atomic .enlighter-t7 {
color: #6b7c8b;
font-weight: 700
}
.enlighter-t-atomic .enlighter-t8 {
color: #6b7c8b
}
.enlighter-t-atomic .enlighter-x1 {
color: #d171dd;
font-weight: 700
}
.enlighter-t-atomic .enlighter-x2 {
color: #d19252;
border-bottom: dotted 1px #d19252
}
.enlighter-t-atomic .enlighter-x10 {
color: #d171dd;
font-weight: 700
}
.enlighter-t-atomic .enlighter-x11 {
color: #d171dd;
font-weight: 700
}
.enlighter-t-atomic .enlighter-x12 {
color: #d171dd;
text-decoration: underline
}
.enlighter-t-atomic .enlighter-x13 {
color: #d19252;
border-bottom: dotted 1px #d19252
}
.enlighter-t-atomic .enlighter-x14 {
color: #d19a66;
font-style: italic
}
.enlighter-t-atomic .enlighter-x15 {
color: #9b0d5c;
font-style: italic
}
.enlighter-t-atomic.enlighter-v-codegroup .enlighter-codegroup-wrapper {
position: relative
}
.enlighter-t-atomic.enlighter-v-codegroup .enlighter-codegroup-switch {
padding: 5px 5px 0 45px;
background-color: #121518
}
.enlighter-t-atomic.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
padding: 2px 8px 0 8px;
border: none;
background-color: transparent;
line-height: 2.1em;
font-weight: 700;
color: #f0f0f0;
border-radius: 5px 5px 0 0;
text-transform: lowercase
}
.enlighter-t-atomic.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
background-color: #272b33
}
.enlighter-t-droide {
background-color: #f7f7f9;
border: solid 1px #e0e0e0
}
.enlighter-t-droide .enlighter-btn {
background-color: #fff;
color: #717171;
font-size: 1em;
padding: 0;
border: 1px solid #e0e0e0;
margin: 0 0 0 8px;
text-decoration: none;
width: 23px;
height: 23px;
background-position: 0 0;
background-size: contain
}
.enlighter-t-droide .enlighter-btn:hover {
background-color: #fff
}
.enlighter-t-droide .enlighter-btn:after {
content: ''
}
.enlighter-t-droide.enlighter-hover div.enlighter>div:hover {
background-color: #fae9d9
}
.enlighter-t-droide .enlighter-raw {
font-size: 1.1em;
color: #404141;
line-height: 1.5em;
padding: 4px 5px 4px 55px
}
.enlighter-t-droide div.enlighter>div {
border: solid 0 #fff;
padding: 1px 5px 1px 14px;
line-height: 1.35em;
color: #aaa
}
.enlighter-t-droide div.enlighter>div:FIRST-CHILD {
padding-top: 5px
}
.enlighter-t-droide div.enlighter>div:LAST-CHILD {
padding-bottom: 5px
}
.enlighter-t-droide div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-droide div.enlighter>div.enlighter-special {
background-color: #fae9d9;
border-left: solid 5px #e07c19
}
.enlighter-t-droide.enlighter-linenumbers div.enlighter>div::before {
padding: 1px 5px 1px 0;
border-right: 1px dashed #e0e0e0;
font-size: .9em;
color: #707070;
background-color: #f7f7f9
}
.enlighter-t-droide .enlighter span {
font-size: 1.1em
}
.enlighter-t-droide .enlighter-text {
color: #000
}
.enlighter-t-droide .enlighter-c0 {
color: #086b08
}
.enlighter-t-droide .enlighter-c1 {
color: #086b08
}
.enlighter-t-droide .enlighter-c2 {
color: #086b08
}
.enlighter-t-droide .enlighter-c9 {
color: #086b08
}
.enlighter-t-droide .enlighter-k0 {
color: #12217c;
font-weight: 700
}
.enlighter-t-droide .enlighter-k1 {
color: #12217c;
font-weight: 700
}
.enlighter-t-droide .enlighter-k2 {
color: #458;
font-weight: 700
}
.enlighter-t-droide .enlighter-k3 {
color: #6e0d6e
}
.enlighter-t-droide .enlighter-k4 {
color: #6e0d6e;
font-weight: 700
}
.enlighter-t-droide .enlighter-k5 {
color: #12217c;
font-weight: 700
}
.enlighter-t-droide .enlighter-k6 {
color: #12217c;
font-style: italic
}
.enlighter-t-droide .enlighter-k7 {
color: #12217c;
font-weight: 700
}
.enlighter-t-droide .enlighter-k8 {
color: #458
}
.enlighter-t-droide .enlighter-k9 {
color: #990073;
font-weight: 700
}
.enlighter-t-droide .enlighter-k10 {
color: #6e0d6e;
font-style: italic
}
.enlighter-t-droide .enlighter-k11 {
color: #086b08
}
.enlighter-t-droide .enlighter-e0 {
color: #34068a;
font-weight: 700
}
.enlighter-t-droide .enlighter-e1 {
color: #34068a;
font-weight: 700
}
.enlighter-t-droide .enlighter-e2 {
color: #009926
}
.enlighter-t-droide .enlighter-e3 {
color: #286491
}
.enlighter-t-droide .enlighter-e4 {
color: #ff8c00;
font-style: italic
}
.enlighter-t-droide .enlighter-s0 {
color: #961414
}
.enlighter-t-droide .enlighter-s1 {
color: #961414
}
.enlighter-t-droide .enlighter-s2 {
color: #961414
}
.enlighter-t-droide .enlighter-s3 {
color: #961414
}
.enlighter-t-droide .enlighter-s4 {
color: #963f14;
font-weight: 700
}
.enlighter-t-droide .enlighter-s5 {
color: #961414;
font-style: italic
}
.enlighter-t-droide .enlighter-n0 {
color: #099
}
.enlighter-t-droide .enlighter-n1 {
color: #099
}
.enlighter-t-droide .enlighter-n2 {
color: #099;
font-style: italic
}
.enlighter-t-droide .enlighter-n3 {
color: #099;
font-style: italic
}
.enlighter-t-droide .enlighter-n4 {
color: #099;
font-style: italic
}
.enlighter-t-droide .enlighter-n5 {
color: #099;
text-decoration: underline
}
.enlighter-t-droide .enlighter-m0 {
color: #000
}
.enlighter-t-droide .enlighter-m1 {
color: #000
}
.enlighter-t-droide .enlighter-m2 {
color: #000
}
.enlighter-t-droide .enlighter-m3 {
color: #000
}
.enlighter-t-droide .enlighter-g0 {
color: #12217c
}
.enlighter-t-droide .enlighter-g1 {
color: #12217c
}
.enlighter-t-droide .enlighter-t0 {
color: #777
}
.enlighter-t-droide .enlighter-t1 {
color: #961414;
font-weight: 700
}
.enlighter-t-droide .enlighter-t2 {
color: #990073;
font-weight: 700
}
.enlighter-t-droide .enlighter-t3 {
color: #458
}
.enlighter-t-droide .enlighter-t4 {
color: #6e0d6e
}
.enlighter-t-droide .enlighter-t5 {
color: #6e0d6e
}
.enlighter-t-droide .enlighter-t6 {
color: #961414
}
.enlighter-t-droide .enlighter-t7 {
color: #535353;
font-weight: 700
}
.enlighter-t-droide .enlighter-t8 {
color: #777;
font-style: italic
}
.enlighter-t-droide .enlighter-x1 {
color: #12217c;
font-weight: 700
}
.enlighter-t-droide .enlighter-x2 {
color: #6e0d6e
}
.enlighter-t-droide .enlighter-x10 {
color: #12217c;
font-weight: 700
}
.enlighter-t-droide .enlighter-x11 {
color: #12217c;
font-weight: 700
}
.enlighter-t-droide .enlighter-x12 {
color: #458
}
.enlighter-t-droide .enlighter-x13 {
color: #099
}
.enlighter-t-droide .enlighter-x14 {
color: #099
}
.enlighter-t-droide .enlighter-x15 {
color: #990073;
font-style: italic
}
.enlighter-t-droide.enlighter-v-codegroup {
background-color: transparent;
border: none
}
.enlighter-t-droide.enlighter-v-codegroup .enlighter-codegroup-wrapper {
background-color: #f7f7f9;
border: solid 1px #e0e0e0
}
.enlighter-t-droide.enlighter-v-codegroup .enlighter-codegroup-switch {
padding-left: 15px
}
.enlighter-t-droide.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
border: solid 1px #e0e0e0;
font-size: 1em;
color: #000;
background-color: transparent;
border-radius: 0;
border-bottom-width: 0;
padding: 5px 10px 5px 10px;
font-weight: 700;
width: auto;
height: auto
}
.enlighter-t-droide.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
background-color: #f7f7f9;
color: #000;
border-color: #c9c9c9
}
.enlighter-t-minimal {
border-top: solid 3px #e0e0e0;
border-bottom: solid 3px #e0e0e0;
background-color: transparent;
padding: 10px 0 10px 0
}
.enlighter-t-minimal .enlighter-btn {
background-color: #fff;
color: #717171;
font-size: 1em;
padding: 0;
border: 1px solid #e0e0e0;
margin: 0 0 0 8px;
text-decoration: none;
width: 23px;
height: 23px;
background-position: 0 0;
background-size: contain
}
.enlighter-t-minimal .enlighter-btn:after {
content: ''
}
.enlighter-t-minimal.enlighter-hover div.enlighter>div:hover {
background-color: #f0f0f0
}
.enlighter-t-minimal .enlighter-raw {
font-size: 1.1em;
line-height: 1.75em;
padding: 13px 5px 15px 50px;
color: #404141
}
.enlighter-t-minimal div.enlighter>div {
border: solid 0 #fff;
background-color: transparent;
padding: 1px 5px 1px 0;
line-height: 1.5em;
color: #a0a0a0
}
.enlighter-t-minimal div.enlighter>div:FIRST-CHILD {
padding-top: 5px
}
.enlighter-t-minimal div.enlighter>div:LAST-CHILD {
padding-bottom: 5px
}
.enlighter-t-minimal div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-minimal div.enlighter>div.enlighter-special {
background-color: #f9f9f9
}
.enlighter-t-minimal.enlighter-linenumbers div.enlighter>div::before {
padding: 1px 10px 1px 10px;
font-size: .8em;
color: #404141
}
.enlighter-t-minimal .enlighter span {
font-size: 1.1em
}
.enlighter-t-minimal .enlighter-text {
color: #2a2a2a
}
.enlighter-t-minimal .enlighter-c0 {
color: #a0a0a0
}
.enlighter-t-minimal .enlighter-c1 {
color: #a0a0a0
}
.enlighter-t-minimal .enlighter-c2 {
color: #a0a0a0
}
.enlighter-t-minimal .enlighter-c9 {
color: #a0a0a0
}
.enlighter-t-minimal .enlighter-k0 {
color: #12217c;
font-weight: 700
}
.enlighter-t-minimal .enlighter-k1 {
color: #12217c;
font-weight: 700
}
.enlighter-t-minimal .enlighter-k2 {
color: #458;
border-bottom: dotted 1px #458
}
.enlighter-t-minimal .enlighter-k3 {
color: #458;
border-bottom: dotted 1px #458
}
.enlighter-t-minimal .enlighter-k4 {
color: #458;
border-bottom: dotted 1px #458
}
.enlighter-t-minimal .enlighter-k5 {
color: #12217c;
font-weight: 700
}
.enlighter-t-minimal .enlighter-k6 {
color: #12217c;
font-style: italic
}
.enlighter-t-minimal .enlighter-k7 {
color: #12217c;
font-weight: 700
}
.enlighter-t-minimal .enlighter-k8 {
color: #458
}
.enlighter-t-minimal .enlighter-k9 {
color: #990073
}
.enlighter-t-minimal .enlighter-k10 {
color: #990073
}
.enlighter-t-minimal .enlighter-k11 {
color: #a0a0a0
}
.enlighter-t-minimal .enlighter-e0 {
color: #458;
border-bottom: dotted 1px #458
}
.enlighter-t-minimal .enlighter-e1 {
color: #458;
border-bottom: dotted 1px #458
}
.enlighter-t-minimal .enlighter-e2 {
color: #996700;
border-bottom: solid 1px #996700
}
.enlighter-t-minimal .enlighter-e3 {
color: #458;
border-bottom: dotted 1px #458
}
.enlighter-t-minimal .enlighter-e4 {
color: #458;
border-bottom: dotted 1px #458
}
.enlighter-t-minimal .enlighter-s0 {
color: #217908;
border-bottom: dotted 1px #387905
}
.enlighter-t-minimal .enlighter-s1 {
color: #217908;
border-bottom: dotted 1px #387905
}
.enlighter-t-minimal .enlighter-s2 {
color: #cf6a4c
}
.enlighter-t-minimal .enlighter-s3 {
color: #217908;
border-bottom: dotted 1px #387905
}
.enlighter-t-minimal .enlighter-s4 {
color: #217908;
border-bottom: dotted 1px #387905
}
.enlighter-t-minimal .enlighter-s5 {
color: #217908;
border-bottom: dotted 1px #387905
}
.enlighter-t-minimal .enlighter-n0 {
color: #a61d1b;
font-weight: 700
}
.enlighter-t-minimal .enlighter-n1 {
color: #a61d1b;
font-weight: 700
}
.enlighter-t-minimal .enlighter-n2 {
color: #a61d1b;
font-weight: 700
}
.enlighter-t-minimal .enlighter-n3 {
color: #a61d1b;
font-weight: 700
}
.enlighter-t-minimal .enlighter-n4 {
color: #a61d1b;
font-weight: 700
}
.enlighter-t-minimal .enlighter-n5 {
color: #a61d1b;
font-weight: 700
}
.enlighter-t-minimal .enlighter-m0 {
color: #12217c;
background-color: #e0e0e0
}
.enlighter-t-minimal .enlighter-m1 {
color: #12217c;
background-color: #e0e0e0
}
.enlighter-t-minimal .enlighter-m2 {
color: #12217c;
background-color: #e0e0e0
}
.enlighter-t-minimal .enlighter-m3 {
color: #12217c;
background-color: #e0e0e0
}
.enlighter-t-minimal .enlighter-g0 {
color: #12217c
}
.enlighter-t-minimal .enlighter-g1 {
color: #2a2a2a
}
.enlighter-t-minimal .enlighter-t0 {
color: #a0a0a0
}
.enlighter-t-minimal .enlighter-t1 {
color: #387905;
font-weight: 700
}
.enlighter-t-minimal .enlighter-t2 {
color: #990073;
font-weight: 700
}
.enlighter-t-minimal .enlighter-t3 {
color: #458
}
.enlighter-t-minimal .enlighter-t4 {
color: #458
}
.enlighter-t-minimal .enlighter-t5 {
color: #458
}
.enlighter-t-minimal .enlighter-t6 {
color: #387905
}
.enlighter-t-minimal .enlighter-t7 {
color: #a0a0a0;
font-weight: 700
}
.enlighter-t-minimal .enlighter-t8 {
color: #a0a0a0;
font-style: italic
}
.enlighter-t-minimal .enlighter-x1 {
color: #12217c;
font-weight: 700
}
.enlighter-t-minimal .enlighter-x2 {
color: #458;
border-bottom: dotted 1px #458
}
.enlighter-t-minimal .enlighter-x10 {
color: #12217c;
font-weight: 700
}
.enlighter-t-minimal .enlighter-x11 {
color: #12217c;
font-weight: 700
}
.enlighter-t-minimal .enlighter-x12 {
color: #458
}
.enlighter-t-minimal .enlighter-x13 {
color: #a61d1b;
font-weight: 700
}
.enlighter-t-minimal .enlighter-x14 {
color: #a61d1b;
font-weight: 700
}
.enlighter-t-minimal .enlighter-x15 {
color: #990073
}
.enlighter-t-minimal.enlighter-v-inline {
background-color: transparent;
border: none;
padding: 0
}
.enlighter-t-minimal.enlighter-v-codegroup {
border-top: none;
padding-top: 0
}
.enlighter-t-minimal.enlighter-v-codegroup .enlighter-codegroup-wrapper {
border-top: solid 3px #e0e0e0;
padding-top: 10px
}
.enlighter-t-minimal.enlighter-v-codegroup .enlighter-codegroup-switch {
padding-left: 5px;
padding-bottom: 5px
}
.enlighter-t-minimal.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
font-size: 1em;
color: #000;
background-color: transparent;
font-weight: 700;
text-transform: uppercase;
padding: 1px 6px 1px 6px;
border: none;
width: auto;
height: auto
}
.enlighter-t-minimal.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
background-color: #e0e0e0;
color: #2a2a2a
}
.enlighter-t-eclipse {
color: #787878;
border-radius: 5px;
border: solid 8px #f3f3f3;
background-color: #fff
}
.enlighter-t-eclipse .enlighter-toolbar {
top: 15px;
right: 15px
}
.enlighter-t-eclipse .enlighter-btn {
background-color: #fff;
color: #717171;
font-size: 1em;
padding: 0;
border: 1px solid #e0e0e0;
margin: 0 0 0 8px;
text-decoration: none;
width: 23px;
height: 23px;
background-position: 0 0;
background-size: contain;
border-radius: 8px
}
.enlighter-t-eclipse .enlighter-btn:hover {
background-color: #e0e0e0
}
.enlighter-t-eclipse .enlighter-btn:after {
content: ''
}
.enlighter-t-eclipse.enlighter-hover.enlighter-linenumbers div.enlighter>div:hover {
background-color: #e8f2fe;
color: #444
}
.enlighter-t-eclipse.enlighter-hover div.enlighter>div:hover {
background-color: #e8f2fe;
color: #444;
border-left-color: #e0e0e0
}
.enlighter-t-eclipse .enlighter-raw {
font-size: 1.1em;
line-height: 1.5em;
padding: 4px 5px 4px 56px;
color: #717171
}
.enlighter-t-eclipse div.enlighter {
background-color: #fff
}
.enlighter-t-eclipse div.enlighter>div {
border: solid 0 #fff;
background-color: transparent;
padding: 1px 5px 1px 0;
line-height: 1.35em;
color: #787878
}
.enlighter-t-eclipse div.enlighter>div:FIRST-CHILD {
padding-top: 5px
}
.enlighter-t-eclipse div.enlighter>div:LAST-CHILD {
padding-bottom: 5px
}
.enlighter-t-eclipse div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-eclipse div.enlighter>div.enlighter-special {
background-color: #f9f9f9
}
.enlighter-t-eclipse.enlighter-linenumbers div.enlighter>div::before {
border-right: 2px solid #f8f8f8;
padding: 1px 5px 1px 14px
}
.enlighter-t-eclipse .enlighter span {
font-size: 1.1em
}
.enlighter-t-eclipse .enlighter-text {
color: #000
}
.enlighter-t-eclipse .enlighter-c0 {
color: #3f7f5f
}
.enlighter-t-eclipse .enlighter-c1 {
color: #3f5fbf
}
.enlighter-t-eclipse .enlighter-c2 {
color: #3f5fbf
}
.enlighter-t-eclipse .enlighter-c9 {
color: #3f5fbf
}
.enlighter-t-eclipse .enlighter-k0 {
color: #3f7f95;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-k1 {
color: #3f7f95;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-k2 {
color: #7f007f;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-k3 {
color: #7f007f;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-k4 {
color: #458
}
.enlighter-t-eclipse .enlighter-k5 {
color: #7f007f;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-k6 {
color: #7f007f;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-k7 {
color: #7f007f;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-k8 {
color: #458
}
.enlighter-t-eclipse .enlighter-k9 {
color: #990073
}
.enlighter-t-eclipse .enlighter-k10 {
color: #990073
}
.enlighter-t-eclipse .enlighter-k11 {
color: #3f5fbf
}
.enlighter-t-eclipse .enlighter-e0 {
color: #7f007f;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-e1 {
color: #7f007f;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-e2 {
color: #009926
}
.enlighter-t-eclipse .enlighter-e3 {
color: #7f007f;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-e4 {
color: #7f007f;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-s0 {
color: #320fe3
}
.enlighter-t-eclipse .enlighter-s1 {
color: #320fe3
}
.enlighter-t-eclipse .enlighter-s2 {
color: #320fe3
}
.enlighter-t-eclipse .enlighter-s3 {
color: #320fe3
}
.enlighter-t-eclipse .enlighter-s4 {
color: #320fe3
}
.enlighter-t-eclipse .enlighter-s5 {
color: #990073
}
.enlighter-t-eclipse .enlighter-n0 {
color: #000
}
.enlighter-t-eclipse .enlighter-n1 {
color: #000
}
.enlighter-t-eclipse .enlighter-n2 {
color: #000
}
.enlighter-t-eclipse .enlighter-n3 {
color: #000
}
.enlighter-t-eclipse .enlighter-n4 {
color: #000
}
.enlighter-t-eclipse .enlighter-n5 {
color: #000
}
.enlighter-t-eclipse .enlighter-m0 {
color: #000
}
.enlighter-t-eclipse .enlighter-m1 {
color: #000
}
.enlighter-t-eclipse .enlighter-m2 {
color: #000
}
.enlighter-t-eclipse .enlighter-m3 {
color: #000
}
.enlighter-t-eclipse .enlighter-g0 {
color: #777
}
.enlighter-t-eclipse .enlighter-g1 {
color: #777
}
.enlighter-t-eclipse .enlighter-t0 {
color: #777
}
.enlighter-t-eclipse .enlighter-t1 {
color: #3f7f5f;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-t2 {
color: #990073;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-t3 {
color: #458
}
.enlighter-t-eclipse .enlighter-t4 {
color: #458
}
.enlighter-t-eclipse .enlighter-t5 {
color: #458
}
.enlighter-t-eclipse .enlighter-t6 {
color: #3f7f5f
}
.enlighter-t-eclipse .enlighter-t7 {
color: #a0a0a0;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-t8 {
color: #a0a0a0;
font-style: italic
}
.enlighter-t-eclipse .enlighter-x1 {
color: #3f7f95;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-x2 {
color: #7f007f;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-x10 {
color: #3f7f95;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-x11 {
color: #3f7f95;
font-weight: 700
}
.enlighter-t-eclipse .enlighter-x12 {
color: #458
}
.enlighter-t-eclipse .enlighter-x13 {
color: #3f7f95
}
.enlighter-t-eclipse .enlighter-x14 {
color: #000
}
.enlighter-t-eclipse .enlighter-x15 {
color: #000
}
.enlighter-t-eclipse.enlighter-v-inline {
border-radius: 3px;
background-color: #f8f8f8;
border: solid 0 #fff
}
.enlighter-t-eclipse.enlighter-v-codegroup {
display: block
}
.enlighter-t-eclipse.enlighter-v-codegroup .enlighter,
.enlighter-t-eclipse.enlighter-v-codegroup .enlighter-raw {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.enlighter-t-eclipse.enlighter-v-codegroup .enlighter-codegroup-wrapper {
position: relative
}
.enlighter-t-eclipse.enlighter-v-codegroup .enlighter-codegroup-switch {
background-color: #f3f3f3;
padding: 8px 5px 0 60px;
border-radius: 5px 5px 0 0
}
.enlighter-t-eclipse.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
font-size: 1em;
color: #000;
background-color: transparent;
padding: 5px 10px 5px 10px;
border-radius: 5px 5px 0 0;
border: none;
width: auto
}
.enlighter-t-eclipse.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
background-color: #fff;
color: #000;
border-color: #c9c9c9
}
.enlighter-t-mowtwo {
background-color: #f0f0f1;
border: solid 1px #f0f0f1;
border-radius: 7px
}
.enlighter-t-mowtwo .enlighter-btn {
background-color: #fff;
color: #717171;
font-size: 1em;
padding: 0;
border: 1px solid #e0e0e0;
margin: 0 0 0 8px;
text-decoration: none;
width: 23px;
height: 23px;
background-position: 0 0;
background-size: contain
}
.enlighter-t-mowtwo .enlighter-btn:after {
content: ''
}
.enlighter-t-mowtwo.enlighter-hover div.enlighter>div:hover {
background-color: #e9e9e9
}
.enlighter-t-mowtwo .enlighter-raw {
font-size: 1.15em;
line-height: 1.75em;
color: #313437;
padding: 5px 5px 5px 51px;
background-color: transparent
}
.enlighter-t-mowtwo div.enlighter>div {
line-height: 1.5em;
padding: 1px 5px 1px 14px;
color: #9c9ea0
}
.enlighter-t-mowtwo div.enlighter>div:FIRST-CHILD {
padding-top: 5px
}
.enlighter-t-mowtwo div.enlighter>div:LAST-CHILD {
padding-bottom: 5px
}
.enlighter-t-mowtwo div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-mowtwo div.enlighter>div.enlighter-special {
background-color: #e9e9e9
}
.enlighter-t-mowtwo.enlighter-linenumbers div.enlighter>div::before {
padding: 1px 10px 1px 10px;
font-size: .9em
}
.enlighter-t-mowtwo.enlighter-linenumbers div.enlighter>div:FIRST-CHILD::before {
border-radius: 0 8px 0 0
}
.enlighter-t-mowtwo.enlighter-linenumbers div.enlighter>div:LAST-CHILD::before {
border-radius: 0 0 8px 0
}
.enlighter-t-mowtwo .enlighter span {
font-size: 1.15em
}
.enlighter-t-mowtwo .enlighter-text {
color: #313437
}
.enlighter-t-mowtwo .enlighter-c0 {
color: #9c9ea0
}
.enlighter-t-mowtwo .enlighter-c1 {
color: #9c9ea0
}
.enlighter-t-mowtwo .enlighter-c2 {
color: #9c9ea0
}
.enlighter-t-mowtwo .enlighter-c9 {
color: #9c9ea0
}
.enlighter-t-mowtwo .enlighter-k0 {
color: #b05098;
font-weight: 700
}
.enlighter-t-mowtwo .enlighter-k1 {
color: #b05098;
font-weight: 700
}
.enlighter-t-mowtwo .enlighter-k2 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-k3 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-k4 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-k5 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-k6 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-k7 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-k8 {
color: #313437
}
.enlighter-t-mowtwo .enlighter-k9 {
color: #313437
}
.enlighter-t-mowtwo .enlighter-k10 {
color: #313437
}
.enlighter-t-mowtwo .enlighter-k11 {
color: #9c9ea0
}
.enlighter-t-mowtwo .enlighter-e0 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-e1 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-e2 {
color: #864c08
}
.enlighter-t-mowtwo .enlighter-e3 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-e4 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-s0 {
color: #83a440
}
.enlighter-t-mowtwo .enlighter-s1 {
color: #83a440
}
.enlighter-t-mowtwo .enlighter-s2 {
color: #83a440
}
.enlighter-t-mowtwo .enlighter-s3 {
color: #83a440
}
.enlighter-t-mowtwo .enlighter-s4 {
color: #83a440
}
.enlighter-t-mowtwo .enlighter-s5 {
color: #83a440
}
.enlighter-t-mowtwo .enlighter-n0 {
color: #429bc1
}
.enlighter-t-mowtwo .enlighter-n1 {
color: #429bc1
}
.enlighter-t-mowtwo .enlighter-n2 {
color: #429bc1
}
.enlighter-t-mowtwo .enlighter-n3 {
color: #429bc1
}
.enlighter-t-mowtwo .enlighter-n4 {
color: #429bc1
}
.enlighter-t-mowtwo .enlighter-n5 {
color: #429bc1
}
.enlighter-t-mowtwo .enlighter-m0 {
color: #666
}
.enlighter-t-mowtwo .enlighter-m1 {
color: #666
}
.enlighter-t-mowtwo .enlighter-m2 {
color: #666
}
.enlighter-t-mowtwo .enlighter-m3 {
color: #666
}
.enlighter-t-mowtwo .enlighter-g0 {
color: #864c08
}
.enlighter-t-mowtwo .enlighter-g1 {
color: #909090
}
.enlighter-t-mowtwo .enlighter-t0 {
color: #909090
}
.enlighter-t-mowtwo .enlighter-t1 {
color: #b05098;
font-weight: 700
}
.enlighter-t-mowtwo .enlighter-t2 {
color: #b05098;
font-weight: 700
}
.enlighter-t-mowtwo .enlighter-t3 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-t4 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-t5 {
color: #83a440
}
.enlighter-t-mowtwo .enlighter-t6 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-t7 {
color: #909090;
font-weight: 700
}
.enlighter-t-mowtwo .enlighter-t8 {
color: #909090;
font-style: italic
}
.enlighter-t-mowtwo .enlighter-x1 {
color: #b05098;
font-weight: 700
}
.enlighter-t-mowtwo .enlighter-x2 {
color: #b05098
}
.enlighter-t-mowtwo .enlighter-x10 {
color: #b05098;
font-weight: 700
}
.enlighter-t-mowtwo .enlighter-x11 {
color: #b05098;
font-weight: 700
}
.enlighter-t-mowtwo .enlighter-x12 {
color: #313437
}
.enlighter-t-mowtwo .enlighter-x13 {
color: #429bc1
}
.enlighter-t-mowtwo .enlighter-x14 {
color: #429bc1
}
.enlighter-t-mowtwo .enlighter-x15 {
color: #313437
}
.enlighter-t-mowtwo.enlighter-v-inline {
border-radius: 4px
}
.enlighter-t-mowtwo.enlighter-v-codegroup .enlighter-codegroup-switch {
background-color: #585b5e;
padding: 10px 0 10px 20px;
border-radius: 8px;
margin-bottom: 5px
}
.enlighter-t-mowtwo.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
border-radius: 0;
background-color: transparent;
line-height: 1.7em;
font-size: 1.25em;
color: #f0f0f0;
border: none;
padding: 0 10px 0 10px;
width: auto;
height: auto;
font-family: "Open Sans", Arial, Verdana, sans-serif
}
.enlighter-t-mowtwo.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
text-decoration: underline
}
.enlighter-t-rowhammer {
background-color: transparent;
border: none
}
.enlighter-t-rowhammer .enlighter-toolbar {
top: 20px
}
.enlighter-t-rowhammer .enlighter-btn {
background-color: #fff;
color: #717171;
font-size: 1em;
padding: 0;
border: 1px solid #e0e0e0;
margin: 0 0 0 8px;
text-decoration: none;
width: 23px;
height: 23px;
background-position: 0 0;
background-size: contain
}
.enlighter-t-rowhammer .enlighter-btn:hover {
background-color: #fff
}
.enlighter-t-rowhammer .enlighter-btn:after {
content: ''
}
.enlighter-t-rowhammer.enlighter-hover div.enlighter>div:hover {
background-color: #f0f0f0
}
.enlighter-t-rowhammer .enlighter-raw {
font-size: 1.1em;
color: #404141;
background-color: transparent;
padding: 14px 0 15px 38px;
line-height: 2em
}
.enlighter-t-rowhammer div.enlighter>div {
border: solid 0 #fff;
padding: 1px 5px 1px 0;
line-height: 1.67em;
color: #94a9bf;
background-color: transparent;
border-bottom: dotted 1px #e9e9f0
}
.enlighter-t-rowhammer div.enlighter>div:nth-of-type(1) {
border-top: dotted 1px #e9e9f0
}
.enlighter-t-rowhammer div.enlighter>div:FIRST-CHILD {
padding-top: 5px
}
.enlighter-t-rowhammer div.enlighter>div:LAST-CHILD {
padding-bottom: 5px
}
.enlighter-t-rowhammer div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-rowhammer div.enlighter>div.enlighter-special {
background-color: #f9f9f9
}
.enlighter-t-rowhammer.enlighter-linenumbers div.enlighter>div::before {
padding: 1px 5px 1px 14px;
font-size: .8em;
color: #94a9bf
}
.enlighter-t-rowhammer .enlighter span {
font-size: 1.1em
}
.enlighter-t-rowhammer .enlighter-text {
color: #000
}
.enlighter-t-rowhammer .enlighter-c0 {
color: #758697
}
.enlighter-t-rowhammer .enlighter-c1 {
color: #758697
}
.enlighter-t-rowhammer .enlighter-c2 {
color: #758697
}
.enlighter-t-rowhammer .enlighter-c9 {
color: #758697
}
.enlighter-t-rowhammer .enlighter-k0 {
color: #07a;
font-weight: 700;
border-bottom: dotted 1px #07a
}
.enlighter-t-rowhammer .enlighter-k1 {
color: #07a;
font-weight: 700;
border-bottom: dotted 1px #07a
}
.enlighter-t-rowhammer .enlighter-k2 {
color: #07a;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-k3 {
color: #07a
}
.enlighter-t-rowhammer .enlighter-k4 {
color: #07a;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-k5 {
color: #07a;
font-weight: 700;
border-bottom: dotted 1px #07a
}
.enlighter-t-rowhammer .enlighter-k6 {
color: #07a;
font-weight: 700;
border-bottom: dotted 1px #07a
}
.enlighter-t-rowhammer .enlighter-k7 {
color: #07a;
font-weight: 700;
border-bottom: dotted 1px #07a
}
.enlighter-t-rowhammer .enlighter-k8 {
color: #07a
}
.enlighter-t-rowhammer .enlighter-k9 {
color: #000
}
.enlighter-t-rowhammer .enlighter-k10 {
color: #07a;
font-style: italic
}
.enlighter-t-rowhammer .enlighter-k11 {
color: #758697
}
.enlighter-t-rowhammer .enlighter-e0 {
color: #07a;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-e1 {
color: #07a;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-e2 {
color: #d2901d
}
.enlighter-t-rowhammer .enlighter-e3 {
color: #07a
}
.enlighter-t-rowhammer .enlighter-e4 {
color: #ff8c00;
font-style: italic
}
.enlighter-t-rowhammer .enlighter-s0 {
color: #639500;
border-bottom: dotted 1px #639500
}
.enlighter-t-rowhammer .enlighter-s1 {
color: #639500
}
.enlighter-t-rowhammer .enlighter-s2 {
color: #639500
}
.enlighter-t-rowhammer .enlighter-s3 {
color: #639500
}
.enlighter-t-rowhammer .enlighter-s4 {
color: #639500
}
.enlighter-t-rowhammer .enlighter-s5 {
color: #639500;
font-style: italic
}
.enlighter-t-rowhammer .enlighter-n0 {
color: #9b0d5c
}
.enlighter-t-rowhammer .enlighter-n1 {
color: #9b0d5c
}
.enlighter-t-rowhammer .enlighter-n2 {
color: #9b0d5c
}
.enlighter-t-rowhammer .enlighter-n3 {
color: #9b0d5c
}
.enlighter-t-rowhammer .enlighter-n4 {
color: #9b0d5c
}
.enlighter-t-rowhammer .enlighter-n5 {
color: #9b0d5c
}
.enlighter-t-rowhammer .enlighter-m0 {
color: #d0284a;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-m1 {
color: #c2415b;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-m2 {
color: #c2415b;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-m3 {
color: #d0284a;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-g0 {
color: #35434c;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-g1 {
color: #6b7c8b;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-t0 {
color: #777
}
.enlighter-t-rowhammer .enlighter-t1 {
color: #961414;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-t2 {
color: #990073;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-t3 {
color: #458
}
.enlighter-t-rowhammer .enlighter-t4 {
color: #6e0d6e
}
.enlighter-t-rowhammer .enlighter-t5 {
color: #6e0d6e
}
.enlighter-t-rowhammer .enlighter-t6 {
color: #961414
}
.enlighter-t-rowhammer .enlighter-t7 {
color: #535353;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-t8 {
color: #777;
font-style: italic
}
.enlighter-t-rowhammer .enlighter-x1 {
color: #07a;
font-weight: 700;
border-bottom: dotted 1px #07a
}
.enlighter-t-rowhammer .enlighter-x2 {
color: #07a;
font-weight: 700
}
.enlighter-t-rowhammer .enlighter-x10 {
color: #07a;
font-weight: 700;
border-bottom: dotted 1px #07a
}
.enlighter-t-rowhammer .enlighter-x11 {
color: #07a;
font-weight: 700;
border-bottom: dotted 1px #07a
}
.enlighter-t-rowhammer .enlighter-x12 {
color: #07a
}
.enlighter-t-rowhammer .enlighter-x13 {
color: #9b0d5c
}
.enlighter-t-rowhammer .enlighter-x14 {
color: #9b0d5c
}
.enlighter-t-rowhammer .enlighter-x15 {
color: #121212
}
.enlighter-t-rowhammer.enlighter-v-codegroup .enlighter-codegroup-switch {
padding-left: 15px;
padding-bottom: 15px
}
.enlighter-t-rowhammer.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
font-size: 1em;
color: #758697;
background-color: transparent;
border-radius: 0;
font-weight: 700;
text-transform: uppercase;
padding: 2px 10px 2px 10px;
border: none;
width: auto;
height: auto
}
.enlighter-t-rowhammer.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
border-bottom: dotted 1px #758697;
background-color: #f0f0f0
}
.enlighter-t-bootstrap4 {
color: #212529;
background-color: #f8f9fa;
padding: 25px 25px 25px 25px
}
.enlighter-t-bootstrap4 .enlighter-toolbar {
top: 10px;
right: 10px
}
.enlighter-t-bootstrap4 .enlighter-btn {
background-image: none;
background-color: transparent;
color: #818a91;
font-size: 1em;
padding: 2px 8px 2px 8px;
margin: 0 5px 0 5px;
border: none;
border-radius: 4px;
font-family: "Open Sans", Arial, Verdana, sans-serif
}
.enlighter-t-bootstrap4 .enlighter-btn:hover {
background-color: #007bff;
color: #f0f0f0
}
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-raw {
background-image: none
}
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-raw:after {
content: 'Raw'
}
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-copy {
background-image: none
}
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-copy:after {
content: 'Copy'
}
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-window {
background-image: none
}
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-window:after {
content: 'Extern'
}
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-website {
background-image: none
}
.enlighter-t-bootstrap4 .enlighter-toolbar .enlighter-btn-website:after {
content: 'EnlighterJS'
}
.enlighter-t-bootstrap4.enlighter-hover div.enlighter>div:hover {
background-color: #eceef0
}
.enlighter-t-bootstrap4 .enlighter-raw {
font-size: 1.15em;
color: #212529;
background-color: #f8f9fa;
line-height: 1.7em;
padding: 0 0 0 61px
}
.enlighter-t-bootstrap4 div.enlighter>div {
padding: 1px 5px 1px 14px;
line-height: 1.35em;
color: #999;
background-color: transparent
}
.enlighter-t-bootstrap4 div.enlighter>div:FIRST-CHILD {
padding-top: 5px
}
.enlighter-t-bootstrap4 div.enlighter>div:LAST-CHILD {
padding-bottom: 5px
}
.enlighter-t-bootstrap4 div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-bootstrap4 div.enlighter>div.enlighter-special {
background-color: #eceef0
}
.enlighter-t-bootstrap4.enlighter-linenumbers div.enlighter>div::before {
padding: 1px 5px 1px 0;
font-size: .8em
}
.enlighter-t-bootstrap4 .enlighter span {
font-size: 1.15em
}
.enlighter-t-bootstrap4 .enlighter-text {
color: #212529
}
.enlighter-t-bootstrap4 .enlighter-c0 {
color: #999
}
.enlighter-t-bootstrap4 .enlighter-c1 {
color: #999
}
.enlighter-t-bootstrap4 .enlighter-c2 {
color: #999
}
.enlighter-t-bootstrap4 .enlighter-c9 {
color: #999
}
.enlighter-t-bootstrap4 .enlighter-k0 {
color: #069
}
.enlighter-t-bootstrap4 .enlighter-k1 {
color: #069
}
.enlighter-t-bootstrap4 .enlighter-k2 {
color: #069
}
.enlighter-t-bootstrap4 .enlighter-k3 {
color: #069
}
.enlighter-t-bootstrap4 .enlighter-k4 {
color: #069;
font-style: italic
}
.enlighter-t-bootstrap4 .enlighter-k5 {
color: #212529
}
.enlighter-t-bootstrap4 .enlighter-k6 {
color: #069
}
.enlighter-t-bootstrap4 .enlighter-k7 {
color: #069;
border-bottom: dotted 1px #069
}
.enlighter-t-bootstrap4 .enlighter-k8 {
color: #212529
}
.enlighter-t-bootstrap4 .enlighter-k9 {
color: #069
}
.enlighter-t-bootstrap4 .enlighter-k10 {
color: #212529
}
.enlighter-t-bootstrap4 .enlighter-k11 {
color: #999
}
.enlighter-t-bootstrap4 .enlighter-e0 {
color: #069
}
.enlighter-t-bootstrap4 .enlighter-e1 {
color: #069
}
.enlighter-t-bootstrap4 .enlighter-e2 {
color: #009926
}
.enlighter-t-bootstrap4 .enlighter-e3 {
color: #069
}
.enlighter-t-bootstrap4 .enlighter-e4 {
color: #069
}
.enlighter-t-bootstrap4 .enlighter-s0 {
color: #d44950
}
.enlighter-t-bootstrap4 .enlighter-s1 {
color: #d44950
}
.enlighter-t-bootstrap4 .enlighter-s2 {
color: #d44950
}
.enlighter-t-bootstrap4 .enlighter-s3 {
color: #d44950
}
.enlighter-t-bootstrap4 .enlighter-s4 {
color: #d44950
}
.enlighter-t-bootstrap4 .enlighter-s5 {
color: #d44950
}
.enlighter-t-bootstrap4 .enlighter-n0 {
color: #f60
}
.enlighter-t-bootstrap4 .enlighter-n1 {
color: #f60
}
.enlighter-t-bootstrap4 .enlighter-n2 {
color: #f60
}
.enlighter-t-bootstrap4 .enlighter-n3 {
color: #f60
}
.enlighter-t-bootstrap4 .enlighter-n4 {
color: #f60
}
.enlighter-t-bootstrap4 .enlighter-n5 {
color: #f60
}
.enlighter-t-bootstrap4 .enlighter-m0 {
color: #99f
}
.enlighter-t-bootstrap4 .enlighter-m1 {
color: #212529
}
.enlighter-t-bootstrap4 .enlighter-m2 {
color: #212529
}
.enlighter-t-bootstrap4 .enlighter-m3 {
color: #212529
}
.enlighter-t-bootstrap4 .enlighter-g0 {
color: #2f6f9f
}
.enlighter-t-bootstrap4 .enlighter-g1 {
color: #999;
font-weight: 700
}
.enlighter-t-bootstrap4 .enlighter-t0 {
color: #999
}
.enlighter-t-bootstrap4 .enlighter-t1 {
color: #d44950;
font-weight: 700
}
.enlighter-t-bootstrap4 .enlighter-t2 {
color: #d44950;
font-weight: 700
}
.enlighter-t-bootstrap4 .enlighter-t3 {
color: #0086b3
}
.enlighter-t-bootstrap4 .enlighter-t4 {
color: #0a8
}
.enlighter-t-bootstrap4 .enlighter-t5 {
color: #0a8
}
.enlighter-t-bootstrap4 .enlighter-t6 {
color: #f60
}
.enlighter-t-bootstrap4 .enlighter-t7 {
color: #999;
font-weight: 700
}
.enlighter-t-bootstrap4 .enlighter-t8 {
color: #999
}
.enlighter-t-bootstrap4 .enlighter-x1 {
color: #2f6f9f
}
.enlighter-t-bootstrap4 .enlighter-x2 {
color: #4f9fcf
}
.enlighter-t-bootstrap4 .enlighter-x10 {
color: #0a8
}
.enlighter-t-bootstrap4 .enlighter-x11 {
color: #0a8
}
.enlighter-t-bootstrap4 .enlighter-x12 {
color: #99f
}
.enlighter-t-bootstrap4 .enlighter-x13 {
color: #f60
}
.enlighter-t-bootstrap4 .enlighter-x14 {
color: #f60
}
.enlighter-t-bootstrap4 .enlighter-x15 {
color: #f60
}
.enlighter-t-bootstrap4.enlighter-v-inline {
background-color: #f8f9fa;
border: none;
border-radius: 5px;
padding: 3px
}
.enlighter-t-bootstrap4.enlighter-v-codegroup .enlighter-codegroup-switch {
border: solid 3px #f8f9fa;
border-bottom-width: 0;
padding: 15px
}
.enlighter-t-bootstrap4.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
padding: 3px 10px 3px 10px;
border: none;
font-size: .9em;
color: #212529;
font-weight: 700;
background-color: #f8f9fa;
border-radius: 5px
}
.enlighter-t-bootstrap4.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
background-color: #007bff;
color: #f0f0f0
}
.enlighter-t-dracula {
background-color: #282a36
}
.enlighter-t-dracula .enlighter-toolbar {
top: 10px;
right: 10px
}
.enlighter-t-dracula .enlighter-btn {
background-image: none;
background-color: #44475a;
color: #f8f8f2;
font-size: 1em;
padding: 2px 8px 2px 8px;
margin: 0 5px 0 5px;
border: none;
border-radius: 4px;
font-family: Arial, Helvetica, sans-serif
}
.enlighter-t-dracula .enlighter-btn:hover {
background-color: #6272a4;
color: #f8f8f2
}
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-raw {
background-image: none
}
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-raw:after {
content: 'Raw'
}
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-copy {
background-image: none
}
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-copy:after {
content: 'Copy'
}
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-window {
background-image: none
}
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-window:after {
content: 'Extern'
}
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-website {
background-image: none
}
.enlighter-t-dracula .enlighter-toolbar .enlighter-btn-website:after {
content: 'EnlighterJS'
}
.enlighter-t-dracula.enlighter-hover div.enlighter>div:hover {
background-color: #44475a
}
.enlighter-t-dracula .enlighter-raw {
font-size: 1.25em;
color: #f8f8f2;
line-height: 1.85em;
padding: 4px 5px 4px 55px
}
.enlighter-t-dracula div.enlighter>div {
padding: 1px 5px 1px 14px;
line-height: 1.6em;
color: #6272a4;
background-color: #282a36
}
.enlighter-t-dracula div.enlighter>div:FIRST-CHILD {
padding-top: 5px
}
.enlighter-t-dracula div.enlighter>div:LAST-CHILD {
padding-bottom: 5px
}
.enlighter-t-dracula div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-dracula div.enlighter>div.enlighter-special {
background-color: #44475a
}
.enlighter-t-dracula.enlighter-linenumbers div.enlighter>div::before {
font-size: 1em;
color: #6272a4
}
.enlighter-t-dracula .enlighter span {
font-size: 1.25em
}
.enlighter-t-dracula .enlighter-text {
color: #f8f8f2
}
.enlighter-t-dracula .enlighter-c0 {
color: #6272a4
}
.enlighter-t-dracula .enlighter-c1 {
color: #6272a4
}
.enlighter-t-dracula .enlighter-c2 {
color: #6272a4
}
.enlighter-t-dracula .enlighter-c9 {
color: #6272a4
}
.enlighter-t-dracula .enlighter-k0 {
color: #ff79c6;
font-weight: 700
}
.enlighter-t-dracula .enlighter-k1 {
color: #8be9fd;
font-weight: 700
}
.enlighter-t-dracula .enlighter-k2 {
color: #ff79c6;
font-weight: 700
}
.enlighter-t-dracula .enlighter-k3 {
color: #ff79c6
}
.enlighter-t-dracula .enlighter-k4 {
color: #8be9fd
}
.enlighter-t-dracula .enlighter-k5 {
color: #8be9fd
}
.enlighter-t-dracula .enlighter-k6 {
color: #8be9fd
}
.enlighter-t-dracula .enlighter-k7 {
color: #ffb86c
}
.enlighter-t-dracula .enlighter-k8 {
color: #8be9fd
}
.enlighter-t-dracula .enlighter-k9 {
color: #50fa7b
}
.enlighter-t-dracula .enlighter-k10 {
color: #50fa7b
}
.enlighter-t-dracula .enlighter-k11 {
color: #6272a4
}
.enlighter-t-dracula .enlighter-e0 {
color: #bd93f9;
font-weight: 700
}
.enlighter-t-dracula .enlighter-e1 {
color: #bd93f9;
font-weight: 700
}
.enlighter-t-dracula .enlighter-e2 {
color: #f1fa8c
}
.enlighter-t-dracula .enlighter-e3 {
color: #bd93f9
}
.enlighter-t-dracula .enlighter-e4 {
color: #bd93f9;
font-style: italic
}
.enlighter-t-dracula .enlighter-s0 {
color: #f1fa8c
}
.enlighter-t-dracula .enlighter-s1 {
color: #f1fa8c
}
.enlighter-t-dracula .enlighter-s2 {
color: #f1fa8c
}
.enlighter-t-dracula .enlighter-s3 {
color: #f1fa8c
}
.enlighter-t-dracula .enlighter-s4 {
color: #f1fa8c;
font-weight: 700
}
.enlighter-t-dracula .enlighter-s5 {
color: #f1fa8c;
font-style: italic
}
.enlighter-t-dracula .enlighter-n0 {
color: #bd93f9
}
.enlighter-t-dracula .enlighter-n1 {
color: #bd93f9
}
.enlighter-t-dracula .enlighter-n2 {
color: #bd93f9
}
.enlighter-t-dracula .enlighter-n3 {
color: #bd93f9
}
.enlighter-t-dracula .enlighter-n4 {
color: #bd93f9
}
.enlighter-t-dracula .enlighter-n5 {
color: #bd93f9
}
.enlighter-t-dracula .enlighter-m0 {
color: #8be9fd
}
.enlighter-t-dracula .enlighter-m1 {
color: #8be9fd
}
.enlighter-t-dracula .enlighter-m2 {
color: #8be9fd
}
.enlighter-t-dracula .enlighter-m3 {
color: #8be9fd
}
.enlighter-t-dracula .enlighter-g0 {
color: #f8f8f2;
font-weight: 700
}
.enlighter-t-dracula .enlighter-g1 {
color: #f8f8f2;
font-weight: 700
}
.enlighter-t-dracula .enlighter-t0 {
color: #6272a4
}
.enlighter-t-dracula .enlighter-t1 {
color: #8be9fd;
font-weight: 700
}
.enlighter-t-dracula .enlighter-t2 {
color: #8be9fd;
font-weight: 700
}
.enlighter-t-dracula .enlighter-t3 {
color: #ff79c6
}
.enlighter-t-dracula .enlighter-t4 {
color: #ffb86c
}
.enlighter-t-dracula .enlighter-t5 {
color: #50fa7b
}
.enlighter-t-dracula .enlighter-t6 {
color: #f55
}
.enlighter-t-dracula .enlighter-t7 {
color: #f8f8f2;
font-weight: 700
}
.enlighter-t-dracula .enlighter-t8 {
color: #f8f8f2
}
.enlighter-t-dracula .enlighter-x1 {
color: #ff79c6;
font-weight: 700
}
.enlighter-t-dracula .enlighter-x2 {
color: #50fa7b
}
.enlighter-t-dracula .enlighter-x10 {
color: #f8f8f2;
font-weight: 700
}
.enlighter-t-dracula .enlighter-x11 {
color: #50fa7b;
font-weight: 700
}
.enlighter-t-dracula .enlighter-x12 {
color: #8be9fd;
font-style: italic
}
.enlighter-t-dracula .enlighter-x13 {
color: #bd93f9
}
.enlighter-t-dracula .enlighter-x14 {
color: #bd93f9;
font-style: italic
}
.enlighter-t-dracula .enlighter-x15 {
color: #ffb86c;
font-style: italic
}
.enlighter-t-dracula.enlighter-v-codegroup .enlighter-codegroup-switch {
background-color: #282a36;
padding: 10px
}
.enlighter-t-dracula.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
background-image: none;
background-color: transparent;
color: #f8f8f2;
font-size: 1.15em;
padding: 2px 8px 2px 8px;
margin: 0 5px 0 5px;
border: none;
border-radius: 4px;
font-family: Arial, Helvetica, sans-serif
}
.enlighter-t-dracula.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
background-color: #44475a;
color: #f8f8f2
}
.enlighter-t-monokai {
background-color: #272822
}
.enlighter-t-monokai .enlighter-toolbar {
top: 10px;
right: 10px
}
.enlighter-t-monokai .enlighter-btn {
background-image: none;
background-color: #414339;
color: #f8f8f2;
font-size: 1em;
padding: 2px 8px 2px 8px;
margin: 0 5px 0 5px;
border: solid 1px #1e1f1c;
font-family: "Open Sans", Arial, Verdana, sans-serif
}
.enlighter-t-monokai .enlighter-btn:hover {
background-color: #4e5145
}
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-raw {
background-image: none
}
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-raw:after {
content: 'Raw'
}
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-copy {
background-image: none
}
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-copy:after {
content: 'Copy'
}
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-window {
background-image: none
}
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-window:after {
content: 'Extern'
}
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-website {
background-image: none
}
.enlighter-t-monokai .enlighter-toolbar .enlighter-btn-website:after {
content: 'EnlighterJS'
}
.enlighter-t-monokai.enlighter-hover div.enlighter>div:hover {
background-color: #75715e
}
.enlighter-t-monokai .enlighter-raw {
font-size: 1.25em;
color: #f8f8f2;
line-height: 1.85em;
padding: 4px 5px 4px 55px
}
.enlighter-t-monokai div.enlighter>div {
padding: 1px 5px 1px 14px;
line-height: 1.6em
}
.enlighter-t-monokai div.enlighter>div:FIRST-CHILD {
padding-top: 5px
}
.enlighter-t-monokai div.enlighter>div:LAST-CHILD {
padding-bottom: 5px
}
.enlighter-t-monokai div.enlighter>div:AFTER {
content: ' '
}
.enlighter-t-monokai div.enlighter>div.enlighter-special {
background-color: #414339
}
.enlighter-t-monokai.enlighter-linenumbers div.enlighter>div::before {
font-size: 1em;
color: grey
}
.enlighter-t-monokai .enlighter span {
font-size: 1.25em
}
.enlighter-t-monokai .enlighter-text {
color: #f8f8f2
}
.enlighter-t-monokai .enlighter-c0 {
color: #75715e
}
.enlighter-t-monokai .enlighter-c1 {
color: #75715e
}
.enlighter-t-monokai .enlighter-c2 {
color: #75715e
}
.enlighter-t-monokai .enlighter-c9 {
color: #75715e
}
.enlighter-t-monokai .enlighter-k0 {
color: #f92672
}
.enlighter-t-monokai .enlighter-k1 {
color: #f92672
}
.enlighter-t-monokai .enlighter-k2 {
color: #f92672
}
.enlighter-t-monokai .enlighter-k3 {
color: #f92672
}
.enlighter-t-monokai .enlighter-k4 {
color: #f92672
}
.enlighter-t-monokai .enlighter-k5 {
color: #f92672
}
.enlighter-t-monokai .enlighter-k6 {
color: #f92672
}
.enlighter-t-monokai .enlighter-k7 {
color: #f8f8f2
}
.enlighter-t-monokai .enlighter-k8 {
color: #f92672
}
.enlighter-t-monokai .enlighter-k9 {
color: #fd971f
}
.enlighter-t-monokai .enlighter-k10 {
color: #f92672
}
.enlighter-t-monokai .enlighter-k11 {
color: #75715e
}
.enlighter-t-monokai .enlighter-e0 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-e1 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-e2 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-e3 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-e4 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-s0 {
color: #e6db74
}
.enlighter-t-monokai .enlighter-s1 {
color: #e6db74
}
.enlighter-t-monokai .enlighter-s2 {
color: #e6db74
}
.enlighter-t-monokai .enlighter-s3 {
color: #e6db74
}
.enlighter-t-monokai .enlighter-s4 {
color: #e6db74;
font-weight: 700
}
.enlighter-t-monokai .enlighter-s5 {
color: #e6db74;
font-style: italic
}
.enlighter-t-monokai .enlighter-n0 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-n1 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-n2 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-n3 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-n4 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-n5 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-m0 {
color: #66d9ef
}
.enlighter-t-monokai .enlighter-m1 {
color: #66d9ef
}
.enlighter-t-monokai .enlighter-m2 {
color: #66d9ef
}
.enlighter-t-monokai .enlighter-m3 {
color: #66d9ef
}
.enlighter-t-monokai .enlighter-g0 {
color: #f8f8f2;
font-weight: 700
}
.enlighter-t-monokai .enlighter-g1 {
color: #f8f8f2;
font-weight: 700
}
.enlighter-t-monokai .enlighter-t0 {
color: #f8f8f2
}
.enlighter-t-monokai .enlighter-t1 {
color: #a6e22e
}
.enlighter-t-monokai .enlighter-t2 {
color: #a6e22e
}
.enlighter-t-monokai .enlighter-t3 {
color: #e6db74
}
.enlighter-t-monokai .enlighter-t4 {
color: #e6db74
}
.enlighter-t-monokai .enlighter-t5 {
color: #a6e22e
}
.enlighter-t-monokai .enlighter-t6 {
color: #f92672
}
.enlighter-t-monokai .enlighter-t7 {
color: #f92672
}
.enlighter-t-monokai .enlighter-t8 {
color: #75715e
}
.enlighter-t-monokai .enlighter-x1 {
color: #f92672
}
.enlighter-t-monokai .enlighter-x2 {
color: #a6e22e
}
.enlighter-t-monokai .enlighter-x10 {
color: #a6e22e
}
.enlighter-t-monokai .enlighter-x11 {
color: #a6e22e
}
.enlighter-t-monokai .enlighter-x12 {
color: #66d9ef;
font-style: italic
}
.enlighter-t-monokai .enlighter-x13 {
color: #f92672
}
.enlighter-t-monokai .enlighter-x14 {
color: #ae81ff
}
.enlighter-t-monokai .enlighter-x15 {
color: #a6e22e
}
.enlighter-t-monokai.enlighter-v-codegroup .enlighter-codegroup-switch {
background-color: #414339;
padding: 10px 10px 0 30px
}
.enlighter-t-monokai.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
background-image: none;
background-color: #414339;
color: #f8f8f2;
font-size: 1.15em;
padding: 2px 8px 2px 8px;
margin: 0 10px 0 10px;
border: none;
line-height: 2.1em;
border-radius: 0;
font-style: italic
}
.enlighter-t-monokai.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
background-color: #272822;
color: #f8f8f2;
font-weight: 700;
font-style: normal
}
.wh_footer {
text-align: left;
padding: 0;
position: relative;
bottom: 0;
width: 100%;
color: #FFFfff;
background: none #1f2438;
padding-top: 32px;
}
.container-fluid {
margin: 0 6%;
}
@media only screen and (max-width: 1601px) {
.container-fluid {
margin: 0 32px;
}
}
.wh_footer a {
color: #CCE2F1;
}
.bottom-icons {
text-align: right;
margin-bottom: 20px;
}
.bottom-icons a {
color: #FFF;
text-decoration: none;
padding-left: 10px;
width: 100%;
margin-bottom: 20px;
}
.bottom-icons a:visited,
.bottom-icons a:hover {
text-decoration: none;
color: #FFF;
}
.bottom-icons a:before {
background-color: transparent;
}
.bottom-icons a:hover {
text-decoration: underline;
}
.contact-us {
color: #FFF;
text-decoration: none;
display: flex;
justify-content: space-between;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding: 15px 0;
}
.contact-us a,
.contact-us a:visited {
text-decoration: none;
color: #FFF;
}
.contact-us a:hover {
text-decoration: underline;
color: #FFF;
}
.copyright-line {
margin-top: 1rem;
}
.copyright-line a,
.copyright-line a:visited,
.copyright-line a:hover {
color: #FFF;
}
.copyright-line a:before {
background-color: #FFF;
}
.pdf,
.zip {
font-size: 14px;
padding-left: 14px;
}
/* Footer icons ------------------------------------------------------------ */
.ds-bottom-logo-img {
position: relative;
top: 21%;
content: url('../img/ds-logo-white.svg');
width: 150px;
height: auto;
}
@media only screen and (max-width: 647px) {
.ds-bottom-logo-img {
top: 30%;
}
}
@media only screen and (max-width: 480px) {
.ds-bottom-logo-img {
display: none;
}
}
a.facebook-icon:before {
content: url('../img/facebook.svg');
width: 32px;
height: 32px;
}
a.twitter-icon:before {
content: url('../img/twitter.svg');
width: 32px;
height: 32px;
}
a.git-icon:before {
content: url('../img/github.svg');
width: 32px;
height: 32px;
}
a.medium-icon:before {
content: url('../img/medium.svg');
width: 32px;
height: 32px;
}
a.linkedin-icon:before {
content: url('../img/linkedin.svg');
width: 32px;
height: 32px;
}
a.twitch-icon:before {
content: url('../img/twitch.svg');
width: 32px;
height: 32px;
}
html.is-clipped--navbar {
overflow-y: hidden;
}
body {
padding-top: var(--navbar-height);
}
.navbar {
background: var(--navbar-background);
color: var(--navbar-font-color);
font-size: calc(16 / var(--rem-base) * 1rem);
height: var(--navbar-height);
position: fixed;
top: 0;
width: 100%;
word-wrap: break-word;
z-index: var(--z-index-navbar);
}
@media screen and (min-width: 576px) {
.navbar {
padding-left: 3.55rem;
padding-right: 3.55rem;
}
}
@media screen and (min-width: 1440px) {
.navbar {
padding-left: 2rem;
padding-right: 10.6rem;
}
}
.navbar a {
text-decoration: none;
}
.navbar-brand .navbar-item:first-child,
.navbar-brand .navbar-item:first-child a {
color: var(--navbar-font-color);
font-size: calc(18 / var(--rem-base) * 1rem);
padding-left: 0.15rem;
}
.navbar-brand .separator {
padding: 0 0.375rem;
}
.navbar-end .navbar-end__group {
display: flex;
align-items: center;
}
.navbar-end .search-form {
display: none;
width: 100%;
margin: 1rem 0;
padding: 0 1rem;
}
.navbar-end .search-form .input-group {
position: relative;
right: auto;
width: 100%;
top: auto;
background: #222b49;
border: 1px solid #fff;
display: flex;
align-items: center;
overflow: hidden;
border-radius: 6px;
}
.navbar-end .search-form .input-group .form-control {
width: 100%;
height: 2.25rem;
padding: 6px 12px;
border-radius: 0;
box-shadow: none;
font-size: 16px;
background-color: transparent;
border-color: transparent;
color: #fff;
}
.navbar-end .search-form .input-group .btn {
-webkit-transition: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 2.25rem;
z-index: 2;
padding: 0;
border-radius: 0;
background-color: transparent;
border: 1px solid transparent;
transition: all 0.2s ease-in-out;
color: #fff;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
clip-path: inset(50%);
border: 0;
}
@media screen and (max-width: 992px) {
.navbar-end .navbar-end__group:first-of-type {
flex-direction: column;
align-items: flex-start;
}
.navbar-end .navbar-end__group:last-of-type {
justify-content: center;
}
.navbar-end .search-form {
display: block;
}
.navbar-item.search {
display: none;
}
}
@media screen and (min-width: 1024px) {
.navbar-end .navbar-item,
.navbar-end .navbar-link {
color: var(--navbar-font-color);
}
.navbar-end a.navbar-item:hover,
.navbar-end .navbar-link:hover {
color: var(--navbar-font-color-hover);
}
.navbar-end .navbar-link::after {
border-color: var(--navbar-font-color);
}
.navbar-item.has-dropdown:hover .navbar-link {
background: var(--navbar_hover-background);
color: var(--navbar-font-color);
}
}
.navbar-brand {
align-items: center;
display: flex;
flex-shrink: 0;
}
@media screen and (max-width: 991.98px) {
.navbar-brand a {
padding-left: 1rem;
padding-right: 1rem;
}
/*.navbar-brand svg {
width: 180px;
height: auto;
}*/
}
.navbar-burger {
color: var(--navbar-font-color);
background: none;
border: none;
outline: none;
line-height: 1;
height: var(--navbar-height);
position: relative;
/* width: var(--navbar-height); */
width: 2.75rem;
margin-left: auto;
padding: 0;
}
.navbar-burger span {
background: var(--navbar-font-color);
display: block;
height: 1px;
left: 50%;
margin-left: -7px;
position: absolute;
top: 50%;
width: 15px;
}
.navbar-burger span:nth-child(1) {
margin-top: -6px;
}
.navbar-burger span:nth-child(2) {
margin-top: -1px;
}
.navbar-burger span:nth-child(3) {
margin-top: 4px;
}
.navbar-burger.is-active span:nth-child(1) {
margin-left: -5px;
transform: rotate(45deg);
transform-origin: left top;
}
.navbar-burger.is-active span:nth-child(2) {
opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
margin-left: -5px;
transform: rotate(-45deg);
transform-origin: left bottom;
}
.navbar-menu {
display: none;
}
.navbar-item,
.navbar-link {
color: var(--navbar-menu-font-color);
display: block;
line-height: var(--doc-line-height);
padding: 0.5rem 1rem;
position: relative;
}
.navbar-item.social-icon {
padding: 0.5rem;
}
.navbar-item.social-icon svg {
width: 27px;
height: 27px;
}
.navbar-item {
flex: none;
}
.navbar-item.has-dropdown {
padding: 0;
}
.navbar-item .icon {
width: 1.1rem;
height: 1.1rem;
display: block;
}
.navbar-link {
padding-right: 2.5em;
}
.navbar-dropdown .navbar-item {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.navbar-divider {
background-color: var(--navbar-menu-border-color);
border: none;
height: 1px;
margin: 0.25rem 0;
}
@media screen and (max-width: 1023px) {
.navbar-brand .navbar-item {
align-items: center;
display: flex;
}
.navbar-menu {
background: var(--navbar-menu-background);
padding: 0.5rem 0;
}
.navbar-menu.is-active {
display: block;
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
max-height: var(--nav-height);
overflow-y: auto;
}
.navbar-menu a.navbar-item:hover,
.navbar-menu .navbar-link:hover {
background-color: var(--navbar-menu_hover-background);
}
}
@media screen and (min-width: 1024px) {
.navbar,
.navbar-menu,
.navbar-end {
align-items: stretch;
display: flex;
}
.navbar-burger {
display: none;
}
.navbar-item,
.navbar-link {
align-items: center;
display: flex;
}
.navbar-item.has-dropdown {
align-items: stretch;
}
.navbar-item.is-hoverable:hover .navbar-dropdown {
display: block;
}
.navbar-link::after {
border-width: 0 0 1px 1px;
border-style: solid;
content: " ";
display: block;
height: 0.5em;
pointer-events: none;
position: absolute;
transform: rotate(-45deg);
width: 0.5em;
margin-top: -0.375em;
right: 1.125em;
top: 50%;
}
.navbar-menu {
flex-grow: 1;
}
.navbar-end {
justify-content: flex-end;
margin-left: auto;
}
.navbar-dropdown {
background-color: var(--navbar-menu-background);
border: 1px solid var(--navbar-menu-border-color);
border-top: none;
border-radius: 0 0 0.25rem 0.25rem;
display: none;
top: 100%;
left: 0;
min-width: 100%;
position: absolute;
}
.navbar-dropdown .navbar-item {
padding: 0.5rem 1rem;
white-space: nowrap;
}
.navbar-dropdown .navbar-item:last-child {
border-radius: inherit;
}
.navbar-dropdown a.navbar-item {
padding-right: 3rem;
}
.navbar-dropdown.is-right {
left: auto;
right: 0;
}
.navbar-dropdown a.navbar-item:hover {
background-color: var(--navbar-menu_hover-background);
}
}
.navbar .button {
display: inline-flex;
align-items: center;
background: var(--navbar-button-background);
border: 1px solid var(--navbar-button-border-color);
border-radius: 0.15rem;
height: 1.75rem;
color: var(--navbar-button-font-color);
padding: 0 0.75em;
white-space: nowrap;
}
/* Alerts */
.doc .admonitionblock td.content {
background: transparent;
}
.doc .admonitionblock tr {
display: block;
}
.doc .admonitionblock .tableblock tr {
display: table-row;
}
.doc .admonitionblock .tableblock.fit-content {
display: table-cell;
}
.doc .admonitionblock tr {
word-break: break-word;
}
.doc .admonitionblock.caution > table > tbody > tr {
display: block;
background: var(--color-white);
border: 2px solid #E64328;
border-radius: 6px;
}
.doc .admonitionblock.caution td.content {
color: var(--color-black);
}
.doc .admonitionblock.tip > table > tbody > tr {
display: block;
background: var(--color-white);
border: 2px solid var(--color-green-700);
border-radius: 6px;
}
.dark-mode .doc .admonitionblock.tip tr {
background: var(--color-purple-700);
}
.doc .admonitionblock.tip td.content {
color: var(--color-black);
}
.dark-mode .doc .admonitionblock td.content{
background: var(--color-purple-700);
color: var(--color-white)!important;
}
.doc .admonitionblock.warning > table > tbody > tr {
display: block;
background: var(--color-white);
border: 2px solid var(--color-red-500);
border-radius: 6px;
}
.doc .admonitionblock.warning td.content {
color: var(--color-black);
}
.doc .admonitionblock.important > table > tbody > tr {
display: block;
background: var(--color-white);
border: 2px solid var(--color-gray-neutral-700);
border-radius: 6px;
}
.dark-mode .doc .admonitionblock.important tr {
display: block;
background: var(--color-white);
border: 2px solid var(--color-gray-neutral-500);
border-radius: 6px;
}
.doc .admonitionblock.important td.content {
color: var(--color-black);
}
.doc .admonitionblock.note > table > tbody > tr {
display: block;
background: var(--color-white);
border: 2px solid var(--color-green-700);
border-radius: 6px;
}
.doc .admonitionblock.note td.content {
color: var(--color-black);
}
.doc .exampleblock>.content {
border-width: 1.5px;
}
/* autoprefixer: off */
:root {
--nav-background: #FFF;
--navbar-height: 0;
--announcement-height: 48px;
}
/* Dark mode: Body*/
.dark-mode body {
background-color: var(--color-purple-background);
}
/* breadcrumbs */
.breadcrumbs li {
color: #74767B;
}
.dark-mode .breadcrumbs li {
color: var(--color-purple-secondary-darker);
}
[data-template="landing"] .doc {
--doc-max-width--desktop: calc(1280 / var(--rem-base) * 1rem);
}
.toolbar {
position: unset;
top: unset;
}
/* Dark mode: Toolbar*/
.dark-mode .toolbar {
color: var(--white);
background-color: var(--color-purple-background);
}
.nav.pagination {
hyphens: none!important;
margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
.doc {
--doc-max-width--desktop: calc(1028 / var(--rem-base) * 1rem);
}
}
.dark-mode .landing-card .content {
color: var(--color-white)
}
.full-articles {
flex: 0 1 49%;
z-index: 999;
}
.full-articles .doc {
margin: 0 0 0 2em;
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
/* for Firefox */
overflow-y: scroll;
padding: 0;
height: 100%!important;
}
/*Landing*/
[data-template=landing] .doc {
max-width: calc(1280 / 18 * 1rem);
}
.landing-row {
display: flex;
gap: 24px;
flex-direction: column;
}
@media screen and (min-width:769px) {
.landing-row {
flex-direction: row;
}
}
.full-articles .doc::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.doc .sect1 {
margin-top: 1rem!important;
padding: 20px 10px 20px 20px;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-color: white;
}
.dark-mode .doc .sect1 {
border-color: var(--color-purple-background);
}
.dark-mode .anchor {
color: white;
}
.doc .sect1 .paragraph {
padding: 0 0rem;
}
.doc .sect1.active {
background-color: #eceef0;
border-radius: 6px;
border-width: 1px;
border-style: solid;
border-color: var(--section-divider-color);
}
.doc {
hyphens: none!important;
}
/*Card Styles*/
.doc .content {
display: grid;
}
.doc p {
font-size: 16px;
text-align: left;
}
.doc .sidebarblock {
margin: 24px 0 0;
padding: 24px;
box-shadow: 0px 6px 8px rgb(32 41 58 / 8%), 0px 4px 10px rgb(32 41 58 / 8%), 0px 3px 12px rgb(32 41 58 / 12%);
border-radius: 6px;
width: 100%;
}
.dark-mode .doc .sidebarblock {
background: var(--color-purple-700);
}
.doc {
color: var(--color-black);
}
.dark-mode .doc {
color: var(--color-white);
}
.doc h1,
.doc h2,
.doc h3,
.doc h4,
.doc h5,
.doc h6 {
color: var(--color-black);
};
.doc h1 a,
.doc h2 a,
.doc h3 a,
.doc h4 a,
.doc h5 a,
.doc h6 a {
color: var(--color-black);
text-decoration: none!important;
};
.dark-mode .doc h1,
.dark-mode .doc h2,
.dark-mode .doc h3,
.dark-mode .doc h4,
.dark-mode .doc h5,
.dark-mode .doc h6 {
color: var(--color-white);
};
.dark-mode .doc h1 a,
.dark-mode .doc h2 a,
.dark-mode .doc h3 a,
.dark-mode .doc h4 a,
.dark-mode .doc h5 a,
.dark-mode .doc h6 a {
color: var(--color-white);
text-decoration: none;
};
.dark-mode .doc .sidebarblock {
background: var(--color-interface-night-800);
}
.dark-mode .doc .exampleblock>.content {
background: var(--color-interface-night-800);
}
/* CARDS WIDTH */
@media screen and (min-width: 1024px) {
.doc {
flex: auto;
font-size: calc(17 / 18 * 1rem);
margin: 0 2rem;
max-width: calc(828 / 18 * 1rem);
min-width: 0;
}
}
/* Make right sidebar sticky */
main > .content {
position: relative;
}
.doc .listingblock:hover pre.highlight .source-toolbox {
visibility: visible!important;
}
.doc .listingblock:hover .source-toolbox {
visibility: hidden;
}
@media screen and (min-width: 1281px) {
.doc .center{
max-width: 43%!important;
}
}
@media screen and (max-width: 767px) {
article.doc .center{
max-width: 100%!important;
}
}
.nav-item.toggler>button {
padding: 0;
margin: 0;
position: absolute;
top: 7px;
right: 0;
width: 22px;
height: 22px;
}
[data-depth="2"] .nav-item.toggler>button {
top: 7px;
}
.dark-mode .nav-item[data-depth="1"].toggler:hover button {
color: #fff;
}
.nav-item[data-depth="1"].toggler.is-active>button:hover,
.nav-item[data-depth="2"].toggler.is-active>.button:hover,
.nav-item[data-depth="3"].toggler.is-active>button:hover,
.nav-item[data-depth="4"].toggler.is-active>button:hover {
color: #6a7086;
}
/* Navbar buttons */
.ds_buttons_button {
color: #FFF;
font-weight: 500;
line-height: 1.22;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 16px;
padding: 8px 12px;
width: 135px;
height: 40px;
background: var(--color-purple);
border-radius: 6px;
cursor: pointer;
}
/*Button in Header*/
a.ds_buttons_button {
margin: 0 8px;
width: 74px;
}
.ds_buttons_button:hover {
background: var(--color-purple-100);
}
a.ds_buttons_button:hover {
color: var(--white)!important;
text-decoration: none!important;
}
.get-started {
padding-right: 15px;
}
/* Code Sections */
.doc .source-toolbox {
color: #5c6a85
}
.doc pre:not(.highlight) {
font-size: 14px;
}
.doc pre.highlight code {
display: block;
font-size: 14px;
padding: .75rem;
box-shadow: none;
}
.highlight-has-code {
overflow: hidden;
padding: 1rem 0 0 0;
}
.doc pre.highlight,
.doc pre:not(.highlight) {
/* background: #f7f8ff; */
display: block;
font-size: 14px;
padding: .75rem;
box-shadow: inset 0 0 1.75px #c9cef6;
overflow-x: auto
}
.has-code {
overflow: hidden!important;
padding: 1rem 0.1rem 0.1rem 0.1rem!important;
}
.dark-mode .doc .source-toolbox {
color: white;
}
code::before {
content: ''!important;
}
.source-toolbox .copy-toast::after {
right: 6px;
}
.source-toolbox .copy-toast {
left: -14px;
}
.dark-mode .mdc-card--outlined {
border: 2px solid var(--color-purple-secondary-dark);
}
.helios-card.mdc-card--outlined {
margin-top: 4rem;
}
div.enlighter {
margin-top: 35px!important;
}
/*Scroll for Code block */
.enlighter-default::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.enlighter-t-bootstrap4 {
height: 100%;
}
.enlighter-default {
font-family: 'Roboto Mono', monospace!important;
font-weight: lighter;
margin: 0!important;
overflow: scroll!important;
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
border-radius: .375em;
border: 2px solid var(--color-prism-light-border);
}
.dark-mode .enlighter-default {
border: 2px solid var(--color-prism-dark-border);
}
.enlighter-t-bootstrap4 .enlighter-m0,
.enlighter-t-bootstrap4 .enlighter-m3,
.enlighter-t-bootstrap4 .enlighter-k0,
.enlighter-t-bootstrap4 .enlighter-k1,
.enlighter-t-bootstrap4 .enlighter-k3,
.enlighter-t-bootstrap4 .enlighter-k9,
.enlighter-t-bootstrap4 .enlighter-e0,
.enlighter-t-bootstrap4 .enlighter-e1,
.enlighter-t-bootstrap4 .enlighter-e3 {
color: var(--color-prism-light-purple)!important;
}
.enlighter-t-bootstrap4 .enlighter-g1 {
color: var(--color-prism-light-teal)!important;
}
.enlighter-t-bootstrap4 .enlighter-text {
color: #3C4961!important;
}
.enlighter-t-bootstrap4 .enlighter-s0,
.enlighter-t-bootstrap4 .enlighter-s1,
.enlighter-t-bootstrap4 .enlighter-s2,
.enlighter-t-bootstrap4 .enlighter-s3,
.enlighter-t-bootstrap4 .enlighter-s4,
.enlighter-t-bootstrap4 .enlighter-s5,
.enlighter-t-bootstrap4 .enlighter-n1 {
color: var(--color-prism-light-orange)!important;
}
/* Dark Mode - Code Block */
.dark-mode .enlighter-t-bootstrap4 {
background-color: var(--color-prism-dark-background)!important;
}
.dark-mode .enlighter-t-bootstrap4.enlighter-hover div.enlighter>div:hover{
background-color: var(--color-very-dark-gray)!important;
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-text {
color: #ffffff!important;
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-m0,
.dark-mode .enlighter-t-bootstrap4 .enlighter-m3,
.dark-mode .enlighter-t-bootstrap4 .enlighter-k0,
.dark-mode .enlighter-t-bootstrap4 .enlighter-k1,
.dark-mode .enlighter-t-bootstrap4 .enlighter-k3,
.dark-mode .enlighter-t-bootstrap4 .enlighter-k9,
.dark-mode .enlighter-t-bootstrap4 .enlighter-e0,
.dark-mode .enlighter-t-bootstrap4 .enlighter-e1,
.dark-mode .enlighter-t-bootstrap4 .enlighter-e3 {
color: var(--color-prism-dark-purple)!important;
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-g1 {
color: var(--color-prism-dark-teal)!important;
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-s0,
.dark-mode .enlighter-t-bootstrap4 .enlighter-s1,
.dark-mode .enlighter-t-bootstrap4 .enlighter-s2,
.dark-mode .enlighter-t-bootstrap4 .enlighter-s3,
.dark-mode .enlighter-t-bootstrap4 .enlighter-s4,
.dark-mode .enlighter-t-bootstrap4 .enlighter-s5,
.dark-mode .enlighter-t-bootstrap4 .enlighter-n1 {
color: var(--color-prism-dark-orange)!important;
}
.enlighter-default .dark-mode .enlighter-t-bootstrap4 .enlighter-n1 {
color: #FF832B!important;
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-k5 {
color: var(--white);
}
.dark-mode .doc .sect1.active {
background-color: var(--color-purple-secondary-dark);
}
.dark-mode .enlighter-t-bootstrap4 div.enlighter>div.enlighter-special {
background-color: var(--color-jet-70);
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-k10 {
color: var(--white)!important;
}
/* Footer */
footer .container-fluid {
margin: 0 40px;
}
.wh_footer {
padding-bottom: 32px;
font-size: 16px;
background-color: var(--color-black)!important;
}
.contact-us p {
line-height: 26px;
}
.copyright-line {
font-weight: bold;
}
/* HEADER AND NAVBAR STYLES */
.header {
padding: 18px 32px;
background-color: var(--color-black);
}
/* Dark mode: Header*/
.dark-mode .header,
.dark-mode .navbar {
background-color: var(--color-black);
}
.navbar-menu {
background: transparent!important;
box-shadow: 0!important;
display: table-cell;
}
.navbar-end .navbar-end__group {
margin: 12px 0 0 0;
justify-content: flex-end;
display: none;
}
@media screen and (min-width:1024px) {
.navbar-end .navbar-end__group {
display: flex;
}
}
.navbar-end__group form {
margin-right: 15px;
}
.navbar-end {
flex-direction: column;
}
.navbar {
justify-content: space-between;
top: unset;
position: unset;
background: var(--color-black);
z-index: 4;
height: 35px;
padding-left: 0;
padding-right: 0;
}
/*Navigation menu*/
.navbar a:hover {
text-decoration: underline;
}
/* Switch/toggle Dark-Light Mode */
.doc-link {
display: none;
align-items: center;
}
@media screen and (min-width:1024px) {
.doc-link {
display: flex;
}
}
@media only screen and (max-width: 1024px) {
.is-clipped--navbar .navbar-menu {
background: #2e394e;
box-shadow: none!important;
}
.is-clipped--navbar #topbar-nav {
transition: all .7s linear;
}
.is-clipped--navbar .ds_buttons_button {
margin: 12px 0 0;
}
.is-clipped--navbar .navbar-switch {
margin: 12px 0 0;
}
.is-clipped--navbar .header {
padding: 18px 32px 205px 32px
}
.is-clipped--navbar .doc-link {
display: flex!important;
align-items: flex-start;
flex-direction: column;
}
.navbar-brand a {
padding-left: 0;
padding-right: 0;
}
.is-clipped--navbar .navbar-end .navbar-end__group {
display: flex!important;
align-items: flex-start;
flex-direction: column;
}
}
.navbar-switch {
margin-left: 20px;
margin-right: 2px;
}
.switch_label {
position: relative;
display: inline-block;
width: 60px;
height: 30px;
}
.switch_label input {
display: none;
}
.slider {
box-shadow: 0 0 0 2px #ebebeb;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: space-around;
border-radius: 6px;
background-color: #ebebeb;
align-items: center;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
border-radius: 6px 0 0 6px;
position: absolute;
content: "";
height: 30px;
width: 30px;
left: 0;
bottom: 0;
z-index: 1;
background: white;
-webkit-transition: .4s;
transition: .4s;
}
.slider svg {
z-index: 2;
}
/* Not Checked */
input.switch+.slider svg:nth-of-type(1) path {
fill: var(--color-purple);
}
input.switch+.slider svg:nth-of-type(2) path {
fill: #74767b;
}
/*Checked*/
input.switch:checked+.slider svg:nth-of-type(1) path {
fill: #74767b;
}
input.switch:checked+.slider svg:nth-of-type(2) path {
fill: var(--color-purple);
}
input.switch:checked+.slider:before {
border-radius: 0 6px 6px 0;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
@media screen and (min-width:1024px) {
.navbar{
height: 80px;
}
}
/* Navbar menu list */
ul#ds_sites_list {
list-style-type: none;
font-size: 16px;
font-weight: 300;
letter-spacing: 1px;
color: #FFF;
margin: 0;
padding: 0;
}
/* Navbar menu list items */
ul#ds_sites_list li {
display: inline;
padding-right: 15px;
}
ul#ds_sites_list li a {
color: #FFF;
}
ul#ds_sites_list li a:visited {
color: #FFF;
}
ul#ds_sites_list li a:active {
color: #FFF;
}
.dsHeroBlock,
.dsHeroBlock[data-banner="default"] {
background-image: url('../img/hero-banner-1.svg');
background-size: cover;
background-position: center;
color: white;
font-family: 'Roboto', sans-serif;
padding: 1rem;
height: 310px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 2rem;
}
.dsHeroBlock[data-banner="alternative"]{
background-image: url('../img/hero-banner-2.svg');
}
.dsHeroBlock[data-banner="astra"]{
background-image: url('../img/hero-banner-3-Astra.svg');
}
.dsHeroBlock[data-banner="dse"]{
background-image: url('../img/hero-banner-4-DSE.svg');
}
.dsHeroBlock[data-banner="luna"]{
background-image: url('../img/hero-banner-5-Luna.svg');
}
.toolbar:has(~ .content .dsHeroBlock),
h1.page:has(~ #preamble .dsHeroBlock) {
visibility: hidden;
}
.toolbar:has(~ .dsHeroBlock) .breadcrumbs,
.dsHeroBlock + .content h1.page {
display: none;
}
.toolbar.with-hero {
position: absolute;
background: transparent;
}
.toolbar.with-hero .breadcrumbs {
display: none;
}
.toolbar.with-hero .nav-toggle {
background: url(../img/menu-white.svg) no-repeat 50% 47.5%;
background-size: 49%;
}
.toolbar.with-hero .nav-toggle.is-active {
background: url(../img/back.svg) no-repeat 50% 47.5%;
background-size: 49%;
}
.dark-mode .toolbar.with-hero .nav-toggle.is-active {
background: url(../img/back-white.svg) no-repeat 50% 47.5%;
background-size: 49%;
}
.dsHeroContent {
width: 100%;
}
.dsHeroTitle h1 {
font-weight: 400;
}
@media screen and (min-width: 1024px) {
.dsHeroBlock {
padding: 1rem 3rem;
margin-bottom: 0;
}
.dsHeroContent {
width: 70%;
}
}
@media screen and (min-width: 1460px) {
.dsHeroContent {
width: 55%;
}
}
.doc .admonitionblock .icon {
padding: 0 1.5rem;;
}
.doc .admonitionblock.tip .icon,
.doc .admonitionblock.note .icon {
color: var(--color-green-700);
background-color: var(--color-green-700);
border: 2px solid var(--color-green-700);
}
.doc .admonitionblock.warning .icon {
color: var(--color-red-500);
background-color: var(--color-red-500);
border: 2px solid var(--color-red-500);
}
.doc .admonitionblock.caution .icon {
color: #E64328;
background-color: #E64328;
border: 2px solid #E64328;
}
.doc .admonitionblock.important .icon {
color: var(--color-gray-neutral-700);
background-color: var(--color-gray-neutral-700);
border: 2px solid var(--color-gray-neutral-700);
}
.dark-mode .doc .admonitionblock.important .icon {
color: var(--color-gray-neutral-500);
background-color: var(--color-gray-neutral-500);
border: 2px solid var(--color-gray-neutral-500);
}
.doc .admonitionblock .icon i::after {
color: white;
}
.copy-icon {
background-image: url(../img/octicons-16.svg#view-clippy);
background-size: contain;
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
.dark-mode .copy-icon {
background-image: url(../img/octicons-16-white.svg#view-clippy);
}
/* Footer icons container */
.bottom-icons a:hover {
opacity: 0.8;
}
.navbar-brand img {
height: 40px;
}
.doc .imageblock {
grid-row-start: 1;
align-items: start;
margin-top: 0;
margin-bottom: 12px;
}
@media only screen and (max-width: 600px) {
.navbar-brand img {
height: 24px;
margin-top: 3%;
}
}
.doc a {
color: var(--color-purple-links);
text-decoration: underline;
}
.doc a:hover {
color: var(--color-purple-links);
}
.doc a.link {
color: var(--color-black);
}
.dark-mode .doc a {
color: var(--color-dark-mode-links);
}
.dark-mode .doc h1 a,
.dark-mode .doc h2 a,
.dark-mode .doc h3 a,
.dark-mode .doc h4 a,
.dark-mode .doc h5 a,
.dark-mode .doc h6 a {
color: var(--white);
text-decoration: none;
}
.doc h1 a,
.doc h2 a,
.doc h3 a,
.doc h4 a,
.doc h5 a,
.doc h6 a {
color: var(--white);
text-decoration: none;
}
.dark-mode .doc .sidebarblock>.content>.title a {
color: var(--black);
}
.dark-mode .sidebarblock a.xref.page{
color: var(--color-white);
}
.dark-mode .sidebarblock a{
color: var(--color-white)!important;
}
.dark-mode .doc .sidebarblock {
background: var(--color-purple-700);
}
.doc .admonitionblock.caution a {
color: var(--color-black)!important;
text-decoration: underline;
}
.dark-mode .doc .admonitionblock.caution a {
color: var(--color-white)!important;
}
.doc .admonitionblock.tip a {
color: var(--color-black)!important;
text-decoration: underline;
}
.doc .admonitionblock.warning a {
color: var(--color-black)!important;
text-decoration: underline;
}
.doc .admonitionblock.important a {
color: var(--color-black)!important;
text-decoration: underline;
}
.doc .admonitionblock.note a {
color: var(--color-black)!important;
text-decoration: underline;
}
.dark-mode .doc .admonitionblock.note a {
color: var(--color-white)!important;
}
.dark-mode .doc .admonitionblock.important a {
color: var(--color-white)!important;
}
.dark-mode .doc .admonitionblock.warning a {
color: var(--color-white)!important;
}
.dark-mode .doc .admonitionblock.tip a {
color: var(--color-white)!important;
}
[data-template="landing"] .toc.sidebar {
display: none;
}
.toc .toc-menu a:hover{
color: var(--color-purple-links);
}
.dark-mode .toc .toc-menu a:hover{
color: var(--color-dark-mode-links);
}
.toc-menu {
color: var(--color-black);
}
/*Dark Mode Aside Menu*/
.dark-mode .toc .toc-menu a {
color: var(--white);
border-left: 2px solid var(--color-sidebar);
}
.dark-mode .toc .toc-menu a:hover {
color: #c8cbd3;
}
/* Setting the content menu sticky */
.toc.sidebar .toc-menu {
top: 0!important;
overflow-y: auto;
max-height: 100vh;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.toc.sidebar .toc-menu::-webkit-scrollbar {
display: none;
}
.dark-mode .sidebar.toc .toc-menu a:focus {
background-color: var(--color-purple-secondary-dark);
}
/*Search input*/
.ds-search-input-icon {
display: flex;
flex-direction: row;
align-items: center;
background: var(--white);
border: 1px solid #A6B1C2;
border-radius: 6px;
padding: 14px;
width: 320px;
height: 40px;
}
.ds-search-input-icon.not-found {
margin-top: 20px;
width: 70%;
}
.ds-search-input-icon input,
.ds-search-input-icon input:focus,
.ds-search-input-icon input:focus-visible {
border: none;
outline: none;
}
.ds-search-input-icon input {
padding-left: 10px;
}
.ds-search-input-icon input::placeholder {
font-size: 16px;
line-height: 24px;
color: #A6B1C2;
}
.nav-menu>.nav-list {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.nav-menu {
padding: 0.5rem 0;
}
.nav-container {
width: 314px;
box-shadow: 2px 0px 0px var(--nav-border-color);
transition: width 150ms ease-in-out, visibility 150ms ease-in-out;
background: white;
z-index: 4;
}
@media screen and (min-width:769px) {
.nav-container {
width: 314px;
}
}
.nav-item.toggler .nav-item .nav-text {
display: block;
}
a.nav-link {
display: block;
padding: 8px 32px;
margin: 0;
position: relative;
}
.nav-item .nav-text a {
display: block;
padding: 0;
margin: 0;
}
.nav-item a,
.nav-item span,
.nav-item.toggler>span {
font-size: 14px;
}
/*lists*/
.nav-item.toggler[data-depth="1"] {
z-index: 1;
}
.nav-item.toggler[data-depth="1"] .nav-text {
position: relative;
}
.nav-list.toggler,
.nav-item[data-depth='0'] {
margin: 0 !important;
padding: 0 !important;
}
.nav-item {
/*padding: 8px 32px;
margin: 0;*/
position: relative;
}
/*.nav-item[data-depth="0"]:has(> span.nav-text) {
padding: 8px 0px!important;
margin-top: 8px!important;
}
.nav-item[data-depth="0"]:has(> span.nav-text) .nav-text:hover {
background-color: #f6f8fa;
}
.nav-item[data-depth="0"]:has(> span.nav-text):hover {
background-color: #f6f8fa;
}
.dark-mode .nav-item[data-depth="0"]:has(> span.nav-text):hover {
background-color: var(--color-purple-secondary-dark);
}
.dark-mode .nav-item[data-depth="0"]:has(> span.nav-text) .nav-text:hover {
background-color: var(--color-purple-secondary-dark);
}
.nav-item[data-depth="0"]:has(> span.nav-text) .nav-text {
font-size: 15px!important;
}*/
.nav-item[data-depth="0"]:has(> span.nav-text) {
margin-top: 8px!important;
}
.nav-item[data-depth="0"]> span.nav-text {
display: block;
width: 100%;
}
.nav-item[data-depth="0"]> span.nav-text:hover {
background-color: #f6f8fa;
}
.dark-mode .nav-item[data-depth="0"]> span.nav-text:hover {
background-color: var(--color-purple-secondary-dark);
}
li.nav-item.toggler.is-active:hover {
background-color: #FFF;
}
.nav-item[data-depth='1']:hover,
.nav-item[data-depth='2']:hover,
.nav-item[data-depth='3']:hover,
.nav-item[data-depth='4']:hover {
background-color: #f6f8fa;
}
.nav-item[data-depth='1'].toggler:hover,
.nav-item[data-depth='2'].toggler:hover,
.nav-item[data-depth='3'].toggler:hover,
.nav-item[data-depth='4'].toggler:hover {
background: none;
}
.nav-item[data-depth='1'].toggler>.nav-text:hover,
.nav-item[data-depth='2'].toggler>.nav-text:hover,
.nav-item[data-depth='3'].toggler>.nav-text:hover,
.nav-item[data-depth='4'].toggler>.nav-text:hover {
background-color: #f6f8fa;
}
.nav-item a:hover {
text-decoration: none !important;
color: black;
}
.nav-item.is-current-page>a:before{
content: "";
border: 2px solid var(--color-purple);
top: 0;
background: var(--color-purple);
left: 0;
position: absolute;
height: 100%;
}
.nav-item.is-current-page>a{
background-color: var(--color-purple-secondary-light);
}
.nav-item.toggler {
padding: 0;
cursor: pointer;
width: 100%;
box-sizing: border-box;
}
.nav-item.toggler .nav-text {
padding: 8px 32px;
}
.nav-item.toggler .nav-list {
margin: 8px 0;
}
/* Collapsible Sidebar */
.sidebar.small-container {
width: 55px;
box-shadow: 2px 0px 0px var(--nav-border-color);
}
.small-container .small-nav-list {
display: block!important;
}
.small-nav-list {
transition: 150ms ease-in-out;
display: none;
margin-top: 20rem;
}
.small-nav-list a.nav-link {
padding: 0 10px;
}
.sidebar.small-container .main-content .nav-list {
display: none;
}
.main-content {
width: 100%;
}
.navbar-end-custom {
margin-top: 0.5rem;
margin-bottom: 0;
display: flex;
justify-content: flex-end;
}
.small-container .navbar-end-custom {
justify-content: center;
}
.collapse[type=checkbox] {
height: 0;
width: 0;
visibility: hidden;
margin-top: -10px;
}
label.collapse_label {
cursor: pointer;
text-indent: -65px;
width: 50px;
height: 30px;
display: flex;
align-items: flex-end;
position: relative;
font-size: 11px;
font-weight: bold;
}
label.collapse_label:after {
content: '';
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
transition: 0.3s;
}
.collapse[type="checkbox"]+label {
background-image: url(../img/open.svg);
background-repeat: no-repeat;
height: 25px;
width: 25px;
display: inline-block;
transition: width 150ms ease-in-out;
z-index: 1;
}
.collapse[type="checkbox"]:checked+label {
background-image: url(../img/closed.svg);
background-repeat: no-repeat;
height: 25px;
width: 15px;
transition: width 150ms ease-in-out;
display: inline-block;
}
.dark-mode .collapse[type="checkbox"]+label {
background-image: url(../img/open-white.svg);
}
.dark-mode .collapse[type="checkbox"]:checked+label {
background-image: url(../img/close-white.svg);
}
/* Navbar margin fix */
.nav-panel-menu::-webkit-scrollbar {
display: none;
}
.navbar-burger {
height: 34px;
}
/* Navbar burger icon resize */
.navbar-burger span:nth-child(2){
margin-top: 1px;
}
.navbar-burger span:nth-child(3){
margin-top: 8px;
}
.navbar-burger span{
width: 20px;
}
.nav-toggle.is-active {
position: absolute;
z-index: 99999;
}
.nav-container.sidebar.is-active +
.article .toolbar.with-hero {
top: 0;
z-index: 9999;
}
@media only screen and (max-width: 600px) {
.nav-toggle.is-active {
top: 10px;
left: 15px;
}
.nav-container.is-active {
width: 100%;
height: 100%;
}
.collapse[type=checkbox]+label {
display: none;
}
.nav,
.nav-container {
background: white;
z-index: 9999;
}
}
@media only screen and (min-width: 600px) {
.nav-toggle.is-active {
top: 1rem;
left: 1.1rem;
}
}
.dark-mode .nav,
.dark-mode .nav-container {
background: var(--color-purple-background);
/*z-index: 9999;*/
}
.dark-mode .nav-toggle {
background: url(../img/menu-white.svg) no-repeat 50% 47.5%;
background-size: 49%;
}
.dark-mode .nav-toggle.is-active {
background: url(../img/back-white.svg) no-repeat 50% 47.5%;
background-size: 49%;
}
/*New Nav Style - Firefox working*/
.dark-mode .nav-item.toggler>a:hover, .dark-mode .nav-item a:hover{
background: var(--color-purple-secondary-dark);
}
.nav-item.toggler>a:hover, .nav-item a:hover{
background: var(--color-purple-secondary-light);
}
.nav-item.is-current-page[data-depth="1"]:not(.toggler)>a::before, .nav-item.is-current-page[data-depth="2"]:not(.toggler)>a::before {
height: 100%;
}
.nav-item> span.nav-text{
font-size: 15px;
}
.nav-item.is-active[data-depth="1"] li[data-depth="2"]>a.nav-link,
.nav-item.is-active[data-depth="0"]>span.nav-text~ul .nav-item[data-depth="1"] >a.nav-link {
padding: 8px 62px;
}
.nav-item.is-active[data-depth="2"] li[data-depth="3"]>a.nav-link,
.nav-item.is-active[data-depth="0"]>span.nav-text~ul .nav-item[data-depth="2"] >a.nav-link {
padding: 8px 0 8px 90px;
}
.nav-item.is-current-page[data-depth="2"]>a.nav-link {
padding: 8px 62px;
}
.nav-item.is-current-path[data-depth="2"]>a.nav-link {
padding: 8px 62px;
}
.nav-item.is-current-page[data-depth="3"]>a.nav-link {
padding: 8px 85px;
}
.nav-item.is-current-path[data-depth="3"]>a.nav-link {
padding: 8px 85px;
}
.nav-item.is-current-page[data-depth="1"], .nav-item.is-current-page[data-depth="2"], .nav-item.is-current-page[data-depth="3"] {
padding: 0;
}
.nav-item.is-current-path[data-depth="1"], .nav-item.is-current-path[data-depth="2"], .nav-item.is-current-path[data-depth="3"] {
padding: 0;
}
.nav-item.is-active[data-depth="3"] li[data-depth="4"]>a.nav-link,
.nav-item.is-active[data-depth="0"]>span.nav-text~ul .nav-item[data-depth="3"] >a.nav-link {
padding: 8px 16px 8px 120px;
}
.nav-item[data-depth="1"].toggler.is-active:hover,
.nav-item[data-depth="2"].toggler.is-active:hover,
.nav-item[data-depth="3"].toggler.is-active:hover,
.nav-item[data-depth="4"].toggler.is-active:hover {
background-color: transparent;
}
/*End new styles - firefox working*/
.dark-mode .nav-item.is-current-page a {
color: white;
}
.dark-mode .nav-item[data-depth="1"]:hover,
.dark-mode .nav-item[data-depth="2"]:hover,
.dark-mode .nav-item[data-depth="3"]:hover,
.dark-mode .nav-item[data-depth="4"]:hover {
background-color: var(--color-purple-secondary-dark);
}
.dark-mode .nav-item[data-depth="1"].toggler:hover,
.dark-mode .nav-item[data-depth="2"].toggler:hover,
.dark-mode .nav-item[data-depth="3"].toggler:hover,
.dark-mode .nav-item[data-depth="4"].toggler:hover {
color: #fff;
background-color: var(--color-purple-secondary-dark);
}
.dark-mode .nav-item.is-current-page a:hover {
color: #fff;
}
.dark-mode .nav-item[data-depth="1"].toggler:hover button,
.dark-mode li.nav-item.toggler.is-active[data-depth="2"]:hover .nav-text,
.dark-mode li.nav-item[data-depth="2"]:hover a {
color: #fff;
}
/* Dark mode: Navigation*/
.dark-mode .nav {
background: var(--color-purple-background);
box-shadow: 2px 0px 0px var(--color-purple-secondary-dark);
}
.dark-mode .nav-container {
box-shadow: 2px 0px 0px var(--color-purple-secondary-dark);
}
.dark-mode li.nav-item.toggler.is-active:hover {
background: var(--color-purple-background);
}
.dark-mode .nav-item span,
.dark-mode .nav-item a,
.dark-mode .nav-item button {
color: var(--white);
}
.dark-mode .nav-item span:hover,
.dark-mode .nav-item a:hover,
.dark-mode .nav-item button:hover {
color: var(--color-black);
}
.dark-mode .nav-item a:hover,
.dark-mode .nav-item button:hover,
.dark-mode .nav-item span:hover,
.dark-mode li.nav-item.toggler[data-depth="1"]:hover .nav-text,
.dark-mode li.nav-item.toggler[data-depth="1"]:hover button {
color: #fff;
}
li.nav-item.toggler.is-active[data-depth="1"] .nav-text{
padding: 8px 0px 8px 90px;
}
.dark-mode li.nav-item.toggler.is-active[data-depth="1"] .nav-text {
color: var(--white);
}
.dark-mode li.nav-item.toggler.is-active[data-depth="1"] .nav-item-toggle {
color: var(--white);
}
.dark-mode li.nav-item.toggler.is-active[data-depth="1"]:hover .nav-text {
color: var(--white);
}
.dark-mode li.nav-item.toggler.is-active[data-depth="1"]:hover .nav-item-toggle {
color: var(--white);
}
.dark-mode .nav-item.is-current-page>a:before{
content: "";
border: 2px solid var(--color-purple-secondary-darker);
top: 0;
background: var(--color-purple-secondary-darker);
left: 0;
position: absolute;
height: 100%;
}
.dark-mode .nav-item.is-current-page>a{
background-color: var(--color-purple-secondary-dark);
}
/* DARK MODE LISTS */
.dark-mode .nav-item[data-depth="1"].toggler>.nav-text:hover,
.dark-mode .nav-item[data-depth="2"].toggler>.nav-text:hover,
.dark-mode .nav-item[data-depth="3"].toggler>.nav-text:hover,
.dark-mode .nav-item[data-depth="4"].toggler>.nav-text:hover {
background-color: transparent;
}
.dark-mode .nav-item[data-depth="1"].toggler.is-active:hover,
.dark-mode .nav-item[data-depth="2"].toggler.is-active:hover,
.dark-mode .nav-item[data-depth="3"].toggler.is-active:hover,
.dark-mode .nav-item[data-depth="4"].toggler.is-active:hover {
background-color: var(--color-purple-background);
}
.dark-mode li.nav-item.toggler.is-active[data-depth="2"] .nav-text {
color: #fff;
}
/* LIGHT MODE LISTS */
/* .nav-item[data-depth="1"].toggler.is-active:hover button {
color: #6a7086;
background: #f6f8fa;
} */
.nav-item[data-depth="1"].toggler:hover,
.nav-item[data-depth="2"].toggler:hover,
.nav-item[data-depth="3"].toggler:hover,
.nav-item[data-depth="4"].toggler:hover {
background-color: #f6f8fa;
}
.nav-item[data-depth="1"].toggler.is-active:hover span {
color: #6a7086;
}
.nav-item[data-depth="1"].toggler.is-active>.nav-text:hover,
.nav-item[data-depth="2"].toggler.is-active>.nav-text:hover,
.nav-item[data-depth="3"].toggler.is-active>.nav-text:hover,
.nav-item[data-depth="4"].toggler.is-active>.nav-text:hover {
background-color: transparent;
color: #6a7086;
}
.nav-controls {
display: flex;
justify-content: flex-end;
padding-right: 5px;
}
.nav-controls button {
width: 25px;
background: transparent;
color: var(--color-black);
border: 0.5px solid var(--section-divider-color);
margin-right: 5px;
}
.nav-controls button:hover {
background: var(--section-divider-color);
}
.dark-mode .nav-controls button {
color: var(--color-white);
border: 0.5px solid var(--color-purple-700);
}
.dark-mode .nav-controls button:hover {
background: var(--color-purple-700);
}
.small-container .nav-controls {
display: none;
}
#expandable,
#collapsable {
position: relative;
display: inline-block;
}
/* Tooltip text */
#expandable .tooltiptext,
#collapsable .tooltiptext {
visibility: hidden;
width: 80px;
background-color: var(--color-black);
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -43px;
opacity: 0;
transition: opacity 0.3s;
font-size: 12px;
}
.dark-mode #expandable .tooltiptext,
.dark-mode #collapsable .tooltiptext {
border: 1px solid var(--color-white);
}
#collapsable .tooltiptext::after,
#expandable .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: var(--color-black) transparent transparent transparent;
}
.dark-mode #collapsable .tooltiptext::after,
.dark-mode #expandable .tooltiptext::after {
border-color: var(--color-white) transparent transparent transparent;
}
#expandable:hover .tooltiptext,
#collapsable:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
gcx-full {
width: 100%;
position: relative;
}
gcx-full-code {
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
/* for Firefox */
overflow-y: scroll;
flex: 0 1 50%;
min-width: auto;
right: 1.05px;
height: calc(100vh - 1px)!important;
display: flex;
flex-direction: column;
position: sticky;
top: 0;
}
gcx-schema-topbar {
--gcx-topbar-padding: 14px 0;
font-size: 16px;
font-weight: 700;
}
.dark-mode gcx-schema-sample-app-gallery {
--gcx-app-appgallery-h4-color: #fff;
--gcx-app-gallery-p-color: #A6B1C2;
--gcx-sample-appgallery-card-background: #20293A;
--gcx-sample-appgallery-card-border: 2px solid #2E394E;
}
.dark-mode .small-container gcx-schema-sample-app-gallery {
--gcx-sample-appgallery-card-border: 0;
}
/* Dark mode: Top Bar*/
.dark-mode gcx-schema-topbar {
--gcx-topbar-bgcolor: var(--color-blue-gray-4);
;
}
/* Dark mode: Bottom Sidebar*/
.dark-mode gcx-schema-bottom-sidebar {
--gcx-sidebar-h4-color: #fff;
--gcx-sidebar-li-color: #fff;
}
gcx-schema-sample-app-gallery {
--gcx-sample-appgallery-h4-font-size: 14px;
--gcx-app-gallery-p-font-size: 14px;
--gcx-sample-appgallery-h4-font-weight: 700;
padding-top: 36px;
padding-bottom: 76px;
}
gcx-schema-bottom-sidebar {
--gcx-sidebar-li-font-size: 16px;
--gcx-sidebar-li-display: inline-flex;
--gcx-sidebar-li-padding: 8px 32px;
}
.small-container gcx-schema-sample-app-gallery {
--gcx-sample-appgallery-card-padding: 0;
--gcx-sample-appgallery-card-background: transparent;
--gcx-sample-appgallery-card-border: 0;
--gcx-app-gallery-name-display: none;
--gcx-app-gallery-icon-font-size: 20px;
padding-bottom: 0;
}
.small-container gcx-schema-bottom-sidebar {
--gcx-sidebar-h4-display: none;
--gcx-sidebar-li-padding: 10px 16px;
--gcx-sidebar-li-display: none;
--gcx-sidebar-li-font-size: 20px;
}
@media only screen and (max-width: 600px) {
gcx-schema-topbar {
--gcx-topbar-padding: 10px 0;
font-size: 12px;
}
}
gcx-full-code::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
schema#gcx-schema {
display: none;
}
gcx-full .full-articles {
margin-left: 1px;
}
feedback-stars {
--spacing-space01h: 16px;
}
.feedback-wrapper {
--spacing-space01h: 16px;
}
.dark-mode feedback-form {
--color-text-primary: #FFF;
}
.dark-mode .helios-card {
background-color: var(--color-purple-background);
}
.dark-mode .helios-text-field-label {
color: var(--white);
}
.doc .admonitionblock .title {
color: var(--color-black);
}
.doc .title,
.doc .admonitionblock .title,
.doc .exampleblock .title,
.doc .imageblock .title,
.doc .literalblock .title,
.doc .listingblock .title,
.doc .openblock .title,
.doc .tableblock caption {
color: var(--color-black);
}
.doc .admonitionblock .quoteblock .title {
color: var(--color-black);
}
.dark-mode .doc .title,
.dark-mode .doc .admonitionblock .title,
.dark-mode .doc .exampleblock .title,
.dark-mode .doc .imageblock .title,
.dark-mode .doc .literalblock .title,
.dark-mode .doc .listingblock .title,
.dark-mode .doc .openblock .title,
.dark-mode .doc .tableblock caption {
color: var(--body-background);
}
.doc .sidebarblock>.content>.title {
color: var(--color-black);
text-align: left;
}
/* Dark mode: Titles*/
.dark-mode .doc h1,
.dark-mode .doc h2,
.dark-mode .doc h3,
.dark-mode .doc h4,
.dark-mode .doc h5,
.dark-mode .doc h6 {
color: var(--white);
text-decoration: none;
}
.dark-mode .doc .quoteblock .title {
color: var(--color-black);
}
.dark-mode .doc h2:not(.discrete) {
border-bottom: 1px solid var(--color-purple-secondary-dark);
}
.dark-mode .doc .sidebarblock>.content>.title{
color: var(--white);
}
.dark-mode .toc .toc-menu h3 {
color: var(--color-purple-secondary-darker);
}
.doc h2:not(.discrete) {
font-size: 21px;
font-weight: 700;
padding: 0;
margin: 0;
padding-bottom: 12px!important;
cursor: pointer;
}
.doc .sect1.active h2:after {
content: url(../img/small-arrow-right.svg);
margin: 0 10px;
float: right;
text-decoration: none;
}
.sidebar.small-container .main-content .title {
display: none;
}
.dark-mode .nav-menu h3.title {
color: var(--white);
}
.nav-menu h3.title {
padding: 8px 32px!important;
}
@media screen and (max-width: 1023px) {
aside.toc.sidebar {
display: none;
}
}
@media screen and (min-width: 1024px) {
main {
flex: auto;
/* min-width: 0 required for flexbox to constrain overflowing elements */
min-width: 0;
}
main > .content {
display: flex;
}
aside.toc.embedded {
display: none;
}
aside.toc.sidebar {
flex: 0 0 var(--toc-width);
}
}
@media screen and (min-width: 1216px) {
aside.toc.sidebar {
flex-basis: var(--toc-width--widescreen);
}
}
.nav-container {
position: fixed;
top: var(--navbar-height);
left: 0;
width: 100%;
font-size: calc(17 / var(--rem-base) * 1rem);
z-index: var(--z-index-nav);
visibility: hidden;
}
@media screen and (min-width: 769px) {
.nav-container {
width: var(--nav-width);
}
}
@media screen and (min-width: 1024px) {
.nav-container {
font-size: calc(15.5 / var(--rem-base) * 1rem);
flex: none;
position: static;
top: 0;
visibility: visible;
}
}
.nav-container.is-active {
visibility: visible;
}
.nav {
background: var(--nav-background);
position: relative;
top: var(--toolbar-height);
height: var(--nav-height);
}
@media screen and (min-width: 769px) {
.nav {
box-shadow: 0.5px 0 3px var(--nav-border-color);
}
}
@media screen and (min-width: 1024px) {
.nav {
top: var(--navbar-height);
box-shadow: 2px 0px 0px var(--nav-border-color);
/*position: sticky;*/
height: var(--nav-height--desktop);
}
}
.nav .panels {
display: flex;
flex-direction: column;
height: inherit;
}
html.is-clipped--nav {
overflow-y: hidden;
}
.nav-panel-menu {
overflow-y: scroll;
display: flex;
flex-direction: column;
height: var(--nav-panel-height);
}
@media screen and (min-width: 1024px) {
.nav-panel-menu {
height: var(--nav-panel-height--desktop);
}
}
.nav-panel-menu:not(.is-active) .nav-menu {
opacity: 0.75;
}
.nav-panel-menu:not(.is-active)::after {
content: "";
background: rgba(0, 0, 0, 0.5);
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.nav-panel-menu,
.nav-panel-explore .components {
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-thumb-color) transparent;
}
.nav-panel-menu::-webkit-scrollbar,
.nav-panel-explore .components::-webkit-scrollbar {
width: 0.25rem;
}
.nav-panel-menu::-webkit-scrollbar-thumb,
.nav-panel-explore .components::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb-color);
}
.nav-menu {
flex-grow: 1;
min-height: 0;
width: 100%;
padding: 0.5rem 0.75rem;
line-height: var(--nav-line-height);
position: relative;
}
.nav-menu h3.title {
color: var(--color-black);
font-size: inherit;
font-weight: var(--body-font-weight-bold);
margin: 0;
padding: 0.25em 0 0.125em;
}
.nav-menu a {
color: inherit;
}
.nav-list {
margin: 0 0 0 0.75rem;
padding: 0;
}
.nav-menu>.nav-list {
margin-bottom: 0.5rem;
margin-left: 0;
}
.nav-item {
list-style: none;
margin-top: 0.5em;
}
.nav-item.toggler>a,
.nav-item.toggler>button,
.nav-item.toggler>span {
font-family: var(--body-font-family);
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 150%;
}
.nav-item.toggler>a:hover,
.nav-item.is-current-page>a,
.nav-item.toggler>button:hover,
.nav-item.is-current-page>button,
.nav-item.toggler>span:hover,
.nav-item.is-current-page>span {
color: var(--color-black);
}
.nav-item span,
.nav-item a,
.nav-item button {
font-family: var(--body-font-family);
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 150%;
color: #6a7086;
}
/* adds some breathing room below a nested list */
.nav-item-toggle~.nav-list {
padding-bottom: 0.125rem;
}
/* matches list without a title */
.nav-item[data-depth="0"]>.nav-list:first-child {
display: block;
margin: 0;
}
.nav-item:not(.is-active)>.nav-list {
display: none;
}
.nav-item-toggle {
background-color: transparent;
border: none;
outline: none;
line-height: inherit;
float: right;
height: calc(var(--nav-line-height) * 1em);
width: calc(var(--nav-line-height) * 1em);
transform: rotate(-90deg);
}
.nav-item.is-active>.nav-item-toggle {
transform: rotate(0deg);
}
.is-current-page>.nav-link,
.is-current-page>.nav-text {
font-weight: var(--body-font-weight-bold);
}
.nav-panel-explore {
background: var(--nav-background);
display: flex;
flex-direction: column;
position: absolute;
right: 0;
bottom: 0;
left: 0;
max-height: calc(50% + var(--drawer-height));
}
.nav-panel-explore .context {
font-size: calc(15 / var(--rem-base) * 1rem);
flex-shrink: 0;
color: var(--nav-muted-color);
box-shadow: 0 -1px 0 var(--nav-panel-divider-color);
padding: 0 0.25rem 0 0.5rem;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
line-height: 1;
height: var(--drawer-height);
}
.nav-panel-explore .context .version {
background-image: url(../img/chevron.svg);
background-repeat: no-repeat;
background-position: right 0.5rem top 50%;
background-size: auto 0.75em;
padding: 0 1.5rem 0 0;
}
.nav-panel-explore .components {
line-height: var(--doc-line-height);
flex-grow: 1;
box-shadow: inset 0 1px 5px var(--nav-panel-divider-color);
background: var(--nav-secondary-background);
padding: 0.5rem 0.75rem 0 0.75rem;
margin: 0;
overflow-y: scroll;
max-height: 100%;
display: block;
}
.nav-panel-explore:not(.is-active) .components {
display: none;
}
.nav-panel-explore .component {
display: block;
}
.nav-panel-explore .component+.component {
margin-top: 0.5rem;
}
.nav-panel-explore .component:last-child {
margin-bottom: 0.75rem;
}
.nav-panel-explore .component .title {
font-weight: var(--body-font-weight-bold);
}
.nav-panel-explore .versions {
display: flex;
flex-wrap: wrap;
list-style: none;
padding-left: 0;
margin-top: -0.25rem;
line-height: 1;
}
.nav-panel-explore .component .version {
display: block;
margin: 0.375rem 0.375rem 0 0;
}
.nav-panel-explore .component .version a {
border: 1px solid var(--nav-border-color);
border-radius: 0.25rem;
color: inherit;
opacity: 0.75;
white-space: nowrap;
padding: 0.125em 0.25em;
display: inherit;
}
.nav-panel-explore .component .is-current a {
border-color: currentColor;
opacity: 0.9;
font-weight: var(--body-font-weight-bold);
}
/*
.nav-panel-explore .component .is-latest a::after {
content: " (latest)";
}
*/
.page-versions {
display: none;
margin-right: 0.7rem;
position: relative;
line-height: 1;
}
@media screen and (min-width: 1024px) {
.page-versions {
display: block;
}
}
.page-versions .version-menu-toggle {
color: inherit;
background: url(../img/chevron.svg) no-repeat;
background-position: right 0.5rem top 50%;
background-size: auto 0.75em;
border: none;
outline: none;
line-height: inherit;
padding: 0.5rem 1.5rem 0.5rem 0.5rem;
position: relative;
z-index: var(--z-index-page-version-menu);
}
.page-versions .version-menu {
border: 1px solid transparent;
background-color: var(--page-version-menu-background);
padding: 1.25rem 0.5rem 0.5rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.page-versions:not(.is-active) .version-menu {
display: none;
}
.page-versions .version {
display: block;
padding-top: 0.5rem;
}
.page-versions .version.is-current {
display: none;
}
.page-versions .version.is-missing {
color: var(--page-version-missing-font-color);
font-style: italic;
text-decoration: none;
}
nav.pagination {
display: flex;
border-top: 1px solid var(--toolbar-border-color);
line-height: 1;
margin: 2rem -1rem -1rem;
padding: 0.75rem 1rem 0;
}
nav.pagination span {
display: flex;
flex: 50%;
flex-direction: column;
}
nav.pagination .prev {
padding-right: 0.5rem;
}
nav.pagination .next {
margin-left: auto;
padding-left: 0.5rem;
text-align: right;
}
nav.pagination span::before {
color: var(--toolbar-muted-color);
font-size: 0.75em;
padding-bottom: 0.1em;
}
nav.pagination .prev::before {
content: "Prev";
}
nav.pagination .next::before {
content: "Next";
}
nav.pagination a {
font-weight: var(--body-font-weight-bold);
line-height: 1.3;
position: relative;
}
nav.pagination a::before,
nav.pagination a::after {
color: var(--toolbar-muted-color);
font-weight: normal;
font-size: 1.5em;
line-height: 0.75;
position: absolute;
top: 0;
width: 1rem;
}
nav.pagination .prev a::before {
content: "\2039";
transform: translateX(-100%);
}
nav.pagination .next a::after {
content: "\203a";
}
@page {
margin: 0.5in;
}
@media print {
.hide-for-print {
display: none !important;
}
html {
font-size: var(--body-font-size--print);
}
a {
color: inherit !important;
text-decoration: underline;
}
a.bare,
a[href^="#"],
a[href^="mailto:"] {
text-decoration: none;
}
tr,
img,
object,
svg {
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
pre {
hyphens: none;
white-space: pre-wrap;
}
body {
padding-top: 2rem;
}
.navbar {
background: none;
color: inherit;
position: absolute;
}
.navbar * {
color: inherit !important;
}
#topbar-nav,
.nav-container,
.toolbar {
display: none;
}
.doc {
color: inherit;
margin: auto;
max-width: none;
padding-bottom: 2rem;
}
.doc .listingblock code[data-lang]::before {
display: block;
}
footer.footer {
background: none;
border-top: 1px solid var(--panel-border-color);
color: var(--quote-attribution-font-color);
padding: 0.5rem;
}
.footer * {
color: inherit;
}
}
/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism-dark&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+armasm+arturo+asciidoc+aspnet+asm6502+asmatmel+autohotkey+autoit+avisynth+avro-idl+awk+bash+basic+batch+bbcode+bbj+bicep+birb+bison+bnf+bqn+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+cilkc+cilkcpp+clojure+cmake+cobol+coffeescript+concurnas+csp+cooklang+coq+crystal+css-extras+csv+cue+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gap+gcode+gdscript+gedcom+gettext+gherkin+git+glsl+gn+linker-script+go+go-module+gradle+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+hoon+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keepalived+keyman+kotlin+kumir+kusto+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+magma+makefile+markdown+markup-templating+mata+matlab+maxscript+mel+mermaid+metafont+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+odin+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plant-uml+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+cshtml+jsx+tsx+reason+regex+rego+renpy+rescript+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+stata+iecst+stylus+supercollider+swift+systemd+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+tremor+turtle+twig+typescript+typoscript+unrealscript+uorazor+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+web-idl+wgsl+wiki+wolfram+wren+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
code[class*=language-],
pre[class*=language-] {
color: var(--color-black);
background: 0 0;
font-family: 'Roboto Mono', monospace, consolas;
font-size: 1em;
font-weight: 100;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5em;
letter-spacing: -0.04em;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none
}
.dark-mode code[class*=language-],
.dark-mode pre[class*=language-] {
color: var(--color-white);
}
@media print {
code[class*=language-],
pre[class*=language-] {
text-shadow: none
}
}
:not(pre)>code[class*=language-],
pre[class*=language-] {
background: var(--color-smoke-60) !important
}
.dark-mode :not(pre)>code[class*=language-],
.dark-mode pre[class*=language-] {
background: var(--color-prism-dark-background) !important
}
pre[class*=language-] {
padding: 1em;
margin: .5em 0;
overflow: auto;
border: 1px solid var(--color-prism-light-border);
border-radius: .375em;
}
:not(pre)>code[class*=language-] {
padding: .15em .2em .05em;
border-radius: .3em;
border: .13em solid var(--color-prism-light-border);
white-space: normal
}
.dark-mode pre[class*=language-] {
border: 1px solid var(--color-prism-dark-border);;
}
.dark-mode :not(pre)>code[class*=language-] {
border: .13em solid var(--color-prism-dark-border);;
}
.token.atrule,
.token.boolean,
.token.constant,
.token.function,
.token.id,
.token.symbol,
.token.important,
.token.keyword {
color: var(--color-prism-light-purple)
}
.token.id,
.token.important {
font-weight: 700
}
.dark-mode .token.atrule,
.dark-mode .token.boolean,
.dark-mode .token.constant,
.dark-mode .token.function,
.dark-mode .token.id,
.dark-mode .token.symbol,
.dark-mode .token.important,
.dark-mode .token.keyword {
color: var(--color-prism-dark-purple)
}
.token.attr-name,
.token.builtin,
.token.cdata,
.token.char,
.token.class,
.token.inserted,
.token.operator,
.token.property,
.token.punctuation {
color: var(--color-prism-light-teal)
}
.dark-mode .token.attr-name,
.dark-mode .token.builtin,
.dark-mode .token.cdata,
.dark-mode .token.char,
.dark-mode .token.class,
.dark-mode .token.inserted,
.dark-mode .token.operator,
.dark-mode .token.property,
.dark-mode .token.punctuation {
color: var(--color-prism-dark-teal)
}
.token.attr-value,
.token-literal-property,
.token.hexcode,
.token.number,
.token.pseudo-class,
.token.pseudo-element,
.token.string,
.token.unit{
color: var(--color-prism-light-orange)
}
.dark-mode .token.attr-value,
.dark-mode .token-literal-property,
.dark-mode .token.hexcode,
.dark-mode .token.number,
.dark-mode .token.pseudo-class,
.dark-mode .token.pseudo-element,
.dark-mode .token.string,
.dark-mode .token.unit{
color: var(--color-prism-dark-orange)
}
.token.regex {
color: var(--color-prism-light-blue)
}
.dark-mode .token.regex {
color: var(--color-prism-dark-blue)
}
.token.comment,
.token.doctype,
.token.prolog {
color: var(--color-prism-light-secondary)
}
.dark-mode .token.comment,
.dark-mode .token.doctype,
.dark-mode .token.prolog {
color: var(--color-prism-dark-secondary)
}
.token.deleted,
.token.entity,
.token.selector,
.token.tag,
.token.url,
.token.variable {
color: var(--color-prism-light-failure)
}
.dark-mode .token.deleted,
.dark-mode .token.entity,
.dark-mode .token.selector,
.dark-mode .token.tag,
.dark-mode .token.url,
.dark-mode .token.variable {
color: var(--color-prism-dark-failure)
}
.token.bold {
font-weight: 700
}
.token.italic {
font-style: italic
}
.navbar-brand .navbar-item + .navbar-item {
flex-grow: 1;
justify-content: flex-end;
}
@media screen and (min-width: 1024px) {
.navbar-brand {
flex-grow: 1;
}
.navbar-menu {
flex-grow: 0;
}
}
#search-input {
color: #333;
font-family: inherit;
font-size: 0.95rem;
width: 150px;
border: 1px solid #dbdbdb;
border-radius: 0.1em;
line-height: 1.5;
padding: 0 0.25em;
}
@media screen and (min-width: 769px) {
#search-input {
width: 200px;
}
}
.search-result-dropdown-menu {
position: absolute;
z-index: 100;
display: block;
right: 0;
left: inherit;
top: 100%;
border-radius: 4px;
margin: 6px 0 0;
padding: 0;
text-align: left;
height: auto;
background: transparent;
border: none;
max-width: 600px;
min-width: 500px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
.navbar-brand .navbar-item + .navbar-item {
padding-left: 0;
padding-right: 0;
}
.search-result-dropdown-menu {
min-width: calc(100vw - 3.75rem);
}
}
.search-result-dataset {
position: relative;
border: 1px solid #d9d9d9;
background: #fff;
border-radius: 4px;
overflow: auto;
padding: 0 8px 8px;
max-height: calc(100vh - 5.25rem);
color: #333;
}
.search-result-highlight {
color: #174d8c;
background: rgba(143, 187, 237, 0.1);
padding: 0.1em 0.05em;
}
.search-result-item {
display: flex;
font-size: 1rem;
margin-bottom: 0.5rem;
margin-top: 0.5rem;
}
.search-result-document-title {
width: 33%;
border-right: 1px solid #ddd;
color: #a4a7ae;
font-size: 0.8rem;
padding: 0.25rem 0.5rem 0.25rem 0;
text-align: right;
position: relative;
word-wrap: break-word;
}
.search-result-document-hit {
flex: 1;
font-size: 0.75em;
color: #02060c;
font-weight: 700;
}
.search-result-document-hit > a {
color: inherit;
display: block;
padding: 0.5rem 0 0.5rem 1rem;
margin-bottom: 0.25rem;
}
.search-result-document-hit > a:hover {
background-color: rgba(69, 142, 225, 0.05);
}
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@import "vars.css";
@import "base.css";
@import "body.css";
@import "nav.css";
@import "main.css";
@import "toolbar.css";
@import "breadcrumbs.css";
@import "page-versions.css";
@import "toc.css";
@import "doc.css";
@import "pagination.css";
@import "header.css";
@import "footer.css";
@import "highlight.css";
@import "print.css";
@import "typeface-nunito.css";
@import "tabs.css";
@import "search.css";
@import "helios-gcx.css";
@import "enlighterjs.css";
.tabset {
margin-bottom: 20px;
margin-top: 20px;
}
.tabs ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0 -0.25rem 0 0;
padding: 0;
}
.tabs li {
align-items: center;
border-bottom: 0;
border: 1px solid #808080;
cursor: pointer;
display: flex;
font-weight: bold;
height: 2.5rem;
line-height: 1;
margin-right: 0.25rem;
padding: 0 1.5rem;
position: relative;
}
.tabs.ulist li {
margin-bottom: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.tabs li + li {
margin-top: 0;
}
.tabset.is-loading .tabs li:not(:first-child),
.tabset:not(.is-loading) .tabs li:not(.is-active) {
background-color: #fafafa;
color: #8e8e8e;
font-weight: normal;
}
.tabset.is-loading .tabs li:first-child::after,
.tabs li.is-active::after {
background-color: white;
content: "";
display: block;
height: 3px; /* Chrome doesn't always paint the line accurately, so add a little extra */
position: absolute;
bottom: -1.5px;
left: 0;
right: 0;
}
.tabset > .content {
border: 1px solid gray;
padding: 1.25rem;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.tabset.is-loading .tab-pane:not(:first-child),
.tabset:not(.is-loading) .tab-pane:not(.is-active) {
display: none;
}
.tab-pane > :first-child {
margin-top: 0;
}
.toc-menu {
color: var(--toc-font-color);
}
.toc.sidebar .toc-menu {
margin-right: 0.75rem;
position: sticky;
top: var(--toc-top);
}
.toc .toc-menu h3 {
color: var(--toc-heading-font-color);
font-size: calc(16 / var(--rem-base) * 1rem);
font-weight: var(--body-font-weight-bold);
line-height: 1.3;
margin: 0 -0.5px;
padding-bottom: 0.25rem;
}
.toc.sidebar .toc-menu h3 {
display: flex;
flex-direction: column;
height: 2.5rem;
justify-content: flex-end;
}
.toc .toc-menu ul {
font-size: calc(15 / var(--rem-base) * 1rem);
line-height: var(--toc-line-height);
list-style: none;
margin: 0;
padding: 0;
}
.toc.sidebar .toc-menu ul {
max-height: var(--toc-height);
overflow-y: auto;
scrollbar-width: none;
}
.toc .toc-menu ul::-webkit-scrollbar {
width: 0;
}
@media screen and (min-width: 1024px) {
.toc .toc-menu h3 {
font-size: calc(15 / var(--rem-base) * 1rem);
}
.toc .toc-menu ul {
font-size: calc(13.5 / var(--rem-base) * 1rem);
}
}
.toc .toc-menu li {
margin: 0;
}
.toc .toc-menu li[data-level="2"] a {
padding-left: 1.25rem;
}
.toc .toc-menu li[data-level="3"] a {
padding-left: 2rem;
}
.toc .toc-menu a {
color: inherit;
border-left: 2px solid var(--toc-border-color);
display: inline-block;
padding: 0.25rem 0 0.25rem 0.5rem;
text-decoration: none;
}
.sidebar.toc .toc-menu a {
display: block;
outline: none;
}
.toc .toc-menu a:hover {
color: var(--link-font-color);
}
.toc .toc-menu a.is-active {
border-left-color: var(--link-font-color);
color: var(--doc-font-color);
}
.sidebar.toc .toc-menu a:focus {
background: var(--panel-background);
}
.toc .toc-menu .is-hidden-toc {
display: none !important;
}
.toolbar {
color: var(--toolbar-font-color);
align-items: center;
background-color: var(--toolbar-background);
display: flex;
font-size: calc(15 / var(--rem-base) * 1rem);
height: var(--toolbar-height);
justify-content: flex-start;
position: sticky;
top: var(--navbar-height);
z-index: var(--z-index-toolbar);
}
.toolbar a {
color: inherit;
}
.nav-toggle {
background: url(../img/menu.svg) no-repeat 50% 47.5%;
background-size: 49%;
border: none;
outline: none;
line-height: inherit;
height: 2.5rem;
padding: 0;
width: 2.5rem;
margin-right: -0.25rem;
}
@media screen and (min-width: 1024px) {
.nav-toggle {
display: none;
}
}
.nav-toggle.is-active {
background-image: url(../img/back.svg);
background-size: 41.5%;
}
.home-link {
background: url(../img/home-o.svg) no-repeat 50% 45%;
background-size: 50%;
display: block;
height: 2.5rem;
padding: 0;
width: 2.5rem;
}
.home-link:hover,
.home-link.is-current {
background-image: url(../img/home.svg);
}
.edit-this-page {
display: none;
padding-right: 0.5rem;
}
@media screen and (min-width: 1024px) {
.edit-this-page {
display: block;
}
}
.toolbar .edit-this-page a {
color: var(--toolbar-muted-color);
}
/* vietnamese */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cceyI9tAcVwob5A.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8ccezI9tAcVwob5A.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9tAcVwo.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85iU1ECVZl_86Y.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85jU1ECVZl_86Y.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85tU1ECVZl_.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5iU1ECVZl_86Y.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5jU1ECVZl_86Y.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1ECVZl_.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Nunito Sans ExtraBold'), local('NunitoSans-ExtraBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8aBc5iU1ECVZl_86Y.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Nunito Sans ExtraBold'), local('NunitoSans-ExtraBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8aBc5jU1ECVZl_86Y.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Nunito Sans ExtraBold'), local('NunitoSans-ExtraBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8aBc5tU1ECVZl_.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 900;
font-display: swap;
src: local('Nunito Sans Black'), local('NunitoSans-Black'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8-BM5iU1ECVZl_86Y.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 900;
font-display: swap;
src: local('Nunito Sans Black'), local('NunitoSans-Black'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8-BM5jU1ECVZl_86Y.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: var(--body-font-family);
font-style: normal;
font-weight: 900;
font-display: swap;
src: local('Nunito Sans Black'), local('NunitoSans-Black'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8-BM5tU1ECVZl_.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* @font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto Regular"), local("Roboto-Regular"), url(../font/roboto-latin-400.woff2) format("woff2"), url(../font/roboto-latin-400.woff) format("woff")
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
src: local("Roboto Italic"), local("Roboto-Italic"), url(../font/roboto-latin-400italic.woff2) format("woff2"), url(../font/roboto-latin-400italic.woff) format("woff")
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url(../font/roboto-latin-500.woff2) format("woff2"), url(../font/roboto-latin-500.woff) format("woff")
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 500;
src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(../font/roboto-latin-500italic.woff2) format("woff2"), url(../font/roboto-latin-500italic.woff) format("woff")
}
@font-face {
font-family: Roboto Mono;
font-style: normal;
font-weight: 400;
src: local("Roboto Mono"), local("RobotoMono-Regular"), url(../font/roboto-mono-latin-400.woff2) format("woff2"), url(../font/roboto-mono-latin-400.woff) format("woff")
}
@font-face {
font-family: Roboto Mono;
font-style: normal;
font-weight: 500;
src: local("Roboto Mono Medium"), local("RobotoMono-Medium"), url(../font/roboto-mono-latin-500.woff2) format("woff2"), url(../font/roboto-mono-latin-500.woff) format("woff")
} */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Roboto:ital,wght@0,400;0,500;1,400;1,500&display=swap');
/* @font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto Regular"), local("Roboto-Regular"), url(../font/roboto-latin-400.woff2) format("woff2"), url(../font/roboto-latin-400.woff) format("woff")
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
src: local("Roboto Italic"), local("Roboto-Italic"), url(../font/roboto-latin-400italic.woff2) format("woff2"), url(../font/roboto-latin-400italic.woff) format("woff")
}
@font-face {
font-family: Roboto Mono;
font-style: normal;
font-weight: 400;
src: local("Roboto Mono"), local("RobotoMono-Regular"), url(../font/roboto-mono-latin-400.woff2) format("woff2"), url(../font/roboto-mono-latin-400.woff) format("woff")
} */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:ital@0;1&display=swap');
/* @font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local("Roboto Regular"), local("Roboto-Regular"), url(../font/roboto-latin-400.woff2) format("woff2"), url(../font/roboto-latin-400.woff) format("woff")
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 400;
src: local("Roboto Italic"), local("Roboto-Italic"), url(../font/roboto-latin-400italic.woff2) format("woff2"), url(../font/roboto-latin-400italic.woff) format("woff")
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 500;
src: local("Roboto Medium"), local("Roboto-Medium"), url(../font/roboto-latin-500.woff2) format("woff2"), url(../font/roboto-latin-500.woff) format("woff")
}
@font-face {
font-family: Roboto;
font-style: italic;
font-weight: 500;
src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(../font/roboto-latin-500italic.woff2) format("woff2"), url(../font/roboto-latin-500italic.woff) format("woff")
}
@font-face {
font-family: Roboto Mono;
font-style: normal;
font-weight: 400;
src: local("Roboto Mono"), local("RobotoMono-Regular"), url(../font/roboto-mono-latin-400.woff2) format("woff2"), url(../font/roboto-mono-latin-400.woff) format("woff")
}
@font-face {
font-family: Roboto Mono;
font-style: normal;
font-weight: 500;
src: local("Roboto Mono Medium"), local("RobotoMono-Medium"), url(../font/roboto-mono-latin-500.woff2) format("woff2"), url(../font/roboto-mono-latin-500.woff) format("woff")
} */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Roboto:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root {
/* colors */
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--purple-300: #b6a5cf;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #555dc0;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--color-white: #fff;
--color-smoke-10: #fefefe;
--color-smoke-30: #fafafa;
--color-smoke-50: #f5f5f5;
--color-smoke-60: #f7f7f7;
--color-smoke-70: #f0f0f0;
--color-smoke-90: #e1e1e1;
--color-gray-10: #c1c1c1;
--color-gray-30: #8e8e8e;
--color-gray-50: #808080;
--color-gray-70: #5d5d5d;
--color-jet-20: #4a4a4a;
--color-jet-30: #424242;
--color-jet-50: #333;
--color-jet-70: #222;
--color-jet-80: #191919;
--color-black: #000;
--color-light-orange: #ff9d2c;
--color-night-blue: #1f2438;
--color-dark-blue: #064773;
--color-medium-blue: #005992;
--color-ds-blue: #0055ab;
--color-navy-blue: #3b4260;
--color-light-navy: #a3aac8;
--color-bright-blue: #007bf7;
--color-light-blue: #52e1ff;
--color-sky-blue: #accee7;
--color-blue-gray-4: #5c6a85;
--color-blue-gray-3: #6a7086;
--color-blue-gray-2: #999dad;
--color-blue-gray-1: #c8cbd3;
--color-light-gray: #f8f9fa;
--color-medium-gray: #c8cbd3;
--color-dark-gray: #6c6e75;
--color-very-dark-gray: #363b3d;
--color-near-black: #222b49;
--color-light-green: #51ddbd;
--color-green: green;
--color-red: red;
--color-sidebar: #f7f8ff;
--color-navbar-hover: #ccc;
--color-interface-night-300: #A6B1C2;
--color-interface-night-800: #2E394E;
--color-interface-night-900: #20293A;
--color-blue-500: #1E71D4;
--color-prism-dark-background: #0a0a0a;
--color-prism-light-border: #ced0d2;
--color-prism-dark-border: #494a4d;
--color-prism-light-font: #212529;
--color-prism-dark-font: var(--color-white);
--color-prism-grey: #999999;
--color-prism-light-orange: #BA4E00;
--color-prism-dark-orange: #FF832B;
--color-prism-light-blue: #0072C3;
--color-prism-dark-blue: #33B1FF;
--color-prism-light-purple: #8A3FFC;
--color-prism-dark-purple: #BE95FF;
--color-prism-light-teal: #007D79;
--color-prism-dark-teal: #08BDBA;
--color-prism-regex: #e90;
--color-prism-light-failure: #D52424;
--color-prism-dark-failure: #ED8686;
--color-prism-light-secondary: #5C6A85;
--color-prism-dark-secondary: #A6B1C2;
--color-purple: #6B1C96;
--color-purple-100: #8027b1;
--color-purple-links: var(--color-black);
--color-purple-background: #271734;
--color-dark-mode-links: var(--color-white);
--color-purple-secondary-light: #F2F6F7 ;
--color-purple-secondary-dark: #65596E;
--color-purple-secondary-darker: #9982a3;
--color-red-500: #D91620;
--color-yellow-500: #916707;
--color-green-500: #008040;
--color-green-700: #095933;
--color-purple-500: #4C146B;
--color-gray-neutral-700: #494A4D;
--color-gray-neutral-500: #6B6F73;
--color-purple-700: #463851;
/* fonts */
--rem-base: 18;
/* used to compute rem value from desired pixel value (e.g., calc(18 / var(--rem-base) * 1rem) = 18px) */
--body-font-size: 1.0625em;
/* 17px */
--body-font-size--desktop: 1.125em;
/* 18px */
--body-font-size--print: 0.9375em;
/* 15px */
--body-line-height: 1.15;
--body-font-color: var(--color-near-black);
/*--body-font-family: "Nunito Sans", "Work Sans", sans-serif;*/
--body-font-family: 'Roboto', sans-serif;
--body-font-weight-bold: 600;
--monospace-font-family: 'Roboto Mono', monospace;
--monospace-font-weight-bold: 500;
/* base */
--body-background: var(--color-white);
--panel-background: var(--color-sidebar);
--panel-border-color: #c9cef6;
--scrollbar-thumb-color: var(--color-lgiht-gray);
/* navbar */
--navbar-background: var(--color-near-black);
--navbar-font-color: var(--color-white);
--navbar-font-color-hover: var(--color-navbar-hover);
--navbar_hover-background: var(--color-black);
--navbar-button-background: var(--color-white);
--navbar-button-border-color: var(--panel-border-color);
--navbar-button-font-color: var(--body-font-color);
--navbar-menu-border-color: var(--panel-border-color);
--navbar-menu-background: var(--color-near-black);
--navbar-menu-font-color: var(--color-white);
--navbar-menu-font-color-hover: var(--navbar-hover);
--navbar-menu_hover-background: var(--color-near-black);
--navbar-logo: url(../img/logo.png);
/* nav */
--nav-background: var(--panel-background);
--nav-border-color: var(--color-light-gray);
--nav-line-height: 1.35;
--nav-heading-font-color: var(--color-night-blue);
--nav-muted-color: var(--color-blue-gray-3);
--nav-panel-divider-color: var(--color-blue-gray-3);
--nav-secondary-background: var(--color-blue-gray-3);
/* toolbar */
--toolbar-background: var(--panel-background);
--toolbar-border-color: var(--panel-border-color);
--toolbar-font-color: var(--color-blue-gray-3);
--toolbar-muted-color: var(--color-blue-gray-1);
--page-version-menu-background: var(--color-blue-gray-3);
--page-version-missing-font-color: var(--color-blue-gray-1);
/* toc */
--toc-font-color: var(--nav-muted-color);
--toc-heading-font-color: var(--doc-font-color);
--toc-border-color: var(--panel-border-color);
--toc-line-height: 1.2;
/* admonitions */
--caution-color: var(--color-navy-blue);
--caution-on-color: var(--color-white);
--important-color: var(--color-red);
--important-on-color: var(--color-white);
--note-color: var(--color-bright-blue);
--note-on-color: var(--color-white);
--tip-color: var(--color-green);
--tip-on-color: var(--color-white);
--warning-color: var(--orange);
--warning-on-color: var(--color-white);
/* doc */
--doc-font-color: var(--color-blue-gray-4);
--doc-font-size: inherit;
--doc-font-size--desktop: calc(17 / var(--rem-base) * 1rem);
--doc-line-height: 1.6;
--doc-margin: 0 auto;
--doc-margin--desktop: 0 2rem;
--heading-font-color: var(--color-night-blue);
--heading-font-weight: normal;
--alt-heading-font-weight: var(--body-font-weight-bold);
--section-divider-color: var(--panel-border-color);
--link-font-color: #555dc0;
--link_hover-font-color: #555dc0;
--link_unresolved-font-color: var(--important-color);
--abstract-background: var(--color-blue-gray-3);
--abstract-font-color: var(--color-navy-blue);
--abstract-border-color: var(--panel-border-color);
--admonition-background: var(--color-near-black);
--admonition-color: var(--color-white);
--admonition-label-font-weight: var(--body-font-weight-bold);
--caption-font-color: var(--color-white);
/* --caption-font-color: var(--color-navy-blue); */
--caption-font-weight: var(--body-font-weight-bold);
--code-background: var(--panel-background);
--code-font-color: var(--body-font-color);
--example-background: var(--color-white);
--example-border-color: var(--color-blue-gray-3);
--kbd-background: var(--panel-background);
--kbd-border-color: var(--color-light-gray);
--pre-background: var(--panel-background);
--pre-border-color: var(--panel-border-color);
--pre-annotation-font-color: var(--color-light-gray);
--quote-background: var(--panel-background);
--quote-border-color: var(--color-blue-gray-3);
--quote-font-color: var(--color-blue-gray-3);
--quote-attribution-font-color: var(--color-blue-gray-1);
--sidebar-background: var(--color-white);
--table-border-color: var(--panel-border-color);
/* footer */
--footer-line-height: var(--doc-line-height);
--footer-background: var(--color-near-black);
--footer-font-color: var(--color-white);
--footer-link-font-color: var(--color-white);
/* dimensions and positioning */
--navbar-height: calc(74 / var(--rem-base) * 1rem);
--toolbar-height: calc(45 / var(--rem-base) * 1rem);
--drawer-height: var(--toolbar-height);
--body-top: var(--navbar-height);
--body-min-height: calc(100vh - var(--body-top));
--nav-height: calc(var(--body-min-height) - var(--toolbar-height));
--nav-height--desktop: var(--body-min-height);
--nav-panel-height: calc(var(--nav-height) - var(--drawer-height));
--nav-panel-height--desktop: calc(var(--nav-height--desktop) - var(--drawer-height));
--nav-width: calc(270 / var(--rem-base) * 1rem);
--toc-top: calc(var(--body-top) + var(--toolbar-height));
--toc-height: calc(100vh - var(--toc-top) - 2.5rem);
--toc-width: calc(162 / var(--rem-base) * 1rem);
--toc-width--widescreen: calc(216 / var(--rem-base) * 1rem);
--doc-max-width: calc(720 / var(--rem-base) * 1rem);
--doc-max-width--desktop: calc(828 / var(--rem-base) * 1rem);
/* stacking */
--z-index-nav: 1;
--z-index-toolbar: 2;
--z-index-page-version-menu: 3;
--z-index-navbar: 4;
}
/* Alerts */
.doc .admonitionblock td.content {
background: transparent;
}
.doc .admonitionblock tr {
display: block;
}
.doc .admonitionblock .tableblock tr {
display: table-row;
}
.doc .admonitionblock .tableblock.fit-content {
display: table-cell;
}
.doc .admonitionblock tr {
word-break: break-word;
}
.doc .admonitionblock.caution > table > tbody > tr {
display: block;
background: var(--color-white);
border: 2px solid #E64328;
border-radius: 6px;
}
.doc .admonitionblock.caution td.content {
color: var(--color-black);
}
.doc .admonitionblock.tip > table > tbody > tr {
display: block;
background: var(--color-white);
border: 2px solid var(--color-green-700);
border-radius: 6px;
}
.dark-mode .doc .admonitionblock.tip tr {
background: var(--color-purple-700);
}
.doc .admonitionblock.tip td.content {
color: var(--color-black);
}
.dark-mode .doc .admonitionblock td.content{
background: var(--color-purple-700);
color: var(--color-white)!important;
}
.doc .admonitionblock.warning > table > tbody > tr {
display: block;
background: var(--color-white);
border: 2px solid var(--color-red-500);
border-radius: 6px;
}
.doc .admonitionblock.warning td.content {
color: var(--color-black);
}
.doc .admonitionblock.important > table > tbody > tr {
display: block;
background: var(--color-white);
border: 2px solid var(--color-gray-neutral-700);
border-radius: 6px;
}
.dark-mode .doc .admonitionblock.important tr {
display: block;
background: var(--color-white);
border: 2px solid var(--color-gray-neutral-500);
border-radius: 6px;
}
.doc .admonitionblock.important td.content {
color: var(--color-black);
}
.doc .admonitionblock.note > table > tbody > tr {
display: block;
background: var(--color-white);
border: 2px solid var(--color-green-700);
border-radius: 6px;
}
.doc .admonitionblock.note td.content {
color: var(--color-black);
}
.doc .exampleblock>.content {
border-width: 1.5px;
}
/* autoprefixer: off */
:root {
--nav-background: #FFF;
--navbar-height: 0;
--announcement-height: 48px;
}
/* Dark mode: Body*/
.dark-mode body {
background-color: var(--color-purple-background);
}
/* breadcrumbs */
.breadcrumbs li {
color: #74767B;
}
.dark-mode .breadcrumbs li {
color: var(--color-purple-secondary-darker);
}
[data-template="landing"] .doc {
--doc-max-width--desktop: calc(1280 / var(--rem-base) * 1rem);
}
.toolbar {
position: unset;
top: unset;
}
/* Dark mode: Toolbar*/
.dark-mode .toolbar {
color: var(--white);
background-color: var(--color-purple-background);
}
.nav.pagination {
hyphens: none!important;
margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
.doc {
--doc-max-width--desktop: calc(1028 / var(--rem-base) * 1rem);
}
}
.dark-mode .landing-card .content {
color: var(--color-white)
}
.full-articles {
flex: 0 1 49%;
z-index: 999;
}
.full-articles .doc {
margin: 0 0 0 2em;
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
/* for Firefox */
overflow-y: scroll;
padding: 0;
height: 100%!important;
}
/*Landing*/
[data-template=landing] .doc {
max-width: calc(1280 / 18 * 1rem);
}
.landing-row {
display: flex;
gap: 24px;
flex-direction: column;
}
@media screen and (min-width:769px) {
.landing-row {
flex-direction: row;
}
}
.full-articles .doc::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.doc .sect1 {
margin-top: 1rem!important;
padding: 20px 10px 20px 20px;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-color: white;
}
.dark-mode .doc .sect1 {
border-color: var(--color-purple-background);
}
.dark-mode .anchor {
color: white;
}
.doc .sect1 .paragraph {
padding: 0 0rem;
}
.doc .sect1.active {
background-color: #eceef0;
border-radius: 6px;
border-width: 1px;
border-style: solid;
border-color: var(--section-divider-color);
}
.doc {
hyphens: none!important;
}
/*Card Styles*/
.doc .content {
display: grid;
}
.doc p {
font-size: 16px;
text-align: left;
}
.doc .sidebarblock {
margin: 24px 0 0;
padding: 24px;
box-shadow: 0px 6px 8px rgb(32 41 58 / 8%), 0px 4px 10px rgb(32 41 58 / 8%), 0px 3px 12px rgb(32 41 58 / 12%);
border-radius: 6px;
width: 100%;
}
.dark-mode .doc .sidebarblock {
background: var(--color-purple-700);
}
.doc {
color: var(--color-black);
}
.dark-mode .doc {
color: var(--color-white);
}
.doc h1,
.doc h2,
.doc h3,
.doc h4,
.doc h5,
.doc h6 {
color: var(--color-black);
};
.doc h1 a,
.doc h2 a,
.doc h3 a,
.doc h4 a,
.doc h5 a,
.doc h6 a {
color: var(--color-black);
text-decoration: none!important;
};
.dark-mode .doc h1,
.dark-mode .doc h2,
.dark-mode .doc h3,
.dark-mode .doc h4,
.dark-mode .doc h5,
.dark-mode .doc h6 {
color: var(--color-white);
};
.dark-mode .doc h1 a,
.dark-mode .doc h2 a,
.dark-mode .doc h3 a,
.dark-mode .doc h4 a,
.dark-mode .doc h5 a,
.dark-mode .doc h6 a {
color: var(--color-white);
text-decoration: none;
};
.dark-mode .doc .sidebarblock {
background: var(--color-interface-night-800);
}
.dark-mode .doc .exampleblock>.content {
background: var(--color-interface-night-800);
}
/* CARDS WIDTH */
@media screen and (min-width: 1024px) {
.doc {
flex: auto;
font-size: calc(17 / 18 * 1rem);
margin: 0 2rem;
max-width: calc(828 / 18 * 1rem);
min-width: 0;
}
}
/* Make right sidebar sticky */
main > .content {
position: relative;
}
.doc .listingblock:hover pre.highlight .source-toolbox {
visibility: visible!important;
}
.doc .listingblock:hover .source-toolbox {
visibility: hidden;
}
@media screen and (min-width: 1281px) {
.doc .center{
max-width: 43%!important;
}
}
@media screen and (max-width: 767px) {
article.doc .center{
max-width: 100%!important;
}
}
.nav-item.toggler>button {
padding: 0;
margin: 0;
position: absolute;
top: 7px;
right: 0;
width: 22px;
height: 22px;
}
[data-depth="2"] .nav-item.toggler>button {
top: 7px;
}
.dark-mode .nav-item[data-depth="1"].toggler:hover button {
color: #fff;
}
.nav-item[data-depth="1"].toggler.is-active>button:hover,
.nav-item[data-depth="2"].toggler.is-active>.button:hover,
.nav-item[data-depth="3"].toggler.is-active>button:hover,
.nav-item[data-depth="4"].toggler.is-active>button:hover {
color: #6a7086;
}
/* Navbar buttons */
.ds_buttons_button {
color: #FFF;
font-weight: 500;
line-height: 1.22;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 16px;
padding: 8px 12px;
width: 135px;
height: 40px;
background: var(--color-purple);
border-radius: 6px;
cursor: pointer;
}
/*Button in Header*/
a.ds_buttons_button {
margin: 0 8px;
width: 74px;
}
.ds_buttons_button:hover {
background: var(--color-purple-100);
}
a.ds_buttons_button:hover {
color: var(--white)!important;
text-decoration: none!important;
}
.get-started {
padding-right: 15px;
}
/* Code Sections */
.doc .source-toolbox {
color: #5c6a85
}
.doc pre:not(.highlight) {
font-size: 14px;
}
.doc pre.highlight code {
display: block;
font-size: 14px;
padding: .75rem;
box-shadow: none;
}
.highlight-has-code {
overflow: hidden;
padding: 1rem 0 0 0;
}
.doc pre.highlight,
.doc pre:not(.highlight) {
/* background: #f7f8ff; */
display: block;
font-size: 14px;
padding: .75rem;
box-shadow: inset 0 0 1.75px #c9cef6;
overflow-x: auto
}
.has-code {
overflow: hidden!important;
padding: 1rem 0.1rem 0.1rem 0.1rem!important;
}
.dark-mode .doc .source-toolbox {
color: white;
}
code::before {
content: ''!important;
}
.source-toolbox .copy-toast::after {
right: 6px;
}
.source-toolbox .copy-toast {
left: -14px;
}
.dark-mode .mdc-card--outlined {
border: 2px solid var(--color-purple-secondary-dark);
}
.helios-card.mdc-card--outlined {
margin-top: 4rem;
}
div.enlighter {
margin-top: 35px!important;
}
/*Scroll for Code block */
.enlighter-default::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.enlighter-t-bootstrap4 {
height: 100%;
}
.enlighter-default {
font-family: 'Roboto Mono', monospace!important;
font-weight: lighter;
margin: 0!important;
overflow: scroll!important;
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
border-radius: .375em;
border: 2px solid var(--color-prism-light-border);
}
.dark-mode .enlighter-default {
border: 2px solid var(--color-prism-dark-border);
}
.enlighter-t-bootstrap4 .enlighter-m0,
.enlighter-t-bootstrap4 .enlighter-m3,
.enlighter-t-bootstrap4 .enlighter-k0,
.enlighter-t-bootstrap4 .enlighter-k1,
.enlighter-t-bootstrap4 .enlighter-k3,
.enlighter-t-bootstrap4 .enlighter-k9,
.enlighter-t-bootstrap4 .enlighter-e0,
.enlighter-t-bootstrap4 .enlighter-e1,
.enlighter-t-bootstrap4 .enlighter-e3 {
color: var(--color-prism-light-purple)!important;
}
.enlighter-t-bootstrap4 .enlighter-g1 {
color: var(--color-prism-light-teal)!important;
}
.enlighter-t-bootstrap4 .enlighter-text {
color: #3C4961!important;
}
.enlighter-t-bootstrap4 .enlighter-s0,
.enlighter-t-bootstrap4 .enlighter-s1,
.enlighter-t-bootstrap4 .enlighter-s2,
.enlighter-t-bootstrap4 .enlighter-s3,
.enlighter-t-bootstrap4 .enlighter-s4,
.enlighter-t-bootstrap4 .enlighter-s5,
.enlighter-t-bootstrap4 .enlighter-n1 {
color: var(--color-prism-light-orange)!important;
}
/* Dark Mode - Code Block */
.dark-mode .enlighter-t-bootstrap4 {
background-color: var(--color-prism-dark-background)!important;
}
.dark-mode .enlighter-t-bootstrap4.enlighter-hover div.enlighter>div:hover{
background-color: var(--color-very-dark-gray)!important;
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-text {
color: #ffffff!important;
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-m0,
.dark-mode .enlighter-t-bootstrap4 .enlighter-m3,
.dark-mode .enlighter-t-bootstrap4 .enlighter-k0,
.dark-mode .enlighter-t-bootstrap4 .enlighter-k1,
.dark-mode .enlighter-t-bootstrap4 .enlighter-k3,
.dark-mode .enlighter-t-bootstrap4 .enlighter-k9,
.dark-mode .enlighter-t-bootstrap4 .enlighter-e0,
.dark-mode .enlighter-t-bootstrap4 .enlighter-e1,
.dark-mode .enlighter-t-bootstrap4 .enlighter-e3 {
color: var(--color-prism-dark-purple)!important;
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-g1 {
color: var(--color-prism-dark-teal)!important;
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-s0,
.dark-mode .enlighter-t-bootstrap4 .enlighter-s1,
.dark-mode .enlighter-t-bootstrap4 .enlighter-s2,
.dark-mode .enlighter-t-bootstrap4 .enlighter-s3,
.dark-mode .enlighter-t-bootstrap4 .enlighter-s4,
.dark-mode .enlighter-t-bootstrap4 .enlighter-s5,
.dark-mode .enlighter-t-bootstrap4 .enlighter-n1 {
color: var(--color-prism-dark-orange)!important;
}
.enlighter-default .dark-mode .enlighter-t-bootstrap4 .enlighter-n1 {
color: #FF832B!important;
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-k5 {
color: var(--white);
}
.dark-mode .doc .sect1.active {
background-color: var(--color-purple-secondary-dark);
}
.dark-mode .enlighter-t-bootstrap4 div.enlighter>div.enlighter-special {
background-color: var(--color-jet-70);
}
.dark-mode .enlighter-t-bootstrap4 .enlighter-k10 {
color: var(--white)!important;
}
/* Footer */
footer .container-fluid {
margin: 0 40px;
}
.wh_footer {
padding-bottom: 32px;
font-size: 16px;
background-color: var(--color-black)!important;
}
.contact-us p {
line-height: 26px;
}
.copyright-line {
font-weight: bold;
}
/* HEADER AND NAVBAR STYLES */
.header {
padding: 18px 32px;
background-color: var(--color-black);
}
/* Dark mode: Header*/
.dark-mode .header,
.dark-mode .navbar {
background-color: var(--color-black);
}
.navbar-menu {
background: transparent!important;
box-shadow: 0!important;
display: table-cell;
}
.navbar-end .navbar-end__group {
margin: 12px 0 0 0;
justify-content: flex-end;
display: none;
}
@media screen and (min-width:1024px) {
.navbar-end .navbar-end__group {
display: flex;
}
}
.navbar-end__group form {
margin-right: 15px;
}
.navbar-end {
flex-direction: column;
}
.navbar {
justify-content: space-between;
top: unset;
position: unset;
background: var(--color-black);
z-index: 4;
height: 35px;
padding-left: 0;
padding-right: 0;
}
/*Navigation menu*/
.navbar a:hover {
text-decoration: underline;
}
/* Switch/toggle Dark-Light Mode */
.doc-link {
display: none;
align-items: center;
}
@media screen and (min-width:1024px) {
.doc-link {
display: flex;
}
}
@media only screen and (max-width: 1024px) {
.is-clipped--navbar .navbar-menu {
background: #2e394e;
box-shadow: none!important;
}
.is-clipped--navbar #topbar-nav {
transition: all .7s linear;
}
.is-clipped--navbar .ds_buttons_button {
margin: 12px 0 0;
}
.is-clipped--navbar .navbar-switch {
margin: 12px 0 0;
}
.is-clipped--navbar .header {
padding: 18px 32px 205px 32px
}
.is-clipped--navbar .doc-link {
display: flex!important;
align-items: flex-start;
flex-direction: column;
}
.navbar-brand a {
padding-left: 0;
padding-right: 0;
}
.is-clipped--navbar .navbar-end .navbar-end__group {
display: flex!important;
align-items: flex-start;
flex-direction: column;
}
}
.navbar-switch {
margin-left: 20px;
margin-right: 2px;
}
.switch_label {
position: relative;
display: inline-block;
width: 60px;
height: 30px;
}
.switch_label input {
display: none;
}
.slider {
box-shadow: 0 0 0 2px #ebebeb;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: space-around;
border-radius: 6px;
background-color: #ebebeb;
align-items: center;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
border-radius: 6px 0 0 6px;
position: absolute;
content: "";
height: 30px;
width: 30px;
left: 0;
bottom: 0;
z-index: 1;
background: white;
-webkit-transition: .4s;
transition: .4s;
}
.slider svg {
z-index: 2;
}
/* Not Checked */
input.switch+.slider svg:nth-of-type(1) path {
fill: var(--color-purple);
}
input.switch+.slider svg:nth-of-type(2) path {
fill: #74767b;
}
/*Checked*/
input.switch:checked+.slider svg:nth-of-type(1) path {
fill: #74767b;
}
input.switch:checked+.slider svg:nth-of-type(2) path {
fill: var(--color-purple);
}
input.switch:checked+.slider:before {
border-radius: 0 6px 6px 0;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
@media screen and (min-width:1024px) {
.navbar{
height: 80px;
}
}
/* Navbar menu list */
ul#ds_sites_list {
list-style-type: none;
font-size: 16px;
font-weight: 300;
letter-spacing: 1px;
color: #FFF;
margin: 0;
padding: 0;
}
/* Navbar menu list items */
ul#ds_sites_list li {
display: inline;
padding-right: 15px;
}
ul#ds_sites_list li a {
color: #FFF;
}
ul#ds_sites_list li a:visited {
color: #FFF;
}
ul#ds_sites_list li a:active {
color: #FFF;
}
.dsHeroBlock,
.dsHeroBlock[data-banner="default"] {
background-image: url('../img/hero-banner-1.svg');
background-size: cover;
background-position: center;
color: white;
font-family: 'Roboto', sans-serif;
padding: 1rem;
height: 310px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 2rem;
}
.dsHeroBlock[data-banner="alternative"]{
background-image: url('../img/hero-banner-2.svg');
}
.dsHeroBlock[data-banner="astra"]{
background-image: url('../img/hero-banner-3-Astra.svg');
}
.dsHeroBlock[data-banner="dse"]{
background-image: url('../img/hero-banner-4-DSE.svg');
}
.dsHeroBlock[data-banner="luna"]{
background-image: url('../img/hero-banner-5-Luna.svg');
}
.toolbar:has(~ .content .dsHeroBlock),
h1.page:has(~ #preamble .dsHeroBlock) {
visibility: hidden;
}
.toolbar:has(~ .dsHeroBlock) .breadcrumbs,
.dsHeroBlock + .content h1.page {
display: none;
}
.toolbar.with-hero {
position: absolute;
background: transparent;
}
.toolbar.with-hero .breadcrumbs {
display: none;
}
.toolbar.with-hero .nav-toggle {
background: url(../img/menu-white.svg) no-repeat 50% 47.5%;
background-size: 49%;
}
.toolbar.with-hero .nav-toggle.is-active {
background: url(../img/back.svg) no-repeat 50% 47.5%;
background-size: 49%;
}
.dark-mode .toolbar.with-hero .nav-toggle.is-active {
background: url(../img/back-white.svg) no-repeat 50% 47.5%;
background-size: 49%;
}
.dsHeroContent {
width: 100%;
}
.dsHeroTitle h1 {
font-weight: 400;
}
@media screen and (min-width: 1024px) {
.dsHeroBlock {
padding: 1rem 3rem;
margin-bottom: 0;
}
.dsHeroContent {
width: 70%;
}
}
@media screen and (min-width: 1460px) {
.dsHeroContent {
width: 55%;
}
}
.doc .admonitionblock .icon {
padding: 0 1.5rem;;
}
.doc .admonitionblock.tip .icon,
.doc .admonitionblock.note .icon {
color: var(--color-green-700);
background-color: var(--color-green-700);
border: 2px solid var(--color-green-700);
}
.doc .admonitionblock.warning .icon {
color: var(--color-red-500);
background-color: var(--color-red-500);
border: 2px solid var(--color-red-500);
}
.doc .admonitionblock.caution .icon {
color: #E64328;
background-color: #E64328;
border: 2px solid #E64328;
}
.doc .admonitionblock.important .icon {
color: var(--color-gray-neutral-700);
background-color: var(--color-gray-neutral-700);
border: 2px solid var(--color-gray-neutral-700);
}
.dark-mode .doc .admonitionblock.important .icon {
color: var(--color-gray-neutral-500);
background-color: var(--color-gray-neutral-500);
border: 2px solid var(--color-gray-neutral-500);
}
.doc .admonitionblock .icon i::after {
color: white;
}
.copy-icon {
background-image: url(../img/octicons-16.svg#view-clippy);
background-size: contain;
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
.dark-mode .copy-icon {
background-image: url(../img/octicons-16-white.svg#view-clippy);
}
/* Footer icons container */
.bottom-icons a:hover {
opacity: 0.8;
}
.navbar-brand img {
height: 40px;
}
.doc .imageblock {
grid-row-start: 1;
align-items: start;
margin-top: 0;
margin-bottom: 12px;
}
@media only screen and (max-width: 600px) {
.navbar-brand img {
height: 24px;
margin-top: 3%;
}
}
.doc a {
color: var(--color-purple-links);
text-decoration: underline;
}
.doc a:hover {
color: var(--color-purple-links);
}
.doc a.link {
color: var(--color-black);
}
.dark-mode .doc a {
color: var(--color-dark-mode-links);
}
.dark-mode .doc h1 a,
.dark-mode .doc h2 a,
.dark-mode .doc h3 a,
.dark-mode .doc h4 a,
.dark-mode .doc h5 a,
.dark-mode .doc h6 a {
color: var(--white);
text-decoration: none;
}
.doc h1 a,
.doc h2 a,
.doc h3 a,
.doc h4 a,
.doc h5 a,
.doc h6 a {
color: var(--white);
text-decoration: none;
}
.dark-mode .doc .sidebarblock>.content>.title a {
color: var(--black);
}
.dark-mode .sidebarblock a.xref.page{
color: var(--color-white);
}
.dark-mode .sidebarblock a{
color: var(--color-white)!important;
}
.dark-mode .doc .sidebarblock {
background: var(--color-purple-700);
}
.doc .admonitionblock.caution a {
color: var(--color-black)!important;
text-decoration: underline;
}
.dark-mode .doc .admonitionblock.caution a {
color: var(--color-white)!important;
}
.doc .admonitionblock.tip a {
color: var(--color-black)!important;
text-decoration: underline;
}
.doc .admonitionblock.warning a {
color: var(--color-black)!important;
text-decoration: underline;
}
.doc .admonitionblock.important a {
color: var(--color-black)!important;
text-decoration: underline;
}
.doc .admonitionblock.note a {
color: var(--color-black)!important;
text-decoration: underline;
}
.dark-mode .doc .admonitionblock.note a {
color: var(--color-white)!important;
}
.dark-mode .doc .admonitionblock.important a {
color: var(--color-white)!important;
}
.dark-mode .doc .admonitionblock.warning a {
color: var(--color-white)!important;
}
.dark-mode .doc .admonitionblock.tip a {
color: var(--color-white)!important;
}
[data-template="landing"] .toc.sidebar {
display: none;
}
.toc .toc-menu a:hover{
color: var(--color-purple-links);
}
.dark-mode .toc .toc-menu a:hover{
color: var(--color-dark-mode-links);
}
.toc-menu {
color: var(--color-black);
}
/*Dark Mode Aside Menu*/
.dark-mode .toc .toc-menu a {
color: var(--white);
border-left: 2px solid var(--color-sidebar);
}
.dark-mode .toc .toc-menu a:hover {
color: #c8cbd3;
}
/* Setting the content menu sticky */
.toc.sidebar .toc-menu {
top: 0!important;
overflow-y: auto;
max-height: 100vh;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.toc.sidebar .toc-menu::-webkit-scrollbar {
display: none;
}
.dark-mode .sidebar.toc .toc-menu a:focus {
background-color: var(--color-purple-secondary-dark);
}
/*Search input*/
.ds-search-input-icon {
display: flex;
flex-direction: row;
align-items: center;
background: var(--white);
border: 1px solid #A6B1C2;
border-radius: 6px;
padding: 14px;
width: 320px;
height: 40px;
}
.ds-search-input-icon.not-found {
margin-top: 20px;
width: 70%;
}
.ds-search-input-icon input,
.ds-search-input-icon input:focus,
.ds-search-input-icon input:focus-visible {
border: none;
outline: none;
}
.ds-search-input-icon input {
padding-left: 10px;
}
.ds-search-input-icon input::placeholder {
font-size: 16px;
line-height: 24px;
color: #A6B1C2;
}
.nav-menu>.nav-list {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.nav-menu {
padding: 0.5rem 0;
}
.nav-container {
width: 314px;
box-shadow: 2px 0px 0px var(--nav-border-color);
transition: width 150ms ease-in-out, visibility 150ms ease-in-out;
background: white;
z-index: 4;
}
@media screen and (min-width:769px) {
.nav-container {
width: 314px;
}
}
.nav-item.toggler .nav-item .nav-text {
display: block;
}
a.nav-link {
display: block;
padding: 8px 32px;
margin: 0;
position: relative;
}
.nav-item .nav-text a {
display: block;
padding: 0;
margin: 0;
}
.nav-item a,
.nav-item span,
.nav-item.toggler>span {
font-size: 14px;
}
/*lists*/
.nav-item.toggler[data-depth="1"] {
z-index: 1;
}
.nav-item.toggler[data-depth="1"] .nav-text {
position: relative;
}
.nav-list.toggler,
.nav-item[data-depth='0'] {
margin: 0 !important;
padding: 0 !important;
}
.nav-item {
/*padding: 8px 32px;
margin: 0;*/
position: relative;
}
/*.nav-item[data-depth="0"]:has(> span.nav-text) {
padding: 8px 0px!important;
margin-top: 8px!important;
}
.nav-item[data-depth="0"]:has(> span.nav-text) .nav-text:hover {
background-color: #f6f8fa;
}
.nav-item[data-depth="0"]:has(> span.nav-text):hover {
background-color: #f6f8fa;
}
.dark-mode .nav-item[data-depth="0"]:has(> span.nav-text):hover {
background-color: var(--color-purple-secondary-dark);
}
.dark-mode .nav-item[data-depth="0"]:has(> span.nav-text) .nav-text:hover {
background-color: var(--color-purple-secondary-dark);
}
.nav-item[data-depth="0"]:has(> span.nav-text) .nav-text {
font-size: 15px!important;
}*/
.nav-item[data-depth="0"]:has(> span.nav-text) {
margin-top: 8px!important;
}
.nav-item[data-depth="0"]> span.nav-text {
display: block;
width: 100%;
}
.nav-item[data-depth="0"]> span.nav-text:hover {
background-color: #f6f8fa;
}
.dark-mode .nav-item[data-depth="0"]> span.nav-text:hover {
background-color: var(--color-purple-secondary-dark);
}
li.nav-item.toggler.is-active:hover {
background-color: #FFF;
}
.nav-item[data-depth='1']:hover,
.nav-item[data-depth='2']:hover,
.nav-item[data-depth='3']:hover,
.nav-item[data-depth='4']:hover {
background-color: #f6f8fa;
}
.nav-item[data-depth='1'].toggler:hover,
.nav-item[data-depth='2'].toggler:hover,
.nav-item[data-depth='3'].toggler:hover,
.nav-item[data-depth='4'].toggler:hover {
background: none;
}
.nav-item[data-depth='1'].toggler>.nav-text:hover,
.nav-item[data-depth='2'].toggler>.nav-text:hover,
.nav-item[data-depth='3'].toggler>.nav-text:hover,
.nav-item[data-depth='4'].toggler>.nav-text:hover {
background-color: #f6f8fa;
}
.nav-item a:hover {
text-decoration: none !important;
color: black;
}
.nav-item.is-current-page>a:before{
content: "";
border: 2px solid var(--color-purple);
top: 0;
background: var(--color-purple);
left: 0;
position: absolute;
height: 100%;
}
.nav-item.is-current-page>a{
background-color: var(--color-purple-secondary-light);
}
.nav-item.toggler {
padding: 0;
cursor: pointer;
width: 100%;
box-sizing: border-box;
}
.nav-item.toggler .nav-text {
padding: 8px 32px;
}
.nav-item.toggler .nav-list {
margin: 8px 0;
}
/* Collapsible Sidebar */
.sidebar.small-container {
width: 55px;
box-shadow: 2px 0px 0px var(--nav-border-color);
}
.small-container .small-nav-list {
display: block!important;
}
.small-nav-list {
transition: 150ms ease-in-out;
display: none;
margin-top: 20rem;
}
.small-nav-list a.nav-link {
padding: 0 10px;
}
.sidebar.small-container .main-content .nav-list {
display: none;
}
.main-content {
width: 100%;
}
.navbar-end-custom {
margin-top: 0.5rem;
margin-bottom: 0;
display: flex;
justify-content: flex-end;
}
.small-container .navbar-end-custom {
justify-content: center;
}
.collapse[type=checkbox] {
height: 0;
width: 0;
visibility: hidden;
margin-top: -10px;
}
label.collapse_label {
cursor: pointer;
text-indent: -65px;
width: 50px;
height: 30px;
display: flex;
align-items: flex-end;
position: relative;
font-size: 11px;
font-weight: bold;
}
label.collapse_label:after {
content: '';
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
transition: 0.3s;
}
.collapse[type="checkbox"]+label {
background-image: url(../img/open.svg);
background-repeat: no-repeat;
height: 25px;
width: 25px;
display: inline-block;
transition: width 150ms ease-in-out;
z-index: 1;
}
.collapse[type="checkbox"]:checked+label {
background-image: url(../img/closed.svg);
background-repeat: no-repeat;
height: 25px;
width: 15px;
transition: width 150ms ease-in-out;
display: inline-block;
}
.dark-mode .collapse[type="checkbox"]+label {
background-image: url(../img/open-white.svg);
}
.dark-mode .collapse[type="checkbox"]:checked+label {
background-image: url(../img/close-white.svg);
}
/* Navbar margin fix */
.nav-panel-menu::-webkit-scrollbar {
display: none;
}
.navbar-burger {
height: 34px;
}
/* Navbar burger icon resize */
.navbar-burger span:nth-child(2){
margin-top: 1px;
}
.navbar-burger span:nth-child(3){
margin-top: 8px;
}
.navbar-burger span{
width: 20px;
}
.nav-toggle.is-active {
position: absolute;
z-index: 99999;
}
.nav-container.sidebar.is-active +
.article .toolbar.with-hero {
top: 0;
z-index: 9999;
}
@media only screen and (max-width: 600px) {
.nav-toggle.is-active {
top: 10px;
left: 15px;
}
.nav-container.is-active {
width: 100%;
height: 100%;
}
.collapse[type=checkbox]+label {
display: none;
}
.nav,
.nav-container {
background: white;
z-index: 9999;
}
}
@media only screen and (min-width: 600px) {
.nav-toggle.is-active {
top: 1rem;
left: 1.1rem;
}
}
.dark-mode .nav,
.dark-mode .nav-container {
background: var(--color-purple-background);
/*z-index: 9999;*/
}
.dark-mode .nav-toggle {
background: url(../img/menu-white.svg) no-repeat 50% 47.5%;
background-size: 49%;
}
.dark-mode .nav-toggle.is-active {
background: url(../img/back-white.svg) no-repeat 50% 47.5%;
background-size: 49%;
}
/*New Nav Style - Firefox working*/
.dark-mode .nav-item.toggler>a:hover, .dark-mode .nav-item a:hover{
background: var(--color-purple-secondary-dark);
}
.nav-item.toggler>a:hover, .nav-item a:hover{
background: var(--color-purple-secondary-light);
}
.nav-item.is-current-page[data-depth="1"]:not(.toggler)>a::before, .nav-item.is-current-page[data-depth="2"]:not(.toggler)>a::before {
height: 100%;
}
.nav-item> span.nav-text{
font-size: 15px;
}
.nav-item.is-active[data-depth="1"] li[data-depth="2"]>a.nav-link,
.nav-item.is-active[data-depth="0"]>span.nav-text~ul .nav-item[data-depth="1"] >a.nav-link {
padding: 8px 62px;
}
.nav-item.is-active[data-depth="2"] li[data-depth="3"]>a.nav-link,
.nav-item.is-active[data-depth="0"]>span.nav-text~ul .nav-item[data-depth="2"] >a.nav-link {
padding: 8px 0 8px 90px;
}
.nav-item.is-current-page[data-depth="2"]>a.nav-link {
padding: 8px 62px;
}
.nav-item.is-current-path[data-depth="2"]>a.nav-link {
padding: 8px 62px;
}
.nav-item.is-current-page[data-depth="3"]>a.nav-link {
padding: 8px 85px;
}
.nav-item.is-current-path[data-depth="3"]>a.nav-link {
padding: 8px 85px;
}
.nav-item.is-current-page[data-depth="1"], .nav-item.is-current-page[data-depth="2"], .nav-item.is-current-page[data-depth="3"] {
padding: 0;
}
.nav-item.is-current-path[data-depth="1"], .nav-item.is-current-path[data-depth="2"], .nav-item.is-current-path[data-depth="3"] {
padding: 0;
}
.nav-item.is-active[data-depth="3"] li[data-depth="4"]>a.nav-link,
.nav-item.is-active[data-depth="0"]>span.nav-text~ul .nav-item[data-depth="3"] >a.nav-link {
padding: 8px 16px 8px 120px;
}
.nav-item[data-depth="1"].toggler.is-active:hover,
.nav-item[data-depth="2"].toggler.is-active:hover,
.nav-item[data-depth="3"].toggler.is-active:hover,
.nav-item[data-depth="4"].toggler.is-active:hover {
background-color: transparent;
}
/*End new styles - firefox working*/
.dark-mode .nav-item.is-current-page a {
color: white;
}
.dark-mode .nav-item[data-depth="1"]:hover,
.dark-mode .nav-item[data-depth="2"]:hover,
.dark-mode .nav-item[data-depth="3"]:hover,
.dark-mode .nav-item[data-depth="4"]:hover {
background-color: var(--color-purple-secondary-dark);
}
.dark-mode .nav-item[data-depth="1"].toggler:hover,
.dark-mode .nav-item[data-depth="2"].toggler:hover,
.dark-mode .nav-item[data-depth="3"].toggler:hover,
.dark-mode .nav-item[data-depth="4"].toggler:hover {
color: #fff;
background-color: var(--color-purple-secondary-dark);
}
.dark-mode .nav-item.is-current-page a:hover {
color: #fff;
}
.dark-mode .nav-item[data-depth="1"].toggler:hover button,
.dark-mode li.nav-item.toggler.is-active[data-depth="2"]:hover .nav-text,
.dark-mode li.nav-item[data-depth="2"]:hover a {
color: #fff;
}
/* Dark mode: Navigation*/
.dark-mode .nav {
background: var(--color-purple-background);
box-shadow: 2px 0px 0px var(--color-purple-secondary-dark);
}
.dark-mode .nav-container {
box-shadow: 2px 0px 0px var(--color-purple-secondary-dark);
}
.dark-mode li.nav-item.toggler.is-active:hover {
background: var(--color-purple-background);
}
.dark-mode .nav-item span,
.dark-mode .nav-item a,
.dark-mode .nav-item button {
color: var(--white);
}
.dark-mode .nav-item span:hover,
.dark-mode .nav-item a:hover,
.dark-mode .nav-item button:hover {
color: var(--color-black);
}
.dark-mode .nav-item a:hover,
.dark-mode .nav-item button:hover,
.dark-mode .nav-item span:hover,
.dark-mode li.nav-item.toggler[data-depth="1"]:hover .nav-text,
.dark-mode li.nav-item.toggler[data-depth="1"]:hover button {
color: #fff;
}
li.nav-item.toggler.is-active[data-depth="1"] .nav-text{
padding: 8px 0px 8px 90px;
}
.dark-mode li.nav-item.toggler.is-active[data-depth="1"] .nav-text {
color: var(--white);
}
.dark-mode li.nav-item.toggler.is-active[data-depth="1"] .nav-item-toggle {
color: var(--white);
}
.dark-mode li.nav-item.toggler.is-active[data-depth="1"]:hover .nav-text {
color: var(--white);
}
.dark-mode li.nav-item.toggler.is-active[data-depth="1"]:hover .nav-item-toggle {
color: var(--white);
}
.dark-mode .nav-item.is-current-page>a:before{
content: "";
border: 2px solid var(--color-purple-secondary-darker);
top: 0;
background: var(--color-purple-secondary-darker);
left: 0;
position: absolute;
height: 100%;
}
.dark-mode .nav-item.is-current-page>a{
background-color: var(--color-purple-secondary-dark);
}
/* DARK MODE LISTS */
.dark-mode .nav-item[data-depth="1"].toggler>.nav-text:hover,
.dark-mode .nav-item[data-depth="2"].toggler>.nav-text:hover,
.dark-mode .nav-item[data-depth="3"].toggler>.nav-text:hover,
.dark-mode .nav-item[data-depth="4"].toggler>.nav-text:hover {
background-color: transparent;
}
.dark-mode .nav-item[data-depth="1"].toggler.is-active:hover,
.dark-mode .nav-item[data-depth="2"].toggler.is-active:hover,
.dark-mode .nav-item[data-depth="3"].toggler.is-active:hover,
.dark-mode .nav-item[data-depth="4"].toggler.is-active:hover {
background-color: var(--color-purple-background);
}
.dark-mode li.nav-item.toggler.is-active[data-depth="2"] .nav-text {
color: #fff;
}
/* LIGHT MODE LISTS */
/* .nav-item[data-depth="1"].toggler.is-active:hover button {
color: #6a7086;
background: #f6f8fa;
} */
.nav-item[data-depth="1"].toggler:hover,
.nav-item[data-depth="2"].toggler:hover,
.nav-item[data-depth="3"].toggler:hover,
.nav-item[data-depth="4"].toggler:hover {
background-color: #f6f8fa;
}
.nav-item[data-depth="1"].toggler.is-active:hover span {
color: #6a7086;
}
.nav-item[data-depth="1"].toggler.is-active>.nav-text:hover,
.nav-item[data-depth="2"].toggler.is-active>.nav-text:hover,
.nav-item[data-depth="3"].toggler.is-active>.nav-text:hover,
.nav-item[data-depth="4"].toggler.is-active>.nav-text:hover {
background-color: transparent;
color: #6a7086;
}
.nav-controls {
display: flex;
justify-content: flex-end;
padding-right: 5px;
}
.nav-controls button {
width: 25px;
background: transparent;
color: var(--color-black);
border: 0.5px solid var(--section-divider-color);
margin-right: 5px;
}
.nav-controls button:hover {
background: var(--section-divider-color);
}
.dark-mode .nav-controls button {
color: var(--color-white);
border: 0.5px solid var(--color-purple-700);
}
.dark-mode .nav-controls button:hover {
background: var(--color-purple-700);
}
.small-container .nav-controls {
display: none;
}
#expandable,
#collapsable {
position: relative;
display: inline-block;
}
/* Tooltip text */
#expandable .tooltiptext,
#collapsable .tooltiptext {
visibility: hidden;
width: 80px;
background-color: var(--color-black);
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -43px;
opacity: 0;
transition: opacity 0.3s;
font-size: 12px;
}
.dark-mode #expandable .tooltiptext,
.dark-mode #collapsable .tooltiptext {
border: 1px solid var(--color-white);
}
#collapsable .tooltiptext::after,
#expandable .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: var(--color-black) transparent transparent transparent;
}
.dark-mode #collapsable .tooltiptext::after,
.dark-mode #expandable .tooltiptext::after {
border-color: var(--color-white) transparent transparent transparent;
}
#expandable:hover .tooltiptext,
#collapsable:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
gcx-full {
width: 100%;
position: relative;
}
gcx-full-code {
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
/* for Firefox */
overflow-y: scroll;
flex: 0 1 50%;
min-width: auto;
right: 1.05px;
height: calc(100vh - 1px)!important;
display: flex;
flex-direction: column;
position: sticky;
top: 0;
}
gcx-schema-topbar {
--gcx-topbar-padding: 14px 0;
font-size: 16px;
font-weight: 700;
}
.dark-mode gcx-schema-sample-app-gallery {
--gcx-app-appgallery-h4-color: #fff;
--gcx-app-gallery-p-color: #A6B1C2;
--gcx-sample-appgallery-card-background: #20293A;
--gcx-sample-appgallery-card-border: 2px solid #2E394E;
}
.dark-mode .small-container gcx-schema-sample-app-gallery {
--gcx-sample-appgallery-card-border: 0;
}
/* Dark mode: Top Bar*/
.dark-mode gcx-schema-topbar {
--gcx-topbar-bgcolor: var(--color-blue-gray-4);
;
}
/* Dark mode: Bottom Sidebar*/
.dark-mode gcx-schema-bottom-sidebar {
--gcx-sidebar-h4-color: #fff;
--gcx-sidebar-li-color: #fff;
}
gcx-schema-sample-app-gallery {
--gcx-sample-appgallery-h4-font-size: 14px;
--gcx-app-gallery-p-font-size: 14px;
--gcx-sample-appgallery-h4-font-weight: 700;
padding-top: 36px;
padding-bottom: 76px;
}
gcx-schema-bottom-sidebar {
--gcx-sidebar-li-font-size: 16px;
--gcx-sidebar-li-display: inline-flex;
--gcx-sidebar-li-padding: 8px 32px;
}
.small-container gcx-schema-sample-app-gallery {
--gcx-sample-appgallery-card-padding: 0;
--gcx-sample-appgallery-card-background: transparent;
--gcx-sample-appgallery-card-border: 0;
--gcx-app-gallery-name-display: none;
--gcx-app-gallery-icon-font-size: 20px;
padding-bottom: 0;
}
.small-container gcx-schema-bottom-sidebar {
--gcx-sidebar-h4-display: none;
--gcx-sidebar-li-padding: 10px 16px;
--gcx-sidebar-li-display: none;
--gcx-sidebar-li-font-size: 20px;
}
@media only screen and (max-width: 600px) {
gcx-schema-topbar {
--gcx-topbar-padding: 10px 0;
font-size: 12px;
}
}
gcx-full-code::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
schema#gcx-schema {
display: none;
}
gcx-full .full-articles {
margin-left: 1px;
}
feedback-stars {
--spacing-space01h: 16px;
}
.feedback-wrapper {
--spacing-space01h: 16px;
}
.dark-mode feedback-form {
--color-text-primary: #FFF;
}
.dark-mode .helios-card {
background-color: var(--color-purple-background);
}
.dark-mode .helios-text-field-label {
color: var(--white);
}
.doc .admonitionblock .title {
color: var(--color-black);
}
.doc .title,
.doc .admonitionblock .title,
.doc .exampleblock .title,
.doc .imageblock .title,
.doc .literalblock .title,
.doc .listingblock .title,
.doc .openblock .title,
.doc .tableblock caption {
color: var(--color-black);
}
.doc .admonitionblock .quoteblock .title {
color: var(--color-black);
}
.dark-mode .doc .title,
.dark-mode .doc .admonitionblock .title,
.dark-mode .doc .exampleblock .title,
.dark-mode .doc .imageblock .title,
.dark-mode .doc .literalblock .title,
.dark-mode .doc .listingblock .title,
.dark-mode .doc .openblock .title,
.dark-mode .doc .tableblock caption {
color: var(--body-background);
}
.doc .sidebarblock>.content>.title {
color: var(--color-black);
text-align: left;
}
/* Dark mode: Titles*/
.dark-mode .doc h1,
.dark-mode .doc h2,
.dark-mode .doc h3,
.dark-mode .doc h4,
.dark-mode .doc h5,
.dark-mode .doc h6 {
color: var(--white);
text-decoration: none;
}
.dark-mode .doc .quoteblock .title {
color: var(--color-black);
}
.dark-mode .doc h2:not(.discrete) {
border-bottom: 1px solid var(--color-purple-secondary-dark);
}
.dark-mode .doc .sidebarblock>.content>.title{
color: var(--white);
}
.dark-mode .toc .toc-menu h3 {
color: var(--color-purple-secondary-darker);
}
.doc h2:not(.discrete) {
font-size: 21px;
font-weight: 700;
padding: 0;
margin: 0;
padding-bottom: 12px!important;
cursor: pointer;
}
.doc .sect1.active h2:after {
content: url(../img/small-arrow-right.svg);
margin: 0 10px;
float: right;
text-decoration: none;
}
.sidebar.small-container .main-content .title {
display: none;
}
.dark-mode .nav-menu h3.title {
color: var(--white);
}
.nav-menu h3.title {
padding: 8px 32px!important;
}