#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  z-index: 1031;
  background: #29d;
  width: 100%;
  height: 2px;
  position: fixed;
  top: 0;
  left: 0;
}

#nprogress .peg {
  opacity: 1;
  width: 100px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  transform: rotate(3deg)translate(0, -4px);
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
}

#nprogress .spinner {
  z-index: 1031;
  display: block;
  position: fixed;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  box-sizing: border-box;
  border: 2px solid #0000;
  border-color: #29d #0000 #0000 #29d;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: .4s linear infinite nprogress-spinner;
}

.nprogress-custom-parent {
  position: relative;
  overflow: hidden;
}

.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

:where(:root) {
  --rp-c-brand: #0095ff;
  --rp-c-brand-light: #33adff;
  --rp-c-brand-lighter: #c6e0fd;
  --rp-c-brand-dark: #07f;
  --rp-c-brand-darker: #005fcc;
  --rp-c-brand-tint: #7fa3ff29;
}

:where(html:not(.rp-dark)) {
  --shiki-foreground: inherit;
  --shiki-background: transparent;
  --shiki-token-constant: #1976d2;
  --shiki-token-string: #31a94d;
  --shiki-token-comment: #b6b4b4;
  --shiki-token-keyword: #cf2727;
  --shiki-token-parameter: #f59403;
  --shiki-token-function: #7041c8;
  --shiki-token-string-expression: #218438;
  --shiki-token-punctuation: #242323;
  --shiki-token-link: #22863a;
  --shiki-token-deleted: #d32828;
  --shiki-token-inserted: #22863a;
}

:where(html.rp-dark) {
  --shiki-foreground: inherit;
  --shiki-background: transparent;
  --shiki-token-constant: #6fb0fa;
  --shiki-token-string: #f9a86e;
  --shiki-token-comment: #6a727b;
  --shiki-token-keyword: #f47481;
  --shiki-token-parameter: #ff9800;
  --shiki-token-function: #ae8eeb;
  --shiki-token-string-expression: #4fb74d;
  --shiki-token-punctuation: #bbb;
  --shiki-token-link: #f9a76d;
  --shiki-token-deleted: #ee6d7a;
  --shiki-token-inserted: #36c47f;
}

:where(html:not(.rp-dark)) {
  --rp-code-font-size: .875rem;
  --rp-code-title-bg: #f8f8f9;
  --rp-code-block-color: #2e3440;
  --rp-code-block-bg: var(--rp-c-bg);
  --rp-code-block-border: 1px solid var(--rp-c-divider-light);
  --rp-code-block-shadow: none;
}

:where(html.rp-dark) {
  --rp-code-font-size: .875rem;
  --rp-code-title-bg: #191919;
  --rp-code-block-color: #e5e7eb;
  --rp-code-block-bg: var(--rp-c-bg);
  --rp-code-block-border: 1px solid var(--rp-c-divider-light);
  --rp-code-block-shadow: none;
}

:where(html:not(.rp-dark)) {
  --rp-home-hero-secondary-color: #a673ff;
  --rp-home-hero-title-color: transparent;
  --rp-home-hero-title-bg: linear-gradient(90deg, var(--rp-c-brand-dark) 0%, var(--rp-c-brand-dark) 30%, var(--rp-home-hero-secondary-color) 100%);
  --rp-home-background-bg: radial-gradient(42.12% 56.13% at 100% 0%, #537dff1a 0%, #fff0 100%), radial-gradient(42.01% 79.63% at 52.86% 0%, #537dff33 0%, #fff0 100%), radial-gradient(79.67% 58.09% at 0% 0%, #7e69ff33 0%, #fff0 100%), #fff;
  --rp-home-feature-bg: linear-gradient(135deg, #fff, #f9f9f980);
}

:where(html.rp-dark) {
  --rp-home-hero-secondary-color: #a673ff;
  --rp-home-hero-title-color: transparent;
  --rp-home-hero-title-bg: linear-gradient(90deg, var(--rp-c-brand-dark) 0%, var(--rp-c-brand-dark) 30%, var(--rp-home-hero-secondary-color) 100%);
  --rp-home-background-bg: radial-gradient(42.12% 56.13% at 100% 0%, #0c1d48 0%, #12121200 100%), radial-gradient(55.81% 87.78% at 48.37% 0%, #000 0%, #12121200 89.55%), radial-gradient(122.65% 88.24% at 0% 0%, #34268a 0%, #12121200 100%), #121212;
  --rp-home-feature-bg: linear-gradient(135deg, #fff0, #ffffff08);
}

:where(html:not(.rp-dark)) {
  --rp-c-bg: #fff;
  --rp-c-bg-soft: #f8f8f9;
  --rp-c-bg-mute: #f1f1f1;
  --rp-c-bg-alt: #fff;
  --rp-c-divider: #00000040;
  --rp-c-divider-light: #0000001f;
  --rp-c-text-0: #000;
  --rp-c-text-1: #242424;
  --rp-c-text-2: #000000b3;
  --rp-c-text-3: #3c3c3c54;
  --rp-c-text-4: #3c3c3c2e;
  --rp-c-text-code: #476582;
  --rp-c-text-code-bg: #99a1b314;
  --rp-c-text-code-border: #0000000d;
  --rp-c-link: var(--rp-c-brand-dark);
}

:where(html.rp-dark) {
  --rp-c-bg: #121212;
  --rp-c-bg-soft: #292e37;
  --rp-c-bg-mute: #343a46;
  --rp-c-bg-alt: #000;
  --rp-c-divider: #545454a6;
  --rp-c-divider-light: #5454547a;
  --rp-c-text-0: #fff;
  --rp-c-text-1: #fffff5ed;
  --rp-c-text-2: #fffff5a6;
  --rp-c-text-3: #ebebeb61;
  --rp-c-text-4: #ebebeb2e;
  --rp-c-text-code: #c9def1;
  --rp-c-text-code-bg: #ffffff14;
  --rp-c-text-code-border: #ffffff0d;
  --rp-c-link: var(--rp-c-brand-light);
}

:where(:root) {
  --rp-c-gray: #8e8e8e;
  --rp-c-gray-light-1: #aeaeae;
  --rp-c-gray-light-2: #c7c7c7;
  --rp-c-gray-light-3: #d1d1d1;
  --rp-c-gray-light-4: #e5e5e5;
  --rp-c-gray-light-5: #f2f2f2;
  --rp-shadow-1: 0 1px 2px #00000005, 0 1px 0 #0000000f;
  --rp-shadow-2: 0 3px 12px #0000000f, 0 1px 4px #00000012;
  --rp-shadow-3: 0 12px 32px #0000001a, 0 2px 6px #00000014;
  --rp-shadow-4: 0 14px 44px #0000001f, 0 3px 9px #0000001f;
  --rp-shadow-5: 0 18px 56px #00000029, 0 4px 12px #00000029;
  --rp-radius: 1rem;
  --rp-radius-small: .5rem;
  --rp-radius-large: 1.5rem;
}

@layer rp-base {
*, :before, :after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-size: 1em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol, ul, menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
}

img, svg, video, canvas, audio, iframe, embed, object {
  vertical-align: middle;
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

}
@layer rp-base {
  h1, h2, h3, h4, h5, h6, li, p {
    overflow-wrap: break-word;
  }

  button:focus, button:focus-visible {
    outline: none;
  }
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: calc(var(--rp-banner-height, 0px)  + var(--rp-nav-height)  + var(--rp-sidebar-menu-height));
  font-size: 16px;
  line-height: 1.7;
}

html.dark {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

body {
  width: 100%;
  min-width: 320px;
  font-family: var(--rp-font-family-base);
  color: var(--rp-c-text-1);
  background-color: var(--rp-c-bg);
  font-synthesis: style;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  direction: ltr;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}

:root {
  --rp-font-family-base: "Inter var experimental", "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --rp-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;
  text-autospace: normal;
}

:root #nprogress .bar {
  background: var(--rp-c-brand);
}

.rp-scrollbar {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #0000000d #0000;
}

.rp-scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.rp-scrollbar::-webkit-scrollbar-track {
  background: none;
}

.rp-scrollbar::-webkit-scrollbar-thumb {
  background: #0000000d;
  border-radius: 4px;
  transition: background .2s;
}

.rp-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #0000001a;
}

.rp-scrollbar::-webkit-scrollbar-corner {
  background: none;
}

.rp-dark .rp-scrollbar {
  scrollbar-color: #ffffff1a #0000;
}

.rp-dark .rp-scrollbar::-webkit-scrollbar-thumb {
  background: #ffffff1a;
}

.rp-dark .rp-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #fff3;
}

.rp-scrollbar--always {
  scrollbar-gutter: stable;
  scrollbar-width: unset;
  scrollbar-color: unset;
}

.shiki span.line {
  padding: 0 1.25rem;
  display: inline-block;
}

.code-line-highlighted {
  background-color: var(--rp-code-line-highlight-color);
}

.diff, .code-line-highlighted {
  width: 100%;
  padding: 0 20px;
  transition: background-color .5s;
  display: inline-block;
  position: relative;
}

.diff.add:after {
  content: "+";
  color: #4fb74d;
  position: absolute;
  top: 0;
  left: 10px;
}

.diff.remove:after {
  content: "-";
  color: #f47481;
  position: absolute;
  top: 0;
  left: 10px;
}

.shiki.has-diff code .diff.add {
  background-color: #10b9811a;
  padding: 0 20px 0 19px;
}

.shiki.has-diff code .diff.remove {
  background-color: #f43f5e1a;
  padding: 0 20px 0 19px;
}

.shiki.has-highlighted .line.highlighted {
  width: 100%;
  display: inline-block;
  position: static;
}

.shiki.has-highlighted .line.highlighted:not(.error):not(.warning) {
  background-color: #3b82f61a;
  box-shadow: inset 2px 0 #3b82f6;
}

.shiki.has-highlighted .line.highlighted.error {
  background-color: #ed3c501a;
  box-shadow: inset 2px 0 #ed3c50;
}

.shiki.has-highlighted .line.highlighted.warning {
  background-color: #ffc5171a;
  box-shadow: inset 2px 0 #ffc517;
}

.shiki.has-focused .line:not(.focused) {
  filter: blur(.095rem);
  opacity: .4;
  transition: filter .35s, opacity .35s;
}

.shiki.has-focused:hover .line:not(.focused) {
  filter: blur();
  opacity: 1;
}

@font-face {
  font-family: TikTokSans;
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(/sparkling/static/font/TikTokSans[opsz,slnt,wdth,wght].1928dd90.woff2) format("woff2");
}

@font-face {
  font-family: TikTokSans;
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
  src: url(/sparkling/static/font/TikTokSans[opsz,slnt,wdth,wght].1928dd90.woff2) format("woff2");
}

:root {
  --rp-font-family-base: "TikTokSans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --rp-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --rp-c-brand: #fe2c55;
  --rp-c-brand-light: #ff5d40;
  --rp-c-brand-lighter: #ff8d78;
  --rp-c-brand-dark: #fe2c55;
  --rp-c-brand-darker: #da1339;
  --rp-c-brand-tint: #fe2c5533;
  --rp-c-link: #ff6b78;
  --rp-shadow-1: 0 8px 24px #00000040;
  --rp-shadow-2: 0 16px 40px #0000004d;
  --rp-shadow-3: 0 24px 56px #00000059;
  --rp-radius: 20px;
  --rp-radius-small: 12px;
  --rp-radius-large: 32px;
  --rp-home-hero-secondary-color: #28f4eb;
  --rp-home-hero-title-color: #fbfff4;
  --rp-home-hero-title-bg: none;
  --rp-home-background-bg: #050505;
  --rp-home-feature-bg: linear-gradient(180deg, #ffffff24 0%, #ffffff0f 100%);
  --rp-code-font-size: .88rem;
  --rp-code-title-bg: #ffffff0a;
  --rp-code-block-bg: #101116f2;
  --rp-code-block-color: #ffffffe6;
  --rp-code-block-border: 1px solid #ffffff1a;
  --rp-code-block-shadow: 0 8px 22px #00000040;
  --rp-container-tip-border: #28f4eb73;
  --rp-container-tip-bg: #28f4eb1f;
  --rp-container-tip-text: #e8fffef2;
  --rp-container-info-border: #537dff73;
  --rp-container-info-bg: #537dff24;
  --rp-container-info-text: #dfeafff5;
  --rp-container-warning-border: #ffc51773;
  --rp-container-warning-bg: #ffc5171f;
  --rp-container-warning-text: #ffefc6f2;
  --rp-container-danger-border: #fe2c5573;
  --rp-container-danger-bg: #fe2c551f;
  --rp-container-danger-text: #ffdde4f2;
}

html {
  --rp-c-bg: #050505;
  --rp-c-bg-soft: #171a20;
  --rp-c-bg-mute: #1f232b;
  --rp-c-bg-alt: #0b0c10;
  --rp-c-divider: #fff3;
  --rp-c-divider-light: #ffffff1f;
  --rp-c-text-0: #fff;
  --rp-c-text-1: #fffffff0;
  --rp-c-text-2: #ffffffb8;
  --rp-c-text-3: #ffffff85;
  --rp-c-text-4: #ffffff57;
  --rp-c-text-code: #d7ecfff2;
  --rp-c-text-code-bg: #ffffff14;
  --rp-c-text-code-border: #ffffff24;
}

html:not(.dark) {
  --rp-c-bg: #fff;
  --rp-c-bg-soft: #f5f5f7;
  --rp-c-bg-mute: #ebebef;
  --rp-c-bg-alt: #fafafa;
  --rp-c-divider: #0000001f;
  --rp-c-divider-light: #00000014;
  --rp-c-text-0: #1a1a1a;
  --rp-c-text-1: #000000e0;
  --rp-c-text-2: #0000009e;
  --rp-c-text-3: #00000070;
  --rp-c-text-4: #00000047;
  --rp-c-text-code: #1a3a5c;
  --rp-c-text-code-bg: #0000000d;
  --rp-c-text-code-border: #0000001a;
  --rp-c-link: #fe2c55;
  --rp-home-background-bg: #fff;
  --rp-home-hero-title-color: #000;
  --rp-home-hero-title-bg: none;
  --rp-home-feature-bg: linear-gradient(180deg, #0000000a 0%, #00000003 100%);
  --rp-code-title-bg: #00000008;
  --rp-code-block-bg: #fafafa;
  --rp-code-block-color: #1a1a1a;
  --rp-code-block-border: 1px solid #00000014;
  --rp-code-block-shadow: 0 4px 12px #0000000f;
  --rp-shadow-1: 0 4px 16px #0000000f;
  --rp-shadow-2: 0 8px 24px #00000014;
  --rp-shadow-3: 0 12px 32px #0000001a;
  --rp-container-tip-border: #28c8c866;
  --rp-container-tip-bg: #28c8c814;
  --rp-container-tip-text: #1a5c5a;
  --rp-container-info-border: #537dff59;
  --rp-container-info-bg: #537dff14;
  --rp-container-info-text: #2a4080;
  --rp-container-warning-border: #c8a00066;
  --rp-container-warning-bg: #c8a00014;
  --rp-container-warning-text: #6b5a00;
  --rp-container-danger-border: #fe2c5559;
  --rp-container-danger-bg: #fe2c5514;
  --rp-container-danger-text: #9a1030;
}

html, body, #root, .rp-nav, .rp-doc, .rp-doc-layout, .rp-home-hero, .rp-home-feature, button, input, textarea, select {
  font-family: var(--rp-font-family-base);
}

code, pre, kbd, samp {
  font-family: var(--rp-font-family-mono);
}

html, body, #root {
  background: var(--rp-c-bg);
  color: var(--rp-c-text-1);
}

body {
  letter-spacing: .01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  margin: 0;
}

.rp-nav {
  -webkit-backdrop-filter: blur(26px);
  border-bottom: 1px solid var(--rp-c-divider-light);
  background: #0f0f12c7;
}

.rp-nav__title__link {
  color: var(--rp-c-text-0);
  letter-spacing: -.015em;
  gap: 10px;
  font-size: 1.15rem;
  font-weight: 700;
}

.rp-nav__title__logo {
  margin-right: 0;
}

.rp-nav__title__logo .rspress-logo, .rp-nav__title__logo-image {
  width: auto;
  height: 32px;
}

.rp-nav-menu__item__container {
  color: var(--rp-c-text-2);
  font-size: 16px;
  font-weight: 500;
}

.rp-nav-menu__item:hover .rp-nav-menu__item__container, .rp-nav-menu__item--active .rp-nav-menu__item__container, .rp-nav-menu__item:hover .rp-nav-menu__item__icon {
  color: #fff;
}

.rp-nav-menu__divider {
  background: var(--rp-c-divider-light);
}

.rp-nav__right {
  gap: 18px;
}

.rp-nav-menu {
  gap: 28px;
}

.rp-search-button {
  border: 1px solid var(--rp-c-divider-light);
  background: #ffffff0d;
  border-radius: 999px;
  min-width: 184px;
  height: 42px;
}

.rp-search-button__word {
  color: var(--rp-c-text-2);
}

.rp-search-button__hotkey {
  color: var(--rp-c-text-3);
  background: #ffffff0f;
}

.rp-switch-appearance, .rp-social-links__icon {
  color: var(--rp-c-text-2);
}

.rp-switch-appearance:hover, .rp-social-links__icon:hover {
  color: var(--rp-c-text-0);
}

.rp-nav-hamburger:hover, .rp-nav-hamburger--active {
  background: #ffffff1f;
}

.rp-nav-screen {
  -webkit-backdrop-filter: blur(24px);
  background: #0b0c10f5;
}

@media (max-width: 1180px) {
  .rp-nav__right {
    gap: 12px;
  }

  .rp-nav-menu {
    gap: 16px;
  }

  .rp-search-button {
    min-width: 146px;
    padding: 0 8px;
  }

  .rp-search-button__hotkey {
    display: none;
  }
}

@media (max-width: 1024px) {
  .rp-nav-menu {
    display: none;
  }

  .rp-nav__right {
    gap: 10px;
  }
}

.rp-home-background {
  filter: none;
  background: var(--rp-home-background-bg) !important;
}

.rp-home-background > * {
  z-index: 2;
  position: relative;
}

.rp-home-background:before, .rp-home-background:after {
  display: none !important;
}

.spk-video-bg-wrap {
  z-index: -1;
  pointer-events: none;
  width: 70%;
  max-width: 1200px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.spk-video-bg {
  opacity: .75;
  width: 100%;
  height: auto;
  display: block;
  -webkit-mask-image: radial-gradient(50% 50%, #000 30%, #0000 100%);
  mask-image: radial-gradient(50% 50%, #000 30%, #0000 100%);
}

#__rspress_root {
  z-index: 0;
  position: relative;
}

.rp-home-hero {
  max-width: 1280px;
  margin: 5rem auto 0;
  padding: 32px 32px 20px;
}

.rp-home-hero__container {
  gap: 40px;
  max-width: 960px;
  margin: 0 auto;
}

.rp-home-hero__title, .rp-home-hero__subtitle {
  letter-spacing: -.03em;
  margin: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 64px;
  -webkit-text-fill-color: currentColor !important;
  color: var(--rp-home-hero-title-color) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.rp-home-hero__title-brand {
  align-items: center;
  gap: 9px;
  max-width: max-content;
  background: #ffffff1f !important;
  letter-spacing: 0 !important;
  color: #ffffffd9 !important;
  -webkit-text-fill-color: #ffffffd9 !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  border: 1px solid #ffffff14 !important;
  border-radius: 24px !important;
  width: auto !important;
  padding: 6px 20px 6px 16px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  display: inline-flex !important;
}

span.rp-home-hero__title-brand {
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

.rp-home-hero__title-brand:before {
  content: "";
  background: url(/sparkling/static/image/sparkling_logo_144.a6babfab.png) center / contain no-repeat;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
}

html:not(.dark) .rp-home-hero__title-brand {
  color: #000000d9 !important;
  -webkit-text-fill-color: #000000d9 !important;
  background: #ffffff1f !important;
  border: 1px solid #00000014 !important;
}

html:not(.dark) .rp-home-hero__title-brand:before {
  background-image: url(/sparkling/static/image/sparkling_logo_144_light.9d9339f7.png);
}

.rp-home-hero__tagline {
  color: #ffffffd9;
  max-width: 840px;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.spk-home-version {
  -webkit-backdrop-filter: blur(22px);
  color: #ffffffd9;
  letter-spacing: .01em;
  background: linear-gradient(#ffffff24 0%, #ffffff0f 100%);
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: .9rem;
  font-weight: 400;
  display: inline-flex;
}

.rp-home-hero__actions {
  align-items: center;
  gap: 16px;
  margin-top: 28px;
}

.rp-home-hero__action .rp-button, .rp-button.rp-button--big {
  border-radius: 100px;
  min-width: 200px;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
}

.rp-button.rp-button--brand {
  color: #fff;
  background: #fe2c55;
  border: none;
  border-radius: 100px;
  box-shadow: 0 1.5px 3.9px #00000026;
}

.rp-button.rp-button--brand:hover {
  opacity: 1;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #fe2c5559;
}

.rp-button.rp-button--alt {
  color: #ffffffeb;
  -webkit-backdrop-filter: blur(10px);
  background: #ffffff1f;
  border: 1px solid #ffffff14;
  border-radius: 32px;
}

.rp-button.rp-button--alt:hover {
  opacity: 1;
  color: #fff;
  background: #ffffff2e;
}

.spk-home-install {
  width: 100%;
  max-width: 860px;
  margin-top: 12px;
}

.spk-home-install__label {
  color: var(--rp-c-text-3);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: .78rem;
  font-weight: 600;
}

.spk-home-install .rp-tabs {
  border: 1px solid #ffffff1f;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 12px 30px #00000042;
}

.spk-home-install .rp-tabs__label {
  background: #ffffff05;
  border-bottom: 1px solid #ffffff1a;
}

.spk-home-install .rp-tabs__label__item {
  color: var(--rp-c-text-2);
  border-radius: 999px;
  font-size: .85rem;
  font-weight: 500;
}

.spk-home-install .rp-tabs__label__item--selected {
  color: var(--rp-c-text-0);
  box-shadow: none;
  background: #ffffff1a;
}

.spk-home-install .rp-codeblock {
  box-shadow: none;
  border: 0;
  margin: 0;
}

html:not(.dark) .rp-nav {
  background: #ffffffd1;
  border-bottom: 1px solid #0000000f;
}

html:not(.dark) .rp-nav__title__link {
  color: #1a1a1a;
}

html:not(.dark) .rp-nav-menu__item__container {
  color: #0000009e;
}

html:not(.dark) .rp-nav-menu__item:hover .rp-nav-menu__item__container, html:not(.dark) .rp-nav-menu__item--active .rp-nav-menu__item__container {
  color: #1a1a1a;
}

html:not(.dark) .rp-search-button {
  background: #00000008;
  border: 1px solid #0000001a;
}

html:not(.dark) .rp-search-button__word {
  color: #00000080;
}

html:not(.dark) .rp-search-button__hotkey {
  color: #0006;
  background: #0000000d;
}

html:not(.dark) .rp-switch-appearance, html:not(.dark) .rp-social-links__icon {
  color: #00000080;
}

html:not(.dark) .rp-switch-appearance:hover, html:not(.dark) .rp-social-links__icon:hover {
  color: #1a1a1a;
}

html:not(.dark) .rp-nav-screen {
  background: #fffffff5;
}

html:not(.dark) .rp-home-background:before, html:not(.dark) .rp-home-background:after {
  display: none;
}

html:not(.dark) .spk-video-bg {
  opacity: .25;
}

html:not(.dark) .rp-home-hero__tagline {
  color: #000000d9;
}

html:not(.dark) .spk-home-version {
  color: #000000b3;
  background: linear-gradient(#0000000a 0%, #00000005 100%);
  border: 1px solid #0000001a;
}

html:not(.dark) .rp-button.rp-button--brand {
  color: #fff;
  background: #e10543;
  box-shadow: 0 1.5px 3.9px #00000026;
}

html:not(.dark) .rp-button.rp-button--alt {
  color: #000;
  -webkit-backdrop-filter: blur(20px);
  background: #f3f3f3;
  border: 1px solid #00000014;
  border-radius: 48px;
}

html:not(.dark) .rp-button.rp-button--alt:hover {
  color: #000;
  background: #e8e8e8;
}

html:not(.dark) .spk-home-install__label {
  color: #00000070;
}

html:not(.dark) .spk-home-install .rp-tabs {
  border: 1px solid #00000014;
  box-shadow: 0 4px 16px #0000000f;
}

html:not(.dark) .spk-home-install .rp-tabs__label {
  background: #00000005;
  border-bottom: 1px solid #0000000f;
}

html:not(.dark) .spk-home-install .rp-tabs__label__item {
  color: #00000080;
}

html:not(.dark) .spk-home-install .rp-tabs__label__item--selected {
  color: #1a1a1a;
  background: #0000000f;
}

html:not(.dark) .rp-home-feature__card {
  box-shadow: none;
  background: #f8f8f8;
  border: 1px solid #0000000f;
  border-top: none;
}

html:not(.dark) .rp-home-feature__card:before {
  background: linear-gradient(90deg, #fe2c5500 0%, #fe2c5573 50%, #fe2c5500 100%);
}

html:not(.dark) .rp-home-feature__card:hover {
  box-shadow: 0 6px 20px #0000000f;
}

html:not(.dark) .rp-home-feature__icon {
  background: none;
  border: none;
}

html:not(.dark) .rp-home-feature__title {
  color: #000;
}

html:not(.dark) .rp-home-feature__detail {
  color: #000000b3;
}

html:not(.dark) .rp-home-footer {
  background: #fafafaf2;
  border-top: 1px solid #0000000f;
}

html:not(.dark) .rp-doc-layout__sidebar, html:not(.dark) .rp-doc-layout__outline {
  background: #ffffffeb;
  border: 1px solid #0000000f;
}

html:not(.dark) .rp-sidebar-item:hover, html:not(.dark) .rp-sidebar-item--pending {
  color: #1a1a1a;
  background: #0000000a;
}

html:not(.dark) .rp-sidebar-item--active, html:not(.dark) .rp-sidebar-item--active:hover {
  color: #fe2c55;
  background: #fe2c5514;
}

html:not(.dark) .rp-doc table {
  background: #fffffff2;
}

html:not(.dark) .rp-doc thead {
  background: #00000008;
}

html:not(.dark) .rp-doc tr:hover {
  background: #00000005;
}

html:not(.dark) .rp-doc blockquote {
  background: #28c8c80d;
  border-left: 2px solid #28c8c899;
}

html:not(.dark) .rp-prev-next-page__item {
  background: #fffc;
  border: 1px solid #00000014;
}

html:not(.dark) .rp-prev-next-page__item:hover {
  background: #00000005;
}

html:not(.dark) .rp-nav-hamburger:hover, html:not(.dark) .rp-nav-hamburger--active {
  background: #0000000f;
}

html:not(.dark) .rp-codeblock, html:not(.dark) .rp-tabs {
  border: 1px solid #00000014;
  box-shadow: 0 2px 8px #0000000a;
}

html:not(.dark) .rp-tabs__label__item--selected {
  color: #1a1a1a;
  background: #0000000f;
}

html:not(.dark) .rp-nav-menu__item:hover .rp-nav-menu__item__icon {
  color: #1a1a1a;
}

.rp-home-feature {
  --rp-home-feature-gap: 20px;
  max-width: 1280px;
  margin-bottom: 0;
  padding: 12px 32px 84px;
}

html .rp-home-feature__card {
  -webkit-backdrop-filter: blur(10px);
  min-height: 210px;
  box-shadow: none;
  background: #0f0f0f;
  border: 1px solid #ffffff14;
  border-top: none;
  border-radius: 16px;
  padding: 32px;
  transition: transform .25s, box-shadow .25s;
  position: relative;
}

html .rp-home-feature__card:before {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #fe2c5500 0%, #fe2c5599 50%, #fe2c5500 100%);
  border-radius: 16px 16px 0 0;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

html .rp-home-feature__card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #0000004d;
}

html .rp-home-feature__title-wrapper {
  gap: 32px;
}

html .rp-home-feature__icon {
  background: none;
  border: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  font-size: 1.75rem;
  display: flex;
}

html .rp-home-feature__icon img, html .rp-home-feature__icon svg, html .rp-home-feature__icon span svg {
  object-fit: contain;
  width: 32px;
  height: 32px;
  display: block;
}

html .rp-home-feature__title {
  color: #fff;
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

html .rp-home-feature__detail {
  color: #ffffffa6;
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

.rp-home-footer {
  background: #090a0deb;
  border-top: 1px solid #ffffff1a;
  margin-top: 0;
  padding: 32px 24px;
}

.rp-home-footer__message {
  color: var(--rp-c-text-3);
  letter-spacing: .03em;
  font-size: .9rem;
}

:root {
  --rp-sidebar-width: 296px;
  --rp-outline-width: 264px;
  --rp-content-max-width: 980px;
}

@media (max-width: 1200px) {
  :root {
    --rp-sidebar-width: 268px;
    --rp-outline-width: 228px;
  }
}

@media (max-width: 1024px) {
  :root {
    --rp-sidebar-width: 248px;
    --rp-outline-width: 208px;
  }
}

.rp-doc-layout__container {
  background: none;
}

.rp-doc-layout__doc-container {
  padding-top: 44px;
  padding-bottom: 56px;
}

.rp-doc-layout__sidebar, .rp-doc-layout__outline {
  border: 1px solid var(--rp-c-divider-light);
  -webkit-backdrop-filter: blur(24px);
  box-shadow: var(--rp-shadow-1);
  background: #12141ae0;
  border-radius: 24px;
  margin-top: 18px;
  margin-bottom: 18px;
}

.rp-doc-layout__sidebar {
  border-right: 1px solid var(--rp-c-divider-light);
}

.rp-doc-layout__outline {
  box-shadow: var(--rp-shadow-2);
}

.rp-outline {
  border-left: 0;
}

.rp-outline__title {
  color: var(--rp-c-text-0);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .9rem;
}

.rp-outline__divider {
  background: var(--rp-c-divider-light);
}

.rp-sidebar-section-header {
  margin-top: 14px;
  padding: 8px 10px;
}

.rp-sidebar-section-header__left {
  color: var(--rp-c-text-0);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .87rem;
}

.rp-sidebar-item {
  color: var(--rp-c-text-2);
  border-radius: 12px;
  margin-top: 4px;
  padding: 9px 12px;
  font-size: .9rem;
  line-height: 1.5rem;
}

.rp-sidebar-item:hover, .rp-sidebar-item--pending {
  color: var(--rp-c-text-0);
  background: #ffffff14;
}

.rp-sidebar-item--active, .rp-sidebar-item--active:hover {
  color: #fff;
  background: #fe2c552e;
}

.rp-sidebar-item--group-item:before {
  background: #ffffff29;
}

.rp-sidebar-item--group-item.rp-sidebar-item--active .rp-sidebar-item__left:before {
  background: var(--rp-c-brand);
}

.rp-toc-item {
  margin-top: 12px;
}

.rp-toc-item__text {
  color: var(--rp-c-text-2);
  font-size: .85rem;
}

.rp-toc-item--active .rp-toc-item__text, .rp-toc-item--active .rp-toc-item__text code {
  color: #fff;
}

.rp-toc-item--active:before {
  background-color: var(--rp-c-brand);
  border-radius: 999px;
  width: 2px;
}

.rp-doc.rspress-doc {
  color: var(--rp-c-text-1);
  font-size: 16px;
  line-height: 1.85;
}

.rp-doc p {
  color: var(--rp-c-text-2);
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.rp-doc h1, .rp-doc h2, .rp-doc h3, .rp-doc h4 {
  color: var(--rp-c-text-0);
  letter-spacing: -.02em;
}

.rp-doc h1 {
  margin-bottom: 1.6rem;
  font-size: clamp(2rem, 4vw, 2.6rem);
}

.rp-doc h2 {
  margin-top: 2.7rem;
  margin-bottom: 1rem;
  font-size: clamp(1.55rem, 3vw, 2rem);
}

.rp-doc h3 {
  margin-top: 2rem;
  margin-bottom: .85rem;
  font-size: clamp(1.25rem, 2.2vw, 1.55rem);
}

.rp-doc h2:first-of-type:before {
  background: var(--rp-c-divider-light);
  margin-bottom: 2.4rem;
}

.rp-doc blockquote {
  color: var(--rp-c-text-1);
  background: #28f4eb12;
  border-left: 2px solid #28f4ebb3;
  margin: 1.4rem 0;
  padding: .4rem 0 .4rem 1rem;
}

.rp-doc blockquote p {
  margin: 0;
}

.rp-doc table {
  border: 1px solid var(--rp-c-divider-light);
  background: #0f1016e6;
  border-radius: 14px;
  overflow: hidden;
}

.rp-doc thead {
  background: #ffffff0f;
}

.rp-doc th, .rp-doc td {
  border-bottom: 1px solid var(--rp-c-divider-light);
}

.rp-doc tr:hover {
  background: #ffffff0a;
}

.rp-doc :not(pre) > code {
  border: 1px solid var(--rp-c-text-code-border);
  background: var(--rp-c-text-code-bg);
  color: var(--rp-c-text-code);
  border-radius: 10px;
  padding: 2px 7px;
}

.rp-codeblock, .rp-tabs {
  border: var(--rp-code-block-border);
  box-shadow: var(--rp-code-block-shadow);
  border-radius: 18px;
}

.rp-codeblock__title, .rp-tabs__label {
  border-bottom: var(--rp-code-block-border);
  background: var(--rp-code-title-bg);
}

.rp-codeblock__content {
  background: var(--rp-code-block-bg);
}

.rp-tabs__label__item--selected {
  color: var(--rp-c-text-0);
  box-shadow: none;
  background: #ffffff1a;
}

.rp-callout {
  -webkit-backdrop-filter: blur(16px);
  border-radius: 16px;
}

.rp-callout__title {
  letter-spacing: .01em;
}

.rp-doc-footer__divider {
  background: var(--rp-c-divider-light);
}

.rp-prev-next-page__item {
  border: 1px solid var(--rp-c-divider-light);
  background: #ffffff08;
  border-radius: 14px;
}

.rp-prev-next-page__item:hover {
  opacity: 1;
  background: #ffffff12;
}

@media (max-width: 1280px) {
  .rp-home-hero {
    margin-top: 3.2rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .rp-home-feature {
    padding-left: 20px;
    padding-right: 20px;
  }

  .rp-doc-layout__sidebar, .rp-doc-layout__outline {
    border-radius: 18px;
  }
}

@media (max-width: 768px) {
  :root {
    --rp-content-padding-x: 20px;
    --rp-content-padding-y: 28px;
  }

  .rp-nav__title__logo .rspress-logo, .rp-nav__title__logo-image {
    height: 28px;
  }

  .rp-nav__title__link {
    font-size: 1rem;
  }

  .rp-home-background {
    height: 980px;
  }

  .rp-home-hero {
    margin-top: 1.6rem;
  }

  .rp-home-hero__title, .rp-home-hero__subtitle {
    font-size: 36px;
    line-height: 42px;
  }

  .rp-home-hero__container {
    gap: 24px;
  }

  .rp-home-hero__tagline {
    font-size: 16px;
    line-height: 24px;
  }

  .rp-home-hero__actions {
    gap: 12px;
    width: 100%;
    margin-top: 16px;
  }

  .rp-home-hero__action .rp-button, .rp-button.rp-button--big {
    width: 100%;
    min-width: 0;
    height: 48px;
  }

  .spk-home-install {
    margin-top: 8px;
  }

  .spk-home-install__label {
    text-align: left;
  }

  .spk-home-install .rp-tabs__label {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .spk-home-install .rp-tabs__label__item {
    flex: none;
  }

  .rp-home-feature {
    --rp-home-feature-gap: 16px;
    padding-bottom: 44px;
  }

  html .rp-home-feature__card {
    border-radius: 12px;
    min-height: 0;
    padding: 22px 20px;
  }

  html .rp-home-feature__title-wrapper {
    gap: 16px;
  }

  html .rp-home-feature__icon {
    border-radius: 0;
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    font-size: 1.4rem;
  }

  html .rp-home-feature__icon img, html .rp-home-feature__icon svg, html .rp-home-feature__icon span svg {
    width: 28px;
    height: 28px;
  }

  .rp-doc-layout__sidebar {
    border-radius: 0 18px 18px 0;
    width: min(86vw, 320px);
    min-width: min(86vw, 320px);
    max-width: min(86vw, 320px);
  }

  .rp-doc-layout__outline {
    border-radius: 18px 0 0 18px;
  }
}

.rp-badge {
  border-radius: var(--rp-radius-small);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  height: 1.5rem;
  padding: .5rem;
  font-size: .75rem;
  font-weight: 500;
  transition: color .25s;
  display: inline-flex;
}

.rp-badge--tip {
  color: var(--rp-container-tip-text);
  background-color: var(--rp-container-tip-bg);
}

.rp-badge--info {
  color: var(--rp-container-info-text);
  background-color: var(--rp-container-info-bg);
}

.rp-badge--warning {
  color: var(--rp-container-warning-text);
  background-color: var(--rp-container-warning-bg);
}

.rp-badge--danger {
  color: var(--rp-container-danger-text);
  background-color: var(--rp-container-danger-bg);
}

.rp-badge--outline {
  border: 1px solid;
}

.rp-badge--outline.rp-badge--tip {
  border-color: var(--rp-container-tip-border);
}

.rp-badge--outline.rp-badge--info {
  border-color: var(--rp-container-info-border);
}

.rp-badge--outline.rp-badge--warning {
  border-color: var(--rp-container-warning-border);
}

.rp-badge--outline.rp-badge--danger {
  border-color: var(--rp-container-danger-border);
}

.rp-button {
  box-sizing: border-box;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-weight: 700;
  transition: color .1s, border-color .1s, background-color .1s;
  display: inline-flex;
}

.rp-button--medium {
  border-radius: var(--rp-radius);
  height: 38px;
  padding: 0 20px;
  font-size: 14px;
  line-height: 38px;
}

.rp-button--big {
  border-radius: var(--rp-radius-large);
  min-width: 142px;
  font-size: 16px;
}

@media (max-width: 768px) {
  .rp-button--big {
    min-width: 100px;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
  }
}

.rp-button--brand {
  opacity: 1;
  color: #fff;
  background: var(--rp-home-hero-title-bg);
  transition: all .3s;
}

.rp-button--brand:hover {
  opacity: .8;
}

.rp-button--alt {
  border: 1px solid var(--rp-c-gray-light-3);
  color: var(--rp-c-text-0);
  background-color: var(--rp-c-bg);
  transition: all .3s;
}

.dark .rp-button--alt {
  background-color: var(--rp-c-bg-mute);
  color: var(--rp-c-text-1);
  border-color: #484848;
}

.rp-button--alt:hover {
  opacity: .8;
  background-color: var(--rp-c-bg-mute);
}

:root {
  --rp-container-note-border: var(--rp-c-divider-light);
  --rp-container-note-text: var(--rp-c-text-1);
  --rp-container-note-bg: var(--rp-c-bg-soft);
  --rp-container-note-code-bg: #8080801a;
  --rp-container-note-link: var(--rp-c-link);
  --rp-container-tip-border: #079c7033;
  --rp-container-tip-text: #008555;
  --rp-container-tip-bg: #f2f9f7;
  --rp-container-tip-code-bg: #079c701a;
  --rp-container-info-border: #0095ff33;
  --rp-container-info-text: #07f;
  --rp-container-info-bg: #0095ff0f;
  --rp-container-info-code-bg: #0095ff1a;
  --rp-container-warning-border: #ffc51766;
  --rp-container-warning-text: #887233;
  --rp-container-warning-bg: #ffc5171a;
  --rp-container-warning-code-bg: #ffc5171a;
  --rp-container-danger-border: #ed3c5033;
  --rp-container-danger-text: #ab2131;
  --rp-container-danger-bg: #ed3c5014;
  --rp-container-danger-code-bg: #ed3c501a;
  --rp-container-details-border: var(--rp-c-divider-light);
  --rp-container-details-text: var(--rp-c-text-1);
  --rp-container-details-bg: var(--rp-c-bg-soft);
  --rp-container-details-code-bg: #8080801a;
  --rp-code-title-bg-with-opacity: color-mix(in srgb, var(--rp-code-title-bg) 70%, transparent);
  --rp-code-block-bg-with-opacity: color-mix(in srgb, var(--rp-code-block-bg) 70%, transparent);
}

.dark {
  --rp-container-tip-text: #3ec480;
  --rp-container-tip-bg: #079c701a;
  --rp-container-info-text: #66c2ff;
  --rp-container-info-bg: #0095ff1a;
  --rp-container-warning-text: #fbb451;
  --rp-container-warning-border: #ffc51740;
  --rp-container-warning-bg: #ffc5171f;
  --rp-container-danger-text: #f76e85;
  --rp-container-danger-border: #ed3c504d;
  --rp-container-danger-bg: #ed3c501f;
}

.rp-callout {
  border-radius: var(--rp-radius);
  border: 1px solid #0000;
  margin: 24px 0;
  padding: 20px 24px 12px;
}

.rp-callout__title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}

.rp-callout__title:before {
  content: "";
  border-radius: 0 20px 20px 0;
  width: 4px;
  height: 110%;
  position: absolute;
  top: -5%;
  left: -24px;
}

.rp-callout__content {
  font-size: 14px;
  font-weight: 400;
}

.rp-callout__content p {
  margin: 8px 0;
}

.rp-callout__content .rp-codeblock__title {
  background-color: var(--rp-code-title-bg-with-opacity);
}

.rp-callout__content .rp-codeblock__content {
  background-color: var(--rp-code-block-bg-with-opacity);
}

.rp-callout__content a {
  border-bottom: 1px solid;
}

.rp-callout--note {
  border-color: var(--rp-container-note-border);
  background-color: var(--rp-container-note-bg);
}

.rp-callout--note .rp-callout__title {
  color: var(--rp-container-note-text);
}

.rp-callout--note .rp-callout__title:before {
  background-color: var(--rp-container-note-text);
}

.rp-callout--note :not(pre) > code {
  color: var(--rp-container-note-text);
  background-color: var(--rp-container-note-code-bg);
}

.rp-callout--note a {
  color: var(--rp-container-note-text);
}

.rp-callout--tip {
  border-color: var(--rp-container-tip-border);
  background-color: var(--rp-container-tip-bg);
}

.rp-callout--tip .rp-callout__title {
  color: var(--rp-container-tip-text);
}

.rp-callout--tip .rp-callout__title:before {
  background-color: var(--rp-container-tip-text);
}

.rp-callout--tip :not(pre) > code {
  color: var(--rp-container-tip-text);
  background-color: var(--rp-container-tip-code-bg);
}

.rp-callout--tip a {
  color: var(--rp-container-tip-text);
}

.rp-callout--info {
  border-color: var(--rp-container-info-border);
  background-color: var(--rp-container-info-bg);
}

.rp-callout--info .rp-callout__title {
  color: var(--rp-container-info-text);
}

.rp-callout--info .rp-callout__title:before {
  background-color: var(--rp-container-info-text);
}

.rp-callout--info :not(pre) > code {
  color: var(--rp-container-info-text);
  background-color: var(--rp-container-info-code-bg);
}

.rp-callout--info a {
  color: var(--rp-container-info-text);
}

.rp-callout--warning {
  border-color: var(--rp-container-warning-border);
  background-color: var(--rp-container-warning-bg);
}

.rp-callout--warning .rp-callout__title {
  color: var(--rp-container-warning-text);
}

.rp-callout--warning .rp-callout__title:before {
  background-color: var(--rp-container-warning-text);
}

.rp-callout--warning :not(pre) > code {
  color: var(--rp-container-warning-text);
  background-color: var(--rp-container-warning-code-bg);
}

.rp-callout--warning a {
  color: var(--rp-container-warning-text);
}

.rp-callout--caution, .rp-callout--danger {
  border-color: var(--rp-container-danger-border);
  background-color: var(--rp-container-danger-bg);
}

.rp-callout--caution .rp-callout__title, .rp-callout--danger .rp-callout__title {
  color: var(--rp-container-danger-text);
}

.rp-callout--caution .rp-callout__title:before, .rp-callout--danger .rp-callout__title:before {
  background-color: var(--rp-container-danger-text);
}

.rp-callout--caution :not(pre) > code, .rp-callout--danger :not(pre) > code {
  color: var(--rp-container-danger-text);
  background-color: var(--rp-container-danger-code-bg);
}

.rp-callout--caution a, .rp-callout--danger a {
  color: var(--rp-container-danger-text);
}

.rp-callout--details {
  border-color: var(--rp-container-details-border);
  background-color: var(--rp-container-details-bg);
}

.rp-callout--details .rp-callout__title {
  color: var(--rp-container-details-text);
}

.rp-callout--details .rp-callout__title:before {
  background-color: var(--rp-container-details-text);
}

.rp-callout--details :not(pre) > code {
  color: var(--rp-container-details-text);
  background-color: var(--rp-container-details-code-bg);
}

.rp-callout--details a {
  color: var(--rp-container-details-text);
}

details.rp-callout {
  font-size: normal;
  cursor: pointer;
  margin: 24px 0;
  padding: 20px 24px 12px;
  transition: background-color .3s;
}

details.rp-callout:hover {
  background-color: var(--rp-c-bg-mute);
}

.rp-codeblock {
  border: var(--rp-code-block-border);
  box-shadow: var(--rp-code-block-shadow);
  border-radius: var(--rp-radius);
  margin: 1rem 0;
  transition: none;
  position: relative;
  overflow-x: auto;
}

@media (max-width: 640px) {
  .rp-codeblock {
    contain: content;
    margin: 1.5rem 0;
  }
}

.rp-codeblock__title {
  font-family: var(--rp-font-family-mono);
  font-size: var(--rp-code-font-size);
  background-color: var(--rp-code-title-bg);
  border-bottom: var(--rp-code-block-border);
  padding: .75rem 1rem;
}

.rp-codeblock__content {
  color: var(--rp-code-block-color);
  background-color: var(--rp-code-block-bg);
  position: relative;
}

.rp-codeblock__content__scroll-container {
  overflow-x: auto;
}

.rp-codeblock__content :where(pre) {
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
  z-index: 1;
  background: none;
  outline: none;
  margin: 0;
  position: relative;
}

.rp-codeblock__content :where(code) {
  font-size: var(--rp-code-font-size);
  font-family: var(--rp-font-family-mono);
  width: fit-content;
  min-width: 100%;
  padding: 1rem 0;
  line-height: 1.7;
  display: inline-block;
}

.rp-codeblock__content--code-wrap code {
  white-space: pre-wrap !important;
  word-break: break-all !important;
}

.rp-codeblock__content--line-numbers code {
  counter-reset: step;
  counter-increment: step 0;
}

.rp-codeblock__content--line-numbers code .line:before {
  content: counter(step);
  counter-increment: step;
  text-align: right;
  color: #738a9466;
  width: 1rem;
  margin-right: 1rem;
  display: inline-block;
}

:root {
  --rp-code-button-group-z-index: 10;
}

.rp-codeblock__content:hover .rp-code-button-group__button {
  opacity: 1;
}

.rp-code-button-group {
  z-index: var(--rp-code-button-group-z-index);
  gap: 10px;
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
}

.rp-code-button-group__button {
  opacity: 0;
  cursor: pointer;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  transition: opacity .2s ease-out;
  display: flex;
  position: relative;
}

.rp-code-button-group__icon {
  opacity: inherit;
  width: 20px;
  height: 20px;
  color: var(--rp-c-text-3);
  transition: all .2s;
}

.rp-code-button-group__icon:hover {
  color: var(--rp-c-text-2);
}

.rp-code-button-group__icon--wrap {
  opacity: 1;
  transform: scale(1);
}

.rp-code-button-group__icon--wrapped {
  opacity: 0;
  color: #00d600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(0);
}

.rp-code-wrap-button--wrapped .rp-code-button-group__icon--wrap {
  opacity: 0;
  transform: scale(.33);
}

.rp-code-wrap-button--wrapped .rp-code-button-group__icon--wrapped {
  opacity: 1;
  transition-delay: 75ms;
  transform: translate(-50%, -50%)scale(1);
}

.rp-code-copy-button {
  position: relative;
}

.rp-code-copy-button__icon--success {
  opacity: 0;
  color: #00d600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(0);
}

.rp-code-copy-button--copied .rp-code-copy-button__icon--copy {
  opacity: 0;
  transform: scale(.33);
}

.rp-code-copy-button--copied .rp-code-copy-button__icon--success {
  opacity: 1;
  transition-delay: 75ms;
  transform: translate(-50%, -50%)scale(1);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(p):not(:where(li p)) {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  line-height: 1.75rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(strong, b) {
  font-weight: 600;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(hr) {
  border-color: var(--rp-c-divider-light);
  border-top-width: 1px;
  margin: 3rem 0;
  display: block;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a.rp-link):not(:where(.rp-header-anchor)) {
  color: var(--rp-c-link);
  overflow-wrap: break-word;
  font-weight: 500;
  text-decoration: none;
  transition: color .25s;
  display: inline;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a.rp-link):not(:where(.rp-header-anchor)):hover {
  opacity: .85;
  border-bottom: 1px solid;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a.rp-link):not(:where(.rp-header-anchor))[target="_blank"]:after {
  content: "↗";
  margin-left: .2em;
  margin-right: .1em;
  font-size: .7em;
  font-weight: 700;
  transition: transform .2s;
  display: inline-block;
  transform: translate(0, -.3em);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a.rp-link):not(:where(.rp-header-anchor))[target="_blank"]:hover:after {
  transform: translate(.1em, -.5em);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1, h2, h3, h4, h5, h6) {
  outline: none;
  font-weight: 600;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1, h2, h3, h4, h5, h6) .rp-header-anchor {
  float: left;
  opacity: 0;
  font-weight: 500;
  font-size: inherit;
  margin-left: -.8em;
  transition: color .25s, opacity .25s;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1, h2, h3, h4, h5, h6) .rp-header-anchor:hover {
  border-bottom: 1px solid var(--rp-c-brand);
  opacity: .85;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1, h2, h3, h4, h5, h6):hover .rp-header-anchor, .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1, h2, h3, h4, h5, h6):hover .rp-header-anchor:focus {
  opacity: 1;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(.rp-header-anchor) {
  color: var(--rp-c-brand);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h1) {
  margin-bottom: 2rem;
  font-size: 2rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h2) {
  margin-top: 3rem;
  margin-bottom: 1.25rem;
  font-size: 1.75rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h2:first-of-type):before {
  content: "";
  background: var(--rp-c-divider-light);
  width: 100%;
  height: 1px;
  margin-bottom: 3rem;
  display: block;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h3) {
  margin-top: 2rem;
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h4) {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h5) {
  margin-top: 1.25rem;
  margin-bottom: .75rem;
  font-size: 1.125rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(h6) {
  margin-top: 1rem;
  margin-bottom: .5rem;
  font-size: 1rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(blockquote) {
  border-left: 2px solid var(--rp-c-divider);
  color: var(--rp-c-text-2);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(blockquote p) {
  color: var(--rp-c-text-2);
  margin: 0;
  font-size: 1rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(ul) {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
  line-height: 1.75rem;
  list-style: outside;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(ol) {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
  line-height: 1.75rem;
  list-style: decimal;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(ul li):not(:first-child), .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(ol li):not(:first-child) {
  margin-top: .5rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(.rp-table-scroll-container) {
  overflow-x: auto;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table) {
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  border: var(--rp-code-block-border);
  border-radius: var(--rp-radius);
  width: 100%;
  overflow: hidden;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table)::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table)::-webkit-scrollbar-corner {
  display: none;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table)::-webkit-scrollbar-thumb {
  background-color: #0000000d;
  border-radius: 10px;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(thead) {
  color: var(--rp-c-text-0);
  background: var(--rp-code-title-bg);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(th) {
  text-align: left;
  border-bottom: 1px solid var(--rp-c-divider-light);
  padding: .75rem 1.25rem;
  font-size: .875rem;
  font-weight: 600;
  position: relative;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(tbody) {
  background: var(--rp-c-bg);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(td) {
  border-bottom: 1px solid var(--rp-c-divider-light);
  padding: .75rem 1.25rem;
  font-size: .875rem;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(tr) {
  transition: background-color .2s;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(tr):hover {
  background: var(--rp-c-bg-soft);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(tr:last-child td) {
  border-bottom: none;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(:not(pre) > code) {
  font-size: .875em;
  font-family: var(--rp-font-family-mono);
  border-radius: var(--rp-radius-small);
  background-color: var(--rp-c-text-code-bg);
  border: 1px solid var(--rp-c-text-code-border);
  overflow-wrap: break-word;
  padding: 3px 6px;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(:not(pre, a) > code) {
  color: var(--rp-c-text-code);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a > code) {
  color: var(--rp-c-brand-dark);
  transition: color .25s;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(a:hover > code) {
  color: var(--rp-c-brand);
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(details) {
  cursor: pointer;
  margin: 16px 0;
  padding: 8px;
  transition: background-color .3s;
}

.rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(details):hover {
  background-color: var(--rp-c-bg-mute);
}

:where(.rp-dark) .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table), :where(.rp-dark) .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table tr), :where(.rp-dark) .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table td), :where(.rp-dark) .rp-doc :not(:where(.rp-not-doc, .rp-not-doc *)):where(table th) {
  border-color: var(--rp-c-divider);
}

.rp-doc-footer {
  margin-top: 48px;
}

.rp-doc-footer__edit {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rp-doc-footer__divider {
  background-color: var(--rp-c-divider-light);
  width: 100%;
  height: .5px;
  margin: 48px 0;
}

.rp-edit-link {
  color: var(--rp-c-brand);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.rp-edit-link:hover {
  color: var(--rp-c-brand-dark);
}

.rp-home-background {
  z-index: -1;
  filter: blur(2px);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: var(--rp-home-background-bg);
  width: 100%;
  height: 1000px;
  position: absolute;
  top: 0;
  left: 0;
}

.rp-home-feature {
  --rp-home-feature-gap: 15px;
  gap: var(--rp-home-feature-gap);
  flex-wrap: wrap;
  max-width: 72rem;
  margin: auto auto 2rem;
  padding: 10px;
  display: flex;
  overflow: hidden;
}

.rp-home-feature__item {
  width: 100%;
  position: relative;
}

@media (min-width: 640px) {
  .rp-home-feature__item--span-2, .rp-home-feature__item--span-4, .rp-home-feature__item--span-6 {
    width: calc(50% - var(--rp-home-feature-gap));
  }
}

@media (min-width: 768px) {
  .rp-home-feature__item--span-2, .rp-home-feature__item--span-4 {
    width: calc(50% - var(--rp-home-feature-gap));
  }

  .rp-home-feature__item--span-3, .rp-home-feature__item--span-6 {
    width: calc((100% - 2 * var(--rp-home-feature-gap)) / 3);
  }
}

@media (min-width: 960px) {
  .rp-home-feature__item--span-3 {
    width: calc((100% - 3 * var(--rp-home-feature-gap)) / 4);
  }

  .rp-home-feature__item--span-4 {
    width: calc((100% - 2 * var(--rp-home-feature-gap)) / 3);
  }

  .rp-home-feature__item--span-6 {
    width: calc(50% - var(--rp-home-feature-gap));
  }
}

.rp-home-feature__item-wrapper {
  height: 100%;
  position: relative;
}

.rp-home-feature__card {
  border: 1px solid var(--rp-c-divider-light);
  background: var(--rp-home-feature-bg);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 2rem;
  height: 100%;
  padding: 2rem;
  transition: all .3s;
}

.rp-home-feature__card--clickable {
  cursor: pointer;
}

.rp-home-feature__card:hover {
  border: 1px solid var(--rp-c-brand);
  color: var(--rp-c-brand);
}

.rp-home-feature__title-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.rp-home-feature__icon {
  background-color: var(--rp-c-bg);
  border: 3px solid var(--rp-c-divider-light);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  min-width: 3rem;
  min-height: 3rem;
  font-size: 1.5rem;
  display: inline-flex;
}

.rp-home-feature__icon img, .rp-home-feature__icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.rp-home-feature__title {
  text-align: left;
  margin: 0;
  font-weight: 700;
}

.rp-home-feature__detail {
  color: var(--rp-c-text-2);
  margin: 0;
  padding-top: .5rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
}

.rp-home-footer {
  border-top: 1px solid var(--rp-c-divider-light);
  width: 100%;
  margin-top: 3rem;
  padding: 2rem 1.5rem;
  bottom: 0;
}

@media (min-width: 640px) {
  .rp-home-footer {
    padding: 2rem;
  }
}

.rp-home-footer__container {
  text-align: center;
  width: 100%;
  margin: auto;
}

.rp-home-footer__message {
  color: var(--rp-c-text-3);
  font-size: .875rem;
  font-weight: 500;
}

.rp-home-hero {
  flex-direction: row;
  align-items: flex-start;
  max-width: 72rem;
  margin: 5rem auto;
  padding: 20px 40px;
  display: flex;
  position: relative;
}

@media (max-width: 1000px) {
  .rp-home-hero {
    flex-direction: column-reverse;
    align-items: center;
    margin: 0 auto;
  }

  .rp-home-hero .rp-home-hero__container {
    text-align: center;
    align-items: center;
  }
}

@media (max-width: 600px) {
  .rp-home-hero {
    padding: 10px;
  }

  .rp-home-hero .rp-home-hero__title {
    font-size: 2.5rem;
  }

  .rp-home-hero .rp-home-hero__subtitle {
    margin-top: 1rem;
    font-size: 2rem;
  }
}

.rp-home-hero__container {
  flex-direction: column;
  flex: 2;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  display: flex;
}

.rp-home-hero__image {
  flex: 1;
  align-self: center;
  max-width: 50vw;
  display: flex;
}

.rp-home-hero__image-img {
  display: block;
}

.rp-home-hero__image-img--dark {
  display: none;
}

.rp-home-hero__content {
  flex-direction: column;
  display: flex;
}

.rp-home-hero__badge:before {
  content: "";
  background: var(--rp-home-hero-title-bg);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  display: inline-block;
}

.rp-home-hero__badge {
  background: var(--rp-c-bg-soft);
  border: 1px solid var(--rp-c-divider-light);
  color: var(--rp-c-text-0);
  border-radius: 50px;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: background .2s, border-color .2s;
  display: inline-flex;
}

.rp-home-hero__badge:hover {
  background: var(--rp-c-bg-mute);
  cursor: pointer;
}

.rp-home-hero__badge:is(a):hover {
  border-color: var(--rp-c-brand);
}

.rp-home-hero__title {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2em;
}

.rp-home-hero__title-brand {
  background: var(--rp-home-hero-title-bg);
  -webkit-text-fill-color: #0000;
  color: var(--rp-home-hero-title-color);
  -webkit-background-clip: text;
  background-clip: text;
  width: 640px;
}

.rp-home-hero__subtitle {
  margin: 0;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2em;
}

.rp-home-hero__tagline {
  color: var(--rp-c-text-2);
  font-size: 1rem;
  font-weight: 400;
}

@media (min-width: 640px) {
  .rp-home-hero__tagline {
    font-size: 1.125rem;
  }
}

@media (min-width: 768px) {
  .rp-home-hero__tagline {
    font-size: 1.25rem;
  }
}

.rp-home-hero__actions {
  flex-direction: row;
  gap: 1.5rem;
  display: flex;
}

@media (max-width: 768px) {
  .rp-home-hero__actions {
    flex-direction: column;
    gap: 1rem;
    width: 80%;
  }
}

.rp-home-hero__action {
  display: flex;
}

.rp-home-hero--no-image .rp-home-hero__container {
  text-align: center;
  align-items: center;
}

.dark .rp-home-hero__image-img--light {
  display: none;
}

.dark .rp-home-hero__image-img--dark {
  display: block;
}

.rp-hover-group {
  border: var(--rp-code-block-border);
  background: var(--rp-c-bg);
  width: auto;
  min-width: 80px;
  box-shadow: var(--rp-shadow-2);
  z-index: 999;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  list-style: none;
  transition: opacity .3s ease-in-out;
  display: flex;
  position: absolute;
  top: 80%;
}

.rp-hover-group--center {
  left: 50%;
  transform: translateX(-50%);
}

.rp-hover-group--left {
  left: 0;
  transform: none;
}

.rp-hover-group--right {
  right: 0;
  transform: none;
}

.rp-hover-group--hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease-in-out, visibility 0s linear .3s;
}

.rp-hover-group__item {
  white-space: nowrap;
  height: 32px;
  color: var(--rp-c-text-1);
  border-radius: 8px;
  flex: 1;
  align-self: stretch;
  padding-right: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  transition: background-color .3s ease-in-out;
  display: block;
}

.rp-hover-group__item__link {
  align-items: center;
  gap: 2px;
  height: 100%;
  display: flex;
}

.rp-hover-group__item--active {
  color: var(--rp-c-brand);
  cursor: auto;
  pointer-events: none;
  font-weight: 600;
}

.rp-hover-group__item:hover {
  opacity: .7;
}

.rp-last-updated {
  color: var(--rp-c-text-3);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.rp-link {
  cursor: pointer;
}

.rp-nav {
  height: var(--rp-nav-height);
  border-bottom: 1px solid var(--rp-c-divider-light);
  background: var(--rp-c-bg);
  color: var(--rp-c-text-1);
  --rp-nav-padding-x: 20px;
  padding: 0 var(--rp-nav-padding-x) 0 var(--rp-nav-padding-x);
  top: var(--rp-banner-height, 0px);
  z-index: var(--rp-z-index-nav);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: background-color .2s ease-in-out, border-bottom .2s ease-in-out;
  display: flex;
  position: sticky;
  left: 0;
}

@media (min-width: 1280px) {
  .rp-nav {
    --rp-nav-padding-x: max(calc(( 100vw - var(--rp-content-max-width)  - var(--rp-sidebar-width)  - var(--rp-outline-width)) / 2), 20px);
    padding: 0 var(--rp-nav-padding-x) 0 var(--rp-nav-padding-x);
  }
}

.rp-nav__left {
  display: flex;
}

.rp-nav__title {
  flex-shrink: 0;
}

.rp-nav__title__link {
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 600;
  transition: opacity .3s;
  display: flex;
}

.rp-nav__title__link:hover {
  opacity: .6;
}

.rp-nav__title__logo {
  min-width: 2rem;
  margin-right: .25rem;
}

.rp-nav__title__logo-image {
  display: block;
}

.rp-nav__title__logo-image--dark {
  display: none;
}

.rp-nav__right {
  align-items: center;
  gap: 24px;
  height: 100%;
  display: flex;
}

@media (max-width: 767px) {
  .rp-nav__right {
    gap: 8px;
  }
}

.rp-nav__others {
  align-items: center;
  gap: 24px;
  height: 100%;
  list-style: none;
  display: flex;
}

@media (max-width: 1280px) {
  .rp-nav__others {
    display: none;
  }
}

.rp-nav-menu {
  align-items: center;
  height: 100%;
  list-style: none;
  display: inline-flex;
}

@media (min-width: 1280px) {
  .rp-nav-menu {
    gap: 32px;
  }
}

@media (max-width: 1279px) {
  .rp-nav-menu {
    gap: 24px;
  }
}

.rp-nav-menu__item {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.rp-nav-menu__item__container {
  cursor: pointer;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 2px;
  height: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  display: flex;
}

.rp-nav-menu__item__icon {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  transition: transform .3s ease-in-out;
  display: flex;
}

.rp-nav-menu__item:hover .rp-nav-menu__item__container {
  color: var(--rp-c-brand);
  text-align: center;
  font-size: 14px;
  font-style: normal;
}

.rp-nav-menu__item:hover .rp-nav-menu__item__icon {
  transform: rotate(180deg);
}

.rp-nav-menu__item--active .rp-nav-menu__item__container {
  color: var(--rp-c-brand);
  text-align: center;
  font-size: 14px;
  font-style: normal;
}

.rp-nav-menu__divider {
  background: var(--rp-c-divider);
  width: 1px;
  height: 15px;
}

@media (max-width: 1280px) {
  .rp-nav-menu__divider {
    display: none;
  }
}

.rp-nav-menu a[target="_blank"]:after {
  content: "↗";
  color: var(--rp-c-text-3);
  margin-left: .5em;
  margin-right: .1em;
  font-size: .7em;
  font-weight: 700;
  display: inline-block;
}

@media (max-width: 768px) {
  .rp-nav-menu {
    display: none;
  }
}

.rp-nav-screen {
  top: calc(var(--rp-nav-height)  + var(--rp-banner-height, 0px));
  background-color: var(--rp-c-bg);
  width: 100%;
  z-index: var(--rp-z-index-nav-screen);
  padding: 24px 48px;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}

.rp-nav-screen--open {
  display: block;
}

.rp-nav-screen__container {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  display: flex;
}

.rp-nav-screen__others {
  display: flex;
}

@media (max-width: 1280px) {
  .rp-nav-screen__others {
    display: none;
  }
}

.rp-nav-screen-divider {
  background-color: var(--rp-c-divider-light);
  width: 100%;
  height: 1px;
  margin: 1rem 0;
}

.rp-nav-screen-appearance {
  border-radius: var(--rp-radius-small);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  display: flex;
}

.rp-nav-screen-appearance__left, .rp-nav-screen-appearance__right {
  align-items: center;
  display: flex;
}

.rp-nav-screen-appearance__icon {
  transition: transform .3s;
  transform: rotate(-90deg);
}

.rp-nav-screen-appearance__icon--open {
  transform: rotate(0);
}

.rp-nav-screen-langs {
  border-radius: var(--rp-radius-small);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  display: flex;
}

.rp-nav-screen-langs__left {
  align-items: center;
  display: flex;
}

.rp-nav-screen-langs__right {
  align-items: center;
  gap: 4px;
  display: flex;
}

.rp-nav-screen-langs__icon {
  transition: transform .3s;
  transform: rotate(-90deg);
}

.rp-nav-screen-langs__icon--open {
  transform: rotate(0);
}

.rp-nav-screen-langs-group {
  width: 100%;
}

.rp-nav-screen-langs-group__inner {
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  font-size: 14px;
  display: flex;
  overflow: hidden;
}

.rp-nav-screen-langs-group__item {
  padding: 0 24px;
}

.rp-nav-screen-langs-group__item--active {
  color: var(--rp-c-text-2);
  cursor: default;
  pointer-events: none;
}

.rp-nav-screen-menu-item {
  border-radius: var(--rp-radius-small);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  transition: background-color .25s ease-in;
  display: flex;
}

.rp-nav-screen-menu-item:hover {
  background-color: var(--rp-c-bg-mute);
}

.rp-nav-screen-menu-item--active {
  color: var(--rp-c-brand);
  background-color: var(--rp-c-brand-tint);
  font-weight: 600;
}

.rp-nav-screen-menu-item__left, .rp-nav-screen-menu-item__right {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.rp-nav-screen-menu-item__icon {
  transition: transform .25s ease-in;
  transform: rotate(-90deg);
}

.rp-nav-screen-menu-item--open .rp-nav-screen-menu-item__icon {
  transform: rotate(0);
}

.rp-nav-screen-menu-item__group {
  width: 100%;
}

.rp-nav-screen-menu-item__group-inner {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-left: 8px;
  display: flex;
  overflow: hidden;
}

.rp-nav-screen-menu-item.rp-link[target="_blank"] .rp-nav-screen-menu-item__left:after {
  content: "↗";
  color: var(--rp-c-text-3);
  margin-left: .2em;
  margin-right: .1em;
  font-weight: 400;
  transform: translate(0, -.2em);
}

.rp-nav-screen-menu {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.rp-nav-screen-versions {
  border-radius: var(--rp-radius-small);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  display: flex;
}

.rp-nav-screen-versions__left {
  align-items: center;
  display: flex;
}

.rp-nav-screen-versions__right {
  align-items: center;
  gap: 4px;
  display: flex;
}

.rp-nav-screen-versions__icon {
  transition: transform .3s;
  transform: rotate(-90deg);
}

.rp-nav-screen-versions__icon--open {
  transform: rotate(0);
}

.rp-nav-screen-versions-group {
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  width: 100%;
  height: 0;
  font-size: 14px;
  transition: height .3s;
  display: flex;
  overflow: hidden;
}

.rp-nav-screen-versions-group__item {
  padding: 0 24px;
}

.rp-nav-screen-versions-group__item--active {
  color: var(--rp-c-text-2);
  cursor: default;
  pointer-events: none;
}

.rp-nav-screen-versions-group--open {
  height: auto;
}

.rp-nav-hamburger {
  cursor: pointer;
  background-color: #0000;
  border-radius: 4px;
  padding: 8px;
  transition: background-color .3s;
  display: none;
}

@media (max-width: 1280px) and (min-width: 769px) {
  .rp-nav-hamburger__md {
    display: block;
  }
}

.rp-nav-hamburger__md__hover-group {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 250px;
  padding: 12px;
  display: flex;
}

@media (max-width: 768px) {
  .rp-nav-hamburger__sm {
    display: block;
  }
}

.rp-nav-hamburger:hover, .rp-nav-hamburger--active {
  background-color: var(--rp-c-bg-mute);
}

.rspress-logo {
  height: 1.6rem;
}

.dark .rp-nav__title__logo-image--light {
  display: none;
}

.dark .rp-nav__title__logo-image--dark {
  display: block;
}

:root {
  --rp-outline-padding-x: 20px;
}

.rp-outline {
  border-left: 1px solid var(--rp-c-divider-light);
  flex-direction: column;
  display: flex;
}

.rp-outline__title {
  padding-left: var(--rp-outline-padding-x);
  padding-right: var(--rp-outline-padding-x);
  height: 32px;
  color: var(--rp-c-text-1);
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  display: inline-flex;
}

@media (max-width: 1280px) {
  .rp-outline__title {
    display: none;
  }
}

.rp-outline__divider {
  margin-left: var(--rp-outline-padding-x);
  margin-right: var(--rp-outline-padding-x);
  background: var(--rp-c-divider-light);
  height: 1px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.rp-outline__toc {
  padding-left: var(--rp-outline-padding-x);
  padding-right: var(--rp-outline-padding-x);
  flex-direction: column;
  flex: 1;
  display: flex;
}

@media (max-width: 1280px) {
  .rp-outline__toc {
    max-height: 60vh;
    overflow: auto scroll;
  }
}

.rp-outline__bottom {
  padding-left: var(--rp-outline-padding-x);
  padding-right: var(--rp-outline-padding-x);
}

.rp-outline__scroll-to-top {
  cursor: pointer;
  color: var(--rp-c-text-2);
  background: none;
  border: none;
  align-items: center;
  gap: 8px;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

.rspress-overview-container {
  padding: var(--rp-content-padding-y) var(--rp-content-padding-x);
}

.rp-overview-search {
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.rp-overview-search__label {
  color: var(--rp-c-text-1);
  white-space: nowrap;
  font-weight: 500;
}

.rp-overview-search__input {
  border: 1px solid var(--rp-c-divider);
  background-color: var(--rp-c-bg);
  color: var(--rp-c-text-1);
  border-radius: 8px;
  min-width: 200px;
  padding: .5rem .75rem;
  font-size: .875rem;
  transition: box-shadow .25s ease-in-out, border-color .25s ease-in-out;
}

.rp-overview-search__input:focus {
  border-color: var(--rp-c-brand);
  box-shadow: 0 0 0 2px rgba(var(--rp-c-brand-rgb), .2);
  outline: none;
}

.rp-overview-search__input::placeholder {
  color: var(--rp-c-text-3);
}

.rp-overview-search__input::-webkit-search-cancel-button {
  appearance: none;
  cursor: pointer;
  opacity: .6;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27 stroke=%27currentColor%27%3E%3Cpath stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M6 18L18 6M6 6l12 12%27/%3E%3C/svg%3E");
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
}

.rp-overview-search__input::-webkit-search-cancel-button:hover {
  opacity: 1;
}

.rp-overview__empty {
  text-align: center;
  color: var(--rp-c-text-2);
  background-color: var(--rp-c-bg-soft);
  border-radius: 8px;
  margin-top: 1rem;
  padding: 2rem;
  font-style: italic;
}

@media (prefers-color-scheme: dark) {
  .rp-overview-search__input {
    border-color: var(--rp-c-divider-dark);
    background-color: var(--rp-c-bg-dark);
  }
}

:root {
  --rp-c-overview-group-bg: var(--rp-c-bg-soft);
  --rp-c-overview-group-bg-hover: color-mix(in srgb, var(--rp-c-brand-lighter) 30%, transparent);
  --rp-c-overview-group-border: 1px solid var(--rp-c-divider-light);
}

.rp-overview-group {
  flex-direction: column;
  gap: 20px;
  width: 100%;
  display: flex;
}

.rp-overview-group__item {
  border: var(--rp-c-overview-group-border);
  border-radius: var(--rp-radius);
  flex-direction: row;
  width: 100%;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
  overflow: hidden;
}

.rp-overview-group__item:hover {
  border-color: var(--rp-c-brand-light);
  box-shadow: 0 4px 6px #0000000a;
}

.rp-overview-group__item:hover .rp-overview-group__item__title {
  background-color: var(--rp-c-overview-group-bg-hover);
}

.rp-overview-group__item:hover .rp-overview-group__item__title .rp-overview-group__item__title__icon {
  color: var(--rp-c-brand-dark);
}

@media (max-width: 1280px) {
  .rp-overview-group__item {
    flex-direction: column;
  }

  .rp-overview-group__item__title {
    flex: none !important;
    width: 100% !important;
  }
}

.rp-overview-group__item__title {
  word-break: break-all;
  width: 25%;
  color: var(--rp-c-text-1);
  background-color: var(--rp-c-overview-group-bg);
  flex: 0 0 25%;
  padding: 16px 20px;
  font-size: 18px;
  font-weight: 600;
  transition: background-color .2s;
  position: relative;
  overflow: hidden;
}

.rp-overview-group__item__title__link, .rp-overview-group__item__title__text {
  color: inherit;
  text-decoration: none;
}

.rp-overview-group__item__title__link:hover, .rp-overview-group__item__title__text:hover {
  color: var(--rp-c-brand);
}

.rp-overview-group__item__title__icon {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  color: var(--rp-c-text-1);
  position: absolute;
  bottom: 0;
  right: 0;
}

.rp-overview-group__item__content {
  flex-flow: wrap;
  flex: 1;
  row-gap: 20px;
  margin: 0;
  padding: 16px;
  list-style: none;
  display: flex;
}

.rp-overview-group__item__content__item {
  word-break: break-all;
  flex: 0 0 200px;
  width: 200px;
  min-width: 25%;
  max-width: 25%;
}

@media (min-width: 769px) and (max-width: 1280px) {
  .rp-overview-group__item__content__item {
    min-width: 33%;
    max-width: 33%;
  }
}

@media (max-width: 768px) {
  .rp-overview-group__item__content__item {
    flex: 200px;
    min-width: 50%;
    max-width: 100%;
  }
}

.rp-overview-group__item__content__item__link {
  color: var(--rp-c-text-2);
  word-break: normal;
  padding: 4px 8px;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: inline-block;
}

.rp-overview-group__item__content__item__link:hover {
  color: var(--rp-c-brand);
  background-color: var(--rp-c-bg);
}

.rp-overview-group__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 100%;
  display: grid;
}

@media (max-width: 1280px) {
  .rp-overview-group__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .rp-overview-group__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .rp-overview-group__grid {
    grid-template-columns: 1fr;
  }
}

.rp-overview-group__grid-item {
  border: 1px solid var(--rp-c-divider-light);
  border-radius: var(--rp-radius);
  transition: border-color .2s, box-shadow .2s, background-color .2s;
}

.rp-overview-group__grid-item.rp-overview-group__item__title {
  flex: none;
  width: 100%;
}

.rp-overview-group__grid-item:hover {
  border-color: var(--rp-c-brand-light);
  background-color: var(--rp-c-overview-group-bg-hover);
  box-shadow: 0 4px 6px #0000000a;
}

.rp-overview-group__grid-item:hover .rp-overview-group__item__title__icon {
  color: var(--rp-c-brand-dark);
}

html.rp-dark .rp-overview-group__item:hover .rp-overview-group__item__title__icon, html.rp-dark .rp-overview-group__grid-item:hover .rp-overview-group__item__title__icon {
  color: #fff;
}

.rp-prev-next-page {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.rp-prev-next-page__item {
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 12px;
  display: flex;
}

.rp-prev-next-page__item__title {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.rp-prev-next-page__item__desc {
  color: var(--rp-c-text-3);
  padding: 0 1.25rem;
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.rp-prev-next-page__item:hover {
  opacity: .7;
  background-color: var(--rp-c-bg-mute);
}

.rp-prev-next-page__icon {
  font-size: 1rem;
  display: inline-flex;
}

.rp-prev-next-page__placeholder {
  flex: 1;
}

.rp-prev-next-page__prev {
  align-items: flex-start;
}

.rp-prev-next-page__next {
  align-items: flex-end;
}

.rp-prev-next-page__rotate_180 {
  transform: rotate(180deg);
}

.rp-progress-circle {
  display: inline-flex;
}

.rp-search-button {
  border-radius: var(--rp-radius-small);
  background-color: color-mix(in srgb, var(--rp-c-bg) 30%, transparent);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border: 1px solid var(--rp-c-divider-light);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  min-width: 140px;
  height: 40px;
  padding: 0 10px;
  font-size: 13px;
  transition: border-color .3s;
  display: flex;
}

.rp-search-button:hover {
  border: 1px solid var(--rp-c-brand);
}

.rp-search-button:hover .rp-search-button__word {
  color: var(--rp-c-text-1);
}

.rp-search-button__content {
  word-break: keep-all;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  display: flex;
}

.rp-search-button__word {
  white-space: nowrap;
  color: var(--rp-c-text-2);
  font-weight: 500;
}

.rp-search-button__icon {
  font-size: 20px;
  display: inline-block;
}

.rp-search-button__hotkey {
  background-color: var(--rp-c-bg-soft);
  border-radius: var(--rp-radius-small);
  color: var(--rp-c-gray);
  padding: 0 8px;
  font-weight: 500;
  transition: opacity .3s;
}

.rp-search-button--mobile {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: none;
}

@media (max-width: 768px) {
  .rp-search-button {
    display: none;
  }

  .rp-search-button--mobile {
    display: flex;
  }
}

.rp-no-search-result {
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: .5rem;
  display: flex;
}

.rp-no-search-result__icon {
  opacity: .8;
  margin-bottom: 1rem;
}

.rp-no-search-result__text {
  margin-bottom: .5rem;
}

.rp-no-search-result__suggestion {
  margin: 0;
}

.rp-search-panel__mask {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 100;
  background: #3c3c3c66;
  position: fixed;
  inset: 0;
}

.rp-search-panel__modal {
  background-color: var(--rp-c-bg-soft);
  border-radius: var(--rp-radius);
  max-width: 560px;
  height: auto;
  margin: 80px auto auto;
  padding: 20px;
  position: relative;
}

.rp-search-panel__header {
  align-items: center;
  display: flex;
}

.rp-search-panel__cancel {
  color: var(--rp-c-brand);
  cursor: pointer;
  margin-left: .5rem;
}

@media (min-width: 640px) {
  .rp-search-panel__cancel {
    display: none;
  }
}

.rp-search-panel__input-form {
  background-color: var(--rp-c-bg);
  border: 1px solid var(--rp-c-brand);
  border-radius: var(--rp-radius-small);
  align-items: center;
  width: 100%;
  height: 55px;
  padding: 0 12px;
  display: flex;
}

.rp-search-panel__input {
  background-color: var(--rp-c-bg);
  outline: none;
  flex: 1;
  width: 80%;
  height: 100%;
  padding-left: 8px;
  font-size: 20px;
  font-weight: 500;
}

.dark .rp-search-panel__input {
  color: var(--rp-c-text);
}

.rp-search-panel__close:hover {
  cursor: pointer;
  color: var(--rp-c-brand);
  transition: color .3s;
}

.rp-search-panel__results {
  max-height: calc(100vh - 230px);
  padding-right: 2px;
  overflow: scroll;
}

.rp-search-panel__loading {
  opacity: .8;
  flex-direction: column;
  align-items: center;
  margin: 2rem 0;
  display: flex;
}

.rp-search-panel__tabs {
  background-color: var(--rp-c-bg-soft);
  padding-bottom: 6px;
  position: sticky;
}

.rp-search-panel__tabs.rp-tabs {
  border: none;
  border-radius: 0;
  margin: 0;
}

.rp-search-panel__group {
  padding-bottom: .5rem;
}

@media (max-width: 960px) {
  .rp-search-panel__modal {
    margin-top: 0;
  }

  .rp-search-panel__input-form {
    height: 40px;
  }

  .rp-search-panel__input-form svg {
    width: 16px;
    height: 16px;
  }

  .rp-search-panel__input {
    font-size: 16px;
  }
}

.rp-suggest-item {
  box-sizing: border-box;
  margin: 5px 2px;
  list-style: none;
}

.dark .rp-suggest-item, .dark .rp-suggest-item .rp-suggest-item__link {
  box-shadow: none;
}

.rp-suggest-item .rp-suggest-item__link {
  color: var(--rp-c-text-1);
  background-color: var(--rp-c-bg);
  border-radius: var(--rp-radius-small);
  width: 100%;
  padding-left: 12px;
  display: flex;
  box-shadow: 0 1px 3px #d4d9e1;
}

.rp-suggest-item--current .rp-suggest-item__link {
  background-color: var(--rp-c-brand);
  cursor: pointer;
  color: #fff;
}

.rp-suggest-item--current .rp-suggest-item__container .rp-suggest-item__icon {
  color: #fff;
}

.rp-suggest-item--current .rp-suggest-item__container .rp-suggest-item__action-icon {
  opacity: 1;
}

.rp-suggest-item--current .rp-suggest-item__container .rp-suggest-item__content .rp-suggest-item__statement {
  color: #fff;
}

.rp-suggest-item--current .rp-suggest-item__container .rp-suggest-item__content .rp-suggest-item__mark {
  color: #fff;
  text-decoration: underline;
}

.rp-suggest-item--current .rp-suggest-item__container .rp-suggest-item__content .rp-suggest-item__title {
  color: #fff;
}

.rp-suggest-item__container {
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding-right: 12px;
  font-weight: 500;
  display: flex;
}

.rp-suggest-item__icon {
  color: var(--rp-c-gray-light-1);
}

.rp-suggest-item__content {
  width: 100%;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.5;
}

.rp-suggest-item__header {
  font-weight: 500;
}

.rp-suggest-item__statement {
  width: 100%;
  font-size: .875rem;
}

.rp-suggest-item__mark {
  color: var(--rp-c-brand);
}

.rp-suggest-item__title {
  color: var(--rp-c-gray-light-1);
  font-size: 12px;
  font-weight: 600;
}

.rp-suggest-item__action-icon {
  opacity: 0;
}

.rp-sidebar-divider {
  border-top: 1px solid var(--rp-c-divider-light);
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.rp-sidebar-divider--dashed {
  border-top: 1px dashed var(--rp-c-divider-light);
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.rp-sidebar-group {
  color: var(--rp-c-text-1);
}

.rp-sidebar-item {
  cursor: pointer;
  color: var(--rp-c-text-2);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 2px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  transition: color .15s, background-color .15s;
  display: flex;
  position: relative;
}

.rp-sidebar-item:first-child {
  margin-top: 0;
}

.rp-sidebar-item:hover, .rp-sidebar-item--pending {
  color: var(--rp-c-text-1);
  background-color: var(--rp-c-bg-mute);
}

.rp-sidebar-item--pending {
  opacity: .8;
}

.rp-sidebar-item.rp-link[target="_blank"]:after {
  content: "↗";
  margin-left: .2em;
  margin-right: .1em;
  font-size: 1em;
  font-weight: 400;
  transition: transform .2s;
  display: inline-block;
  transform: translate(0, -.2em);
}

.rp-sidebar-item--active {
  color: var(--rp-c-link);
  background-color: var(--rp-c-brand-tint);
  font-weight: 600;
}

.rp-sidebar-item--active:hover {
  color: var(--rp-c-link);
  background-color: var(--rp-c-brand-tint);
}

.rp-sidebar-item--group-item:before {
  content: "";
  background-color: var(--rp-c-divider-light);
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
}

.rp-sidebar-item--group-item.rp-sidebar-item--active .rp-sidebar-item__left:before {
  content: "";
  background-color: var(--rp-c-brand);
  width: 1px;
  height: calc(50% - 4px);
  position: absolute;
  top: calc(25% + 2px);
  bottom: 0;
  left: 12px;
}

.rp-sidebar-item__left {
  align-items: center;
  gap: 4px;
  display: flex;
}

.rp-sidebar-item__right {
  align-items: center;
  display: flex;
}

.rp-sidebar-item__link {
  opacity: 1;
}

.rp-sidebar-section-header {
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding: 4px 12px;
  display: flex;
}

.rp-sidebar-section-header:first-child {
  margin-top: 0;
}

.rp-sidebar-section-header__left {
  color: var(--rp-c-text-1);
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.rp-sidebar-section-header__right {
  align-items: center;
  display: flex;
}

.rp-social-links {
  align-items: center;
  gap: 24px;
  height: 100%;
  min-height: 40px;
  display: flex;
  position: relative;
}

.rp-social-links__item {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.rp-social-links__item__hover-group {
  width: auto;
}

.rp-social-links__item__text {
  word-break: keep-all;
  white-space: nowrap;
}

.rp-social-links__icon {
  width: 20px;
  height: 20px;
  color: var(--rp-c-text-2);
  align-items: center;
  display: flex;
}

.rp-social-links__icon:hover {
  color: var(--rp-c-text-1);
}

.rp-social-links__hidden {
  flex-wrap: nowrap;
  gap: 1rem;
  display: flex;
}

::view-transition-old(root) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-new(root) {
  mix-blend-mode: normal;
  animation: none;
}

::view-transition-old(root) {
  z-index: 1;
}

.dark::view-transition-new(root) {
  z-index: 1;
}

::view-transition-new(root) {
  z-index: 9999;
}

.dark::view-transition-old(root) {
  z-index: 9999;
}

.rp-switch-appearance {
  cursor: pointer;
  width: 24px;
  height: 24px;
  color: var(--rp-c-text-2);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.rp-switch-appearance:hover {
  color: var(--rp-c-text-1);
}

.rp-switch-appearance__icon--sun {
  display: block;
}

.rp-switch-appearance__icon--moon, .rp-dark .rp-switch-appearance__icon--sun {
  display: none;
}

.rp-dark .rp-switch-appearance__icon--moon {
  display: block;
}

.rp-tabs {
  contain: content;
  border-radius: var(--rp-radius);
  border: var(--rp-code-block-border);
  box-shadow: var(--rp-code-block-shadow);
  margin: 1rem 0;
}

.rp-tabs .rp-tabs, .rp-tabs .rp-codeblock {
  border: none;
  border-radius: 0;
  margin: 0;
}

.rp-tabs .rp-codeblock .rp-codeblock__title {
  padding: 8px 12px;
}

.rp-tabs__label {
  background-color: var(--rp-code-title-bg);
  border-bottom: var(--rp-code-block-border);
  flex-wrap: wrap;
  min-width: 100%;
  padding: 4px 12px;
  display: flex;
}

.rp-tabs__label--no-scrollbar::-webkit-scrollbar {
  display: none;
}

.rp-tabs__label--no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.rp-tabs__label__item {
  word-break: keep-all;
  color: var(--rp-c-text-2);
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: var(--rp-radius-small);
  margin-right: 4px;
  padding: 4px 12px;
  font-size: .875rem;
  transition: color .2s ease-out, background-color .2s ease-out;
  position: relative;
}

.rp-tabs__label__item:last-child {
  margin-right: 0;
}

.rp-tabs__label__item--not-selected:hover {
  background-color: var(--rp-c-bg-mute);
}

.rp-tabs__label__item--selected {
  color: var(--rp-c-text-0);
  background-color: var(--rp-c-bg);
  box-shadow: 0px 0px 3px 0px var(--rp-c-divider);
}

.rp-tabs__content__item--active {
  display: block;
}

.rp-tabs__content__item--hidden {
  display: none;
}

.dark .rp-tabs__label__item--selected {
  background-color: var(--rp-c-bg-soft);
}

.rp-toc-item {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 10px;
  line-height: 1.4;
  display: block;
  position: relative;
}

.rp-toc-item:first-child {
  margin-top: 0;
}

.rp-toc-item__text {
  color: var(--rp-c-text-2);
  overflow-wrap: break-word;
  font-size: 14px;
  font-weight: 400;
}

.rp-toc-item--active .rp-toc-item__text, .rp-toc-item--active .rp-toc-item__text code {
  color: var(--rp-c-link);
}

.rp-toc-item--active:before {
  content: "";
  background-color: var(--rp-c-brand);
  width: 1px;
  height: 100%;
  left: calc(-1 * var(--rp-outline-padding-x));
  display: block;
  position: absolute;
  top: 0;
}

.rp-sidebar-menu {
  background-color: var(--rp-c-bg);
  border-bottom: 1px solid var(--rp-c-divider-light);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  display: flex;
}

.rp-sidebar-menu__left, .rp-sidebar-menu__right {
  background: none;
  align-items: center;
  gap: 8px;
  height: 100%;
  display: flex;
}

@media (min-width: 1280px) {
  .rp-sidebar-menu {
    display: none;
  }
}

.rp-sidebar-menu__mask {
  z-index: var(--rp-z-index-mask);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: color-mix(in srgb, var(--rp-c-bg) 60%, transparent);
  display: none;
  position: fixed;
  inset: 0;
}

@media (max-width: 767px) {
  .rp-sidebar-menu__mask {
    display: block;
  }
}

:root {
  --rp-z-index-nav-screen: 70;
  --rp-z-index-nav: 60;
  --rp-z-index-mask: 20;
  --rp-z-index-sidebar: 50;
  --rp-z-index-sidebar-menu: 30;
  --rp-z-index-aside: 40;
  --rp-nav-height: 64px;
  --rp-sidebar-width: 320px;
  --rp-sidebar-menu-height: 46px;
  --rp-sidebar-padding: 20px;
  --rp-outline-width: 268px;
  --rp-content-padding-x: 80px;
  --rp-content-padding-y: 48px;
  --rp-content-max-width: 1000px;
  --rp-sidebar-margin-left: calc(max(0px, calc((100vw - var(--rp-content-max-width)) / 2 - var(--rp-sidebar-width))));
  --rp-outline-margin-right: calc(max(0px, calc((100vw - var(--rp-content-max-width)) / 2 - var(--rp-outline-width))));
}

@media (min-width: 1280px) {
  html:root {
    --rp-sidebar-menu-height: 0px;
  }
}

.rp-doc-layout__container {
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.rp-doc-layout__doc {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.rp-doc-layout__overview {
  width: 100%;
  max-width: min(100%, 1280px);
  padding: var(--rp-content-padding-y) var(--rp-content-padding-x);
  position: relative;
  overflow-x: auto;
}

.rp-doc-layout__sidebar {
  width: var(--rp-sidebar-width);
  max-width: var(--rp-sidebar-width);
  min-width: var(--rp-sidebar-width);
  height: calc(100vh - var(--rp-nav-height)  - var(--rp-banner-height, 0px));
  max-height: calc(100vh - var(--rp-nav-height)  - var(--rp-banner-height, 0px));
  padding: var(--rp-sidebar-padding);
  border-right: 1px solid var(--rp-c-divider-light);
  margin-top: calc(-1 * var(--rp-sidebar-menu-height));
  top: calc(var(--rp-nav-height)  + var(--rp-banner-height, 0px));
  z-index: var(--rp-z-index-sidebar);
  background: var(--rp-c-bg);
  position: sticky;
  bottom: 0;
  left: 0;
  overflow: auto scroll;
}

.rp-doc-layout__doc-container {
  padding: var(--rp-content-padding-y) var(--rp-content-padding-x);
}

.rp-doc-layout__outline {
  width: var(--rp-outline-width);
  top: calc(var(--rp-nav-height)  + var(--rp-banner-height, 0px));
  margin-top: var(--rp-sidebar-menu-height);
  z-index: var(--rp-z-index-aside);
  padding-top: var(--rp-content-padding-y);
  scrollbar-width: none;
  max-height: calc(100vh - var(--rp-nav-height)  - var(--rp-banner-height, 0px));
  box-shadow: var(--rp-shadow-1);
  position: sticky;
  right: 0;
  overflow: hidden scroll;
}

.rp-doc-layout__menu {
  top: calc(var(--rp-nav-height)  + var(--rp-banner-height, 0px));
  z-index: var(--rp-z-index-sidebar-menu);
  height: var(--rp-sidebar-menu-height);
  position: sticky;
  left: 0;
}

.rp-doc-layout__menu__placeholder {
  width: 100%;
  height: var(--rp-sidebar-menu-height);
  min-height: var(--rp-sidebar-menu-height);
  display: block;
}

@media (min-width: 1280px) {
  .rp-doc-layout__doc {
    max-width: min(100%, var(--rp-content-max-width));
    flex: 1;
    overflow-x: auto;
  }

  .rp-doc-layout__doc--wide {
    max-width: min(100%, var(--rp-content-max-width)  + var(--rp-sidebar-width)  + var(--rp-outline-width));
  }

  .rp-doc-layout__sidebar {
    margin-left: var(--rp-sidebar-margin-left);
  }

  .rp-doc-layout__sidebar-placeholder {
    width: var(--rp-sidebar-width);
    margin-left: var(--rp-sidebar-margin-left);
  }

  .rp-doc-layout__outline {
    margin-right: var(--rp-outline-margin-right);
    padding-bottom: var(--rp-content-padding-y);
  }

  .rp-doc-layout__outline-placeholder {
    width: var(--rp-outline-width);
    margin-right: var(--rp-outline-margin-right);
  }
}

@media (max-width: 1279px) {
  :root {
    --rp-content-padding-x: 36px;
    --rp-content-padding-y: 48px;
  }

  .rp-doc-layout__outline {
    background-color: color-mix(in srgb, var(--rp-c-bg) 60%, transparent);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border-radius: var(--rp-radius-small);
    max-width: 100%;
    box-shadow: var(--rp-shadow-2);
    visibility: hidden;
    opacity: 0;
    padding: 20px 0;
    transition: opacity .2s, transform .2s cubic-bezier(.19, 1, .22, 1);
    position: fixed;
    inset-inline-end: 0;
    transform: translate3d(0, -10px, 0);
  }

  .rp-doc-layout__outline--open {
    opacity: 1;
    visibility: visible;
    display: block;
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 768px) {
  :root {
    --rp-content-padding-x: 24px;
  }

  .rp-doc-layout__sidebar {
    z-index: var(--rp-z-index-sidebar);
    top: calc(var(--rp-nav-height)  + var(--rp-banner-height, 0px));
    height: calc(100vh - var(--rp-nav-height));
    padding: var(--rp-sidebar-padding) var(--rp-sidebar-padding) calc(var(--rp-sidebar-padding)  + 100px) var(--rp-sidebar-padding);
    background: var(--rp-c-bg);
    opacity: 0;
    margin-top: 0;
    transition: opacity .25s, transform .5s cubic-bezier(.19, 1, .22, 1);
    position: fixed;
    overflow: auto scroll;
    transform: translate3d(-100%, 0, 0);
  }

  .rp-doc-layout__sidebar--open {
    opacity: 1;
    visibility: visible;
    left: 0;
    transform: translate3d(0, 0, 0);
  }
}

.rp-not-found {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  padding: 4rem;
  display: flex;
}

@media (max-width: 640px) {
  .rp-not-found {
    padding: 6rem 2rem 10rem;
  }
}

.rp-not-found__error-code {
  font-size: 3.75rem;
  font-weight: 600;
}

.rp-not-found__title {
  padding-top: .75rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
}

.rp-not-found__divider {
  background-color: var(--rp-c-gray-light-1);
  width: 4rem;
  height: 1px;
  margin: 1.5rem auto 1.125rem;
}

.rp-not-found__action {
  padding-top: 1.25rem;
}

.rp-not-found__home-link {
  border-style: solid;
  border-width: 1px;
  border-color: var(--rp-c-brand);
  color: var(--rp-c-brand);
  border-radius: 1rem;
  padding: .5rem 1rem;
  font-weight: 500;
  transition: color .3s, border-color .3s;
  display: inline-block;
}

.rp-not-found__home-link:hover {
  border-color: var(--rp-c-brand-dark);
  color: var(--rp-c-brand-dark);
}

.medium-zoom-overlay, .medium-zoom-image--opened {
  z-index: 999;
}