/*! 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;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-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-inline {
  display: inline-flex;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-25 {
  flex: 1 1 25%;
}
.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);
}
.flex-gap {
  flex-wrap: wrap;
  gap: 1rem;
}
.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;
}
.text-right {
  text-align: right;
}
.no-wrap {
  white-space: nowrap;
}
.hidden {
  display: none !important;
}
.svg-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.table-wrap {
  overflow: auto;
  margin: 1rem 0;
}
.table-wrap > table {
  margin: 0 !important;
}
@font-face {
  font-family: "Liberation Sans";
  src: url("fonts/LiberationSans-Bold.woff2") format("woff2"),
    url("fonts/LiberationSans-Bold.woff") format("woff");
  font-weight: bold;
  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: bold;
  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: normal;
  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: normal;
  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: normal;
  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: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "GeekblogIcons";
  src: url("fonts/GeekblogIcons.woff2") format("woff2"),
    url("fonts/GeekblogIcons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: var(--body-font-family);
}
code,
.gblog-error__title {
  font-family: var(--code-font-family);
}
.gblog-header {
  font-family: var(--header-font-family);
}
:root {
  --code-max-height: none;
  --header-font-family: "Metropolis", sans-serif;
  --body-font-family: "Liberation Sans", sans-serif;
  --code-font-family: "Liberation Mono", monospace;
}
:root,
:root[color-theme="light"] {
  --header-background: rgb(32, 83, 117);
  --header-font-color: rgb(255, 255, 255);
  --body-background: white;
  --body-font-color: rgb(52, 58, 64);
  --mark-color: rgb(255, 171, 0);
  --button-background: rgb(43.6295302013, 113.1640939597, 159.5204697987);
  --button-border-color: rgb(32, 83, 117);
  --link-color: rgb(10, 83, 154);
  --link-color-visited: rgb(119, 73, 191);
  --hint-link-color: rgb(10, 83, 154);
  --hint-link-color-visited: rgb(119, 73, 191);
  --accent-color-dark: rgb(206, 212, 218);
  --accent-color: rgb(233, 236, 239);
  --accent-color-lite: rgb(248, 249, 250);
  --control-icons: rgb(124.5724137931, 136.8, 149.0275862069);
  --footer-background: rgb(17, 43, 60);
  --footer-font-color: rgb(255, 255, 255);
  --footer-link-color: rgb(246, 107, 14);
  --footer-link-color-visited: rgb(246, 107, 14);
}
:root .dark-mode-dim .gblog-markdown img,
:root[color-theme="light"] .dark-mode-dim .gblog-markdown img {
  filter: none;
}
:root .gblog-markdown .gblog-hint,
:root[color-theme="light"] .gblog-markdown .gblog-hint {
  filter: none;
}
: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 0.5em;
}
:root .highlight pre.chroma,
:root[color-theme="light"] .highlight pre.chroma {
  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: 0.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;
  margin: 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: 2rem;
}
: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 0.8em;
}
:root .chroma .ln,
:root[color-theme="light"] .chroma .ln {
  margin-right: 0.4em;
  padding: 0 0.4em 0 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,
:root[color-theme="light"] {
  --code-background: rgb(248, 249, 250);
  --code-accent-color: rgb(117.275, 136.95, 156.625);
  --code-accent-color-lite: rgb(204.425, 211.65, 218.875);
  --code-font-color: rgb(95, 95, 95);
  --code-copy-background: rgb(248, 249, 250);
  --code-copy-font-color: #7f7f7f;
  --code-copy-border-color: #9f9f9f;
  --code-copy-success-color: rgb(0, 200, 83);
}
@media (prefers-color-scheme: light) {
  :root {
    --header-background: rgb(32, 83, 117);
    --header-font-color: rgb(255, 255, 255);
    --body-background: white;
    --body-font-color: rgb(52, 58, 64);
    --mark-color: rgb(255, 171, 0);
    --button-background: rgb(43.6295302013, 113.1640939597, 159.5204697987);
    --button-border-color: rgb(32, 83, 117);
    --link-color: rgb(10, 83, 154);
    --link-color-visited: rgb(119, 73, 191);
    --hint-link-color: rgb(10, 83, 154);
    --hint-link-color-visited: rgb(119, 73, 191);
    --accent-color-dark: rgb(206, 212, 218);
    --accent-color: rgb(233, 236, 239);
    --accent-color-lite: rgb(248, 249, 250);
    --control-icons: rgb(124.5724137931, 136.8, 149.0275862069);
    --footer-background: rgb(17, 43, 60);
    --footer-font-color: rgb(255, 255, 255);
    --footer-link-color: rgb(246, 107, 14);
    --footer-link-color-visited: rgb(246, 107, 14);
  }
  :root .dark-mode-dim .gblog-markdown img {
    filter: none;
  }
  :root .gblog-markdown .gblog-hint {
    filter: none;
  }
  :root .chroma {
    color: var(--code-font-color);
  }
  :root .chroma .lntable td:nth-child(2) code .hl {
    width: auto;
    margin-left: -0.5em;
    padding: 0 0.5em;
  }
  :root .highlight pre.chroma {
    width: 100%;
    overflow: auto;
    max-height: var(--code-max-height);
  }
  :root .chroma .lntable {
    border: 1px solid var(--code-accent-color);
    border-radius: 0.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;
    margin: 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: 2rem;
  }
  :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 0.8em;
  }
  :root .chroma .ln {
    margin-right: 0.4em;
    padding: 0 0.4em 0 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;
  }
  :root {
    --code-background: rgb(248, 249, 250);
    --code-accent-color: rgb(117.275, 136.95, 156.625);
    --code-accent-color-lite: rgb(204.425, 211.65, 218.875);
    --code-font-color: rgb(95, 95, 95);
    --code-copy-background: rgb(248, 249, 250);
    --code-copy-font-color: #7f7f7f;
    --code-copy-border-color: #9f9f9f;
    --code-copy-success-color: rgb(0, 200, 83);
  }
}
:root[color-theme="dark"] {
  --header-background: rgb(32, 83, 117);
  --header-font-color: rgb(255, 255, 255);
  --body-background: rgb(40.375, 53.375, 61.875);
  --body-font-color: rgb(180.9769254279, 196.5292481663, 206.6980745721);
  --mark-color: rgb(255, 171, 0);
  --button-background: rgb(43.6295302013, 113.1640939597, 159.5204697987);
  --button-border-color: rgb(32, 83, 117);
  --link-color: rgb(110, 168, 212);
  --link-color-visited: rgb(186, 142, 240);
  --hint-link-color: rgb(10, 83, 154);
  --hint-link-color-visited: rgb(119, 73, 191);
  --accent-color-dark: rgb(16.15, 21.35, 24.75);
  --accent-color: rgb(28.2625, 37.3625, 43.3125);
  --accent-color-lite: rgb(34.31875, 45.36875, 52.59375);
  --control-icons: rgb(124.5724137931, 136.8, 149.0275862069);
  --footer-background: rgb(17, 43, 60);
  --footer-font-color: rgb(255, 255, 255);
  --footer-link-color: rgb(246, 107, 14);
  --footer-link-color-visited: rgb(246, 107, 14);
}
:root[color-theme="dark"] .dark-mode-dim .gblog-post__feature picture,
:root[color-theme="dark"] .dark-mode-dim .gblog-markdown img {
  filter: brightness(0.75) grayscale(0.2);
}
:root[color-theme="dark"] .gblog-markdown .gblog-hint,
:root[color-theme="dark"] .gblog-markdown .admonitionblock {
  filter: saturate(2.5) brightness(0.85);
}
:root[color-theme="dark"] .gblog-markdown .gblog-hint a,
:root[color-theme="dark"] .gblog-markdown .admonitionblock a {
  color: var(--hint-link-color);
}
:root[color-theme="dark"] .gblog-markdown .gblog-hint a:hover,
:root[color-theme="dark"] .gblog-markdown .admonitionblock a:hover {
  background: var(--hint-link-color);
  color: #f8f9fa;
}
:root[color-theme="dark"] .gblog-markdown .gblog-hint a:visited,
:root[color-theme="dark"] .gblog-markdown .admonitionblock a:visited {
  color: var(--hint-link-color-visited);
}
:root[color-theme="dark"] .gblog-markdown .gblog-hint a:visited:hover,
:root[color-theme="dark"] .gblog-markdown .admonitionblock a:visited:hover {
  background: var(--hint-link-color-visited);
  color: #f8f9fa;
}
:root[color-theme="dark"] .gblog-markdown .gblog-hint__title,
:root[color-theme="dark"]
  .gblog-markdown
  .admonitionblock
  table
  td:first-child {
  background-color: rgba(134, 142, 150, 0.15);
}
:root[color-theme="dark"] .chroma {
  color: var(--code-font-color);
}
:root[color-theme="dark"] .chroma .lntable td:nth-child(2) code .hl {
  width: auto;
  margin-left: -0.5em;
  padding: 0 0.5em;
}
:root[color-theme="dark"] .highlight pre.chroma {
  width: 100%;
  overflow: auto;
  max-height: var(--code-max-height);
}
:root[color-theme="dark"] .chroma .lntable {
  border: 1px solid var(--code-accent-color);
  border-radius: 0.15rem;
  border-spacing: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  max-height: var(--code-max-height);
  overflow: auto;
}
:root[color-theme="dark"] .chroma .lntable pre.chroma {
  max-height: none;
  border-radius: 0;
  margin: 0;
}
:root[color-theme="dark"] .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[color-theme="dark"] .chroma .lntable td:nth-child(2) {
  width: 100%;
  margin-left: 2rem;
}
:root[color-theme="dark"] .chroma .x {
  color: inherit;
}
:root[color-theme="dark"] .chroma .err {
  color: inherit;
}
:root[color-theme="dark"] .chroma .lntd {
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: 0;
}
:root[color-theme="dark"] .chroma .hl {
  display: block;
  width: 100%;
  background-color: #4f1605;
}
:root[color-theme="dark"] .chroma .lnt {
  padding: 0 0.8em;
}
:root[color-theme="dark"] .chroma .ln {
  margin-right: 0.4em;
  padding: 0 0.4em 0 0.4em;
  color: #b3b3b3;
}
:root[color-theme="dark"] .chroma .k {
  color: #ff79c6;
}
:root[color-theme="dark"] .chroma .kc {
  color: #ff79c6;
}
:root[color-theme="dark"] .chroma .kd {
  color: #8be9fd;
  font-style: italic;
}
:root[color-theme="dark"] .chroma .kn {
  color: #ff79c6;
}
:root[color-theme="dark"] .chroma .kp {
  color: #ff79c6;
}
:root[color-theme="dark"] .chroma .kr {
  color: #ff79c6;
}
:root[color-theme="dark"] .chroma .kt {
  color: #8be9fd;
}
:root[color-theme="dark"] .chroma .n {
  color: inherit;
}
:root[color-theme="dark"] .chroma .na {
  color: #50fa7b;
}
:root[color-theme="dark"] .chroma .nb {
  color: #8be9fd;
  font-style: italic;
}
:root[color-theme="dark"] .chroma .bp {
  color: inherit;
}
:root[color-theme="dark"] .chroma .nc {
  color: #50fa7b;
}
:root[color-theme="dark"] .chroma .no {
  color: inherit;
}
:root[color-theme="dark"] .chroma .nd {
  color: inherit;
}
:root[color-theme="dark"] .chroma .ni {
  color: inherit;
}
:root[color-theme="dark"] .chroma .ne {
  color: inherit;
}
:root[color-theme="dark"] .chroma .nf {
  color: #50fa7b;
}
:root[color-theme="dark"] .chroma .fm {
  color: inherit;
}
:root[color-theme="dark"] .chroma .nl {
  color: #8be9fd;
  font-style: italic;
}
:root[color-theme="dark"] .chroma .nn {
  color: inherit;
}
:root[color-theme="dark"] .chroma .nx {
  color: inherit;
}
:root[color-theme="dark"] .chroma .py {
  color: inherit;
}
:root[color-theme="dark"] .chroma .nt {
  color: #ff79c6;
}
:root[color-theme="dark"] .chroma .nv {
  color: #8be9fd;
  font-style: italic;
}
:root[color-theme="dark"] .chroma .vc {
  color: #8be9fd;
  font-style: italic;
}
:root[color-theme="dark"] .chroma .vg {
  color: #8be9fd;
  font-style: italic;
}
:root[color-theme="dark"] .chroma .vi {
  color: #8be9fd;
  font-style: italic;
}
:root[color-theme="dark"] .chroma .vm {
  color: inherit;
}
:root[color-theme="dark"] .chroma .l {
  color: inherit;
}
:root[color-theme="dark"] .chroma .ld {
  color: inherit;
}
:root[color-theme="dark"] .chroma .s {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .sa {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .sb {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .sc {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .dl {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .sd {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .s2 {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .se {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .sh {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .si {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .sx {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .sr {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .s1 {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .ss {
  color: #f1fa8c;
}
:root[color-theme="dark"] .chroma .m {
  color: #bd93f9;
}
:root[color-theme="dark"] .chroma .mb {
  color: #bd93f9;
}
:root[color-theme="dark"] .chroma .mf {
  color: #bd93f9;
}
:root[color-theme="dark"] .chroma .mh {
  color: #bd93f9;
}
:root[color-theme="dark"] .chroma .mi {
  color: #bd93f9;
}
:root[color-theme="dark"] .chroma .il {
  color: #bd93f9;
}
:root[color-theme="dark"] .chroma .mo {
  color: #bd93f9;
}
:root[color-theme="dark"] .chroma .o {
  color: #ff79c6;
}
:root[color-theme="dark"] .chroma .ow {
  color: #ff79c6;
}
:root[color-theme="dark"] .chroma .p {
  color: inherit;
}
:root[color-theme="dark"] .chroma .c {
  color: #96a6d8;
}
:root[color-theme="dark"] .chroma .ch {
  color: #96a6d8;
}
:root[color-theme="dark"] .chroma .cm {
  color: #96a6d8;
}
:root[color-theme="dark"] .chroma .c1 {
  color: #96a6d8;
}
:root[color-theme="dark"] .chroma .cs {
  color: #96a6d8;
}
:root[color-theme="dark"] .chroma .cp {
  color: #ff79c6;
}
:root[color-theme="dark"] .chroma .cpf {
  color: #ff79c6;
}
:root[color-theme="dark"] .chroma .g {
  color: inherit;
}
:root[color-theme="dark"] .chroma .gd {
  color: #d98f90;
}
:root[color-theme="dark"] .chroma .ge {
  text-decoration: underline;
}
:root[color-theme="dark"] .chroma .gr {
  color: inherit;
}
:root[color-theme="dark"] .chroma .gh {
  font-weight: bold;
  color: inherit;
}
:root[color-theme="dark"] .chroma .gi {
  font-weight: bold;
}
:root[color-theme="dark"] .chroma .go {
  color: #8f9ea8;
}
:root[color-theme="dark"] .chroma .gp {
  color: inherit;
}
:root[color-theme="dark"] .chroma .gs {
  color: inherit;
}
:root[color-theme="dark"] .chroma .gu {
  font-weight: bold;
}
:root[color-theme="dark"] .chroma .gt {
  color: inherit;
}
:root[color-theme="dark"] .chroma .gl {
  text-decoration: underline;
}
:root[color-theme="dark"] .chroma .w {
  color: inherit;
}
:root[color-theme="dark"] {
  --code-background: rgb(34.31875, 45.36875, 52.59375);
  --code-accent-color: rgb(24.023125, 31.758125, 36.815625);
  --code-accent-color-lite: rgb(29.1709375, 38.5634375, 44.7046875);
  --code-font-color: rgb(185, 185, 185);
  --code-copy-background: rgb(34.31875, 45.36875, 52.59375);
  --code-copy-font-color: rgb(157.25, 157.25, 157.25);
  --code-copy-border-color: #949494;
  --code-copy-success-color: rgba(0, 200, 83, 0.45);
}
:root[code-theme="dark"] .chroma {
  color: var(--code-font-color);
}
:root[code-theme="dark"] .chroma .lntable td:nth-child(2) code .hl {
  width: auto;
  margin-left: -0.5em;
  padding: 0 0.5em;
}
:root[code-theme="dark"] .highlight pre.chroma {
  width: 100%;
  overflow: auto;
  max-height: var(--code-max-height);
}
:root[code-theme="dark"] .chroma .lntable {
  border: 1px solid var(--code-accent-color);
  border-radius: 0.15rem;
  border-spacing: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  max-height: var(--code-max-height);
  overflow: auto;
}
:root[code-theme="dark"] .chroma .lntable pre.chroma {
  max-height: none;
  border-radius: 0;
  margin: 0;
}
:root[code-theme="dark"] .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[code-theme="dark"] .chroma .lntable td:nth-child(2) {
  width: 100%;
  margin-left: 2rem;
}
:root[code-theme="dark"] .chroma .x {
  color: inherit;
}
:root[code-theme="dark"] .chroma .err {
  color: inherit;
}
:root[code-theme="dark"] .chroma .lntd {
  vertical-align: top;
  padding: 0;
  margin: 0;
  border: 0;
}
:root[code-theme="dark"] .chroma .hl {
  display: block;
  width: 100%;
  background-color: #4f1605;
}
:root[code-theme="dark"] .chroma .lnt {
  padding: 0 0.8em;
}
:root[code-theme="dark"] .chroma .ln {
  margin-right: 0.4em;
  padding: 0 0.4em 0 0.4em;
  color: #b3b3b3;
}
:root[code-theme="dark"] .chroma .k {
  color: #ff79c6;
}
:root[code-theme="dark"] .chroma .kc {
  color: #ff79c6;
}
:root[code-theme="dark"] .chroma .kd {
  color: #8be9fd;
  font-style: italic;
}
:root[code-theme="dark"] .chroma .kn {
  color: #ff79c6;
}
:root[code-theme="dark"] .chroma .kp {
  color: #ff79c6;
}
:root[code-theme="dark"] .chroma .kr {
  color: #ff79c6;
}
:root[code-theme="dark"] .chroma .kt {
  color: #8be9fd;
}
:root[code-theme="dark"] .chroma .n {
  color: inherit;
}
:root[code-theme="dark"] .chroma .na {
  color: #50fa7b;
}
:root[code-theme="dark"] .chroma .nb {
  color: #8be9fd;
  font-style: italic;
}
:root[code-theme="dark"] .chroma .bp {
  color: inherit;
}
:root[code-theme="dark"] .chroma .nc {
  color: #50fa7b;
}
:root[code-theme="dark"] .chroma .no {
  color: inherit;
}
:root[code-theme="dark"] .chroma .nd {
  color: inherit;
}
:root[code-theme="dark"] .chroma .ni {
  color: inherit;
}
:root[code-theme="dark"] .chroma .ne {
  color: inherit;
}
:root[code-theme="dark"] .chroma .nf {
  color: #50fa7b;
}
:root[code-theme="dark"] .chroma .fm {
  color: inherit;
}
:root[code-theme="dark"] .chroma .nl {
  color: #8be9fd;
  font-style: italic;
}
:root[code-theme="dark"] .chroma .nn {
  color: inherit;
}
:root[code-theme="dark"] .chroma .nx {
  color: inherit;
}
:root[code-theme="dark"] .chroma .py {
  color: inherit;
}
:root[code-theme="dark"] .chroma .nt {
  color: #ff79c6;
}
:root[code-theme="dark"] .chroma .nv {
  color: #8be9fd;
  font-style: italic;
}
:root[code-theme="dark"] .chroma .vc {
  color: #8be9fd;
  font-style: italic;
}
:root[code-theme="dark"] .chroma .vg {
  color: #8be9fd;
  font-style: italic;
}
:root[code-theme="dark"] .chroma .vi {
  color: #8be9fd;
  font-style: italic;
}
:root[code-theme="dark"] .chroma .vm {
  color: inherit;
}
:root[code-theme="dark"] .chroma .l {
  color: inherit;
}
:root[code-theme="dark"] .chroma .ld {
  color: inherit;
}
:root[code-theme="dark"] .chroma .s {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .sa {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .sb {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .sc {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .dl {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .sd {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .s2 {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .se {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .sh {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .si {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .sx {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .sr {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .s1 {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .ss {
  color: #f1fa8c;
}
:root[code-theme="dark"] .chroma .m {
  color: #bd93f9;
}
:root[code-theme="dark"] .chroma .mb {
  color: #bd93f9;
}
:root[code-theme="dark"] .chroma .mf {
  color: #bd93f9;
}
:root[code-theme="dark"] .chroma .mh {
  color: #bd93f9;
}
:root[code-theme="dark"] .chroma .mi {
  color: #bd93f9;
}
:root[code-theme="dark"] .chroma .il {
  color: #bd93f9;
}
:root[code-theme="dark"] .chroma .mo {
  color: #bd93f9;
}
:root[code-theme="dark"] .chroma .o {
  color: #ff79c6;
}
:root[code-theme="dark"] .chroma .ow {
  color: #ff79c6;
}
:root[code-theme="dark"] .chroma .p {
  color: inherit;
}
:root[code-theme="dark"] .chroma .c {
  color: #96a6d8;
}
:root[code-theme="dark"] .chroma .ch {
  color: #96a6d8;
}
:root[code-theme="dark"] .chroma .cm {
  color: #96a6d8;
}
:root[code-theme="dark"] .chroma .c1 {
  color: #96a6d8;
}
:root[code-theme="dark"] .chroma .cs {
  color: #96a6d8;
}
:root[code-theme="dark"] .chroma .cp {
  color: #ff79c6;
}
:root[code-theme="dark"] .chroma .cpf {
  color: #ff79c6;
}
:root[code-theme="dark"] .chroma .g {
  color: inherit;
}
:root[code-theme="dark"] .chroma .gd {
  color: #d98f90;
}
:root[code-theme="dark"] .chroma .ge {
  text-decoration: underline;
}
:root[code-theme="dark"] .chroma .gr {
  color: inherit;
}
:root[code-theme="dark"] .chroma .gh {
  font-weight: bold;
  color: inherit;
}
:root[code-theme="dark"] .chroma .gi {
  font-weight: bold;
}
:root[code-theme="dark"] .chroma .go {
  color: #8f9ea8;
}
:root[code-theme="dark"] .chroma .gp {
  color: inherit;
}
:root[code-theme="dark"] .chroma .gs {
  color: inherit;
}
:root[code-theme="dark"] .chroma .gu {
  font-weight: bold;
}
:root[code-theme="dark"] .chroma .gt {
  color: inherit;
}
:root[code-theme="dark"] .chroma .gl {
  text-decoration: underline;
}
:root[code-theme="dark"] .chroma .w {
  color: inherit;
}
:root[code-theme="dark"] {
  --code-background: rgb(34.31875, 45.36875, 52.59375);
  --code-accent-color: rgb(24.023125, 31.758125, 36.815625);
  --code-accent-color-lite: rgb(29.1709375, 38.5634375, 44.7046875);
  --code-font-color: rgb(185, 185, 185);
  --code-copy-background: rgb(34.31875, 45.36875, 52.59375);
  --code-copy-font-color: rgb(157.25, 157.25, 157.25);
  --code-copy-border-color: #949494;
  --code-copy-success-color: rgba(0, 200, 83, 0.45);
}
@media (prefers-color-scheme: dark) {
  :root {
    --header-background: rgb(32, 83, 117);
    --header-font-color: rgb(255, 255, 255);
    --body-background: rgb(40.375, 53.375, 61.875);
    --body-font-color: rgb(180.9769254279, 196.5292481663, 206.6980745721);
    --mark-color: rgb(255, 171, 0);
    --button-background: rgb(43.6295302013, 113.1640939597, 159.5204697987);
    --button-border-color: rgb(32, 83, 117);
    --link-color: rgb(110, 168, 212);
    --link-color-visited: rgb(186, 142, 240);
    --hint-link-color: rgb(10, 83, 154);
    --hint-link-color-visited: rgb(119, 73, 191);
    --accent-color-dark: rgb(16.15, 21.35, 24.75);
    --accent-color: rgb(28.2625, 37.3625, 43.3125);
    --accent-color-lite: rgb(34.31875, 45.36875, 52.59375);
    --control-icons: rgb(124.5724137931, 136.8, 149.0275862069);
    --footer-background: rgb(17, 43, 60);
    --footer-font-color: rgb(255, 255, 255);
    --footer-link-color: rgb(246, 107, 14);
    --footer-link-color-visited: rgb(246, 107, 14);
  }
  :root .dark-mode-dim .gblog-post__feature picture,
  :root .dark-mode-dim .gblog-markdown img {
    filter: brightness(0.75) grayscale(0.2);
  }
  :root .gblog-markdown .gblog-hint,
  :root .gblog-markdown .admonitionblock {
    filter: saturate(2.5) brightness(0.85);
  }
  :root .gblog-markdown .gblog-hint a,
  :root .gblog-markdown .admonitionblock a {
    color: var(--hint-link-color);
  }
  :root .gblog-markdown .gblog-hint a:hover,
  :root .gblog-markdown .admonitionblock a:hover {
    background: var(--hint-link-color);
    color: #f8f9fa;
  }
  :root .gblog-markdown .gblog-hint a:visited,
  :root .gblog-markdown .admonitionblock a:visited {
    color: var(--hint-link-color-visited);
  }
  :root .gblog-markdown .gblog-hint a:visited:hover,
  :root .gblog-markdown .admonitionblock a:visited:hover {
    background: var(--hint-link-color-visited);
    color: #f8f9fa;
  }
  :root .gblog-markdown .gblog-hint__title,
  :root .gblog-markdown .admonitionblock table td:first-child {
    background-color: rgba(134, 142, 150, 0.15);
  }
  :root .chroma {
    color: var(--code-font-color);
  }
  :root .chroma .lntable td:nth-child(2) code .hl {
    width: auto;
    margin-left: -0.5em;
    padding: 0 0.5em;
  }
  :root .highlight pre.chroma {
    width: 100%;
    overflow: auto;
    max-height: var(--code-max-height);
  }
  :root .chroma .lntable {
    border: 1px solid var(--code-accent-color);
    border-radius: 0.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;
    margin: 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: 2rem;
  }
  :root .chroma .x {
    color: inherit;
  }
  :root .chroma .err {
    color: inherit;
  }
  :root .chroma .lntd {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border: 0;
  }
  :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: bold;
    color: inherit;
  }
  :root .chroma .gi {
    font-weight: bold;
  }
  :root .chroma .go {
    color: #8f9ea8;
  }
  :root .chroma .gp {
    color: inherit;
  }
  :root .chroma .gs {
    color: inherit;
  }
  :root .chroma .gu {
    font-weight: bold;
  }
  :root .chroma .gt {
    color: inherit;
  }
  :root .chroma .gl {
    text-decoration: underline;
  }
  :root .chroma .w {
    color: inherit;
  }
  :root {
    --code-background: rgb(34.31875, 45.36875, 52.59375);
    --code-accent-color: rgb(24.023125, 31.758125, 36.815625);
    --code-accent-color-lite: rgb(29.1709375, 38.5634375, 44.7046875);
    --code-font-color: rgb(185, 185, 185);
    --code-copy-background: rgb(34.31875, 45.36875, 52.59375);
    --code-copy-font-color: rgb(157.25, 157.25, 157.25);
    --code-copy-border-color: #949494;
    --code-copy-success-color: rgba(0, 200, 83, 0.45);
  }
}
html {
  font-size: 18px;
  letter-spacing: 0.33px;
  scroll-behavior: smooth;
}
html.color-toggle-hidden #gblog-color-theme {
  display: none;
}
html.color-toggle-light #gblog-color-theme .gblog_brightness_light {
  display: inline-block;
}
html.color-toggle-light #gblog-color-theme .gblog_brightness_auto,
html.color-toggle-light #gblog-color-theme .gblog_brightness_dark {
  display: none;
}
html.color-toggle-dark #gblog-color-theme .gblog_brightness_dark {
  display: inline-block;
}
html.color-toggle-dark #gblog-color-theme .gblog_brightness_auto,
html.color-toggle-dark #gblog-color-theme .gblog_brightness_light {
  display: none;
}
html.color-toggle-auto #gblog-color-theme .gblog_brightness_light {
  display: none;
}
html.color-toggle-auto #gblog-color-theme .gblog_brightness_dark {
  display: none;
}
html.color-toggle-auto #gblog-color-theme .gblog_brightness_auto {
  display: inline-block;
}
html,
body {
  min-width: 20rem;
  overflow-x: hidden;
}
body {
  color: var(--body-font-color);
  background: var(--body-background);
  font-weight: normal;
  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: normal;
  display: flex;
  align-items: center;
}
h4,
h5,
h6 {
  font-size: 1rem !important;
}
a {
  text-decoration: underline;
  color: var(--link-color);
}
a:hover {
  background: var(--link-color);
  color: #f8f9fa;
  text-decoration: none;
}
a:visited {
  color: var(--link-color-visited);
}
a:visited:hover {
  background: var(--link-color-visited);
  color: #f8f9fa;
}
i.gblog-icon {
  font-family: "GeekblogIcons";
  font-style: normal;
}
img {
  vertical-align: middle;
}
#gblog-color-theme {
  cursor: pointer;
}
#gblog-color-theme svg.gblog-icon {
  width: 2.5rem;
  height: 2.5rem;
}
.fake-link {
  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;
}
.container {
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
  padding: 1.25rem;
}
svg.gblog-icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  position: relative;
}
.gblog-header {
  background: var(--header-background);
  color: var(--header-font-color);
  padding: 1rem 0;
}
.gblog-header__col-1,
.gblog-header__col-3 {
  flex: 1 1 15%;
}
.gblog-header__col-2 {
  flex: 1 1 70%;
}
.gblog-header__link,
.gblog-header__link:visited {
  color: inherit;
  text-decoration: none;
}
.gblog-header__link:hover {
  background: none;
}
.gblog-brand {
  font-size: 2rem;
}
.gblog-brand__subtitle {
  margin-top: 1rem;
  font-size: 1.25rem;
  font-weight: bolder;
}
.gblog-brand__img {
  margin-right: 1rem;
  width: 2rem;
  height: 2rem;
}
.gblog-nav {
  background: #112b3c;
  color: #f8f9fa;
  min-height: 0.25rem;
}
.gblog-nav .container {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.gblog-nav li {
  display: inline-block;
}
.gblog-nav__entry {
  line-height: 1.5rem;
  color: #f8f9fa;
  text-decoration: none;
  padding: 0.25rem 0.5rem;
  border: 1px solid;
  border-radius: 0.15rem;
  display: inline-block;
  margin: 0.25rem;
}
.gblog-nav__entry:hover,
.gblog-nav__entry.is-active,
.gblog-nav__entry:visited:hover {
  background: rgb(26.5597402597, 67.1805194805, 93.7402597403);
}
.gblog-nav__entry:visited {
  color: inherit;
}
.gblog-nav__control {
  display: none;
}
.gblog-nav__control label:hover {
  cursor: pointer;
}
.gblog-nav__control svg.gblog-icon {
  margin-right: 0.25rem;
}
.gblog-nav__control svg.gblog-icon.gblog_menu {
  display: inline-block;
}
.gblog-nav__control svg.gblog-icon.gblog_clear {
  display: none;
}
.gblog-page {
  min-width: 20rem;
  flex-grow: 1;
}
.gblog-post {
  word-wrap: break-word;
  border-top: 1.5px dashed var(--accent-color-dark);
  padding: 2rem 0;
}
.gblog-post__title {
  margin-top: 0;
}
.gblog-post__title a,
.gblog-post__title a:visited {
  color: inherit;
  text-decoration: none;
}
.gblog-post__title a:hover {
  background: none;
  text-decoration: underline;
  color: var(--body-font-color) !important;
}
.gblog-post:first-child {
  border-top: 0;
}
.gblog-post__readmore {
  margin: 2rem 0;
}
.gblog-post__readmore a:visited {
  color: var(--link-color);
}
.gblog-post__readmore a:hover,
.gblog-post__readmore a:visited:hover {
  background: var(--link-color);
  color: #f8f9fa;
}
.gblog-post__anchorwrap {
  gap: 0.5em;
}
.gblog-post__anchorwrap:hover .gblog-post__anchor svg.gblog-icon {
  color: var(--control-icons);
}
.gblog-post__anchor svg.gblog-icon {
  width: 1.85em;
  height: 1.85em;
  color: rgba(0, 0, 0, 0);
}
.gblog-post__anchor:hover,
.gblog-post__anchor:visited:hover,
.gblog-post__anchor:focus svg.gblog-icon {
  color: var(--control-icons);
  background: none;
}
.gblog-post__feature {
  position: relative;
  margin-bottom: 2rem;
}
.gblog-post__feature img {
  width: 100%;
  min-height: 180px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  border-radius: 0.15rem;
}
.gblog-post__feature span {
  background: #343a40;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.25rem 0.5rem;
  color: #f8f9fa;
  border-radius: 0.15rem 0;
}
.gblog-post__feature a {
  text-decoration: none;
  color: #6ea8d4;
}
.gblog-post__feature a:hover {
  text-decoration: underline;
  background: none;
}
.gblog-post__feature a:visited,
.gblog-post__feature a:visited:hover {
  color: #6ea8d4;
}
.gblog-post__meta span svg.gblog-icon {
  margin-left: -5px;
}
.gblog-post__meta > span {
  margin: 0.25rem 0;
}
.gblog-post__meta > span:not(:last-child) {
  margin-right: 0.5rem;
}
.gblog-post__meta svg.gblog-icon {
  font-size: 1.25rem;
}
.gblog-post__meta .gblog-button {
  margin: 0 0.125rem 0 0;
}
.gblog-post__meta--head {
  margin-bottom: 2rem;
}
.gblog-post__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;
}
.gblog-post__figure--round,
.gblog-post__figure--round img {
  border-radius: 50% !important;
}
.gblog-post__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;
}
.gblog-post__figure img {
  max-width: 100%;
  height: auto;
}
.gblog-post__codecontainer {
  position: relative;
}
.gblog-post__codecontainer:hover > .gblog-post__codecopy {
  visibility: visible;
}
.gblog-post__codecopy {
  visibility: hidden;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  border: 1.5px solid var(--code-copy-border-color);
  border-radius: 0.15rem;
  background: var(--code-copy-background);
  width: 2rem;
  height: 2rem;
}
.gblog-post__codecopy svg.gblog-icon {
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--code-copy-font-color);
}
.gblog-post__codecopy:hover {
  cursor: pointer;
}
.gblog-post__codecopy--success {
  border-color: var(--code-copy-success-color);
}
.gblog-post__codecopy--success svg.gblog-icon {
  color: var(--code-copy-success-color);
}
.gblog-post__codecopy--out {
  transition: visibility 2s ease-out;
}
.gblog-footer {
  background: #112b3c;
  color: #f8f9fa;
}
.gblog-footer .fake-link {
  background-image: linear-gradient(
    var(--footer-link-color),
    var(--footer-link-color)
  );
}
.gblog-footer__item {
  line-height: 2rem;
}
.gblog-footer__item--row {
  margin-right: 1rem;
}
.gblog-footer__link {
  color: var(--footer-link-color);
}
.gblog-footer__link:hover,
.gblog-footer__link:visited:hover {
  background: var(--footer-link-color);
  color: #343a40;
}
.gblog-footer__link:visited {
  color: var(--footer-link-color);
}
.gblog-paging {
  padding: 1rem 0;
}
.gblog-paging__item {
  flex: 1 1 0;
}
.gblog-paging__item a:visited {
  color: var(--link-color);
}
.gblog-paging__item a:hover,
.gblog-paging__item a:visited:hover {
  background: var(--link-color);
  color: #f8f9fa;
}
.gblog-paging__item--next {
  text-align: right;
}
.gblog-paging__item--prev {
  text-align: left;
}
.gblog-error {
  padding: 6rem 1rem;
  margin: 0 auto;
  max-width: 45em;
}
.gblog-error svg.gblog-icon {
  font-size: 8rem;
  color: var(--body-font-color);
}
.gblog-error__link,
.gblog-error__link:visited {
  color: var(--link-color);
}
.gblog-error__message {
  padding-left: 4rem;
}
.gblog-error__line {
  padding: 0.5rem 0;
}
.gblog-error__title {
  font-size: 4rem;
}
.gblog-error__code {
  font-weight: bolder;
}
.gblog-toc {
  margin: 1rem 0;
}
.gblog-toc li {
  margin: 0.25rem 0;
}
.gblog-toc__level--1 ul ul,
.gblog-toc__level--2 ul ul ul,
.gblog-toc__level--3 ul ul ul ul,
.gblog-toc__level--4 ul ul ul ul ul,
.gblog-toc__level--5 ul ul ul ul ul ul,
.gblog-toc__level--6 ul ul ul ul ul ul ul {
  display: none;
}
.gblog-toc a:hover,
.gblog-toc a:visited:hover {
  background: var(--link-color);
  color: #f8f9fa;
}
.gblog-toc a,
.gblog-toc a:visited {
  color: var(--link-color);
  text-decoration: none;
}
.gblog-markdown {
  line-height: 1.6rem;
}
.gblog-markdown h1,
.gblog-markdown h2,
.gblog-markdown h3,
.gblog-markdown h4,
.gblog-markdown h5,
.gblog-markdown h6 {
  font-weight: 600;
}
.gblog-markdown h1 > code,
.gblog-markdown h2 > code,
.gblog-markdown h3 > code,
.gblog-markdown h4 > code,
.gblog-markdown h5 > code,
.gblog-markdown h6 > code {
  border-top: 3px solid var(--accent-color);
  font-size: 0.75rem !important;
}
.gblog-markdown h4 > code,
.gblog-markdown h5 > code,
.gblog-markdown h6 > code {
  font-size: 0.875rem !important;
}
.gblog-markdown b,
.gblog-markdown optgroup,
.gblog-markdown strong {
  font-weight: bolder;
}
.gblog-markdown__link--raw {
  text-decoration: none !important;
  color: #343a40 !important;
}
.gblog-markdown__link--raw:hover {
  background: none !important;
  color: #343a40 !important;
  text-decoration: none !important;
}
.gblog-markdown__link--raw:visited {
  color: #343a40 !important;
}
.gblog-markdown__link--code {
  text-decoration: none;
}
.gblog-markdown__link--code code {
  color: inherit !important;
}
.gblog-markdown__link--code:hover {
  background: none;
  color: var(--link-color) !important;
  text-decoration: underline;
}
.gblog-markdown__link--code:visited,
.gblog-markdown__link--code:visited:hover {
  color: var(--link-color-visited) !important;
}
.gblog-markdown img {
  max-width: 100%;
  border-radius: 0.15rem;
}
.gblog-markdown blockquote {
  margin: 1rem 0;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  border-left: 3px solid var(--accent-color);
  border-radius: 0.15rem;
}
.gblog-markdown table:not(.lntable) {
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 1rem 0;
  width: 100%;
  text-align: left;
}
.gblog-markdown table:not(.lntable) thead {
  border-bottom: 3px solid var(--accent-color);
}
.gblog-markdown table:not(.lntable) tr th,
.gblog-markdown table:not(.lntable) tr td {
  padding: 0.5rem 1rem;
}
.gblog-markdown table:not(.lntable) tr {
  border-bottom: 1.5px solid var(--accent-color);
}
.gblog-markdown table:not(.lntable) tr:nth-child(2n) {
  background: var(--accent-color-lite);
}
.gblog-markdown hr {
  height: 1.5px;
  border: none;
  background: var(--accent-color);
}
.gblog-markdown ul,
.gblog-markdown ol {
  padding-left: 2rem;
}
.gblog-markdown dl dt {
  font-weight: bolder;
  margin-top: 1rem;
}
.gblog-markdown dl dd {
  margin-left: 2rem;
}
.gblog-markdown code {
  padding: 0.25rem 0.5rem;
}
.gblog-markdown pre,
.gblog-markdown code {
  background-color: var(--code-background);
  border-radius: 0.15rem;
  color: var(--code-font-color);
  font-size: 0.875rem;
  line-height: 1rem;
}
.gblog-markdown pre code {
  display: block;
  padding: 1rem;
  width: 100%;
}
.gblog-markdown mark {
  background-color: var(--mark-color);
}
.gblog-markdown section.footnotes {
  margin-top: 2rem;
  color: var(--body-font-color);
  font-size: 0.875rem;
}
.admonitionblock.info {
  border-left-color: #0091ea;
  background-color: rgb(243.27, 249.2558974359, 252.93);
  color: #343a40;
}
.admonitionblock.note {
  border-left-color: #0091ea;
  background-color: rgb(243.27, 249.2558974359, 252.93);
  color: #343a40;
}
.admonitionblock.ok {
  border-left-color: #00c853;
  background-color: hsl(144.9, 70%, 96.9607843137%);
  color: #343a40;
}
.admonitionblock.tip {
  border-left-color: #00c853;
  background-color: hsl(144.9, 70%, 96.9607843137%);
  color: #343a40;
}
.admonitionblock.important {
  border-left-color: #ffab00;
  background-color: hsl(40.2352941176, 70%, 97.5%);
  color: #343a40;
}
.admonitionblock.caution {
  border-left-color: #7300d3;
  background-color: rgb(247.9961729858, 242.2925, 252.7575);
  color: #343a40;
}
.admonitionblock.danger {
  border-left-color: #d50000;
  background-color: hsl(0, 70%, 97.0882352941%);
  color: #343a40;
}
.admonitionblock.warning {
  border-left-color: #d50000;
  background-color: hsl(0, 70%, 97.0882352941%);
  color: #343a40;
}
.admonitionblock {
  margin: 1rem 0;
  padding: 0;
  border-left: 3px solid var(--accent-color);
  border-radius: 0.15rem;
}
.admonitionblock table {
  margin: 0 !important;
  padding: 0 !important;
}
.admonitionblock table tr {
  border: 0 !important;
}
.admonitionblock table td {
  display: block;
  padding: 0.25rem 1rem !important;
}
.admonitionblock table td:first-child {
  background-color: rgba(134, 142, 150, 0.05);
  font-weight: bold;
}
.admonitionblock table td:first-child.icon .title {
  display: flex;
  align-items: center;
}
.admonitionblock table td:first-child.icon i.fa::after {
  content: attr(title);
  font-style: normal;
  padding-left: 1.5rem;
}
.admonitionblock table td:first-child.icon i.fa {
  color: #000;
  background-size: auto 90%;
  background-repeat: no-repeat;
  filter: invert(30%);
  margin-left: -5px;
}
.admonitionblock table td:first-child.icon i.fa.icon-info {
  background-image: url(img/geekblog-stack.svg#gblog_info_outline);
}
.admonitionblock table td:first-child.icon i.fa.icon-note {
  background-image: url(img/geekblog-stack.svg#gblog_info_outline);
}
.admonitionblock table td:first-child.icon i.fa.icon-ok {
  background-image: url(img/geekblog-stack.svg#gblog_check_circle_outline);
}
.admonitionblock table td:first-child.icon i.fa.icon-tip {
  background-image: url(img/geekblog-stack.svg#gblog_check_circle_outline);
}
.admonitionblock table td:first-child.icon i.fa.icon-important {
  background-image: url(img/geekblog-stack.svg#gblog_error_outline);
}
.admonitionblock table td:first-child.icon i.fa.icon-caution {
  background-image: url(img/geekblog-stack.svg#gblog_dangerous);
}
.admonitionblock table td:first-child.icon i.fa.icon-danger {
  background-image: url(img/geekblog-stack.svg#gblog_fire);
}
.admonitionblock table td:first-child.icon i.fa.icon-warning {
  background-image: url(img/geekblog-stack.svg#gblog_fire);
}
.gblog-expand {
  margin: 1rem 0;
  border: 1px solid var(--accent-color);
  border-radius: 0.15rem;
  overflow: hidden;
}
.gblog-expand__head {
  background: var(--accent-color-lite);
  padding: 0.5rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.gblog-expand__content {
  display: none;
  padding: 0 1rem;
}
.gblog-expand__control:checked + .gblog-expand__content {
  display: block;
}
.gblog-expand .gblog-post__anchor {
  display: none;
}
.gblog-tabs {
  margin: 1rem 0;
  border: 1px solid var(--accent-color);
  border-radius: 0.15rem;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.gblog-tabs__label {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-bottom: 1px rgba(0, 0, 0, 0);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.gblog-tabs__content {
  order: 999;
  width: 100%;
  border-top: 1px solid var(--accent-color-lite);
  padding: 0 1rem;
  display: none;
}
.gblog-tabs__control:checked + .gblog-tabs__label {
  border-bottom: 1.5px solid var(--link-color);
}
.gblog-tabs__control:checked + .gblog-tabs__label + .gblog-tabs__content {
  display: block;
}
.gblog-tabs .gblog-post__anchor {
  display: none;
}
.gblog-columns {
  margin: 1rem 0;
}
.gblog-columns--regular > :first-child {
  flex: 1;
}
.gblog-columns--small > :first-child {
  flex: 0.35;
  min-width: 7rem;
}
.gblog-columns--large > :first-child {
  flex: 1.65;
  min-width: 33rem;
}
.gblog-columns__content {
  flex: 1 1;
  min-width: 13.2rem;
  padding: 0;
}
.gblog-columns .gblog-post__anchor {
  display: none;
}
.gblog-button {
  margin: 1rem 0;
  display: inline-block;
  background: var(--accent-color-lite);
  border: 1px solid var(--accent-color);
  border-radius: 0.15rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.gblog-button__link {
  display: inline-block;
  color: inherit !important;
  text-decoration: none !important;
}
.gblog-button__link:hover,
.gblog-button__link:visited:hover {
  background: none;
}
.gblog-button:hover {
  background: var(--button-background);
  border-color: var(--button-border-color);
  color: #f8f9fa;
}
.gblog-button--regular {
  font-size: 16px;
}
.gblog-button--regular .gblog-button__link {
  padding: 0.25rem 0.5rem;
}
.gblog-button--large {
  font-size: 1.25rem;
}
.gblog-button--large .gblog-button__link {
  padding: 0.5rem 1rem;
}
.gblog-box {
  flex-direction: column;
  background: var(--accent-color-lite);
  border: 1px solid var(--accent-color);
  border-radius: 0.15rem;
  text-align: center;
  flex: 1 1 0;
}
.gblog-box--regular {
  font-size: 16px;
  padding: 0.25rem 0.5rem;
  min-width: 8rem;
}
.gblog-box--large {
  font-size: 1.25rem;
  padding: 0.5rem 1rem;
  min-width: 12rem;
}
.gblog-box__title {
  word-wrap: break-word;
  overflow-wrap: anywhere;
  gap: 0.5rem;
}
.gblog-box__title svg.gblog-icon {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
}
.gblog-box__text {
  margin: 0.5rem 0;
  font-size: 1rem;
}
.gblog-hint.info {
  border-left-color: #0091ea;
  background-color: rgb(243.27, 249.2558974359, 252.93);
  color: #343a40;
  padding: 0;
}
.gblog-hint.info code,
.gblog-hint.info pre {
  background-color: rgb(220.5, 229.0512820513, 234.3);
  color: #5f5f5f;
}
.gblog-hint.note {
  border-left-color: #0091ea;
  background-color: rgb(243.27, 249.2558974359, 252.93);
  color: #343a40;
  padding: 0;
}
.gblog-hint.note code,
.gblog-hint.note pre {
  background-color: rgb(220.5, 229.0512820513, 234.3);
  color: #5f5f5f;
}
.gblog-hint.ok {
  border-left-color: #00c853;
  background-color: hsl(144.9, 70%, 96.9607843137%);
  color: #343a40;
  padding: 0;
}
.gblog-hint.ok code,
.gblog-hint.ok pre {
  background-color: rgb(216.25, 231.75, 222.6825);
  color: #5f5f5f;
}
.gblog-hint.tip {
  border-left-color: #00c853;
  background-color: hsl(144.9, 70%, 96.9607843137%);
  color: #343a40;
  padding: 0;
}
.gblog-hint.tip code,
.gblog-hint.tip pre {
  background-color: rgb(216.25, 231.75, 222.6825);
  color: #5f5f5f;
}
.gblog-hint.important {
  border-left-color: #ffab00;
  background-color: hsl(40.2352941176, 70%, 97.5%);
  color: #343a40;
  padding: 0;
}
.gblog-hint.important code,
.gblog-hint.important pre {
  background-color: hsl(40.2352941176, 25%, 90%);
  color: #5f5f5f;
}
.gblog-hint.caution {
  border-left-color: #7300d3;
  background-color: rgb(247.9961729858, 242.2925, 252.7575);
  color: #343a40;
  padding: 0;
}
.gblog-hint.caution code,
.gblog-hint.caution pre {
  background-color: rgb(225.7731042654, 217.625, 232.575);
  color: #5f5f5f;
}
.gblog-hint.danger {
  border-left-color: #d50000;
  background-color: hsl(0, 70%, 97.0882352941%);
  color: #343a40;
  padding: 0;
}
.gblog-hint.danger code,
.gblog-hint.danger pre {
  background-color: hsl(0, 25%, 88.3529411765%);
  color: #5f5f5f;
}
.gblog-hint.warning {
  border-left-color: #d50000;
  background-color: hsl(0, 70%, 97.0882352941%);
  color: #343a40;
  padding: 0;
}
.gblog-hint.warning code,
.gblog-hint.warning pre {
  background-color: hsl(0, 25%, 88.3529411765%);
  color: #5f5f5f;
}
.gblog-hint__title {
  padding: 0.25rem 1rem;
  background-color: rgba(134, 142, 150, 0.05);
  font-weight: bold;
  color: rgba(52, 58, 64, 0.85);
}
.gblog-hint__title i.fa::after {
  content: attr(title);
  font-style: normal;
  padding-left: 1.5rem;
}
.gblog-hint__title i.fa {
  color: #000;
  background-size: auto 90%;
  background-repeat: no-repeat;
  filter: invert(30%);
  margin-left: -5px;
}
.gblog-hint__title i.fa.info {
  background-image: url(img/geekblog-stack.svg#gblog_info_outline);
}
.gblog-hint__title i.fa.note {
  background-image: url(img/geekblog-stack.svg#gblog_info_outline);
}
.gblog-hint__title i.fa.ok {
  background-image: url(img/geekblog-stack.svg#gblog_check_circle_outline);
}
.gblog-hint__title i.fa.tip {
  background-image: url(img/geekblog-stack.svg#gblog_check_circle_outline);
}
.gblog-hint__title i.fa.important {
  background-image: url(img/geekblog-stack.svg#gblog_error_outline);
}
.gblog-hint__title i.fa.caution {
  background-image: url(img/geekblog-stack.svg#gblog_dangerous);
}
.gblog-hint__title i.fa.danger {
  background-image: url(img/geekblog-stack.svg#gblog_fire);
}
.gblog-hint__title i.fa.warning {
  background-image: url(img/geekblog-stack.svg#gblog_fire);
}
.gblog-hint__title .gblog-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: -5px;
}
.gblog-hint__text {
  padding: 0.25rem 1rem;
}
.gblog-hint .gblog-post__anchor {
  display: none;
}
.gblog-mermaid {
  font-family: var(--body-font-family);
}
.gblog-mermaid > svg {
  height: 100%;
  padding: 0.5rem;
}
.gblog-props__title,
.gblog-props__default {
  padding: 0;
  margin: 0;
  font-family: var(--code-font-family);
}
.gblog-props__meta {
  gap: 0.5em;
  line-height: normal;
  margin-bottom: 0.25rem;
}
.gblog-props__meta:hover .gblog-post__anchor svg.gblog-icon {
  color: var(--control-icons);
}
.gblog-props__tag.info {
  border-color: rgb(231.54, 243.5117948718, 250.86);
  background-color: rgb(243.27, 249.2558974359, 252.93);
}
.gblog-props__tag.note {
  border-color: rgb(231.54, 243.5117948718, 250.86);
  background-color: rgb(243.27, 249.2558974359, 252.93);
}
.gblog-props__tag.ok {
  border-color: rgb(228.65, 250.35, 237.6555);
  background-color: hsl(144.9, 70%, 96.9607843137%);
}
.gblog-props__tag.tip {
  border-color: rgb(228.65, 250.35, 237.6555);
  background-color: hsl(144.9, 70%, 96.9607843137%);
}
.gblog-props__tag.important {
  border-color: hsl(40.2352941176, 70%, 95%);
  background-color: hsl(40.2352941176, 70%, 97.5%);
}
.gblog-props__tag.caution {
  border-color: rgb(240.9923459716, 229.585, 250.515);
  background-color: rgb(247.9961729858, 242.2925, 252.7575);
}
.gblog-props__tag.danger {
  border-color: hsl(0, 70%, 94.1764705882%);
  background-color: hsl(0, 70%, 97.0882352941%);
}
.gblog-props__tag.warning {
  border-color: hsl(0, 70%, 94.1764705882%);
  background-color: hsl(0, 70%, 97.0882352941%);
}
.gblog-props__tag {
  font-size: 0.875rem;
  font-weight: normal;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.15rem;
  padding: 0.125rem 0.25rem;
  color: #343a40;
}
.gblog-props__default {
  font-size: 0.875rem;
}
.gblog-progress {
  margin-bottom: 1rem;
}
.gblog-progress__label {
  padding: 0.25rem 0;
}
.gblog-progress__label--name {
  font-weight: bold;
}
.gblog-progress__wrap {
  background-color: var(--accent-color-lite);
  border-radius: 1em;
  box-shadow: inset 0 0 0 1px var(--accent-color);
}
.gblog-progress__bar {
  height: 1em;
  border-radius: 1em;
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.125) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.125) 50%,
    rgba(255, 255, 255, 0.125) 75%,
    transparent 75%,
    transparent
  );
  background-size: 2.5em 2.5em;
  background-color: #205375 !important;
}