:root,
:root[color-theme=light] {
    --code-max-height: none;
    --header-background: #ffffff;
    --header-font-color: #000000;
    --border-color: #EBEBEC;
    --alt-border-color: #C1C1C1;
    --alt-bg-color: rgba(232, 232, 232, 0.34);
    --page-header-font-color: rgba(15, 23, 39, 0.5);
    --page-header-font-color-current: rgb(43 43 43);
    --h3-font-color: rgba(15, 23, 39, 0.7);
    --h4-font-color: rgba(15, 23, 39, 0.7);
    --body-background: white;
    --body-font-color: rgb(15,23,39);
    --body-text-font-color: rgba(15, 23, 39, 0.7);
    --mark-color: rgb(255, 171, 0);
    --button-background: rgb(116 121 130);
    --button-border-color: rgb(116 121 130);
    --link-color: rgba(85, 143, 255, 1);
    --link-color-visited: rgba(85, 143, 255, 1);
    --link-border-color: rgba(85, 143, 255 ,0.4);
    --accent-color: rgb(237 240 241);
    --accent-color-lite: rgb(237 240 241);
    --control-icons: #b2bac1;
    --footer-background: #111111;
    --footer-font-color: rgb(255, 255, 255);
    --footer-link-color: rgb(255, 163, 30);
    --footer-link-color-visited: rgb(255, 163, 30);
    --code-background: #F9FBFC;
    --code-accent-color: #e3e7eb;
    --code-accent-color-lite: #eff1f3;
    --code-font-color: rgb(95, 95, 95);
    --code-copy-background: #F9FBFC;
    --code-copy-font-color: rgb(95, 95, 95);
    --code-copy-border-color: rgba(173, 180, 188, 0.616);
    --code-copy-success-color: rgb(0, 200, 83);
    --info-bg-color: rgba(241, 247, 255, 1);
    --danger-bg-color: rgba(255, 240, 231, 1);
    --warning-bg-color: rgba(255, 247, 231, 1);
    --tip-bg-color:rgba(231, 255, 241, 1);
    --hint-font-color: rgba(5, 24, 51, 1);
    --tab-label-bg: rgba(27, 27, 30, 0.04);
    --table-header-color: rgb(137 137 137);
    --table-border-color: rgb(220 220 220);
    --table-bg-color: rgb(249 249 249);
    --table-header-bg-color: white;
    --active-button-color: #0054FA;
    --feedback-bg-color:white;
    --feedback-shadow-color:rgba(18, 18, 23, 0.1);
    --feedback-border-color:#EBEBEC;
    --text-decoration-color: #d8d8d8;
    --info-color: #2580fd;
    --danger-color: #ef4b41;
    --warning-color: #efae35;
    --tip-color:#43bb50;
    --list-button-background: #ffffff;
    --bg-image: url(/bg.svg);
}

:root .dark-mode-dim .gdoc-markdown img,
:root[color-theme=light] .dark-mode-dim .gdoc-markdown img {
    filter: none
}

:root .gdoc-markdown .gdoc-hint,
:root .gdoc-markdown .gdoc-props__tag,
:root .gdoc-markdown .admonitionblock,
:root[color-theme=light] .gdoc-markdown .gdoc-hint,
:root[color-theme=light] .gdoc-markdown .gdoc-props__tag,
:root[color-theme=light] .gdoc-markdown .admonitionblock {
    filter: none
}

:root .gdoc-markdown .gdoc-hint__title,
:root .gdoc-markdown .admonitionblock table td:first-child,
:root[color-theme=light] .gdoc-markdown .gdoc-hint__title,
:root[color-theme=light] .gdoc-markdown .admonitionblock table td:first-child {
    background-color: rgba(134, 142, 150, .05)
}

:root .chroma,
:root[color-theme=light] .chroma {
    color: var(--code-font-color)
}

:root .chroma .lntable td:nth-child(2) code .hl,
:root[color-theme=light] .chroma .lntable td:nth-child(2) code .hl {
    width: auto;
    margin-left: -0.5em;
    padding: 0 .5em
}

:root .highlight pre.chroma,
:root[color-theme=light] .highlight pre.chroma {
    margin: 0;
    width: 100%;
    overflow: auto;
    max-height: var(--code-max-height)
}

:root .chroma .lntable,
:root[color-theme=light] .chroma .lntable {
    border: 1px solid var(--code-accent-color);
    border-radius: .15rem;
    border-spacing: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    max-height: var(--code-max-height);
    overflow: auto
}

:root .chroma .lntable pre.chroma,
:root[color-theme=light] .chroma .lntable pre.chroma {
    max-height: none;
    border-radius: 0
}

:root .chroma .lntable td:first-child code,
:root[color-theme=light] .chroma .lntable td:first-child code {
    background-color: var(--code-accent-color-lite);
    border-right: 1px solid var(--code-accent-color);
    padding-left: 0;
    padding-right: 0;
    border-radius: 0
}

:root .chroma .lntable td:nth-child(2),
:root[color-theme=light] .chroma .lntable td:nth-child(2) {
    width: 100%;
    margin-left: 2em
}

:root .chroma .x,
:root[color-theme=light] .chroma .x {
    color: inherit
}

:root .chroma .err,
:root[color-theme=light] .chroma .err {
    color: #a61717;
    background-color: #e3d2d2
}

:root .chroma .lntd,
:root[color-theme=light] .chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0
}

:root .chroma .hl,
:root[color-theme=light] .chroma .hl {
    display: block;
    width: 100%;
    background-color: #ffc
}

:root .chroma .lnt,
:root[color-theme=light] .chroma .lnt {
    padding: 0 .8em
}

:root .chroma .ln,
:root[color-theme=light] .chroma .ln {
    margin-right: .4em;
    padding: 0 .4em 0 .4em
}

:root .chroma .k,
:root[color-theme=light] .chroma .k {
    color: #000;
    font-weight: bold
}

:root .chroma .kc,
:root[color-theme=light] .chroma .kc {
    color: #000;
    font-weight: bold
}

:root .chroma .kd,
:root[color-theme=light] .chroma .kd {
    color: #000;
    font-weight: bold
}

:root .chroma .kn,
:root[color-theme=light] .chroma .kn {
    color: #000;
    font-weight: bold
}

:root .chroma .kp,
:root[color-theme=light] .chroma .kp {
    color: #000;
    font-weight: bold
}

:root .chroma .kr,
:root[color-theme=light] .chroma .kr {
    color: #000;
    font-weight: bold
}

:root .chroma .kt,
:root[color-theme=light] .chroma .kt {
    color: #458;
    font-weight: bold
}

:root .chroma .n,
:root[color-theme=light] .chroma .n {
    color: inherit
}

:root .chroma .na,
:root[color-theme=light] .chroma .na {
    color: #006767
}

:root .chroma .nb,
:root[color-theme=light] .chroma .nb {
    color: #556165
}

:root .chroma .bp,
:root[color-theme=light] .chroma .bp {
    color: #676767
}

:root .chroma .nc,
:root[color-theme=light] .chroma .nc {
    color: #458;
    font-weight: bold
}

:root .chroma .no,
:root[color-theme=light] .chroma .no {
    color: #006767
}

:root .chroma .nd,
:root[color-theme=light] .chroma .nd {
    color: #3c5d5d;
    font-weight: bold
}

:root .chroma .ni,
:root[color-theme=light] .chroma .ni {
    color: purple
}

:root .chroma .ne,
:root[color-theme=light] .chroma .ne {
    color: #900;
    font-weight: bold
}

:root .chroma .nf,
:root[color-theme=light] .chroma .nf {
    color: #900;
    font-weight: bold
}

:root .chroma .fm,
:root[color-theme=light] .chroma .fm {
    color: inherit
}

:root .chroma .nl,
:root[color-theme=light] .chroma .nl {
    color: #900;
    font-weight: bold
}

:root .chroma .nn,
:root[color-theme=light] .chroma .nn {
    color: #555
}

:root .chroma .nx,
:root[color-theme=light] .chroma .nx {
    color: inherit
}

:root .chroma .py,
:root[color-theme=light] .chroma .py {
    color: inherit
}

:root .chroma .nt,
:root[color-theme=light] .chroma .nt {
    color: navy
}

:root .chroma .nv,
:root[color-theme=light] .chroma .nv {
    color: #006767
}

:root .chroma .vc,
:root[color-theme=light] .chroma .vc {
    color: #006767
}

:root .chroma .vg,
:root[color-theme=light] .chroma .vg {
    color: #006767
}

:root .chroma .vi,
:root[color-theme=light] .chroma .vi {
    color: #006767
}

:root .chroma .vm,
:root[color-theme=light] .chroma .vm {
    color: inherit
}

:root .chroma .l,
:root[color-theme=light] .chroma .l {
    color: inherit
}

:root .chroma .ld,
:root[color-theme=light] .chroma .ld {
    color: inherit
}

:root .chroma .s,
:root[color-theme=light] .chroma .s {
    color: #d14
}

:root .chroma .sa,
:root[color-theme=light] .chroma .sa {
    color: #d14
}

:root .chroma .sb,
:root[color-theme=light] .chroma .sb {
    color: #d14
}

:root .chroma .sc,
:root[color-theme=light] .chroma .sc {
    color: #d14
}

:root .chroma .dl,
:root[color-theme=light] .chroma .dl {
    color: #d14
}

:root .chroma .sd,
:root[color-theme=light] .chroma .sd {
    color: #d14
}

:root .chroma .s2,
:root[color-theme=light] .chroma .s2 {
    color: #d14
}

:root .chroma .se,
:root[color-theme=light] .chroma .se {
    color: #d14
}

:root .chroma .sh,
:root[color-theme=light] .chroma .sh {
    color: #d14
}

:root .chroma .si,
:root[color-theme=light] .chroma .si {
    color: #d14
}

:root .chroma .sx,
:root[color-theme=light] .chroma .sx {
    color: #d14
}

:root .chroma .sr,
:root[color-theme=light] .chroma .sr {
    color: #009926
}

:root .chroma .s1,
:root[color-theme=light] .chroma .s1 {
    color: #d14
}

:root .chroma .ss,
:root[color-theme=light] .chroma .ss {
    color: #990073
}

:root .chroma .m,
:root[color-theme=light] .chroma .m {
    color: #027e83
}

:root .chroma .mb,
:root[color-theme=light] .chroma .mb {
    color: #027e83
}

:root .chroma .mf,
:root[color-theme=light] .chroma .mf {
    color: #027e83
}

:root .chroma .mh,
:root[color-theme=light] .chroma .mh {
    color: #027e83
}

:root .chroma .mi,
:root[color-theme=light] .chroma .mi {
    color: #027e83
}

:root .chroma .il,
:root[color-theme=light] .chroma .il {
    color: #027e83
}

:root .chroma .mo,
:root[color-theme=light] .chroma .mo {
    color: #027e83
}

:root .chroma .o,
:root[color-theme=light] .chroma .o {
    color: #000;
    font-weight: bold
}

:root .chroma .ow,
:root[color-theme=light] .chroma .ow {
    color: #000;
    font-weight: bold
}

:root .chroma .p,
:root[color-theme=light] .chroma .p {
    color: inherit
}

:root .chroma .c,
:root[color-theme=light] .chroma .c {
    color: #676765;
    font-style: italic
}

:root .chroma .ch,
:root[color-theme=light] .chroma .ch {
    color: #676765;
    font-style: italic
}

:root .chroma .cm,
:root[color-theme=light] .chroma .cm {
    color: #676765;
    font-style: italic
}

:root .chroma .c1,
:root[color-theme=light] .chroma .c1 {
    color: #676765;
    font-style: italic
}

:root .chroma .cs,
:root[color-theme=light] .chroma .cs {
    color: #676767;
    font-weight: bold;
    font-style: italic
}

:root .chroma .cp,
:root[color-theme=light] .chroma .cp {
    color: #676767;
    font-weight: bold;
    font-style: italic
}

:root .chroma .cpf,
:root[color-theme=light] .chroma .cpf {
    color: #676767;
    font-weight: bold;
    font-style: italic
}

:root .chroma .g,
:root[color-theme=light] .chroma .g {
    color: inherit
}

:root .chroma .gd,
:root[color-theme=light] .chroma .gd {
    color: #000;
    background-color: #fdd
}

:root .chroma .ge,
:root[color-theme=light] .chroma .ge {
    color: #000;
    font-style: italic
}

:root .chroma .gr,
:root[color-theme=light] .chroma .gr {
    color: #a00
}

:root .chroma .gh,
:root[color-theme=light] .chroma .gh {
    color: #676767
}

:root .chroma .gi,
:root[color-theme=light] .chroma .gi {
    color: #000;
    background-color: #dfd
}

:root .chroma .go,
:root[color-theme=light] .chroma .go {
    color: #6f6f6f
}

:root .chroma .gp,
:root[color-theme=light] .chroma .gp {
    color: #555
}

:root .chroma .gs,
:root[color-theme=light] .chroma .gs {
    font-weight: bold
}

:root .chroma .gu,
:root[color-theme=light] .chroma .gu {
    color: #5f5f5f
}

:root .chroma .gt,
:root[color-theme=light] .chroma .gt {
    color: #a00
}

:root .chroma .gl,
:root[color-theme=light] .chroma .gl {
    text-decoration: underline
}

:root .chroma .w,
:root[color-theme=light] .chroma .w {
    color: #bbb
}


    :root {
        --code-max-height: none;
        --header-background: #ffffff;
        --header-font-color: #000000;
        --border-color: #EBEBEC;
        --alt-border-color: #C1C1C1;
        --alt-bg-color: rgba(232, 232, 232, 0.34);
        --page-header-font-color: rgba(15, 23, 39, 0.5);
        --page-header-font-color-current: rgb(43 43 43);
        --h3-font-color: rgba(15, 23, 39, 0.7);
        --h4-font-color: rgba(15, 23, 39, 0.7);
        --body-background: white;
        --body-font-color: rgb(15,23,39);
        --body-text-font-color: rgba(15, 23, 39, 0.7);
        --mark-color: rgb(255, 171, 0);
        --button-background: rgb(116 121 130);
        --button-border-color: rgb(116 121 130);
        --link-color: rgba(85, 143, 255, 1);
        --link-color-visited: rgba(85, 143, 255, 1);
        --link-border-color: rgba(85, 143, 255 ,0.4);
        --accent-color: rgb(237 240 241);
        --accent-color-lite: rgb(237 240 241);
        --control-icons: #b2bac1;
        --footer-background: #111111;
        --footer-font-color: rgb(255, 255, 255);
        --footer-link-color: rgb(255, 163, 30);
        --footer-link-color-visited: rgb(255, 163, 30);
        --code-background: #F9FBFC;
        --code-accent-color: #e3e7eb;
        --code-accent-color-lite: #eff1f3;
        --code-font-color: rgb(95, 95, 95);
        --code-copy-background: #F9FBFC;
        --code-copy-font-color: rgb(95, 95, 95);
        --code-copy-border-color: rgba(173, 180, 188, 0.616);
        --code-copy-success-color: rgb(0, 200, 83);
        --info-bg-color: rgba(241, 247, 255, 1);
        --danger-bg-color: rgba(255, 240, 231, 1);
        --warning-bg-color: rgba(255, 247, 231, 1);
        --tip-bg-color:rgba(231, 255, 241, 1);
        --hint-font-color: rgba(5, 24, 51, 1);
        --tab-label-bg: rgba(27, 27, 30, 0.04);
        --table-header-color: rgb(137 137 137);
        --table-border-color: rgb(220 220 220);
        --table-bg-color: rgb(249 249 249);
        --table-header-bg-color: white;
        --active-button-color: #0054FA;
        --feedback-bg-color:white;
        --feedback-shadow-color:rgba(18, 18, 23, 0.1);
        --feedback-border-color:#EBEBEC;
        --text-decoration-color: #d8d8d8;
        --info-color: #2580fd;
        --danger-color: #ef4b41;
        --warning-color: #efae35;
        --tip-color:#43bb50;
        --list-button-background: #ffffff;
        --bg-image: url(/bg.svg);
    }

    :root .dark-mode-dim .gdoc-markdown img {
        filter: none
    }

    :root .gdoc-markdown .gdoc-hint,
    :root .gdoc-markdown .gdoc-props__tag,
    :root .gdoc-markdown .admonitionblock {
        filter: none
    }

    :root .gdoc-markdown .gdoc-hint__title,
    :root .gdoc-markdown .admonitionblock table td:first-child {
        background-color: rgba(134, 142, 150, .05)
    }

    :root .chroma {
        color: var(--code-font-color)
    }

    :root .chroma .lntable td:nth-child(2) code .hl {
        width: auto;
        margin-left: -0.5em;
        padding: 0 .5em
    }

    :root .highlight pre.chroma {
        margin: 0;
        width: 100%;
        overflow: auto;
        max-height: var(--code-max-height)
    }

    :root .chroma .lntable {
        border: 1px solid var(--code-accent-color);
        border-radius: .15rem;
        border-spacing: 0;
        padding: 0;
        margin: 0;
        width: 100%;
        display: block;
        max-height: var(--code-max-height);
        overflow: auto
    }

    :root .chroma .lntable pre.chroma {
        max-height: none;
        border-radius: 0
    }

    :root .chroma .lntable td:first-child code {
        background-color: var(--code-accent-color-lite);
        border-right: 1px solid var(--code-accent-color);
        padding-left: 0;
        padding-right: 0;
        border-radius: 0
    }

    :root .chroma .lntable td:nth-child(2) {
        width: 100%;
        margin-left: 2em
    }

    :root .chroma .x {
        color: inherit
    }

    :root .chroma .err {
        color: #a61717;
        background-color: #e3d2d2
    }

    :root .chroma .lntd {
        vertical-align: top;
        padding: 0;
        margin: 0;
        border: 0
    }

    :root .chroma .hl {
        display: block;
        width: 100%;
        background-color: #ffc
    }

    :root .chroma .lnt {
        padding: 0 .8em
    }

    :root .chroma .ln {
        margin-right: .4em;
        padding: 0 .4em 0 .4em
    }

    :root .chroma .k {
        color: #000;
        font-weight: bold
    }

    :root .chroma .kc {
        color: #000;
        font-weight: bold
    }

    :root .chroma .kd {
        color: #000;
        font-weight: bold
    }

    :root .chroma .kn {
        color: #000;
        font-weight: bold
    }

    :root .chroma .kp {
        color: #000;
        font-weight: bold
    }

    :root .chroma .kr {
        color: #000;
        font-weight: bold
    }

    :root .chroma .kt {
        color: #458;
        font-weight: bold
    }

    :root .chroma .n {
        color: inherit
    }

    :root .chroma .na {
        color: #006767
    }

    :root .chroma .nb {
        color: #556165
    }

    :root .chroma .bp {
        color: #676767
    }

    :root .chroma .nc {
        color: #458;
        font-weight: bold
    }

    :root .chroma .no {
        color: #006767
    }

    :root .chroma .nd {
        color: #3c5d5d;
        font-weight: bold
    }

    :root .chroma .ni {
        color: purple
    }

    :root .chroma .ne {
        color: #900;
        font-weight: bold
    }

    :root .chroma .nf {
        color: #900;
        font-weight: bold
    }

    :root .chroma .fm {
        color: inherit
    }

    :root .chroma .nl {
        color: #900;
        font-weight: bold
    }

    :root .chroma .nn {
        color: #555
    }

    :root .chroma .nx {
        color: inherit
    }

    :root .chroma .py {
        color: inherit
    }

    :root .chroma .nt {
        color: navy
    }

    :root .chroma .nv {
        color: #006767
    }

    :root .chroma .vc {
        color: #006767
    }

    :root .chroma .vg {
        color: #006767
    }

    :root .chroma .vi {
        color: #006767
    }

    :root .chroma .vm {
        color: inherit
    }

    :root .chroma .l {
        color: inherit
    }

    :root .chroma .ld {
        color: inherit
    }

    :root .chroma .s {
        color: #d14
    }

    :root .chroma .sa {
        color: #d14
    }

    :root .chroma .sb {
        color: #d14
    }

    :root .chroma .sc {
        color: #d14
    }

    :root .chroma .dl {
        color: #d14
    }

    :root .chroma .sd {
        color: #d14
    }

    :root .chroma .s2 {
        color: #d14
    }

    :root .chroma .se {
        color: #d14
    }

    :root .chroma .sh {
        color: #d14
    }

    :root .chroma .si {
        color: #d14
    }

    :root .chroma .sx {
        color: #d14
    }

    :root .chroma .sr {
        color: #009926
    }

    :root .chroma .s1 {
        color: #d14
    }

    :root .chroma .ss {
        color: #990073
    }

    :root .chroma .m {
        color: #027e83
    }

    :root .chroma .mb {
        color: #027e83
    }

    :root .chroma .mf {
        color: #027e83
    }

    :root .chroma .mh {
        color: #027e83
    }

    :root .chroma .mi {
        color: #027e83
    }

    :root .chroma .il {
        color: #027e83
    }

    :root .chroma .mo {
        color: #027e83
    }

    :root .chroma .o {
        color: #000;
        font-weight: bold
    }

    :root .chroma .ow {
        color: #000;
        font-weight: bold
    }

    :root .chroma .p {
        color: inherit
    }

    :root .chroma .c {
        color: #676765;
        font-style: italic
    }

    :root .chroma .ch {
        color: #676765;
        font-style: italic
    }

    :root .chroma .cm {
        color: #676765;
        font-style: italic
    }

    :root .chroma .c1 {
        color: #676765;
        font-style: italic
    }

    :root .chroma .cs {
        color: #676767;
        font-weight: bold;
        font-style: italic
    }

    :root .chroma .cp {
        color: #676767;
        font-weight: bold;
        font-style: italic
    }

    :root .chroma .cpf {
        color: #676767;
        font-weight: bold;
        font-style: italic
    }

    :root .chroma .g {
        color: inherit
    }

    :root .chroma .gd {
        color: #000;
        background-color: #fdd
    }

    :root .chroma .ge {
        color: #000;
        font-style: italic
    }

    :root .chroma .gr {
        color: #a00
    }

    :root .chroma .gh {
        color: #676767
    }

    :root .chroma .gi {
        color: #000;
        background-color: #dfd
    }

    :root .chroma .go {
        color: #6f6f6f
    }

    :root .chroma .gp {
        color: #555
    }

    :root .chroma .gs {
        font-weight: bold
    }

    :root .chroma .gu {
        color: #5f5f5f
    }

    :root .chroma .gt {
        color: #a00
    }

    :root .chroma .gl {
        text-decoration: underline
    }

    :root .chroma .w {
        color: #bbb
    }