/* inter-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/b5cdd4765614e027c252.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/49594fb515ba00213fc3.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/f4df85d151e5ee39bc2b.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/4f908aee8194b11d9c35.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/ab4bb8dcda024fe6eff2.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/8bff79fbfaa8b8167a0b.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-wght-normal */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/4f2981d82860061bca3e.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* jetbrains-mono-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/d539db020336f57425d6.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* jetbrains-mono-cyrillic-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/37ac7420bb0322435b68.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* jetbrains-mono-greek-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/37f52feea3c5bd1fd627.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* jetbrains-mono-vietnamese-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/b8c38c3c8fb199cde7e7.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* jetbrains-mono-latin-ext-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/d4c248b90e9a0c38ac4c.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* jetbrains-mono-latin-wght-normal */
@font-face {
  font-family: 'JetBrains Mono Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/6724bbc0741b07b1d0b2.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
html {
  --_1toi5n54: "Inter Variable", "Noto Sans SC", sans-serif, system-ui;
  --_1toi5n55: "JetBrains Mono Variable", "Noto Sans SC", monospace, system-ui;
}
@media (prefers-color-scheme: light) {
  html {
    --_1toi5n51: white;
    --_1toi5n52: none;
    --_1toi5n50: hsl(0 0% 8%);
  }
}
@media (prefers-color-scheme: dark) {
  html {
    --_1toi5n51: #1f2020;
    --_1toi5n52: none;
    --_1toi5n50: oklch(96% 0% 0deg);
    --_1toi5n53: oklch(72% 0% 0deg);
  }
}
html {
  color-scheme: light;
}
html {
  background-color: light-dark(white, black);
  color: light-dark(black, white);
}
body {
  font-family: var(--_1toi5n54);
  margin: 0;
}
code {
  font-family: var(--_1toi5n55);
}
@media (prefers-color-scheme: dark) {
  html {
    color-scheme: dark;
  }
}
.awuhod0 {
  display: grid;
  grid-template-columns: 1fr 44rem minmax(20rem, 1fr);
  align-content: start;
  -moz-column-gap: 12px;
       column-gap: 12px;
  color: var(--_1toi5n50);
  background-color: var(--_1toi5n51);
  background-image: var(--_1toi5n52);
}
.sespwf0 {
  display: grid;
  grid-template-columns: 1fr 44rem minmax(20rem, 1fr);
  align-content: start;
  -moz-column-gap: 12px;
       column-gap: 12px;
  color: var(--_1toi5n50);
  background-color: var(--_1toi5n51);
  background-image: var(--_1toi5n52);
}
.sespwf1 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
  height: 64px;
  margin: 32px;
}
.sespwf2 {
  grid-column: 2 / 3;
  min-height: calc(100dvh - 128px - 64px);
}
.sespwf3 {
  grid-column: 1 / -1;
  margin-top: 64px;
  padding: 32px;
  display: flex;
  justify-content: center;
  color: light-dark(oklch(50% 0% 0deg), oklch(50% 0% 0deg));
  font: 400 14px/16px var(--_1toi5n54);
  -moz-column-gap: 1em;
       column-gap: 1em;
}
.sespwf4 {
  font-size: 28px;
  justify-self: end;
  text-decoration: none;
  color: currentcolor;
  display: flex;
  align-items: center;
}
.sespwf5 {
  display: grid;
  grid-template-columns: auto 1fr;
}
.sespwf6 {
  font: 700 16px/28px var(--_1toi5n54);
  text-decoration: none;
  color: currentcolor;
}
.sespwf8 {
  box-shadow: inset 0 -2px 0 0 currentcolor;
}
.sespwfd {
  display: flex;
  justify-content: center;
  gap: 32px;
}
.sespwfe {
  font: 600 16px/28px var(--_1toi5n54);
  text-decoration: none;
  color: currentcolor;
}
.sespwfg {
  box-shadow: inset 0 -2px 0 0 currentcolor;
}
.sespwfl {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding-inline: 32px;
}
.sespwfm {
  font-size: 20px;
  text-decoration: none;
  color: currentcolor;
}
.aod1560 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.aod1561 {
  font: 600 16px/48px var(--_1toi5n54);
  color: oklch(80% 0% 0deg);
}
.aod1562 {
  font-size: 48px;
  color: oklch(80% 0% 0deg);
}
.aod1563 {
  font: 600 14px/40px var(--_1toi5n54);
  text-decoration: underline;
  text-decoration-color: rgb(from currentcolor r g b / 50%);
  color: oklch(80% 36% 260deg);
}
._1v9pvf00 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  color: currentcolor;
  text-decoration: none;
  margin-bottom: 32px;
}
._1v9pvf01 {
  font: 500 14px/28px var(--_1toi5n54);
  color: var(--_1toi5n53);
}
._1v9pvf02 {
  font: 700 24px/28px var(--_1toi5n54);
  color: var(--_1toi5n50);
}
._1v9pvf00:hover ._1v9pvf02 {
  text-decoration: underline;
}
._1v9pvf03 {
  font: 400 16px/28px var(--_1toi5n54);
  color: var(--_1toi5n53);
}
._1v9pvf00:hover ._1v9pvf03 {
  text-decoration: underline;
}
._16vhwv40 {
  grid-column: 2 / 3;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-bottom: 16px;
}
._16vhwv41 {
  font: 900 40px/50px var(--_1toi5n54);
  color: var(--_1toi5n50);
}
._16vhwv42 {
  font: 400 16px/28px var(--_1toi5n54);
  color: var(--_1toi5n53);
}
._16vhwv43 {
  text-decoration: underline;
  text-decoration-color: oklch(80% 36% 260deg);
  color: currentcolor;
  font: inherit;
}
._16vhwv43:hover {
  color: oklch(80% 36% 260deg);
}
._16vhwv44 {
  grid-column: 2 / 3;
  font: 400 16px/28px var(--_1toi5n54);
  color: var(--_1toi5n50);
  padding-block: 16px;
}
._16vhwv45 {
  grid-column: 3 / 4;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding-block: 32px;
  padding-inline: 32px;
  position: sticky;
  top: 0;
  height: 99dvh;
  box-sizing: border-box;
}
._16vhwv46 {
  font: 400 15px/28px var(--_1toi5n54);
  text-decoration: underline;
  text-decoration-color: rgb(from currentcolor r g b / 50%);
  color: currentcolor;
}
._16vhwv46:hover {
  color: oklch(70% 37% 262deg);
}
._16vhwv44 h2, h3, h4, h5 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
._16vhwv44 a {
  text-decoration: underline;
  text-decoration-color: oklch(80% 36% 260deg);
  color: currentcolor;
  font: inherit;
}
._16vhwv44 a:hover {
  color: oklch(80% 36% 260deg);
}
._16vhwv44 figure {
  margin-inline: 0;
}
._16vhwv44 pre {
  background: light-dark(oklch(50% 10% 262deg / 8%), oklch(100% 10% 262deg / 8%));
  padding-inline: 16px;
  padding-block: 12px;
  border-radius: 3px;
}
._16vhwv44 code {
  font-family: var(--_1toi5n55);
}
._16vhwv44 
code[data-theme*=" "],
code[data-theme*=" "] span
 {
  color: light-dark(var(--shiki-light), var(--shiki-dark));
}
._16vhwv44 pre code {
  font-size: 14px;
  line-height: 20px;
}
._16vhwv44 :is(p, li) code {
  font-size: 14px;
  background: light-dark(oklch(50% 10% 262deg / 8%), oklch(100% 10% 262deg / 8%));
  padding-block: 2px;
  padding-inline: 6px;
  border-radius: 2px;
}
._17a03pr0 {
  justify-self: end;
  grid-column: 1 / 2;
}
._17a03pr1 {
  grid-column: 2 / 3;
  min-height: calc(100dvh - 128px - 64px);
}
._17a03pr2 {
  grid-column: 3 / 4;
}
._17a03pr3 {
  width: 320px;
}
._7t8ajm0 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
._7t8ajm1 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: 
  "icon title"
  "icon description"
;
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: center;
  text-decoration: none;
}
._7t8ajm2 {
  grid-area: icon;
  width: 32px;
  height: 32px;
}
._7t8ajm3 {
  grid-area: title;
  font: 600 16px/28px var(--_1toi5n54);
  color: var(--_1toi5n50);
}
._7t8ajm4 {
  grid-area: description;
  font: 400 14px/20px var(--_1toi5n54);
  color: var(--_1toi5n53);
}
._7t8ajm1:hover ._7t8ajm3, ._7t8ajm1:hover ._7t8ajm4 {
  text-decoration: underline;
  text-decoration-color: rgb(from currentcolor r g b / 50%);
}
._7t8ajm1:hover ._7t8ajm3 {
  color: oklch(80% 36% 260deg);
}
._1uxlc7d0 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 16px;
  padding-block: 32px;
}
._1uxlc7d1 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
}
._1uxlc7d2 {
  justify-self: end;
}
._1uxlc7d3 {
  background: light-dark(oklch(50% 10% 262deg / 8%), oklch(100% 10% 262deg / 8%));
  border: none;
  outline: none;
  border-radius: 3px;
  padding-inline: 8px;
  padding-block: 4px;
  font: 400 14px/16px var(--_1toi5n54);
  box-shadow: inset 0 0 0 1px oklch(50% 10% 262deg / 16%);
}
._1uxlc7d3:focus {
  box-shadow: 0 0 0 2px oklch(60% 40% 260deg);
}
._1uxlc7d4 {
  margin-block: 8px;
  padding-inline-start: 12px;
  padding-inline-end: 4px;
  padding-block: 4px;
  background: light-dark(oklch(50% 10% 262deg / 8%), oklch(100% 10% 262deg / 8%));
  border-radius: 4px;
  font: 400 14px/16px var(--_1toi5n55);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._1uxlc7d5 {
  font-size: 16px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  cursor: pointer;
  color: oklch(64% 10% 262deg);
}
._1uxlc7d5:hover {
  color: oklch(32% 16% 262deg);
}
._1uxlc7d6 {
  border-width: 1px;
  border-color: light-dark(oklch(50% 10% 262deg / 24%), oklch(100% 10% 262deg / 24%));
  border-radius: 5px;
}