robindoc 0.0.0-experimental-8add2a3

package/lib/styles.css

@@ -0,0 +1,2046 @@
+:root {
+  overflow: hidden;
+  --rb-neutral-50: #f8fafc;
+  --rb-neutral-100: #f1f5f9;
+  --rb-neutral-200: #e2e8f0;
+  --rb-neutral-300: #cbd5e1;
+  --rb-neutral-400: #94a3b8;
+  --rb-neutral-500: #64748b;
+  --rb-neutral-600: #475569;
+  --rb-neutral-700: #334155;
+  --rb-neutral-800: #1e293b;
+  --rb-neutral-900: #0f172a;
+  --rb-neutral-950: #020617;
+  --rb-primary-50: #fff7ed;
+  --rb-primary-100: #ffedd5;
+  --rb-primary-200: #fed7aa;
+  --rb-primary-300: #fdba74;
+  --rb-primary-400: #fb923c;
+  --rb-primary-500: #f97316;
+  --rb-primary-600: #ea580c;
+  --rb-primary-700: #c2410c;
+  --rb-primary-800: #9a3412;
+  --rb-primary-900: #7c2d12;
+  --rb-primary-950: #27130d;
+  --rb-secondary-50: #eff6ff;
+  --rb-secondary-100: #dbeafe;
+  --rb-secondary-200: #bfdbfe;
+  --rb-secondary-300: #93c5fd;
+  --rb-secondary-400: #60a5fa;
+  --rb-secondary-500: #3b82f6;
+  --rb-secondary-600: #2563eb;
+  --rb-secondary-700: #1d4ed8;
+  --rb-secondary-800: #1e40af;
+  --rb-secondary-900: #1e3a8a;
+  --rb-secondary-950: #172554;
+  --rb-body-50: #ffffff;
+  --rb-body-950: #00020a;
+}
+
+body {
+  --header-height: 60px;
+  position: relative;
+  padding: 0;
+  margin: 0;
+  accent-color: var(--r-primary-600, #ea580c);
+  box-sizing: border-box;
+  background-color: var(--r-body);
+  color: var(--r-neutral-950);
+  height: 100vh;
+  overflow: hidden auto;
+  scroll-padding-top: calc(var(--header-height) + 20px);
+  scrollbar-color: var(--r-neutral-400) var(--r-neutral-200);
+  white-space: pre-wrap;
+}
+@media screen and (width < 768px) {
+  body {
+    scroll-padding-top: calc(var(--header-height) + 60px);
+  }
+}
+@media screen and (width > 1180px) {
+  body {
+    scroll-behavior: smooth;
+    scrollbar-gutter: stable;
+  }
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  ::before,
+  ::after {
+    animation-delay: -1ms !important;
+    animation-duration: 1ms !important;
+    animation-iteration-count: 1 !important;
+    background-attachment: initial !important;
+    scroll-behavior: auto !important;
+    transition-duration: 1ms !important;
+    transition-delay: -1ms !important;
+  }
+}
+svg {
+  display: block;
+}
+
+@media screen and (width < 768px) {
+  .body-mobile-lock {
+    overflow: hidden;
+  }
+}
+
+@media screen and (width < 1024px) {
+  .body-tablet-lock {
+    overflow: hidden;
+  }
+}
+
+.body-lock {
+  overflow: hidden;
+}
+
+html,
+.theme-light {
+  color-scheme: light;
+  --r-body: var(--rb-body-50);
+  --r-neutral-50: var(--rb-neutral-50, #f8fafc);
+  --r-neutral-100: var(--rb-neutral-100, #f1f5f9);
+  --r-neutral-200: var(--rb-neutral-200, #e2e8f0);
+  --r-neutral-300: var(--rb-neutral-300, #cbd5e1);
+  --r-neutral-400: var(--rb-neutral-400, #94a3b8);
+  --r-neutral-500: var(--rb-neutral-500, #64748b);
+  --r-neutral-600: var(--rb-neutral-600, #475569);
+  --r-neutral-700: var(--rb-neutral-700, #334155);
+  --r-neutral-800: var(--rb-neutral-800, #1e293b);
+  --r-neutral-900: var(--rb-neutral-900, #0f172a);
+  --r-neutral-950: var(--rb-neutral-950, #020617);
+  --r-primary-50: var(--rb-primary-50, #fff7ed);
+  --r-primary-100: var(--rb-primary-100, #ffedd5);
+  --r-primary-200: var(--rb-primary-200, #fed7aa);
+  --r-primary-300: var(--rb-primary-300, #fdba74);
+  --r-primary-400: var(--rb-primary-400, #fb923c);
+  --r-primary-500: var(--rb-primary-500, #f97316);
+  --r-primary-600: var(--rb-primary-600, #ea580c);
+  --r-primary-700: var(--rb-primary-700, #c2410c);
+  --r-primary-800: var(--rb-primary-800, #9a3412);
+  --r-primary-900: var(--rb-primary-900, #7c2d12);
+  --r-primary-950: var(--rb-primary-950, #27130d);
+  --r-secondary-50: var(--rb-secondary-50, #eff6ff);
+  --r-secondary-100: var(--rb-secondary-100, #dbeafe);
+  --r-secondary-200: var(--rb-secondary-200, #bfdbfe);
+  --r-secondary-300: var(--rb-secondary-300, #93c5fd);
+  --r-secondary-400: var(--rb-secondary-400, #60a5fa);
+  --r-secondary-500: var(--rb-secondary-500, #3b82f6);
+  --r-secondary-600: var(--rb-secondary-600, #2563eb);
+  --r-secondary-700: var(--rb-secondary-700, #1d4ed8);
+  --r-secondary-800: var(--rb-secondary-800, #1e40af);
+  --r-secondary-900: var(--rb-secondary-900, #1e3a8a);
+  --r-secondary-950: var(--rb-secondary-950, #172554);
+  --r-success: #15803d;
+  --r-note: #0e7490;
+  --r-tip: #047857;
+  --r-important: #a21caf;
+  --r-warning: #b45309;
+  --r-caution: #b91c1c;
+  --r-link: var(--r-secondary-600);
+  --r-link-hovered: var(--r-secondary-800);
+  --r-link-active: var(--r-primary-700);
+  /* SHIKI */
+  --r-cl-1: #f9826c;
+  --r-cl-2: var(--r-neutral-100);
+  --r-cl-3: #e1e4e8;
+  --r-cl-4: #2f363d;
+  --r-cl-5: #959da5;
+  --r-cl-6: #2188ff;
+  --r-cl-7: #dbedff;
+  --r-cl-8: #005cc5;
+  --r-cl-9: #586069;
+  --r-cl-10: #6a737d;
+  --r-cl-11: #fafbfc;
+  --r-cl-12: #159739;
+  --r-cl-13: #138934;
+  --r-cl-14: #1b1f23;
+  --r-cl-15: #d1d5da;
+  --r-cl-16: #34d05822;
+  --r-cl-17: #d73a4922;
+  --r-cl-18: #ffdf5d;
+  --r-cl-19: #ffdf5d66;
+  --r-cl-20: #28a74525;
+  --r-cl-21: #d1d5da11;
+  --r-cl-22: #24292e;
+  --r-cl-23: #0366d611;
+  --r-cl-24: #f6f8fa;
+  --r-cl-25: #0366d625;
+  --r-cl-26: #34d05840;
+  --r-cl-27: #34d05800;
+  --r-cl-28: #ffd33d33;
+  --r-cl-29: #24943e99;
+  --r-cl-30: #24943e50;
+  --r-cl-31: #be5007;
+  --r-cl-32: #5a32a3;
+  --r-cl-33: #044289;
+  --r-cl-34: #cb2431;
+  --r-cl-35: #28a745;
+  --r-cl-36: #cc2536;
+  --r-cl-37: #d7dbe0;
+  --r-cl-38: #eff2f6;
+  --r-cl-39: #1b1f234d;
+  --r-cl-40: #f9c513;
+  --r-cl-41: #444d56;
+  --r-cl-42: #e2e5e9;
+  --r-cl-43: #cce5ff;
+  --r-cl-44: #ebf0f4;
+  --r-cl-45: #e8eaed;
+  --r-cl-46: #6a737d33;
+  --r-cl-47: #959da588;
+  --r-cl-48: #959da533;
+  --r-cl-49: #959da544;
+  --r-cl-50: #0366d6;
+  --r-cl-51: #3192aa;
+  --r-cl-52: #22863a;
+  --r-cl-53: #b08800;
+  --r-cl-54: #1b7c83;
+  --r-cl-55: #dbab09;
+  --r-cl-56: #6f42c1;
+  --r-cl-57: #b31d28;
+  --r-cl-58: #032f62;
+  --r-cl-59: #b31d28;
+  --r-cl-60: #ffeef0;
+  --r-cl-61: #f0fff4;
+  --r-cl-62: #ffebda;
+}
+
+.theme-dark {
+  color-scheme: dark;
+  --r-body: var(--rb-body-950);
+  --r-neutral-50: var(--rb-neutral-950, #020617);
+  --r-neutral-100: var(--rb-neutral-900, #0f172a);
+  --r-neutral-200: var(--rb-neutral-800, #1e293b);
+  --r-neutral-300: var(--rb-neutral-700, #334155);
+  --r-neutral-400: var(--rb-neutral-600, #475569);
+  --r-neutral-500: var(--rb-neutral-500, #64748b);
+  --r-neutral-600: var(--rb-neutral-400, #94a3b8);
+  --r-neutral-700: var(--rb-neutral-300, #cbd5e1);
+  --r-neutral-800: var(--rb-neutral-200, #e2e8f0);
+  --r-neutral-900: var(--rb-neutral-100, #f1f5f9);
+  --r-neutral-950: var(--rb-neutral-50, #f8fafc);
+  --r-primary-50: var(--rb-primary-950, #27130d);
+  --r-primary-100: var(--rb-primary-900, #7c2d12);
+  --r-primary-200: var(--rb-primary-800, #9a3412);
+  --r-primary-300: var(--rb-primary-700, #c2410c);
+  --r-primary-400: var(--rb-primary-600, #ea580c);
+  --r-primary-500: var(--rb-primary-500, #f97316);
+  --r-primary-600: var(--rb-primary-400, #fb923c);
+  --r-primary-700: var(--rb-primary-300, #fdba74);
+  --r-primary-800: var(--rb-primary-200, #fed7aa);
+  --r-primary-900: var(--rb-primary-100, #ffedd5);
+  --r-primary-950: var(--rb-primary-50, #fff7ed);
+  --r-secondary-50: var(--rb-secondary-950, #172554);
+  --r-secondary-100: var(--rb-secondary-900, #1e3a8a);
+  --r-secondary-200: var(--rb-secondary-800, #1e40af);
+  --r-secondary-300: var(--rb-secondary-700, #1d4ed8);
+  --r-secondary-400: var(--rb-secondary-600, #2563eb);
+  --r-secondary-500: var(--rb-secondary-500, #3b82f6);
+  --r-secondary-600: var(--rb-secondary-400, #60a5fa);
+  --r-secondary-700: var(--rb-secondary-300, #93c5fd);
+  --r-secondary-800: var(--rb-secondary-200, #bfdbfe);
+  --r-secondary-900: var(--rb-secondary-100, #dbeafe);
+  --r-secondary-950: var(--rb-secondary-50, #eff6ff);
+  --r-success: #86efac;
+  --r-note: #22d3ee;
+  --r-tip: #34d399;
+  --r-important: #e879f9;
+  --r-warning: #fbbf24;
+  --r-caution: #f87171;
+  --r-link: var(--r-secondary-500);
+  --r-link-hovered: var(--r-secondary-800);
+  --r-link-active: var(--r-primary-700);
+  /* SHIKI */
+  --r-cl-1: #f9826c;
+  --r-cl-2: var(--r-neutral-100);
+  --r-cl-3: #444d56;
+  --r-cl-4: #e1e4e8;
+  --r-cl-5: #959da5;
+  --r-cl-6: #0366d6;
+  --r-cl-7: #1d2d3e;
+  --r-cl-8: #79b8ff;
+  --r-cl-9: #d1d5da;
+  --r-cl-10: #9ba3ac;
+  --r-cl-11: #24292e;
+  --r-cl-12: #176f2c;
+  --r-cl-13: #22863a;
+  --r-cl-14: #fff;
+  --r-cl-15: #586069;
+  --r-cl-16: #28a74530;
+  --r-cl-17: #d73a4930;
+  --r-cl-18: #ffd33d44;
+  --r-cl-19: #ffd33d22;
+  --r-cl-20: #2b6a3033;
+  --r-cl-21: #58606915;
+  --r-cl-22: #e1e4e8;
+  --r-cl-23: #3392ff22;
+  --r-cl-24: #2f363d;
+  --r-cl-25: #3392ff44;
+  --r-cl-26: #17e5e650;
+  --r-cl-27: #17e5e600;
+  --r-cl-28: #c6902625;
+  --r-cl-29: #17e5e699;
+  --r-cl-30: #17e5e666;
+  --r-cl-31: #ffab70;
+  --r-cl-32: #b392f0;
+  --r-cl-33: #c8e1ff;
+  --r-cl-34: #f97583;
+  --r-cl-35: #34d058;
+  --r-cl-36: #f97583;
+  --r-cl-37: #444d56;
+  --r-cl-38: #2f363d;
+  --r-cl-39: #444d56;
+  --r-cl-40: #ffea7f;
+  --r-cl-41: #d1d5da;
+  --r-cl-42: #39414a;
+  --r-cl-43: #044289;
+  --r-cl-44: #282e34;
+  --r-cl-45: #282e34;
+  --r-cl-47: #6a737d88;
+  --r-cl-48: #6a737d33;
+  --r-cl-49: #6a737d44;
+  --r-cl-50: #79b8ff;
+  --r-cl-51: #56d4dd;
+  --r-cl-52: #85e89d;
+  --r-cl-53: #ffea7f;
+  --r-cl-54: #39c5cf;
+  --r-cl-55: #ffea7f;
+  --r-cl-56: #b392f0;
+  --r-cl-57: #fdaeba;
+  --r-cl-58: #dbedff;
+  --r-cl-59: #fdaeb7;
+  --r-cl-60: #86181d;
+  --r-cl-61: #144620;
+  --r-cl-62: #c24e00;
+}.r-header {
+  position: sticky;
+  background-color: var(--r-body);
+  top: 0;
+  border-bottom: 1px solid var(--r-neutral-300);
+  height: 60px;
+  z-index: 1000;
+}
+
+.r-header-body {
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 24px;
+}
+
+.r-header-logo {
+  display: block;
+  margin-right: 24px;
+  color: var(--r-neutral-700);
+  transition: color 0.2s;
+}
+.r-header-logo:hover, .r-header-logo:focus {
+  color: var(--r-neutral-950);
+}
+
+.r-header-nav {
+  display: flex;
+  flex-direction: column;
+  gap: 12px 16px;
+}
+@media screen and (width >= 1024px) {
+  .r-header-nav {
+    flex-direction: row;
+  }
+}
+
+.r-header-link {
+  color: var(--r-neutral-600);
+  text-decoration: none;
+  padding: 4px 0;
+  transition: color 0.2s;
+}
+.r-header-link:hover, .r-header-link:focus-visible {
+  color: var(--r-neutral-950);
+}
+
+.r-header-link._target {
+  color: var(--r-primary-800);
+}
+.r-header-link._target:hover, .r-header-link._target:focus-visible {
+  color: var(--r-primary-700);
+}
+
+.r-header-actions {
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 16px;
+  align-items: stretch;
+}
+@media screen and (width >= 1024px) {
+  .r-header-actions {
+    flex-direction: row;
+    align-items: center;
+    gap: 28px;
+  }
+}
+
+.r-header-sections {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+@media screen and (width < 768px) {
+  .r-header-sections .r-dropdown {
+    flex: 1;
+  }
+}
+@media screen and (width < 768px) {
+  .r-header-sections .r-dropdown-drop {
+    max-width: none;
+    width: 100%;
+    left: 0;
+  }
+}.r-footer {
+  border-top: 1px solid var(--r-neutral-300);
+  padding-top: 24px;
+  padding-bottom: 24px;
+}
+
+.r-footer-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 32px;
+}
+
+.r-footer-additional {
+  margin-top: 32px;
+  justify-content: flex-end;
+}
+
+.r-copyright {
+  color: var(--r-neutral-800);
+}
+
+.r-powered {
+  font-size: 14px;
+  display: block;
+  color: var(--r-neutral-600);
+}
+
+.r-powered-link {
+  font-weight: 600;
+  text-decoration: none;
+  color: var(--r-neutral-950);
+}
+.r-powered-link:hover {
+  color: var(--r-primary-900);
+}.r-docs-container {
+  min-height: calc(100vh - var(--header-height));
+  overflow-wrap: break-word;
+}
+@media screen and (width >= 768px) {
+  .r-docs-container {
+    display: grid;
+    justify-content: center;
+    column-gap: 32px;
+    grid-template-areas: "sidebar breadcrumbs" "sidebar contents" "sidebar content" "sidebar pagination";
+    grid-template-columns: 1fr calc(100% - 248px);
+    grid-template-rows: auto auto 1fr auto;
+  }
+}
+@media screen and (width >= 1180px) {
+  .r-docs-container {
+    column-gap: 40px;
+    grid-template-areas: "sidebar breadcrumbs contents" "sidebar content contents" "sidebar pagination contents";
+    grid-template-columns: 1fr 640px 1fr;
+    grid-template-rows: auto 1fr auto;
+  }
+}.r-blog-container {
+  min-height: calc(100vh - var(--header-height));
+  overflow-wrap: break-word;
+}
+@media screen and (width >= 1180px) {
+  .r-blog-container {
+    display: grid;
+    justify-content: space-between;
+    column-gap: 40px;
+    grid-template-areas: "breadcrumbs contents" "content contents" "pagination contents";
+    grid-template-columns: 760px 220px;
+    grid-template-rows: auto 1fr auto;
+  }
+}.keylink-to-content {
+  position: absolute !important;
+  top: 8px;
+  left: 12px;
+  z-index: 1001;
+}.keylink-to-navigation {
+  margin-top: -40px;
+}.r-page-container {
+  min-height: calc(100vh - var(--header-height));
+  overflow-wrap: break-word;
+}.r-article {
+  padding: 20px 0 80px;
+  grid-area: content;
+}
+@media screen and (width >= 1180px) {
+  .r-article {
+    padding: 32px 0 80px;
+  }
+}
+.r-article > *:first-child {
+  margin-top: 0;
+}
+
+.r-checkbox {
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+  margin: 4px;
+  vertical-align: middle;
+}
+
+.r-label {
+  cursor: pointer;
+}
+
+.r-task-ol,
+.r-task-ul {
+  list-style: none;
+}
+
+.r-task-label {
+  display: block;
+  width: 100%;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+.r-task-label:hover .r-checkbox {
+  filter: brightness(0.8);
+}
+
+.r-task-li.r-task-li {
+  margin-block-start: 2px;
+  margin-block-end: 2px;
+}
+
+.r-label-text {
+  vertical-align: middle;
+}.r-sidebar {
+  grid-area: sidebar;
+}
+@media screen and (width < 768px) {
+  .r-sidebar {
+    position: sticky;
+    width: calc(100% + 24px);
+    top: var(--header-height);
+    left: 0;
+    margin: 0 -12px;
+    background-color: var(--r-body);
+    border-bottom: 1px solid var(--r-neutral-200);
+    z-index: 10;
+    opacity: 0.98;
+    padding: 0;
+    overflow: auto;
+  }
+}
+
+.r-sidebar-top-mock {
+  grid-row-start: 1;
+  grid-column-start: 1;
+}
+
+@media screen and (width < 768px) {
+  .r-sidebar-input:not(:checked) ~ .r-sidebar-btn ~ .r-sidebar-nav {
+    display: none;
+  }
+}
+
+@media screen and (width < 768px) {
+  .r-sidebar-nav {
+    overflow: auto;
+    max-height: calc(100vh - var(--header-height) - 41px);
+  }
+}
+
+.r-sidebar-drop {
+  margin-top: -4px;
+  padding-top: 4px;
+}
+
+.r-sidebar-sublist {
+  position: relative;
+  padding-top: 2px;
+}
+.r-sidebar-sublist:hover::before {
+  background-color: var(--r-primary-800);
+  transition-delay: initial;
+}
+
+.r-sidebar-sublist::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -12px;
+  right: 0;
+  height: 2px;
+  border-bottom-left-radius: 2px;
+  background-color: var(--r-neutral-200);
+  z-index: 1;
+  transition: background-color 0.2s cubic-bezier(0, 0.66, 0.58, 1) 0.05s;
+}
+
+.r-sidebar-nav {
+  padding: 32px 4px 32px 2px;
+}
+@media screen and (width < 768px) {
+  .r-sidebar-nav {
+    padding: 12px;
+  }
+}
+@media screen and (width >= 768px) {
+  .r-sidebar-nav {
+    position: sticky;
+    top: var(--header-height);
+    overflow: auto;
+    scrollbar-width: thin;
+    scrollbar-color: var(--r-neutral-200) transparent;
+    scrollbar-gutter: stable;
+    max-height: calc(100vh - var(--header-height));
+  }
+}
+
+@media screen and (width < 768px) {
+  .r-sidebar-space {
+    display: block;
+    height: 40px;
+  }
+}
+
+.r-sidebar-btn {
+  position: sticky;
+  top: 0;
+  display: flex;
+  width: 100%;
+  font-size: 14px;
+  border: 0;
+  padding: 12px;
+  background: none;
+  cursor: pointer;
+  color: var(--r-neutral-800);
+  background-color: var(--r-body);
+  z-index: 1;
+}
+@media screen and (width >= 768px) {
+  .r-sidebar-btn {
+    display: none;
+  }
+}
+
+.r-sidebar-chevron {
+  display: inline;
+  margin-right: 6px;
+  transition: transform 0.2s;
+}
+
+.r-sidebar-input:checked ~ .r-sidebar-btn .r-sidebar-chevron {
+  transform: rotate(90deg);
+}
+
+.r-sidebar-list {
+  color: var(--r-neutral-700);
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  font-size: 14px;
+}
+
+.r-sidebar-drop[open]::details-content {
+  height: var(--drop-height, auto);
+}
+
+.r-sidebar-drop::details-content {
+  height: 0;
+  overflow: hidden;
+  transition: height 0.3s, content-visibility 0.3s allow-discrete;
+}
+
+.r-sidebar-sublist {
+  margin-left: 12px;
+}
+
+.r-sidebar-sublist .r-sidebar-link {
+  position: relative;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.r-sidebar-sublist .r-sidebar-link::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: -1px;
+  width: 2px;
+  height: calc(100% + 4px);
+  background-color: var(--r-neutral-200);
+  transition: background-color 0.2s cubic-bezier(0, 0.66, 0.58, 1) 0.05s;
+}
+
+.r-sidebar-li {
+  position: relative;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  line-height: 1.5;
+}
+
+.r-sidebar-li._separator {
+  background: var(--r-neutral-200);
+  padding: 1px;
+}
+
+.r-sidebar-li._droppable > a {
+  padding-right: 32px;
+}
+
+.r-sidebar-li-d0 {
+  margin-left: -8px;
+}
+
+.r-sidebar-p {
+  margin: 0;
+  padding: 4px 10px;
+}
+
+.r-sidebar-heading {
+  color: var(--r-neutral-900);
+  font-weight: 600;
+  margin-block-end: 4px;
+}
+.r-sidebar-heading:not(:first-child) {
+  margin-block-start: 12px;
+}
+
+.r-sidebar-link {
+  display: block;
+  padding: 4px 10px;
+  color: inherit;
+  border-bottom: 2px solid transparent;
+  border-radius: 2px;
+  text-decoration: none;
+  transition: background-color 0.2s cubic-bezier(0, 0.66, 0.58, 1) 0.05s, color 0.2s cubic-bezier(0, 0.66, 0.58, 1) 0.05s;
+}
+
+.r-sidebar-link._target {
+  color: var(--r-primary-950);
+  background-color: var(--r-neutral-50);
+}
+
+.r-sidebar-link:hover {
+  color: var(--r-primary-800);
+  background-color: var(--r-neutral-100);
+  transition-delay: initial;
+}
+.r-sidebar-link:hover::before {
+  background-color: currentColor;
+  transition-delay: initial;
+}
+
+.r-sidebar-link._active {
+  color: var(--r-primary-700);
+  background-color: var(--r-neutral-50);
+}
+.r-sidebar-link._active::before {
+  background-color: currentColor;
+}
+
+.r-sidebar-drop-btn {
+  position: absolute;
+  right: 3px;
+  top: 5px;
+  border-radius: 4px;
+  padding: 4px;
+  background-color: var(--r-neutral-200);
+  list-style: none;
+  cursor: pointer;
+  transition: background-color 0.2s cubic-bezier(0, 0.66, 0.58, 1) 0.05s, color 0.2s cubic-bezier(0, 0.66, 0.58, 1) 0.05s;
+}
+.r-sidebar-drop-btn:hover {
+  background-color: var(--r-neutral-300);
+  color: var(--r-primary-500);
+  transition-delay: initial;
+}
+.r-sidebar-drop-btn::before {
+  content: "";
+  position: absolute;
+  inset: -4px;
+}
+.r-sidebar-drop-btn::-webkit-details-marker {
+  display: none;
+}
+
+.r-sidebar-drop-icon {
+  display: block;
+  transition: transform 0.2s;
+}
+
+.r-sidebar-drop[open] > .r-sidebar-drop-btn > .r-sidebar-drop-icon {
+  transform: rotate(90deg);
+}.r-header-menu {
+  display: flex;
+  justify-content: flex-end;
+  order: 1;
+}
+@media screen and (width >= 1024px) {
+  .r-header-menu {
+    flex: 1;
+    order: unset;
+  }
+}
+
+.r-header-input:checked ~ .r-header-burger ~ .r-header-responsive {
+  display: flex;
+}
+
+.r-header-responsive {
+  display: none;
+  justify-content: flex-end;
+  flex: 1;
+  gap: 24px;
+  z-index: 1;
+}
+@media screen and (width < 1024px) {
+  .r-header-responsive {
+    flex-direction: column-reverse;
+    padding: 12px;
+    background-color: var(--r-body);
+    position: fixed;
+    top: 60px;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+}
+@media screen and (width >= 1024px) {
+  .r-header-responsive {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+
+.r-header-burger {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  width: 32px;
+  cursor: pointer;
+  background: none;
+  border: none;
+}
+@media screen and (width >= 1024px) {
+  .r-header-burger {
+    display: none;
+  }
+}
+
+.r-burger-line {
+  display: block;
+  width: 20px;
+  height: 1.5px;
+  position: absolute;
+  background-color: var(--r-neutral-700);
+  margin: auto;
+  transition: transform 0.3s;
+}
+
+.r-burger-line._top {
+  transform: translateY(-3px);
+}
+
+.r-header-input:checked ~ .r-header-burger .r-burger-line._top {
+  transform: translateY(0) rotate(45deg);
+  margin-top: 0;
+}
+
+.r-burger-line._bottom {
+  transform: translateY(3px);
+}
+
+.r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
+  transform: translateY(0) rotate(-45deg);
+  margin-top: 0;
+}.r-search-btn {
+  position: relative;
+  border-radius: 6px;
+  background-color: var(--r-neutral-100);
+  color: var(--r-neutral-600);
+  padding: 8px 20px;
+  border: 1px solid var(--r-neutral-200);
+  width: 100%;
+  text-align: left;
+  cursor: text;
+}
+@media screen and (width >= 768px) {
+  .r-search-btn {
+    width: 220px;
+    padding: 8px 96px 8px 20px;
+  }
+}
+.r-search-btn:hover {
+  border-color: var(--r-neutral-600);
+}
+.r-search-btn:hover .r-search-kbd {
+  color: var(--r-neutral-950);
+}
+
+.r-search-title {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.r-search-kbd {
+  display: none;
+  position: absolute;
+  right: 6px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+@media screen and (width >= 768px) {
+  .r-search-kbd {
+    display: flex;
+  }
+}
+
+.r-search-popup-header {
+  position: relative;
+  border-bottom: 1px solid var(--r-neutral-200);
+}
+
+.r-search-input {
+  border-radius: 12px 12px 0 0;
+  background-color: var(--r-neutral-50);
+  padding: 16px 20px;
+  border: none;
+  border-bottom: 2px solid var(--r-neutral-300);
+  width: 100%;
+  font-size: 16px;
+}
+@media screen and (width >= 768px) {
+  .r-search-input {
+    padding: 16px 72px 16px 20px;
+  }
+}
+.r-search-input:hover {
+  border-bottom-color: var(--r-primary-800);
+}
+.r-search-input:focus {
+  outline: none;
+  border-bottom-color: var(--r-primary-600);
+}
+.r-search-input::placeholder {
+  color: var(--r-neutral-500);
+}
+
+.r-search-popup-kbd {
+  color: var(--r-neutral-600);
+  right: 20px;
+}
+
+.r-search-results {
+  padding: 12px 8px 8px;
+  max-height: min(400px, 100vh - 200px);
+  overflow-y: auto;
+  list-style: none;
+  scrollbar-width: thin;
+  scrollbar-color: var(--r-neutral-200) transparent;
+  margin: 0;
+}
+
+.r-search-item {
+  display: block;
+  text-decoration: none;
+  color: var(--r-neutral-700);
+  padding: 8px 12px;
+  border: 1px solid var(--r-neutral-100);
+  border-radius: 6px;
+  width: 100%;
+  margin-top: 6px;
+}
+.r-search-item:hover, .r-search-item:focus {
+  color: var(--r-neutral-950);
+  background-color: var(--r-neutral-50);
+}
+
+.r-search-item-title {
+  margin: 0;
+}
+
+.r-search-item-desc {
+  font-size: 14px;
+  color: var(--r-neutral-600);
+  margin: 12px 0 0;
+}.r-dropdown {
+  position: relative;
+  color: var(--r-neutral-600);
+  transition: color 0.2s 0.1s;
+}
+.r-dropdown:hover, .r-dropdown:focus-within {
+  color: var(--r-neutral-950);
+}
+.r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
+  visibility: visible;
+  pointer-events: all;
+  transform: translateY(20px);
+  opacity: 1;
+}
+.r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
+  transform: rotate(180deg);
+}
+
+.r-dropdown-summary {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  position: relative;
+  color: inherit;
+  cursor: pointer;
+  padding: 10px 4px;
+  font-size: 16px;
+  border: 0;
+  background: none;
+  z-index: 1;
+}
+
+.r-dropdown-chevron {
+  margin-left: 6px;
+  transition: transform 0.3s 0.1s;
+}
+
+.r-dropdown-drop {
+  list-style: none;
+  position: absolute;
+  top: 16px;
+  left: -12px;
+  visibility: hidden;
+  pointer-events: none;
+  opacity: 0;
+  transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
+  background-color: var(--r-neutral-50);
+  border: 1px solid var(--r-neutral-100);
+  border-radius: 8px;
+  margin: 0;
+  padding: 2px 6px;
+  min-width: 120px;
+  max-width: 180px;
+}
+
+.r-dropdown-link {
+  display: block;
+  width: 100%;
+  text-decoration: none;
+  color: var(--r-neutral-700);
+  padding: 4px 8px;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  border-radius: 4px;
+  transition: background-color 0.2s;
+}
+.r-dropdown-link:hover {
+  color: var(--r-neutral-900);
+  background-color: var(--r-neutral-100);
+}
+
+.r-dropdown-link._active {
+  color: var(--r-primary-700);
+}.r-container {
+  max-width: 1180px;
+  padding-right: 12px;
+  padding-left: 12px;
+  margin-right: auto;
+  margin-left: auto;
+}.r-header-social {
+  display: flex;
+  flex: 1;
+  justify-content: flex-end;
+}
+@media screen and (width >= 1024px) {
+  .r-header-social {
+    flex: none;
+    justify-content: unset;
+  }
+}
+
+.r-header-social-git {
+  color: var(--r-neutral-700);
+  transition: color 0.2s;
+}
+.r-header-social-git:hover, .r-header-social-git:focus {
+  color: var(--r-neutral-950);
+}.r-theme-switcher {
+  position: relative;
+  display: flex;
+  gap: 4px;
+  width: 108px;
+  height: 36px;
+  padding: 2px;
+  background-color: var(--r-neutral-950);
+  border-radius: 14px;
+}
+.r-theme-switcher::before {
+  content: "";
+  position: absolute;
+  display: block;
+  height: 32px;
+  width: 32px;
+  top: 2px;
+  left: 2px;
+  background-color: var(--r-body);
+  border-radius: 12px;
+  transition: left 0.2s;
+}
+
+.r-theme-switcher-btn {
+  padding: 8px;
+  background: none;
+  border: 0;
+  border-radius: 12px;
+  cursor: pointer;
+  color: var(--r-neutral-50);
+  fill: var(--r-neutral-950);
+  z-index: 1;
+  transition: color 0.2s 0.1s, fill 0.2s;
+}
+.r-theme-switcher-btn:hover {
+  color: var(--r-neutral-50);
+  fill: var(--r-neutral-50);
+}
+
+.theme-dark:not(.theme-system) .r-theme-switcher::before {
+  left: 2px;
+}
+
+.theme-dark:not(.theme-system) .r-theme-switcher-btn__dark {
+  color: var(--r-neutral-950);
+  pointer-events: none;
+}
+
+.r-theme-switcher::before,
+.theme-system .r-theme-switcher::before {
+  left: 38px;
+}
+
+.theme-system .r-theme-switcher-btn__system {
+  color: var(--r-neutral-950);
+  pointer-events: none;
+}
+
+.theme-light:not(.theme-system) .r-theme-switcher::before {
+  left: 74px;
+}
+
+.theme-light:not(.theme-system) .r-theme-switcher-btn__light {
+  color: var(--r-neutral-950);
+  pointer-events: none;
+}.r-keylink {
+  display: block;
+  position: relative;
+  padding: 8px 12px;
+  border: 2px solid var(--r-neutral-500);
+  border-radius: 6px;
+  text-decoration: none;
+  background: var(--r-body);
+}
+
+.r-keylink:not(:focus) {
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
+  border: 0 !important;
+  user-select: none;
+  pointer-events: none;
+}.r-contents {
+  grid-area: contents;
+}
+
+.r-contents-sticky {
+  position: sticky;
+  top: var(--header-height);
+  width: 100%;
+}
+@media screen and (width >= 1180px) {
+  .r-contents-sticky {
+    padding: 0 12px;
+    max-height: calc(100vh - var(--header-height));
+    overflow: auto;
+    scrollbar-width: thin;
+    scrollbar-color: var(--r-neutral-200) transparent;
+    scrollbar-gutter: stable;
+  }
+}
+
+.r-contents-control {
+  display: contents;
+  visibility: hidden;
+}
+@media screen and (width >= 1180px) {
+  .r-contents-control {
+    pointer-events: none;
+  }
+}
+
+@media screen and (width < 1180px) {
+  .r-contents-control:checked + .r-contents-details .r-contents-list {
+    visibility: visible;
+    height: var(--drop-height, auto);
+  }
+}
+@media screen and (width < 1180px) {
+  .r-contents-control:checked + .r-contents-details .r-contents-title {
+    color: var(--r-neutral-800);
+  }
+}
+.r-contents-control:checked + .r-contents-details .r-contents-chevron {
+  transform: rotate(180deg);
+}
+
+.r-contents-list {
+  overflow: hidden;
+  transition: height 0.3s allow-discrete, visibility 0.3s allow-discrete;
+}
+@media screen and (width < 1180px) {
+  .r-contents-list {
+    visibility: hidden;
+    height: 0;
+  }
+}
+
+.r-contents-list-content {
+  padding: 2px;
+}
+
+@media screen and (width < 1180px) {
+  .r-contents-details {
+    background: var(--r-neutral-100);
+    border-radius: 4px;
+  }
+}
+
+.r-contents-title {
+  display: block;
+  position: sticky;
+  top: 0;
+  cursor: pointer;
+  margin-top: 20px;
+  padding: 12px;
+  color: var(--r-neutral-600);
+  z-index: 1;
+}
+@media screen and (width < 1180px) {
+  .r-contents-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+@media screen and (width >= 1180px) {
+  .r-contents-title {
+    color: var(--r-neutral-900);
+    background: var(--r-body);
+    font-weight: 600;
+    margin-top: 0;
+    padding: 32px 0 12px;
+    cursor: auto;
+  }
+}
+@media screen and (width < 1180px) {
+  .r-contents-title:hover {
+    color: var(--r-neutral-900);
+  }
+}
+
+.r-contents-chevron {
+  display: inline;
+  vertical-align: middle;
+  margin-left: 8px;
+  transition: transform 0.2s;
+}
+@media screen and (width >= 1180px) {
+  .r-contents-chevron {
+    display: none;
+  }
+}
+
+.r-contents-link {
+  display: block;
+  position: relative;
+  color: var(--r-neutral-600);
+  text-decoration: none;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  padding-left: 12px;
+  margin-bottom: 8px;
+  font-size: 14px;
+  line-height: 1.5;
+  transition: color 0.2s cubic-bezier(0, 0.66, 0.58, 1) 0.05s;
+}
+.r-contents-link.r-contents-link:hover {
+  color: var(--r-primary-800);
+  transition-delay: initial;
+}
+.r-contents-link::before, .r-contents-link::after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: -4px;
+  left: 0;
+  height: calc(100% + 8px);
+  border-style: solid;
+  border-width: 0 2px 0 0;
+  border-color: var(--r-primary-800);
+}
+.r-contents-link::before {
+  border-color: var(--r-neutral-200);
+}
+.r-contents-link::after {
+  mask-image: linear-gradient(135deg, #000 50%, transparent 50%);
+  mask-repeat: no-repeat;
+  mask-size: 200% 200%;
+  mask-position: 100% 100%;
+}
+
+.r-contents-link._nested {
+  margin-left: 16px;
+}
+.r-contents-link._nested::before, .r-contents-link._nested::after {
+  left: -16px;
+  width: 18px;
+}
+
+.r-contents-link:not(._nested) + .r-contents-link._nested::before, .r-contents-link:not(._nested) + .r-contents-link._nested::after {
+  border-top-width: 2px;
+}
+
+.r-contents-link._nested + .r-contents-link:not(._nested)::before, .r-contents-link._nested + .r-contents-link:not(._nested)::after {
+  width: 18px;
+  border-width: 2px 0 0 2px;
+}
+.r-contents-link._nested + .r-contents-link:not(._nested)::after {
+  mask-image: linear-gradient(45deg, transparent 50%, #000 50%);
+  mask-position: 0 100% !important;
+}
+
+.r-contents-link._nested + .r-contents-link._passed:not(._nested)::after {
+  mask-position: 100% 0 !important;
+}
+
+@media screen and (width >= 1180px) {
+  .r-contents-link._passed {
+    color: var(--r-neutral-800);
+  }
+}
+@media screen and (width >= 1180px) {
+  .r-contents-link._passed::after {
+    mask-position: 0 0 !important;
+  }
+}
+
+@media screen and (width >= 1180px) {
+  .r-contents-link._active {
+    color: var(--r-primary-800);
+  }
+}
+.r-contents-link._active::after, .r-contents-link._active + .r-contents-link::after {
+  transition: mask-position 0.3s;
+}
+
+.r-contents-actions {
+  position: sticky;
+  bottom: 0;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  margin-top: 20px;
+  background-color: var(--r-body);
+}
+@media screen and (width < 1180px) {
+  .r-contents-actions {
+    display: none;
+  }
+}
+
+.r-contents-git {
+  display: block;
+  width: 100%;
+  position: relative;
+  color: var(--r-neutral-600);
+  text-decoration: none;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  font-size: 14px;
+  font-weight: 600;
+}
+.r-contents-git:hover {
+  color: var(--r-neutral-900);
+}.r-breadcrumbs {
+  grid-area: breadcrumbs;
+  list-style: none;
+  margin: 0;
+  padding: 20px 0 0;
+  line-height: 2;
+}
+@media screen and (width >= 768px) {
+  .r-breadcrumbs {
+    padding: 32px 0 0;
+  }
+}
+
+.r-breadcrumb {
+  display: inline;
+}
+
+.r-breadcrumb._previous::after {
+  content: "/";
+  font-weight: 600;
+  margin-inline: 8px;
+}
+
+.r-breadcrumb-link {
+  color: var(--r-neutral-700);
+  text-decoration: none;
+}
+.r-breadcrumb-link:hover {
+  color: var(--r-primary-800);
+}
+
+.r-breadcrumb-link,
+.r-breadcrumb-title {
+  display: inline;
+  padding: 6px 0;
+  margin: 0;
+}
+
+.r-breadcrumb-title {
+  color: var(--r-neutral-950);
+  font-weight: 600;
+}.r-pagination {
+  grid-area: pagination;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
+  gap: 16px;
+  margin-bottom: 80px;
+}
+
+.r-pagination-item {
+  position: relative;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  text-decoration: none;
+  font-size: 14px;
+  color: var(--r-neutral-700);
+}
+.r-pagination-item:hover {
+  color: var(--r-neutral-900);
+}
+
+.r-pagination-item._prev {
+  padding-left: 32px;
+}
+
+.r-pagination-item._next {
+  text-align: right;
+  padding-right: 32px;
+}
+
+.r-pagination-text {
+  display: block;
+  line-height: 2;
+}
+
+.r-pagination-title {
+  font-weight: 600;
+  font-size: 18px;
+  color: var(--r-neutral-950);
+}
+
+.r-pagination-icon {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  transition: transform 0.2s;
+  margin: -4px;
+}
+
+.r-pagination-icon._prev {
+  left: 0;
+}
+.r-pagination-item:hover .r-pagination-icon._prev {
+  transform: translate(-4px, -50%);
+}
+@media screen and (width >= 1180px) {
+  .r-pagination-item:hover .r-pagination-icon._prev {
+    transform: translate(-8px, -50%);
+  }
+}
+
+.r-pagination-icon._next {
+  right: 0;
+}
+.r-pagination-item:hover .r-pagination-icon._next {
+  transform: translate(4px, -50%);
+}
+@media screen and (width >= 1180px) {
+  .r-pagination-item:hover .r-pagination-icon._next {
+    transform: translate(8px, -50%);
+  }
+}.r-last-modified {
+  color: var(--r-neutral-700);
+  margin-block-start: 16px;
+}.r-external-mark {
+  position: relative;
+  vertical-align: text-top;
+  display: inline-block;
+  margin-left: -4px;
+  margin-right: 2px;
+  width: 6px;
+  height: 6px;
+}
+.r-external-mark::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  border-top: 1px solid currentColor;
+  border-right: 1px solid currentColor;
+}
+.r-external-mark::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 3px;
+  height: 3px;
+  background-color: currentColor;
+  border-radius: 0 0 0 4px;
+}.r-code-section {
+  position: relative;
+  margin-block-start: 1.5em;
+  margin-block-end: 1.75em;
+}
+
+.r-code-section-header {
+  font-family: var(--monospace-font, monospace, monospace);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
+  padding: 6px 20px;
+  background-color: var(--r-neutral-100);
+  border: 1px solid var(--r-neutral-300);
+  color: var(--r-neutral-700);
+}
+
+.r-code-section-header + .r-code-section-block {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-top: 0;
+  margin-block-start: 0;
+  margin-block-end: 0;
+}
+
+.r-code-section:hover .r-code-section-copy {
+  opacity: 0.9;
+}
+
+.r-code-section-copy.r-code-section-copy {
+  position: absolute;
+  right: 9px;
+  top: 9px;
+  opacity: 0;
+  transition: opacity 0.2s, color 0.2s, background-color 0.2s;
+}
+.r-code-section-copy.r-code-section-copy:hover, .r-code-section-copy.r-code-section-copy._active {
+  opacity: 1;
+}
+
+.r-code-section-filename {
+  font-family: var(--monospace-font, monospace, monospace);
+}.r-block {
+  width: 100%;
+  overflow: auto;
+  margin-block-start: 12px;
+  margin-block-end: 12px;
+  scrollbar-width: thin;
+  scrollbar-color: var(--r-neutral-200) transparent;
+}.r-anchor-heading:hover .r-anchor-heading-link {
+  visibility: visible;
+  opacity: 1;
+}
+
+.r-anchor-heading-link {
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity 0.3s allow-discrete;
+  padding-inline: 8px;
+  margin-inline-start: -4px;
+  color: var(--r-neutral-600);
+  text-decoration: none;
+}
+.r-anchor-heading-link:hover {
+  color: var(--r-link-base-hovered);
+}
+.r-anchor-heading-link::after {
+  content: "#";
+}.r-blockquote {
+  background-color: var(--r-neutral-100);
+  padding: 8px 12px 8px 20px;
+  border-left: 6px solid var(--r-neutral-600);
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  font: inherit;
+  margin-inline: 0;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+}
+
+.r-blockquote-title {
+  font-weight: 600;
+}
+
+.r-blockquote-icon {
+  display: inline-block;
+  vertical-align: middle;
+  margin-top: -2px;
+  margin-right: 8px;
+}
+
+.r-blockquote-note {
+  border-left-color: var(--r-note);
+}
+.r-blockquote-note .r-blockquote-title {
+  color: var(--r-note);
+}
+
+.r-blockquote-tip {
+  border-left-color: var(--r-tip);
+}
+.r-blockquote-tip .r-blockquote-title {
+  color: var(--r-tip);
+}
+
+.r-blockquote-important {
+  border-left-color: var(--r-important);
+}
+.r-blockquote-important .r-blockquote-title {
+  color: var(--r-important);
+}
+
+.r-blockquote-warning {
+  border-left-color: var(--r-warning);
+}
+.r-blockquote-warning .r-blockquote-title {
+  color: var(--r-warning);
+}
+
+.r-blockquote-caution {
+  border-left-color: var(--r-caution);
+}
+.r-blockquote-caution .r-blockquote-title {
+  color: var(--r-caution);
+}.r-code-span {
+  font-family: var(--monospace-font, monospace, monospace);
+  background-color: var(--r-neutral-200);
+  color: var(--r-primary-900);
+  border-radius: 4px;
+  padding: 2px 6px;
+  font-size: 16px;
+  letter-spacing: 0.5px;
+}
+
+.r-code-span + .r-content-link-external {
+  margin-left: -12px;
+}.r-code-block {
+  font-family: var(--monospace-font, monospace, monospace);
+  font-size: 16px;
+  line-height: 1.33;
+  border-radius: 6px;
+  padding: 16px 20px;
+  margin-block-start: 1.5em;
+  margin-block-end: 1.75em;
+  color: var(--r-primary-800);
+  background-color: var(--r-neutral-50);
+  border: 1px solid var(--r-neutral-300);
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--r-neutral-200) transparent;
+}.r-h1 {
+  font-size: 32px;
+  line-height: 1.4;
+  margin-block-start: 0.67em;
+  margin-block-end: 0.67em;
+}
+
+.r-h2 {
+  font-size: 26px;
+  line-height: 1.4;
+  margin-block-start: 0.83em;
+  margin-block-end: 0.83em;
+}
+
+.r-h3 {
+  font-size: 22px;
+  line-height: 1.4;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+}
+
+.r-h4 {
+  font-size: 20px;
+  line-height: 1.4;
+  margin-block-start: 1.33em;
+  margin-block-end: 1.33em;
+}
+
+.r-h5 {
+  font-size: 18px;
+  line-height: 1.4;
+  margin-block-start: 1.5em;
+  margin-block-end: 1.5em;
+}
+
+.r-h6 {
+  font-size: 16px;
+  line-height: 1.4;
+  margin-block-start: 1.8em;
+  margin-block-end: 1.8em;
+}.r-img {
+  max-width: 100%;
+}.r-p {
+  line-height: 1.8;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+}.r-tabs {
+  margin-block-start: 1.5em;
+  margin-block-end: 1.75em;
+}
+
+.r-tab-list {
+  position: relative;
+  z-index: 1;
+}
+
+.r-tab-list .r-code-section,
+.r-tab-list .r-code-block,
+.r-tab-list .r-code-section-header {
+  margin-block-start: 0;
+  margin-block-end: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  background-color: var(--r-neutral-50);
+}
+
+.r-tabs-header {
+  display: flex;
+}
+
+.r-tab-header {
+  position: relative;
+  cursor: pointer;
+  border: 1px solid var(--r-neutral-300);
+  color: var(--r-neutral-600);
+  border-bottom: 0;
+  margin-bottom: -1px;
+  background-color: var(--r-body);
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  padding: 8px 20px;
+}
+.r-tab-header:hover {
+  background-color: var(--r-neutral-50);
+  color: var(--r-primary-600);
+}
+
+.r-tab-header-code {
+  font-family: var(--monospace-font, monospace, monospace);
+}.r-modal {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  background-color: var(--r-body);
+  border-radius: 12px 12px 0 0;
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transition: opacity 0.2s 0.1s, transform 0.2s 0.1s, visibility 0.01s 0.2s 0.1s;
+  z-index: 1000;
+}
+@media screen and (width >= 768px) {
+  .r-modal {
+    top: 10%;
+    left: 50%;
+    bottom: auto;
+    transform: translateX(-50%) scale(0.95);
+    max-width: 480px;
+    border-radius: 12px;
+  }
+}
+
+.r-modal._visible {
+  opacity: 1;
+  visibility: visible;
+  transition: opacity 0.2s 0.1s, transform 0.2s 0.1s;
+  pointer-events: all;
+}
+@media screen and (width >= 768px) {
+  .r-modal._visible {
+    transform: translateX(-50%) scale(1);
+  }
+}.r-kbd-container {
+  display: flex;
+  gap: 4px;
+  font-size: 14px;
+  cursor: pointer;
+}
+.r-kbd-container:hover {
+  color: var(--r-neutral-950);
+}.r-kbd-key {
+  background-color: var(--r-neutral-200);
+  font-size: 12px;
+  border-radius: 4px;
+  padding: 5px 8px;
+  min-width: 24px;
+  text-align: center;
+}.r-copy-button {
+  position: relative;
+  padding: 8px;
+  background: none;
+  color: var(--r-neutral-700);
+  background-color: var(--r-neutral-100);
+  border: 0;
+  border-radius: 6px;
+  cursor: pointer;
+  font: inherit;
+  transition: color 0.2s, background-color 0.2s;
+}
+
+.r-copy-button-success {
+  opacity: 0;
+  transform: scale(0.7);
+  transition: 0.2s;
+}
+
+.r-copy-button-base {
+  transition: 0.2s;
+}
+
+.r-copy-button:hover {
+  color: var(--r-neutral-950);
+  background-color: var(--r-neutral-200);
+}
+
+.r-copy-button:active,
+.r-copy-button._active {
+  color: var(--r-success);
+}
+.r-copy-button:active .r-copy-button-success,
+.r-copy-button._active .r-copy-button-success {
+  opacity: 1;
+  transform: scale(1);
+}
+.r-copy-button:active .r-copy-button-base,
+.r-copy-button._active .r-copy-button-base {
+  opacity: 0;
+  transform: scale(0.7);
+}.r-copy-text {
+  position: relative;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 0;
+  font: inherit;
+}
+.r-copy-text:hover {
+  color: var(--r-neutral-950);
+}
+.r-copy-text::before {
+  content: "";
+  position: absolute;
+  bottom: -2px;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background: linear-gradient(to right, currentColor 30%, transparent 0%, transparent 80%, currentColor 80%) repeat-x 0px/8px;
+  transition: background 0.2s;
+}
+
+.r-copy-text:active,
+.r-copy-text._active {
+  color: var(--r-success);
+}.r-content-link {
+  text-decoration: none;
+  color: var(--r-link);
+}
+.r-content-link:hover {
+  color: var(--r-link-hovered);
+}
+.r-content-link:active {
+  color: var(--r-link-active);
+}
+
+.r-content-link-external {
+  position: relative;
+  vertical-align: text-top;
+  display: inline-block;
+  margin-left: -4px;
+  margin-right: 2px;
+  width: 6px;
+  height: 6px;
+}
+.r-content-link-external::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  border-top: 1px solid currentColor;
+  border-right: 1px solid currentColor;
+}
+.r-content-link-external::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 3px;
+  height: 3px;
+  background-color: currentColor;
+  border-radius: 0 0 0 4px;
+}.r-li {
+  line-height: 1.8;
+  margin-block-start: 6px;
+  margin-block-end: 6px;
+}
+
+.r-li > .r-ul,
+.r-li > .r-ol {
+  padding-inline-start: 20px;
+  margin-block-start: 6px;
+  margin-block-end: 6px;
+}.r-ol {
+  padding-inline-start: 0;
+  list-style-position: inside;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+}.r-ul {
+  padding-inline-start: 0;
+  list-style-position: inside;
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+}.r-td {
+  padding: 6px 12px;
+  border-bottom: 1px solid var(--r-neutral-400);
+  border-collapse: collapse;
+}.r-table {
+  min-width: 100%;
+  text-align: left;
+  border-collapse: collapse;
+}.r-th {
+  padding: 6px 12px;
+  border-top: 1px solid var(--r-neutral-500);
+  border-bottom: 1px solid var(--r-neutral-500);
+  border-collapse: collapse;
+}.r-thead {
+  background-color: var(--r-neutral-100);
+}.r-task-ol {
+  list-style: none;
+}.r-task-li.r-task-li {
+  margin-block-start: 2px;
+  margin-block-end: 2px;
+}
+
+.r-task-label {
+  cursor: pointer;
+  display: block;
+  width: 100%;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+.r-task-label:hover .r-task-checkbox {
+  filter: brightness(0.8);
+}
+
+.r-task-checkbox {
+  cursor: pointer;
+  width: 18px;
+  height: 18px;
+  inset: -4px;
+  margin-inline-end: 8px;
+  vertical-align: middle;
+}
+
+.r-task-label-text {
+  vertical-align: middle;
+}.r-task-ul {
+  list-style: none;
+}.r-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0);
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  backdrop-filter: blur(1px);
+  transition: background 0.05s, opacity 0.2s, visibility 0.01s 0.15s;
+  z-index: 100;
+}
+
+.r-backdrop._visible {
+  opacity: 1;
+  background: rgba(0, 0, 0, 0.3);
+  visibility: visible;
+  transition: background 0.05s, opacity 0.2s;
+  pointer-events: all;
+}.r-tooltip {
+  font-family: var(--monospace-font, monospace, monospace);
+  display: none;
+  opacity: 0;
+  position: absolute;
+  background: var(--r-neutral-200);
+  width: max-content;
+  padding: 6px 12px;
+  border-radius: 4px;
+  max-width: 200px;
+  transform: translateY(80%);
+  transition: transform 0.2s allow-discrete, opacity 0.2s allow-discrete;
+}
+.r-tooltip._bottom-start {
+  bottom: -8px;
+  left: 0;
+}
+.r-tooltip._bottom-end {
+  bottom: -8px;
+  right: 0;
+}
+
+.r-tooltip._visible {
+  display: block;
+  opacity: 1;
+  transform: translateY(100%);
+}