Files
OpenBB/website/public/main-5e7fc0c942.min.css
Jeroen Bouma 6c70cdc9b7 A lot of improvements to the Hugo documentation (#1893)
* More text, fixed links, added common menu

* Add in bunch of filler text

* Found another broken link

* Get rid of old content

* Push small changes

* Update installation instructions

* Small tweaks

* More adjustments
2022-06-03 10:22:40 -04:00

2589 lines
50 KiB
CSS
Vendored

@charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
line-height: 1.2em;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
.flex {
display: flex;
}
.flex-auto {
flex: 1 1 auto;
}
.flex-25 {
flex: 1 1 25%;
}
.flex-inline {
display: inline-flex;
}
.flex-even {
flex: 1 1;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-grid {
flex-direction: column;
border: 1px solid var(--accent-color);
border-radius: 0.15rem;
background: var(--accent-color-lite);
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.align-center {
align-items: center;
}
.mx-auto {
margin: 0 auto;
}
.text-center {
text-align: center;
}
.hidden {
display: none;
}
.svg-sprite {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
.badge-placeholder {
display: inline-block;
min-width: 4rem;
}
@font-face {
font-family: "Liberation Sans";
src: url(fonts/LiberationSans-Bold.woff2) format("woff2"),
url(fonts/LiberationSans-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Liberation Sans";
src: url(fonts/LiberationSans-BoldItalic.woff2) format("woff2"),
url(fonts/LiberationSans-BoldItalic.woff) format("woff");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Liberation Sans";
src: url(fonts/LiberationSans-Italic.woff2) format("woff2"),
url(fonts/LiberationSans-Italic.woff) format("woff");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Liberation Sans";
src: url(fonts/LiberationSans.woff2) format("woff2"),
url(fonts/LiberationSans.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Liberation Mono";
src: url(fonts/LiberationMono.woff2) format("woff2"),
url(fonts/LiberationMono.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Metropolis;
src: url(fonts/Metropolis.woff2) format("woff2"),
url(fonts/Metropolis.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: GeekdocIcons;
src: url(fonts/GeekdocIcons.woff2) format("woff2"),
url(fonts/GeekdocIcons.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
body {
font-family: "Liberation Sans", sans-serif;
}
.gdoc-error__title,
code {
font-family: "Liberation Mono", monospace;
}
.gdoc-header {
font-family: Metropolis, sans-serif;
}
:root,
:root[color-mode="light"] {
--code-max-height: auto;
--header-background: #4186c9;
--header-font-color: white;
--body-background: white;
--body-font-color: #343a40;
--button-background: #498bcb;
--button-border-color: #4186c9;
--link-color: #21cd9b;
--link-color-visited: #7749bf;
--code-background: #f5f6f8;
--code-accent-color: #e3e7eb;
--code-accent-color-lite: #eff1f3;
--code-font-color: #5f5f5f;
--accent-color: #e9ecef;
--accent-color-lite: #f8f9fa;
--control-icons: #b2bac1;
--footer-background: #2f333e;
--footer-font-color: white;
--footer-link-color: #ffa31e;
--footer-link-color-visited: #ffa31e;
}
:root .chroma,
:root[color-mode="light"] .chroma {
color: var(--code-font-color);
margin: 1rem 0;
}
:root .chroma code,
:root[color-mode="light"] .chroma code {
background-color: var(--code-background);
display: block;
line-height: 1.45;
font-size: 0.85em;
border-radius: 0.15rem;
}
:root .chroma .lntable,
:root[color-mode="light"] .chroma .lntable {
max-height: var(--code-max-height);
}
:root .chroma .lntable code,
:root[color-mode="light"] .chroma .lntable code {
max-height: none;
}
:root .chroma .lntable td:first-child code,
:root[color-mode="light"] .chroma .lntable td:first-child code {
border-radius: 0;
border-top-left-radius: 0.15rem;
border-bottom-left-radius: 0.15rem;
}
:root .chroma .lntable td:nth-child(2) code,
:root[color-mode="light"] .chroma .lntable td:nth-child(2) code {
border-radius: 0;
border-top-right-radius: 0.15rem;
border-bottom-right-radius: 0.15rem;
padding-left: 0.5em;
}
:root .chroma .lntable td:nth-child(2) code .hl,
:root[color-mode="light"] .chroma .lntable td:nth-child(2) code .hl {
width: auto;
margin-left: -0.5em;
padding: 0 0.5em;
}
:root .highlight pre.chroma,
:root[color-mode="light"] .highlight pre.chroma {
margin: 0;
}
:root .highlight > pre.chroma code,
:root[color-mode="light"] .highlight > pre.chroma code {
padding: 1rem;
width: 100%;
overflow: auto;
}
:root .chroma .x,
:root[color-mode="light"] .chroma .x {
color: inherit;
}
:root .chroma .err,
:root[color-mode="light"] .chroma .err {
color: #a61717;
background-color: #e3d2d2;
}
:root .chroma .lntd,
:root[color-mode="light"] .chroma .lntd {
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}
:root .chroma .lntable,
:root[color-mode="light"] .chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
width: 100%;
overflow: auto;
display: block;
}
:root .chroma .lntable td:first-child code,
:root[color-mode="light"] .chroma .lntable td:first-child code {
background-color: var(--code-accent-color-lite);
border-right: 1px solid var(--code-accent-color);
padding: 0.5em 0;
}
:root .chroma .lntable td code,
:root[color-mode="light"] .chroma .lntable td code {
padding: 0.5em 0;
}
:root .chroma .lntable td:nth-child(2),
:root[color-mode="light"] .chroma .lntable td:nth-child(2) {
width: 100%;
margin-left: 2em;
}
:root .chroma .hl,
:root[color-mode="light"] .chroma .hl {
display: block;
width: 100%;
background-color: #ffc;
}
:root .chroma .lnt,
:root[color-mode="light"] .chroma .lnt {
padding: 0 0.8em;
}
:root .chroma .ln,
:root[color-mode="light"] .chroma .ln {
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
}
:root .chroma .k,
:root[color-mode="light"] .chroma .k {
color: #000;
font-weight: 700;
}
:root .chroma .kc,
:root[color-mode="light"] .chroma .kc {
color: #000;
font-weight: 700;
}
:root .chroma .kd,
:root[color-mode="light"] .chroma .kd {
color: #000;
font-weight: 700;
}
:root .chroma .kn,
:root[color-mode="light"] .chroma .kn {
color: #000;
font-weight: 700;
}
:root .chroma .kp,
:root[color-mode="light"] .chroma .kp {
color: #000;
font-weight: 700;
}
:root .chroma .kr,
:root[color-mode="light"] .chroma .kr {
color: #000;
font-weight: 700;
}
:root .chroma .kt,
:root[color-mode="light"] .chroma .kt {
color: #458;
font-weight: 700;
}
:root .chroma .n,
:root[color-mode="light"] .chroma .n {
color: inherit;
}
:root .chroma .na,
:root[color-mode="light"] .chroma .na {
color: #006767;
}
:root .chroma .nb,
:root[color-mode="light"] .chroma .nb {
color: #556165;
}
:root .chroma .bp,
:root[color-mode="light"] .chroma .bp {
color: #676767;
}
:root .chroma .nc,
:root[color-mode="light"] .chroma .nc {
color: #458;
font-weight: 700;
}
:root .chroma .no,
:root[color-mode="light"] .chroma .no {
color: #006767;
}
:root .chroma .nd,
:root[color-mode="light"] .chroma .nd {
color: #3c5d5d;
font-weight: 700;
}
:root .chroma .ni,
:root[color-mode="light"] .chroma .ni {
color: purple;
}
:root .chroma .ne,
:root[color-mode="light"] .chroma .ne {
color: #900;
font-weight: 700;
}
:root .chroma .nf,
:root[color-mode="light"] .chroma .nf {
color: #900;
font-weight: 700;
}
:root .chroma .fm,
:root[color-mode="light"] .chroma .fm {
color: inherit;
}
:root .chroma .nl,
:root[color-mode="light"] .chroma .nl {
color: #900;
font-weight: 700;
}
:root .chroma .nn,
:root[color-mode="light"] .chroma .nn {
color: #555;
}
:root .chroma .nx,
:root[color-mode="light"] .chroma .nx {
color: inherit;
}
:root .chroma .py,
:root[color-mode="light"] .chroma .py {
color: inherit;
}
:root .chroma .nt,
:root[color-mode="light"] .chroma .nt {
color: navy;
}
:root .chroma .nv,
:root[color-mode="light"] .chroma .nv {
color: #006767;
}
:root .chroma .vc,
:root[color-mode="light"] .chroma .vc {
color: #006767;
}
:root .chroma .vg,
:root[color-mode="light"] .chroma .vg {
color: #006767;
}
:root .chroma .vi,
:root[color-mode="light"] .chroma .vi {
color: #006767;
}
:root .chroma .vm,
:root[color-mode="light"] .chroma .vm {
color: inherit;
}
:root .chroma .l,
:root[color-mode="light"] .chroma .l {
color: inherit;
}
:root .chroma .ld,
:root[color-mode="light"] .chroma .ld {
color: inherit;
}
:root .chroma .s,
:root[color-mode="light"] .chroma .s {
color: #d14;
}
:root .chroma .sa,
:root[color-mode="light"] .chroma .sa {
color: #d14;
}
:root .chroma .sb,
:root[color-mode="light"] .chroma .sb {
color: #d14;
}
:root .chroma .sc,
:root[color-mode="light"] .chroma .sc {
color: #d14;
}
:root .chroma .dl,
:root[color-mode="light"] .chroma .dl {
color: #d14;
}
:root .chroma .sd,
:root[color-mode="light"] .chroma .sd {
color: #d14;
}
:root .chroma .s2,
:root[color-mode="light"] .chroma .s2 {
color: #d14;
}
:root .chroma .se,
:root[color-mode="light"] .chroma .se {
color: #d14;
}
:root .chroma .sh,
:root[color-mode="light"] .chroma .sh {
color: #d14;
}
:root .chroma .si,
:root[color-mode="light"] .chroma .si {
color: #d14;
}
:root .chroma .sx,
:root[color-mode="light"] .chroma .sx {
color: #d14;
}
:root .chroma .sr,
:root[color-mode="light"] .chroma .sr {
color: #009926;
}
:root .chroma .s1,
:root[color-mode="light"] .chroma .s1 {
color: #d14;
}
:root .chroma .ss,
:root[color-mode="light"] .chroma .ss {
color: #990073;
}
:root .chroma .m,
:root[color-mode="light"] .chroma .m {
color: #027e83;
}
:root .chroma .mb,
:root[color-mode="light"] .chroma .mb {
color: #027e83;
}
:root .chroma .mf,
:root[color-mode="light"] .chroma .mf {
color: #027e83;
}
:root .chroma .mh,
:root[color-mode="light"] .chroma .mh {
color: #027e83;
}
:root .chroma .mi,
:root[color-mode="light"] .chroma .mi {
color: #027e83;
}
:root .chroma .il,
:root[color-mode="light"] .chroma .il {
color: #027e83;
}
:root .chroma .mo,
:root[color-mode="light"] .chroma .mo {
color: #027e83;
}
:root .chroma .o,
:root[color-mode="light"] .chroma .o {
color: #000;
font-weight: 700;
}
:root .chroma .ow,
:root[color-mode="light"] .chroma .ow {
color: #000;
font-weight: 700;
}
:root .chroma .p,
:root[color-mode="light"] .chroma .p {
color: inherit;
}
:root .chroma .c,
:root[color-mode="light"] .chroma .c {
color: #676765;
font-style: italic;
}
:root .chroma .ch,
:root[color-mode="light"] .chroma .ch {
color: #676765;
font-style: italic;
}
:root .chroma .cm,
:root[color-mode="light"] .chroma .cm {
color: #676765;
font-style: italic;
}
:root .chroma .c1,
:root[color-mode="light"] .chroma .c1 {
color: #676765;
font-style: italic;
}
:root .chroma .cs,
:root[color-mode="light"] .chroma .cs {
color: #676767;
font-weight: 700;
font-style: italic;
}
:root .chroma .cp,
:root[color-mode="light"] .chroma .cp {
color: #676767;
font-weight: 700;
font-style: italic;
}
:root .chroma .cpf,
:root[color-mode="light"] .chroma .cpf {
color: #676767;
font-weight: 700;
font-style: italic;
}
:root .chroma .g,
:root[color-mode="light"] .chroma .g {
color: inherit;
}
:root .chroma .gd,
:root[color-mode="light"] .chroma .gd {
color: #000;
background-color: #fdd;
}
:root .chroma .ge,
:root[color-mode="light"] .chroma .ge {
color: #000;
font-style: italic;
}
:root .chroma .gr,
:root[color-mode="light"] .chroma .gr {
color: #a00;
}
:root .chroma .gh,
:root[color-mode="light"] .chroma .gh {
color: #676767;
}
:root .chroma .gi,
:root[color-mode="light"] .chroma .gi {
color: #000;
background-color: #dfd;
}
:root .chroma .go,
:root[color-mode="light"] .chroma .go {
color: #6f6f6f;
}
:root .chroma .gp,
:root[color-mode="light"] .chroma .gp {
color: #555;
}
:root .chroma .gs,
:root[color-mode="light"] .chroma .gs {
font-weight: 700;
}
:root .chroma .gu,
:root[color-mode="light"] .chroma .gu {
color: #5f5f5f;
}
:root .chroma .gt,
:root[color-mode="light"] .chroma .gt {
color: #a00;
}
:root .chroma .gl,
:root[color-mode="light"] .chroma .gl {
text-decoration: underline;
}
:root .chroma .w,
:root[color-mode="light"] .chroma .w {
color: #bbb;
}
:root .dark-mode-dim .gdoc-markdown img,
:root[color-mode="light"] .dark-mode-dim .gdoc-markdown img {
filter: none;
}
:root .gdoc-markdown .gdoc-hint,
:root[color-mode="light"] .gdoc-markdown .gdoc-hint {
filter: none;
}
@media (prefers-color-scheme: light) {
h1,
h2,
h3,
h4,
p,
tr,
li,
svg {
color: white;
}
.gdoc-brand__title,
.gdoc_keyborad_arrow_left,
.gdoc_keyborad_arrow_down {
color: white;
}
:root {
--header-background: #4186c9;
--header-font-color: white;
--body-background: #343a40;
--body-font-color: #ced3d8;
--button-background: #498bcb;
--button-border-color: #4186c9;
--link-color: #21cd9b;
--link-color-visited: #ba8ef0;
--code-background: #2f353a;
--code-accent-color: #262b2f;
--code-accent-color-lite: #2b3035;
--code-font-color: #b9b9b9;
--accent-color: #2b3035;
--accent-color-lite: #2f353a;
--control-icons: #b2bac1;
--footer-background: #2f333e;
--footer-font-color: white;
--footer-link-color: #ffa31e;
--footer-link-color-visited: #ffa31e;
}
:root .chroma {
color: var(--code-font-color);
margin: 1rem 0;
}
:root .chroma code {
background-color: var(--code-background);
display: block;
line-height: 1.45;
font-size: 0.85em;
border-radius: 0.15rem;
}
:root .chroma .lntable {
max-height: var(--code-max-height);
}
:root .chroma .lntable code {
max-height: none;
}
:root .chroma .lntable td:first-child code {
border-radius: 0;
border-top-left-radius: 0.15rem;
border-bottom-left-radius: 0.15rem;
}
:root .chroma .lntable td:nth-child(2) code {
border-radius: 0;
border-top-right-radius: 0.15rem;
border-bottom-right-radius: 0.15rem;
padding-left: 0.5em;
}
:root .chroma .lntable td:nth-child(2) code .hl {
width: auto;
margin-left: -0.5em;
padding: 0 0.5em;
}
:root .highlight pre.chroma {
margin: 0;
}
:root .highlight > pre.chroma code {
padding: 1rem;
width: 100%;
overflow: auto;
}
:root .chroma .x {
color: inherit;
}
:root .chroma .err {
color: inherit;
}
:root .chroma .lntd {
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}
:root .chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
width: 100%;
overflow: auto;
display: block;
}
:root .chroma .lntable td:first-child code {
background-color: var(--code-accent-color-lite);
border-right: 1px solid var(--code-accent-color);
padding: 0.5em 0;
}
:root .chroma .lntable td code {
padding: 0.5em 0;
}
:root .chroma .lntable td:nth-child(2) {
width: 100%;
margin-left: 2em;
}
:root .chroma .hl {
display: block;
width: 100%;
background-color: #4f1605;
}
:root .chroma .lnt {
padding: 0 0.8em;
}
:root .chroma .ln {
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #b3b3b3;
}
:root .chroma .k {
color: #ff79c6;
}
:root .chroma .kc {
color: #ff79c6;
}
:root .chroma .kd {
color: #8be9fd;
font-style: italic;
}
:root .chroma .kn {
color: #ff79c6;
}
:root .chroma .kp {
color: #ff79c6;
}
:root .chroma .kr {
color: #ff79c6;
}
:root .chroma .kt {
color: #8be9fd;
}
:root .chroma .n {
color: inherit;
}
:root .chroma .na {
color: #50fa7b;
}
:root .chroma .nb {
color: #8be9fd;
font-style: italic;
}
:root .chroma .bp {
color: inherit;
}
:root .chroma .nc {
color: #50fa7b;
}
:root .chroma .no {
color: inherit;
}
:root .chroma .nd {
color: inherit;
}
:root .chroma .ni {
color: inherit;
}
:root .chroma .ne {
color: inherit;
}
:root .chroma .nf {
color: #50fa7b;
}
:root .chroma .fm {
color: inherit;
}
:root .chroma .nl {
color: #8be9fd;
font-style: italic;
}
:root .chroma .nn {
color: inherit;
}
:root .chroma .nx {
color: inherit;
}
:root .chroma .py {
color: inherit;
}
:root .chroma .nt {
color: #ff79c6;
}
:root .chroma .nv {
color: #8be9fd;
font-style: italic;
}
:root .chroma .vc {
color: #8be9fd;
font-style: italic;
}
:root .chroma .vg {
color: #8be9fd;
font-style: italic;
}
:root .chroma .vi {
color: #8be9fd;
font-style: italic;
}
:root .chroma .vm {
color: inherit;
}
:root .chroma .l {
color: inherit;
}
:root .chroma .ld {
color: inherit;
}
:root .chroma .s {
color: #f1fa8c;
}
:root .chroma .sa {
color: #f1fa8c;
}
:root .chroma .sb {
color: #f1fa8c;
}
:root .chroma .sc {
color: #f1fa8c;
}
:root .chroma .dl {
color: #f1fa8c;
}
:root .chroma .sd {
color: #f1fa8c;
}
:root .chroma .s2 {
color: #f1fa8c;
}
:root .chroma .se {
color: #f1fa8c;
}
:root .chroma .sh {
color: #f1fa8c;
}
:root .chroma .si {
color: #f1fa8c;
}
:root .chroma .sx {
color: #f1fa8c;
}
:root .chroma .sr {
color: #f1fa8c;
}
:root .chroma .s1 {
color: #f1fa8c;
}
:root .chroma .ss {
color: #f1fa8c;
}
:root .chroma .m {
color: #bd93f9;
}
:root .chroma .mb {
color: #bd93f9;
}
:root .chroma .mf {
color: #bd93f9;
}
:root .chroma .mh {
color: #bd93f9;
}
:root .chroma .mi {
color: #bd93f9;
}
:root .chroma .il {
color: #bd93f9;
}
:root .chroma .mo {
color: #bd93f9;
}
:root .chroma .o {
color: #ff79c6;
}
:root .chroma .ow {
color: #ff79c6;
}
:root .chroma .p {
color: inherit;
}
:root .chroma .c {
color: #96a6d8;
}
:root .chroma .ch {
color: #96a6d8;
}
:root .chroma .cm {
color: #96a6d8;
}
:root .chroma .c1 {
color: #96a6d8;
}
:root .chroma .cs {
color: #96a6d8;
}
:root .chroma .cp {
color: #ff79c6;
}
:root .chroma .cpf {
color: #ff79c6;
}
:root .chroma .g {
color: inherit;
}
:root .chroma .gd {
color: #d98f90;
}
:root .chroma .ge {
text-decoration: underline;
}
:root .chroma .gr {
color: inherit;
}
:root .chroma .gh {
font-weight: 700;
color: inherit;
}
:root .chroma .gi {
font-weight: 700;
}
:root .chroma .go {
color: #8f9ea8;
}
:root .chroma .gp {
color: inherit;
}
:root .chroma .gs {
color: inherit;
}
:root .chroma .gu {
font-weight: 700;
}
:root .chroma .gt {
color: inherit;
}
:root .chroma .gl {
text-decoration: underline;
}
:root .chroma .w {
color: inherit;
}
:root .dark-mode-dim .gdoc-markdown img {
filter: brightness(0.75) grayscale(0.2);
}
:root .gdoc-markdown .gdoc-hint {
filter: saturate(2.5) brightness(0.85);
}
}
:root[color-mode="dark"] {
--header-background: #4186c9;
--header-font-color: white;
--body-background: #343a40;
--body-font-color: #ced3d8;
--button-background: #498bcb;
--button-border-color: #4186c9;
--link-color: #21cd9b;
--link-color-visited: #ba8ef0;
--code-background: #2f353a;
--code-accent-color: #262b2f;
--code-accent-color-lite: #2b3035;
--code-font-color: #b9b9b9;
--accent-color: #2b3035;
--accent-color-lite: #2f353a;
--control-icons: #b2bac1;
--footer-background: #2f333e;
--footer-font-color: white;
--footer-link-color: #ffa31e;
--footer-link-color-visited: #ffa31e;
}
:root[color-mode="dark"] .chroma {
color: var(--code-font-color);
margin: 1rem 0;
}
:root[color-mode="dark"] .chroma code {
background-color: var(--code-background);
display: block;
line-height: 1.45;
font-size: 0.85em;
border-radius: 0.15rem;
}
:root[color-mode="dark"] .chroma .lntable {
max-height: var(--code-max-height);
}
:root[color-mode="dark"] .chroma .lntable code {
max-height: none;
}
:root[color-mode="dark"] .chroma .lntable td:first-child code {
border-radius: 0;
border-top-left-radius: 0.15rem;
border-bottom-left-radius: 0.15rem;
}
:root[color-mode="dark"] .chroma .lntable td:nth-child(2) code {
border-radius: 0;
border-top-right-radius: 0.15rem;
border-bottom-right-radius: 0.15rem;
padding-left: 0.5em;
}
:root[color-mode="dark"] .chroma .lntable td:nth-child(2) code .hl {
width: auto;
margin-left: -0.5em;
padding: 0 0.5em;
}
:root[color-mode="dark"] .highlight pre.chroma {
margin: 0;
}
:root[color-mode="dark"] .highlight > pre.chroma code {
padding: 1rem;
width: 100%;
overflow: auto;
}
:root[color-mode="dark"] .chroma .x {
color: inherit;
}
:root[color-mode="dark"] .chroma .err {
color: inherit;
}
:root[color-mode="dark"] .chroma .lntd {
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}
:root[color-mode="dark"] .chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
width: 100%;
overflow: auto;
display: block;
}
:root[color-mode="dark"] .chroma .lntable td:first-child code {
background-color: var(--code-accent-color-lite);
border-right: 1px solid var(--code-accent-color);
padding: 0.5em 0;
}
:root[color-mode="dark"] .chroma .lntable td code {
padding: 0.5em 0;
}
:root[color-mode="dark"] .chroma .lntable td:nth-child(2) {
width: 100%;
margin-left: 2em;
}
:root[color-mode="dark"] .chroma .hl {
display: block;
width: 100%;
background-color: #4f1605;
}
:root[color-mode="dark"] .chroma .lnt {
padding: 0 0.8em;
}
:root[color-mode="dark"] .chroma .ln {
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #b3b3b3;
}
:root[color-mode="dark"] .chroma .k {
color: #ff79c6;
}
:root[color-mode="dark"] .chroma .kc {
color: #ff79c6;
}
:root[color-mode="dark"] .chroma .kd {
color: #8be9fd;
font-style: italic;
}
:root[color-mode="dark"] .chroma .kn {
color: #ff79c6;
}
:root[color-mode="dark"] .chroma .kp {
color: #ff79c6;
}
:root[color-mode="dark"] .chroma .kr {
color: #ff79c6;
}
:root[color-mode="dark"] .chroma .kt {
color: #8be9fd;
}
:root[color-mode="dark"] .chroma .n {
color: inherit;
}
:root[color-mode="dark"] .chroma .na {
color: #50fa7b;
}
:root[color-mode="dark"] .chroma .nb {
color: #8be9fd;
font-style: italic;
}
:root[color-mode="dark"] .chroma .bp {
color: inherit;
}
:root[color-mode="dark"] .chroma .nc {
color: #50fa7b;
}
:root[color-mode="dark"] .chroma .no {
color: inherit;
}
:root[color-mode="dark"] .chroma .nd {
color: inherit;
}
:root[color-mode="dark"] .chroma .ni {
color: inherit;
}
:root[color-mode="dark"] .chroma .ne {
color: inherit;
}
:root[color-mode="dark"] .chroma .nf {
color: #50fa7b;
}
:root[color-mode="dark"] .chroma .fm {
color: inherit;
}
:root[color-mode="dark"] .chroma .nl {
color: #8be9fd;
font-style: italic;
}
:root[color-mode="dark"] .chroma .nn {
color: inherit;
}
:root[color-mode="dark"] .chroma .nx {
color: inherit;
}
:root[color-mode="dark"] .chroma .py {
color: inherit;
}
:root[color-mode="dark"] .chroma .nt {
color: #ff79c6;
}
:root[color-mode="dark"] .chroma .nv {
color: #8be9fd;
font-style: italic;
}
:root[color-mode="dark"] .chroma .vc {
color: #8be9fd;
font-style: italic;
}
:root[color-mode="dark"] .chroma .vg {
color: #8be9fd;
font-style: italic;
}
:root[color-mode="dark"] .chroma .vi {
color: #8be9fd;
font-style: italic;
}
:root[color-mode="dark"] .chroma .vm {
color: inherit;
}
:root[color-mode="dark"] .chroma .l {
color: inherit;
}
:root[color-mode="dark"] .chroma .ld {
color: inherit;
}
:root[color-mode="dark"] .chroma .s {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .sa {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .sb {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .sc {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .dl {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .sd {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .s2 {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .se {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .sh {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .si {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .sx {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .sr {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .s1 {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .ss {
color: #f1fa8c;
}
:root[color-mode="dark"] .chroma .m {
color: #bd93f9;
}
:root[color-mode="dark"] .chroma .mb {
color: #bd93f9;
}
:root[color-mode="dark"] .chroma .mf {
color: #bd93f9;
}
:root[color-mode="dark"] .chroma .mh {
color: #bd93f9;
}
:root[color-mode="dark"] .chroma .mi {
color: #bd93f9;
}
:root[color-mode="dark"] .chroma .il {
color: #bd93f9;
}
:root[color-mode="dark"] .chroma .mo {
color: #bd93f9;
}
:root[color-mode="dark"] .chroma .o {
color: #ff79c6;
}
:root[color-mode="dark"] .chroma .ow {
color: #ff79c6;
}
:root[color-mode="dark"] .chroma .p {
color: inherit;
}
:root[color-mode="dark"] .chroma .c {
color: #96a6d8;
}
:root[color-mode="dark"] .chroma .ch {
color: #96a6d8;
}
:root[color-mode="dark"] .chroma .cm {
color: #96a6d8;
}
:root[color-mode="dark"] .chroma .c1 {
color: #96a6d8;
}
:root[color-mode="dark"] .chroma .cs {
color: #96a6d8;
}
:root[color-mode="dark"] .chroma .cp {
color: #ff79c6;
}
:root[color-mode="dark"] .chroma .cpf {
color: #ff79c6;
}
:root[color-mode="dark"] .chroma .g {
color: inherit;
}
:root[color-mode="dark"] .chroma .gd {
color: #d98f90;
}
:root[color-mode="dark"] .chroma .ge {
text-decoration: underline;
}
:root[color-mode="dark"] .chroma .gr {
color: inherit;
}
:root[color-mode="dark"] .chroma .gh {
font-weight: 700;
color: inherit;
}
:root[color-mode="dark"] .chroma .gi {
font-weight: 700;
}
:root[color-mode="dark"] .chroma .go {
color: #8f9ea8;
}
:root[color-mode="dark"] .chroma .gp {
color: inherit;
}
:root[color-mode="dark"] .chroma .gs {
color: inherit;
}
:root[color-mode="dark"] .chroma .gu {
font-weight: 700;
}
:root[color-mode="dark"] .chroma .gt {
color: inherit;
}
:root[color-mode="dark"] .chroma .gl {
text-decoration: underline;
}
:root[color-mode="dark"] .chroma .w {
color: inherit;
}
:root[color-mode="dark"] .dark-mode-dim .gdoc-markdown img {
filter: brightness(0.75) grayscale(0.2);
}
:root[color-mode="dark"] .gdoc-markdown .gdoc-hint {
filter: saturate(2.5) brightness(0.85);
}
@media (prefers-color-scheme: dark) {
:root {
--header-background: #4186c9;
--header-font-color: white;
--body-background: #343a40;
--body-font-color: #ced3d8;
--button-background: #498bcb;
--button-border-color: #4186c9;
--link-color: #21cd9b;
--link-color-visited: #ba8ef0;
--code-background: #2f353a;
--code-accent-color: #262b2f;
--code-accent-color-lite: #2b3035;
--code-font-color: #b9b9b9;
--accent-color: #2b3035;
--accent-color-lite: #2f353a;
--control-icons: #b2bac1;
--footer-background: #2f333e;
--footer-font-color: white;
--footer-link-color: #ffa31e;
--footer-link-color-visited: #ffa31e;
}
:root .chroma {
color: var(--code-font-color);
margin: 1rem 0;
}
:root .chroma code {
background-color: var(--code-background);
display: block;
line-height: 1.45;
font-size: 0.85em;
border-radius: 0.15rem;
}
:root .chroma .lntable {
max-height: var(--code-max-height);
}
:root .chroma .lntable code {
max-height: none;
}
:root .chroma .lntable td:first-child code {
border-radius: 0;
border-top-left-radius: 0.15rem;
border-bottom-left-radius: 0.15rem;
}
:root .chroma .lntable td:nth-child(2) code {
border-radius: 0;
border-top-right-radius: 0.15rem;
border-bottom-right-radius: 0.15rem;
padding-left: 0.5em;
}
:root .chroma .lntable td:nth-child(2) code .hl {
width: auto;
margin-left: -0.5em;
padding: 0 0.5em;
}
:root .highlight pre.chroma {
margin: 0;
}
:root .highlight > pre.chroma code {
padding: 1rem;
width: 100%;
overflow: auto;
}
:root .chroma .x {
color: inherit;
}
:root .chroma .err {
color: inherit;
}
:root .chroma .lntd {
vertical-align: top;
padding: 0;
margin: 0;
border: 0;
}
:root .chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0;
width: 100%;
overflow: auto;
display: block;
}
:root .chroma .lntable td:first-child code {
background-color: var(--code-accent-color-lite);
border-right: 1px solid var(--code-accent-color);
padding: 0.5em 0;
}
:root .chroma .lntable td code {
padding: 0.5em 0;
}
:root .chroma .lntable td:nth-child(2) {
width: 100%;
margin-left: 2em;
}
:root .chroma .hl {
display: block;
width: 100%;
background-color: #4f1605;
}
:root .chroma .lnt {
padding: 0 0.8em;
}
:root .chroma .ln {
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #b3b3b3;
}
:root .chroma .k {
color: #ff79c6;
}
:root .chroma .kc {
color: #ff79c6;
}
:root .chroma .kd {
color: #8be9fd;
font-style: italic;
}
:root .chroma .kn {
color: #ff79c6;
}
:root .chroma .kp {
color: #ff79c6;
}
:root .chroma .kr {
color: #ff79c6;
}
:root .chroma .kt {
color: #8be9fd;
}
:root .chroma .n {
color: inherit;
}
:root .chroma .na {
color: #50fa7b;
}
:root .chroma .nb {
color: #8be9fd;
font-style: italic;
}
:root .chroma .bp {
color: inherit;
}
:root .chroma .nc {
color: #50fa7b;
}
:root .chroma .no {
color: inherit;
}
:root .chroma .nd {
color: inherit;
}
:root .chroma .ni {
color: inherit;
}
:root .chroma .ne {
color: inherit;
}
:root .chroma .nf {
color: #50fa7b;
}
:root .chroma .fm {
color: inherit;
}
:root .chroma .nl {
color: #8be9fd;
font-style: italic;
}
:root .chroma .nn {
color: inherit;
}
:root .chroma .nx {
color: inherit;
}
:root .chroma .py {
color: inherit;
}
:root .chroma .nt {
color: #ff79c6;
}
:root .chroma .nv {
color: #8be9fd;
font-style: italic;
}
:root .chroma .vc {
color: #8be9fd;
font-style: italic;
}
:root .chroma .vg {
color: #8be9fd;
font-style: italic;
}
:root .chroma .vi {
color: #8be9fd;
font-style: italic;
}
:root .chroma .vm {
color: inherit;
}
:root .chroma .l {
color: inherit;
}
:root .chroma .ld {
color: inherit;
}
:root .chroma .s {
color: #f1fa8c;
}
:root .chroma .sa {
color: #f1fa8c;
}
:root .chroma .sb {
color: #f1fa8c;
}
:root .chroma .sc {
color: #f1fa8c;
}
:root .chroma .dl {
color: #f1fa8c;
}
:root .chroma .sd {
color: #f1fa8c;
}
:root .chroma .s2 {
color: #f1fa8c;
}
:root .chroma .se {
color: #f1fa8c;
}
:root .chroma .sh {
color: #f1fa8c;
}
:root .chroma .si {
color: #f1fa8c;
}
:root .chroma .sx {
color: #f1fa8c;
}
:root .chroma .sr {
color: #f1fa8c;
}
:root .chroma .s1 {
color: #f1fa8c;
}
:root .chroma .ss {
color: #f1fa8c;
}
:root .chroma .m {
color: #bd93f9;
}
:root .chroma .mb {
color: #bd93f9;
}
:root .chroma .mf {
color: #bd93f9;
}
:root .chroma .mh {
color: #bd93f9;
}
:root .chroma .mi {
color: #bd93f9;
}
:root .chroma .il {
color: #bd93f9;
}
:root .chroma .mo {
color: #bd93f9;
}
:root .chroma .o {
color: #ff79c6;
}
:root .chroma .ow {
color: #ff79c6;
}
:root .chroma .p {
color: inherit;
}
:root .chroma .c {
color: #96a6d8;
}
:root .chroma .ch {
color: #96a6d8;
}
:root .chroma .cm {
color: #96a6d8;
}
:root .chroma .c1 {
color: #96a6d8;
}
:root .chroma .cs {
color: #96a6d8;
}
:root .chroma .cp {
color: #ff79c6;
}
:root .chroma .cpf {
color: #ff79c6;
}
:root .chroma .g {
color: inherit;
}
:root .chroma .gd {
color: #d98f90;
}
:root .chroma .ge {
text-decoration: underline;
}
:root .chroma .gr {
color: inherit;
}
:root .chroma .gh {
font-weight: 700;
color: inherit;
}
:root .chroma .gi {
font-weight: 700;
}
:root .chroma .go {
color: #8f9ea8;
}
:root .chroma .gp {
color: inherit;
}
:root .chroma .gs {
color: inherit;
}
:root .chroma .gu {
font-weight: 700;
}
:root .chroma .gt {
color: inherit;
}
:root .chroma .gl {
text-decoration: underline;
}
:root .chroma .w {
color: inherit;
}
:root .dark-mode-dim .gdoc-markdown img {
filter: brightness(0.75) grayscale(0.2);
}
:root .gdoc-markdown .gdoc-hint {
filter: saturate(2.5) brightness(0.85);
}
}
html {
font-size: 16px;
letter-spacing: 0.33px;
scroll-behavior: smooth;
}
html.color-toggle-hidden #gdoc-dark-mode .gdoc_brightness_auto,
html.color-toggle-hidden #gdoc-dark-mode .gdoc_brightness_dark,
html.color-toggle-hidden #gdoc-dark-mode .gdoc_brightness_light {
display: none;
}
html.color-toggle-light #gdoc-dark-mode .gdoc_brightness_light {
display: inline-block;
}
html.color-toggle-light #gdoc-dark-mode .gdoc_brightness_auto,
html.color-toggle-light #gdoc-dark-mode .gdoc_brightness_dark {
display: none;
}
html.color-toggle-dark #gdoc-dark-mode .gdoc_brightness_dark {
display: inline-block;
}
html.color-toggle-dark #gdoc-dark-mode .gdoc_brightness_auto,
html.color-toggle-dark #gdoc-dark-mode .gdoc_brightness_light {
display: none;
}
html.color-toggle-auto #gdoc-dark-mode .gdoc_brightness_light {
display: none;
}
html.color-toggle-auto #gdoc-dark-mode .gdoc_brightness_dark {
display: none;
}
html.color-toggle-auto #gdoc-dark-mode .gdoc_brightness_auto {
display: inline-block;
}
body,
html {
min-width: 20rem;
overflow-x: hidden;
}
body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
}
body * {
box-sizing: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
display: flex;
align-items: center;
}
h4,
h5,
h6 {
font-size: 1rem !important;
}
a {
text-decoration: none;
color: var(--link-color);
}
a:hover {
text-decoration: underline;
}
a:visited {
color: var(--link-color-visited);
}
img {
vertical-align: middle;
}
.fake-link:hover {
background-image: linear-gradient(var(--link-color), var(--link-color));
background-position: 0 100%;
background-size: 100% 1px;
background-repeat: no-repeat;
text-decoration: none;
}
.wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
color: var(--body-font-color);
background: var(--body-background);
font-weight: 400;
}
.container {
width: 100%;
max-width: 80rem;
margin: 0 auto;
padding: 1rem;
}
.icon {
display: inline-block;
width: 1em;
height: 1em;
top: 0.125em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
position: relative;
}
.gdoc-header {
background: var(--header-background);
color: var(--header-font-color);
border-bottom: 0.3em solid var(--footer-background);
}
.gdoc-header__link,
.gdoc-header__link:visited {
color: inherit;
}
.gdoc-header__link:hover {
text-decoration: none;
}
.gdoc-header .icon {
width: 2rem;
height: 2rem;
}
.gdoc-brand {
font-size: 2rem;
}
.gdoc-brand__img {
margin-right: 1rem;
width: 2rem;
height: 2rem;
}
.gdoc-nav {
flex: 0 0 16rem;
font-size: 0.875rem;
}
.gdoc-nav nav {
width: 16rem;
padding: 1rem 2rem 1rem 0;
}
.gdoc-nav nav > ul > li > * {
font-weight: 400;
}
.gdoc-nav nav > :first-child {
margin-top: 0;
}
.gdoc-nav__control {
display: none;
margin: 0;
padding: 0;
}
.gdoc-nav__control .icon.gdoc_menu {
display: inline-block;
}
.gdoc-nav__control .icon.gdoc_arrow_back {
display: none;
}
.gdoc-nav__list {
padding-left: 1em;
margin: 0;
padding: 0;
list-style: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.gdoc-nav__list ul {
padding-left: 1rem;
}
.gdoc-nav__list li {
margin: 0.5rem 0;
}
.gdoc-nav__list .icon {
margin-right: 0.25rem;
}
.gdoc-nav__toggle {
display: none;
}
.gdoc-nav__toggle ~ label {
cursor: pointer;
}
.gdoc-nav__toggle ~ label .icon {
font-size: 0.7rem;
}
.gdoc-nav__toggle:not(:checked) ~ label .icon.gdoc_keyborad_arrow_down,
.gdoc-nav__toggle:not(:checked) ~ ul {
display: none;
}
.gdoc-nav__toggle:not(:checked) ~ label .icon.gdoc_keyborad_arrow_left {
display: block;
}
.gdoc-nav__toggle:checked ~ label .icon.gdoc_keyborad_arrow_down,
.gdoc-nav__toggle:checked ~ ul {
display: block;
}
.gdoc-nav__toggle:checked ~ label .icon.gdoc_keyborad_arrow_left {
display: none;
}
.gdoc-nav--main > ul > li > label,
.gdoc-nav--main > ul > li > label > a,
.gdoc-nav--main > ul > li > span,
.gdoc-nav--main > ul > li > span > a {
font-weight: 700;
}
.gdoc-nav--more {
padding-top: 0.5rem;
}
.gdoc-nav__entry,
.gdoc-search__entry {
flex: 1;
color: var(--body-font-color);
}
.gdoc-nav__entry.is-active,
.gdoc-nav__entry:hover,
.gdoc-search__entry.is-active,
.gdoc-search__entry:hover {
text-decoration: underline;
-webkit-text-decoration-style: dashed !important;
text-decoration-style: dashed !important;
}
.gdoc-nav__entry:visited,
.gdoc-search__entry:visited {
color: var(--body-font-color);
}
.gdoc-page {
min-width: 20rem;
flex-grow: 1;
padding: 1rem 0;
}
.gdoc-page__footer,
.gdoc-page__header {
margin-bottom: 1.2rem;
}
.gdoc-page__footer .icon,
.gdoc-page__header .icon {
color: var(--control-icons);
}
.gdoc-page__footer a,
.gdoc-page__footer a:visited,
.gdoc-page__header a,
.gdoc-page__header a:visited {
color: var(--link-color);
}
.gdoc-page__header {
background: var(--accent-color-lite);
padding: 0.5rem 1rem;
border-radius: 0.15rem;
}
.gdoc-page__footer {
margin-top: 2rem;
}
.gdoc-page__footer a:hover {
text-decoration: none;
}
.gdoc-page__nav:hover {
background-image: linear-gradient(var(--link-color), var(--link-color));
background-position: 0 100%;
background-size: 100% 1px;
background-repeat: no-repeat;
}
.gdoc-page__nav--prev:before {
font-family: GeekdocIcons;
content: "";
}
.gdoc-page__nav--next:after {
font-family: GeekdocIcons;
content: "";
}
.gdoc-page__anchorwrap:hover .gdoc-page__anchor .icon {
color: var(--control-icons);
}
.gdoc-page__anchor {
min-width: 30px;
}
.gdoc-page__anchor--left {
position: absolute;
margin-left: -25px;
text-align: left;
}
.gdoc-page__anchor--right {
text-align: right;
}
.gdoc-page__anchor .icon {
width: 1.4rem;
height: 1.4rem;
color: transparent;
}
.gdoc-post {
word-wrap: break-word;
border-top: 1px dashed #868e96;
padding: 2rem 0;
line-height: 1.5em;
}
.gdoc-post:first-of-type {
padding-top: 0;
}
.gdoc-post__header h1 {
margin-top: 0;
}
.gdoc-post__header a,
.gdoc-post__header a:visited {
color: var(--body-font-color);
text-decoration: none;
}
.gdoc-post__header a:hover {
background: 0 0;
text-decoration: underline;
color: var(--body-font-color);
}
.gdoc-post__date {
margin: 1em 0;
}
.gdoc-post__date .icon {
font-size: 1.2em;
}
.gdoc-post:first-child {
border-top: 0;
}
.gdoc-post:first-child h1 {
margin-top: 0;
}
.gdoc-post__readmore {
margin: 1.5rem 0 2rem 0;
}
.gdoc-post__readmore a:after {
font-family: GeekdocIcons;
content: "";
}
.gdoc-post__readmore a,
.gdoc-post__readmore a:hover,
.gdoc-post__readmore a:visited {
color: var(--link-color);
text-decoration: none !important;
}
.gdoc-footer {
background: var(--footer-background);
color: var(--footer-font-color);
}
.gdoc-footer .fake-link:hover {
background-image: linear-gradient(
var(--footer-link-color),
var(--footer-link-color)
);
}
.gdoc-footer__item {
line-height: 2em;
}
.gdoc-footer__item--row {
margin-right: 1em;
}
.gdoc-footer__link {
color: var(--footer-link-color);
}
.gdoc-footer__link:visited {
color: var(--footer-link-color-visited);
}
.gdoc-search {
position: relative;
}
.gdoc-search .icon {
position: absolute;
top: 0.625em;
left: 0.5rem;
color: var(--control-icons);
width: 1rem;
height: 1rem;
}
.gdoc-search::after {
display: block;
content: "";
clear: both;
}
.gdoc-search__input {
width: 100%;
padding: 0.5rem;
padding-left: 2rem;
border: 1px solid var(--accent-color);
border-radius: 0.15rem;
background: var(--accent-color-lite);
color: var(--body-font-color);
}
.gdoc-search__input:required + .gdoc-search__input__spinner {
display: block;
}
.gdoc-search__spinner {
position: absolute;
margin: 0.5rem;
right: 0;
top: 0;
width: 1rem;
height: 1rem;
border: 1px solid transparent;
border-top-color: var(--body-font-color);
border-radius: 50%;
-webkit-animation: spin 1s ease infinite;
animation: spin 1s ease infinite;
}
@-webkit-keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
.gdoc-search__list {
visibility: hidden;
background: var(--body-background);
border-radius: 0.15rem;
box-shadow: 0 1px 3px 0 var(--accent-color),
0 1px 2px 0 var(--accent-color-lite);
position: absolute;
margin: 0;
padding: 0.5rem;
list-style: none;
left: 0;
top: calc(100% + 0.5rem);
width: 100%;
z-index: 2;
}
.gdoc-search__list ul {
list-style: none;
margin-top: 0.5rem;
padding-left: 0;
}
.gdoc-search__list li {
margin: 0.25rem 0;
}
.gdoc-search__list > li > span {
font-weight: 700;
}
.gdoc-search__list > li + li {
margin-top: 0.5rem;
}
.gdoc-search__list .icon {
margin-right: 0.25rem;
}
.gdoc-search:focus-within .gdoc-search__list.has-hits,
.gdoc-search__list.has-hits:active {
visibility: visible;
}
.gdoc-error {
padding: 6rem 1rem;
margin: 0 auto;
max-width: 45em;
}
.gdoc-error .icon {
width: 8rem;
height: 8rem;
color: var(--body-font-color);
}
.gdoc-error__link,
.gdoc-error__link:visited {
color: var(--link-color);
}
.gdoc-error__message {
padding-left: 4rem;
}
.gdoc-error__line {
padding: 0.5rem 0;
}
.gdoc-error__title {
font-size: 4rem;
}
.gdoc-error__code {
font-weight: bolder;
}
.gdoc-toc__level--1 ul ul,
.gdoc-toc__level--2 ul ul ul,
.gdoc-toc__level--3 ul ul ul ul,
.gdoc-toc__level--4 ul ul ul ul ul,
.gdoc-toc__level--5 ul ul ul ul ul ul,
.gdoc-toc__level--6 ul ul ul ul ul ul ul {
display: none;
}
.gdoc-toc a,
.gdoc-toc a:visited {
color: var(--link-color);
}
.gdoc-nav nav,
.gdoc-page,
.markdown {
transition: 0.2s ease-in-out;
transition-property: transform, margin-left, opacity;
will-change: transform, margin-left;
}
.breadcrumb {
display: inline;
padding: 0;
margin: 0;
}
.breadcrumb li {
display: inline;
}
.gdoc-markdown {
line-height: 1.6em;
}
.gdoc-markdown > :first-child {
margin-top: 0;
}
.gdoc-markdown--nested :first-child {
margin-top: 0;
}
.gdoc-markdown--nested > :last-child {
margin-bottom: 0;
}
.gdoc-markdown h1,
.gdoc-markdown h2,
.gdoc-markdown h3,
.gdoc-markdown h4,
.gdoc-markdown h5,
.gdoc-markdown h6 {
font-weight: 600;
}
.gdoc-markdown h1 > code,
.gdoc-markdown h2 > code,
.gdoc-markdown h3 > code,
.gdoc-markdown h4 > code,
.gdoc-markdown h5 > code,
.gdoc-markdown h6 > code {
border-top: 3px solid var(--accent-color);
font-size: 0.75em !important;
}
.gdoc-markdown h4 > code,
.gdoc-markdown h5 > code,
.gdoc-markdown h6 > code {
font-size: 0.8rem !important;
}
.gdoc-markdown b,
.gdoc-markdown optgroup,
.gdoc-markdown strong {
font-weight: bolder;
}
.gdoc-markdown a,
.gdoc-markdown__link {
text-decoration: none;
border-bottom: 1px solid transparent;
line-height: 1em;
}
.gdoc-markdown a:hover,
.gdoc-markdown__link:hover {
text-decoration: underline;
}
.gdoc-markdown__link--raw {
text-decoration: none !important;
color: #343a40 !important;
}
.gdoc-markdown__link--raw:hover {
text-decoration: none !important;
}
.gdoc-markdown__link--raw:visited {
color: #343a40 !important;
}
.gdoc-markdown img {
max-width: 100%;
border-radius: 0.15rem;
}
.gdoc-markdown__figure {
padding: 0.25rem;
margin: 1rem 0;
background-color: var(--accent-color);
display: table;
border-top-left-radius: 0.15rem;
border-top-right-radius: 0.15rem;
}
.gdoc-markdown__figure figcaption {
display: table-caption;
caption-side: bottom;
background-color: var(--accent-color);
padding: 0 0.25rem 0.25rem;
text-align: center;
border-bottom-left-radius: 0.15rem;
border-bottom-right-radius: 0.15rem;
}
.gdoc-markdown__figure img {
max-width: 100%;
height: auto;
}
.gdoc-markdown blockquote {
margin: 1rem 0;
padding: 0.5rem 1rem 0.5rem 0.75rem;
border-left: 3px solid var(--accent-color);
border-radius: 0.15rem;
}
.gdoc-markdown blockquote :first-child {
margin-top: 0;
}
.gdoc-markdown blockquote :last-child {
margin-bottom: 0;
}
.gdoc-markdown .table-wrap {
overflow: auto;
}
.gdoc-markdown table:not(.lntable) {
display: table;
border-spacing: 0;
border-collapse: collapse;
margin-top: 1rem;
margin-bottom: 1rem;
width: 100%;
text-align: left;
}
.gdoc-markdown table:not(.lntable) thead {
border-bottom: 3px solid var(--accent-color);
}
.gdoc-markdown table:not(.lntable) tr td,
.gdoc-markdown table:not(.lntable) tr th {
padding: 0.5rem 1rem;
}
.gdoc-markdown table:not(.lntable) tr {
border-bottom: 1.5px solid var(--accent-color);
}
.gdoc-markdown table:not(.lntable) tr:nth-child(2n) {
background: var(--accent-color-lite);
}
.gdoc-markdown hr {
height: 1.5px;
border: none;
background: var(--accent-color);
}
.gdoc-markdown ol,
.gdoc-markdown ul {
padding-left: 2rem;
}
.gdoc-markdown dl dt {
font-weight: bolder;
margin-top: 1rem;
}
.gdoc-markdown dl dd {
margin-left: 2rem;
}
.gdoc-markdown pre {
margin: 1rem 0;
}
.gdoc-markdown code {
background-color: var(--code-background);
border-radius: 0.15rem;
color: var(--code-font-color);
font-size: 0.85em;
line-height: 1.45em;
padding: 0.2em 0.4em;
}
.gdoc-markdown pre code {
display: block;
padding: 1rem;
width: 100%;
overflow: auto;
max-height: var(--code-max-height);
}
.gdoc-markdown__align--left {
text-align: left;
}
.gdoc-markdown__align--left h1,
.gdoc-markdown__align--left h2,
.gdoc-markdown__align--left h3,
.gdoc-markdown__align--left h4,
.gdoc-markdown__align--left h5,
.gdoc-markdown__align--left h6 {
justify-content: flex-start;
}
.gdoc-markdown__align--center {
text-align: center;
}
.gdoc-markdown__align--center h1,
.gdoc-markdown__align--center h2,
.gdoc-markdown__align--center h3,
.gdoc-markdown__align--center h4,
.gdoc-markdown__align--center h5,
.gdoc-markdown__align--center h6 {
justify-content: center;
}
.gdoc-markdown__align--right {
text-align: right;
}
.gdoc-markdown__align--right h1,
.gdoc-markdown__align--right h2,
.gdoc-markdown__align--right h3,
.gdoc-markdown__align--right h4,
.gdoc-markdown__align--right h5,
.gdoc-markdown__align--right h6 {
justify-content: flex-end;
}
.gdoc-expand {
margin-top: 1rem;
margin-bottom: 1rem;
border: 1px solid var(--accent-color);
border-radius: 0.15rem;
overflow: hidden;
}
.gdoc-expand__head {
background: var(--accent-color-lite);
padding: 0.5rem 1rem;
cursor: pointer;
}
.gdoc-expand__content {
display: none;
padding: 1rem;
}
.gdoc-expand__control:checked + .gdoc-expand__content {
display: block;
}
.gdoc-expand .gdoc-page__anchor {
display: none;
}
.gdoc-tabs {
margin-top: 1rem;
margin-bottom: 1rem;
border: 1px solid var(--accent-color);
border-radius: 0.15rem;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.gdoc-tabs__label {
display: inline-block;
padding: 0.5rem 1rem;
border-bottom: 1px transparent;
cursor: pointer;
}
.gdoc-tabs__content {
order: 999;
width: 100%;
border-top: 1px solid var(--accent-color-lite);
padding: 1rem;
display: none;
}
.gdoc-tabs__control:checked + .gdoc-tabs__label {
border-bottom: 1.5px solid var(--link-color);
}
.gdoc-tabs__control:checked + .gdoc-tabs__label + .gdoc-tabs__content {
display: block;
}
.gdoc-tabs .gdoc-page__anchor {
display: none;
}
.gdoc-columns {
margin-left: -1rem;
margin-right: -1rem;
}
.gdoc-columns__content {
margin: 1rem 0;
min-width: 13.2rem;
padding: 0 1rem;
}
.gdoc-columns .gdoc-page__anchor {
display: none;
}
.gdoc-button {
display: inline-block;
background: var(--accent-color-lite);
border: 1px solid var(--accent-color);
border-radius: 0.15rem;
margin: 0.5rem 0;
cursor: pointer;
}
.gdoc-button__link {
display: inline-block;
color: inherit !important;
text-decoration: none !important;
}
.gdoc-button:hover {
background: var(--button-background);
border-color: var(--button-border-color);
color: #f8f9fa;
}
.gdoc-button--regular {
font-size: 16px;
}
.gdoc-button--regular .gdoc-button__link {
padding: 0.25rem 0.5rem;
}
.gdoc-button--large {
font-size: 1.25rem;
}
.gdoc-button--large .gdoc-button__link {
padding: 0.5rem 1rem;
}
.gdoc-hint.info {
border-left-color: #0091ea;
background-color: #f3f9fd;
color: #343a40;
}
.gdoc-hint.ok {
border-left-color: #00c853;
background-color: #f2fdf6;
color: #343a40;
}
.gdoc-hint.warning {
border-left-color: #ffab00;
background-color: #fdfaf4;
color: #343a40;
}
.gdoc-hint.danger {
border-left-color: #d50000;
background-color: #fdf2f2;
color: #343a40;
}
.gdoc-hint .gdoc-page__anchor {
display: none;
}
.gdoc-mermaid {
font-family: "Liberation Sans", sans-serif;
}