.giscus {
  margin-top: 2rem;
}

:is(html[data-mode], html:not([data-mode])) .highlight .c,
:is(html[data-mode], html:not([data-mode])) .highlight .c1,
:is(html[data-mode], html:not([data-mode])) .highlight .cm,
:is(html[data-mode], html:not([data-mode])) .highlight .cs {
  color: #2b652b;
}

:is(html[data-mode], html:not([data-mode])) .highlight .m,
:is(html[data-mode], html:not([data-mode])) .highlight .cp,
:is(html[data-mode], html:not([data-mode])) .highlight .cpf {
  color: #b8b8b8;
}

:is(html[data-mode], html:not([data-mode])) .highlight .m {
  color: #f17d44;
}

:is(html[data-mode], html:not([data-mode])) .highlight .s,
:is(html[data-mode], html:not([data-mode])) .highlight .s2,
:is(html[data-mode], html:not([data-mode])) .highlight .sa,
:is(html[data-mode], html:not([data-mode])) .highlight .sb,
:is(html[data-mode], html:not([data-mode])) .highlight .sc,
:is(html[data-mode], html:not([data-mode])) .highlight .sd,
:is(html[data-mode], html:not([data-mode])) .highlight .se,
:is(html[data-mode], html:not([data-mode])) .highlight .sh,
:is(html[data-mode], html:not([data-mode])) .highlight .si,
:is(html[data-mode], html:not([data-mode])) .highlight .ss,
:is(html[data-mode], html:not([data-mode])) .highlight .sx {
  color: #edf5a0;
}


:is(html[data-mode], html:not([data-mode])) .highlight .s,
:is(html[data-mode], html:not([data-mode])) .highlight .s1,
:is(html[data-mode], html:not([data-mode])) .highlight .sr,
:is(html[data-mode], html:not([data-mode])) .highlight .dl {
  color: #d38383;
}

:is(html[data-mode], html:not([data-mode])) .highlight .p {
  color: #cfcfcf;
}

:is(html[data-mode], html:not([data-mode])) .highlight .n{
  color: #91bb9d;
}

:is(html[data-mode], html:not([data-mode])) .highlight .nv,
:is(html[data-mode], html:not([data-mode])) .highlight .nx,
:is(html[data-mode], html:not([data-mode])) .highlight .py,
:is(html[data-mode], html:not([data-mode])) .highlight .bp,
:is(html[data-mode], html:not([data-mode])) .highlight .vc,
:is(html[data-mode], html:not([data-mode])) .highlight .vg,
:is(html[data-mode], html:not([data-mode])) .highlight .vi {
  color: #dfdfdf;
}

:is(html[data-mode], html:not([data-mode])) .highlight .nn {
  color: #dfdfdf;
}

:is(html[data-mode], html:not([data-mode])) .highlight .nt {
  color: #5582a3;
}

:is(html[data-mode], html:not([data-mode])) .highlight .na {
  color: #dfdfdf;
}

html:not([data-mode]), html[data-mode=dark] {
--code-color: #acacac;
}

:is(html[data-mode], html:not([data-mode])) .highlight .nc,
:is(html[data-mode], html:not([data-mode])) .highlight .fm {
  color: #55b995;
}

:is(html[data-mode], html:not([data-mode])) .highlight .nf {
  color: #b1b1b1;
}

:is(html[data-mode], html:not([data-mode])) .highlight .k,
:is(html[data-mode], html:not([data-mode])) .highlight .kc,
:is(html[data-mode], html:not([data-mode])) .highlight .kd,
:is(html[data-mode], html:not([data-mode])) .highlight .kn,
:is(html[data-mode], html:not([data-mode])) .highlight .kp,
:is(html[data-mode], html:not([data-mode])) .highlight .kr,
:is(html[data-mode], html:not([data-mode])) .highlight .kt,
:is(html[data-mode], html:not([data-mode])) .highlight .ow {
  color: #9d9a1f;
}