@modern-js/module-tools-docs 2.0.2 → 2.0.3-beta.0

package/doc_build/static/css/main.css

@@ -6,38 +6,26 @@
   display: none;
 }
 
-@media (min-width: 960px) {
-  .dark .\------packages-cli-doc-core-src-theme-default-components-Nav-index-module__container--Be7Bu {
-    background: rgb(36, 36, 36);
-  }
+.\------packages-cli-doc-core-src-theme-default-components-Nav-index-module__container--Be7Bu {
+  max-width: 1440px;
+  margin: auto;
 }
+
 .\------packages-cli-doc-core-src-theme-default-components-Nav-index-module__rightNav--fxz4T {
   display: none;
 }
 
-@media (min-width: 768px) {
-  .\------packages-cli-doc-core-src-theme-default-components-Nav-index-module__rightNav--fxz4T {
-    display: -webkit-flex;
-    display: -moz-box;
-    display: flex;
-    -webkit-align-items: center;
-       -moz-box-align: center;
-            align-items: center;
-  }
-}
-.\------packages-cli-doc-core-src-theme-default-components-Nav-index-module__container--Be7Bu {
-  background: rgb(255, 255, 255);
+.\------packages-cli-doc-core-src-theme-default-components-Nav-index-module__navContainer--J5RhI :deep(*) {
+  pointer-events: all;
 }
 
-.\------packages-cli-doc-core-src-theme-default-components-Nav-index-module__container--Be7Bu :deep(*) {
-  pointer-events: all;
+.\------packages-cli-doc-core-src-theme-default-components-Nav-index-module__navContainer--J5RhI {
+  background: #fff;
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-Nav-index-module__social-links-icon--aVv_y {
   width: 20px;
   height: 100%;
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
   fill: currentColor;
   color: var(--modern-c-text-2);
@@ -54,11 +42,20 @@
   background-color: var(--modern-c-divider-light);
   content: " ";
 }
+
+@media (min-width: 768px) {
+  .\------packages-cli-doc-core-src-theme-default-components-Nav-index-module__rightNav--fxz4T {
+    display: flex;
+    align-items: center;
+  }
+}
+@media (min-width: 960px) {
+  .dark .modern-doc-nav {
+    background: rgb(36, 36, 36);
+  }
+}
 .\------packages-cli-doc-core-src-theme-default-components-Link-index-module__link--R5q4o:hover {
   color: var(--modern-c-brand);
-  -webkit-transition: color 0.2s;
-  -o-transition: color 0.2s;
-  -moz-transition: color 0.2s;
   transition: color 0.2s;
 }
 
@@ -88,13 +85,9 @@
   display: block;
   width: 40px;
   height: 22px;
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
+  flex-shrink: 0;
   border: 1px solid var(--modern-c-divider);
   background-color: var(--modern-c-bg-mute);
-  -webkit-transition: border-color 0.25s, background-color 0.25s;
-  -o-transition: border-color 0.25s, background-color 0.25s;
-  -moz-transition: border-color 0.25s, background-color 0.25s;
   transition: border-color 0.25s, background-color 0.25s;
 }
 
@@ -111,20 +104,12 @@
   border-radius: 50%;
   background-color: var(--modern-c-white);
   box-shadow: var(--modern-shadow-1);
-  -webkit-transition: background-color 0.25s, -webkit-transform 0.25s;
-  transition: background-color 0.25s, -webkit-transform 0.25s;
-  -o-transition: background-color 0.25s, -o-transform 0.25s;
-  -moz-transition: background-color 0.25s, transform 0.25s, -moz-transform 0.25s;
   transition: background-color 0.25s, transform 0.25s;
-  transition: background-color 0.25s, transform 0.25s, -webkit-transform 0.25s, -moz-transform 0.25s, -o-transform 0.25s;
 }
 
 .dark .\------packages-cli-doc-core-src-theme-default-components-Switch-index-module__check--WLpap {
   background-color: var(--modern-c-black);
-  -webkit-transform: translateX(18px);
-     -moz-transform: translateX(18px);
-       -o-transform: translateX(18px);
-          transform: translateX(18px);
+  transform: translateX(18px);
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-Switch-index-module__icon--Q_Ula {
@@ -147,16 +132,11 @@
 
 .\------packages-cli-doc-core-src-theme-default-components-Switch-index-module__dark--O_IZ5 .\------packages-cli-doc-core-src-theme-default-components-Switch-index-module__icon--Q_Ula svg {
   fill: var(--modern-c-text-1);
-  -webkit-transition: opacity 0.25s;
-  -o-transition: opacity 0.25s;
-  -moz-transition: opacity 0.25s;
   transition: opacity 0.25s;
 }
 .\------packages-cli-doc-core-src-theme-default-components-SocialLinks-index-module__social-links-icon--_8YjQ {
   width: 20px;
   height: 100%;
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
   fill: currentColor;
   color: var(--modern-c-text-2);
@@ -174,15 +154,9 @@
   content: " ";
 }
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__navHamburger--wzxr1 {
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
-  -webkit-justify-content: center;
-     -moz-box-pack: center;
-          justify-content: center;
-  -webkit-align-items: center;
-     -moz-box-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
   width: 48px;
   height: 56px;
 }
@@ -202,63 +176,40 @@
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__navHamburger--wzxr1:hover .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__top--wzOB6 {
   top: 0;
   left: 0;
-  -webkit-transform: translateX(4px);
-     -moz-transform: translateX(4px);
-       -o-transform: translateX(4px);
-          transform: translateX(4px);
+  transform: translateX(4px);
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__navHamburger--wzxr1:hover .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__middle--coO8e {
   top: 6px;
   left: 0;
-  -webkit-transform: translateX(0);
-     -moz-transform: translateX(0);
-       -o-transform: translateX(0);
-          transform: translateX(0);
+  transform: translateX(0);
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__navHamburger--wzxr1:hover .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__bottom--RrwJk {
   top: 12px;
   left: 0;
-  -webkit-transform: translateX(8px);
-     -moz-transform: translateX(8px);
-       -o-transform: translateX(8px);
-          transform: translateX(8px);
+  transform: translateX(8px);
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__navHamburger--wzxr1.\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__active--hb8AN .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__top--wzOB6 {
   top: 6px;
-  -webkit-transform: translateX(0) rotate(225deg);
-     -moz-transform: translateX(0) rotate(225deg);
-       -o-transform: translateX(0) rotate(225deg);
-          transform: translateX(0) rotate(225deg);
+  transform: translateX(0) rotate(225deg);
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__navHamburger--wzxr1.\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__active--hb8AN .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__middle--coO8e {
   top: 6px;
-  -webkit-transform: translateX(16px);
-     -moz-transform: translateX(16px);
-       -o-transform: translateX(16px);
-          transform: translateX(16px);
+  transform: translateX(16px);
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__navHamburger--wzxr1.\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__active--hb8AN .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__bottom--RrwJk {
   top: 6px;
-  -webkit-transform: translateX(0) rotate(135deg);
-     -moz-transform: translateX(0) rotate(135deg);
-       -o-transform: translateX(0) rotate(135deg);
-          transform: translateX(0) rotate(135deg);
+  transform: translateX(0) rotate(135deg);
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__navHamburger--wzxr1.\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__active--hb8AN:hover .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__top--wzOB6,
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__navHamburger--wzxr1.\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__active--hb8AN:hover .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__middle--coO8e,
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__navHamburger--wzxr1.\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__active--hb8AN:hover .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__bottom--RrwJk {
-  -webkit-transition: top 0.25s, background-color 0.25s, -webkit-transform 0.25s;
-  transition: top 0.25s, background-color 0.25s, -webkit-transform 0.25s;
-  -o-transition: top 0.25s, background-color 0.25s, -o-transform 0.25s;
-  -moz-transition: top 0.25s, background-color 0.25s, transform 0.25s, -moz-transform 0.25s;
   transition: top 0.25s, background-color 0.25s, transform 0.25s;
-  transition: top 0.25s, background-color 0.25s, transform 0.25s, -webkit-transform 0.25s, -moz-transform 0.25s, -o-transform 0.25s;
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__top--wzOB6,
@@ -268,39 +219,25 @@
   width: 16px;
   height: 2px;
   background-color: var(--modern-c-text-2);
-  -webkit-transition: top 0.25s, background-color 0.5s, -webkit-transform 0.25s;
-  transition: top 0.25s, background-color 0.5s, -webkit-transform 0.25s;
-  -o-transition: top 0.25s, background-color 0.5s, -o-transform 0.25s;
-  -moz-transition: top 0.25s, background-color 0.5s, transform 0.25s, -moz-transform 0.25s;
   transition: top 0.25s, background-color 0.5s, transform 0.25s;
-  transition: top 0.25s, background-color 0.5s, transform 0.25s, -webkit-transform 0.25s, -moz-transform 0.25s, -o-transform 0.25s;
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__top--wzOB6 {
   top: 0;
   left: 0;
-  -webkit-transform: translateX(0);
-     -moz-transform: translateX(0);
-       -o-transform: translateX(0);
-          transform: translateX(0);
+  transform: translateX(0);
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__middle--coO8e {
   top: 6px;
   left: 0;
-  -webkit-transform: translateX(8px);
-     -moz-transform: translateX(8px);
-       -o-transform: translateX(8px);
-          transform: translateX(8px);
+  transform: translateX(8px);
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavHambmger-index-module__bottom--RrwJk {
   top: 12px;
   left: 0;
-  -webkit-transform: translateX(4px);
-     -moz-transform: translateX(4px);
-       -o-transform: translateX(4px);
-          transform: translateX(4px);
+  transform: translateX(4px);
 }
 .\------packages-cli-doc-core-src-theme-default-components-NavScreen-index-module__navScreen--NeczB {
   display: none;
@@ -313,9 +250,6 @@
   width: 100%;
   background-color: var(--modern-c-bg);
   overflow-y: auto;
-  -webkit-transition: background-color 0.5s;
-  -o-transition: background-color 0.5s;
-  -moz-transition: background-color 0.5s;
   transition: background-color 0.5s;
   pointer-events: auto;
   z-index: 20;
@@ -332,37 +266,21 @@
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavScreen-index-module__navMenu--3YuLy {
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
-  -webkit-justify-content: center;
-     -moz-box-pack: center;
-          justify-content: center;
-  -webkit-align-items: center;
-     -moz-box-align: center;
-          align-items: center;
-  -webkit-flex-direction: column;
-     -moz-box-orient: vertical;
-     -moz-box-direction: normal;
-          flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavScreen-index-module__navMenuItem--osgV9 {
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
-  -webkit-justify-content: center;
-     -moz-box-pack: center;
-          justify-content: center;
+  justify-content: center;
   padding: 12px 0 11px;
   line-height: 24px;
   font-size: 14px;
   font-weight: 500;
   color: var(--modern-c-text-1);
   border-bottom: 1px solid var(--modern-c-divider-light);
-  -webkit-transition: border-color 0.5s, color 0.25s;
-  -o-transition: border-color 0.5s, color 0.25s;
-  -moz-transition: border-color 0.5s, color 0.25s;
   transition: border-color 0.5s, color 0.25s;
 }
 
@@ -377,9 +295,6 @@
 .\------packages-cli-doc-core-src-theme-default-components-NavScreenMenuGroup-index-module__navScreenMenuGroup--Tk5bz {
   height: 39px;
   overflow: hidden;
-  -webkit-transition: border-color 0.5s;
-  -o-transition: border-color 0.5s;
-  -moz-transition: border-color 0.5s;
   transition: border-color 0.5s;
 }
 
@@ -389,34 +304,21 @@
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavScreenMenuGroup-index-module__button--X7ejb {
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
-  -webkit-justify-content: center;
-     -moz-box-pack: center;
-          justify-content: center;
-  -webkit-align-items: center;
-     -moz-box-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
   padding: 8px 4px 7px 0;
   width: 100%;
   line-height: 24px;
   font-size: 14px;
   font-weight: 500;
   color: var(--vp-c-text-1);
-  -webkit-transition: color 0.25s;
-  -o-transition: color 0.25s;
-  -moz-transition: color 0.25s;
   transition: color 0.25s;
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavScreenMenuGroup-index-module__buttonSpan--IOfpr {
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
-  -webkit-align-items: center;
-     -moz-box-align: center;
-          align-items: center;
+  align-items: center;
   height: 24px;
   padding-right: 4px;
 }
@@ -430,23 +332,14 @@
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavScreenMenuGroup-index-module__down--uavm2 {
-  -webkit-transition: all 0.5s;
-  -o-transition: all 0.5s;
-  -moz-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-NavScreenMenuGroup-index-module__open--SenqS.\------packages-cli-doc-core-src-theme-default-components-NavScreenMenuGroup-index-module__down--uavm2 {
-  -webkit-transform: rotate(180deg);
-     -moz-transform: rotate(180deg);
-       -o-transform: rotate(180deg);
-          transform: rotate(180deg);
+  transform: rotate(180deg);
 }
 .\------packages-cli-doc-core-src-theme-default-components-Search-index-module__searchInput--SjSZ2 {
   width: 8.6rem;
-  -webkit-transition: width 0.3s;
-  -o-transition: width 0.3s;
-  -moz-transition: width 0.3s;
   transition: width 0.3s;
 }
 
@@ -455,6 +348,14 @@
   border-top: 0;
 }
 
+.\------packages-cli-doc-core-src-theme-default-components-Search-index-module__suggestionItem--ahvvD:hover {
+  background: var(--modern-c-white-mute);
+}
+
+.dark .\------packages-cli-doc-core-src-theme-default-components-Search-index-module__suggestionItem--ahvvD:hover {
+  background: var(--modern-c-black-mute);
+}
+
 .\------packages-cli-doc-core-src-theme-default-components-Search-index-module__suggestionItemFirst--Xu405 {
   border-top: 1px solid var(--modern-c-divider-light);
 }
@@ -475,22 +376,13 @@
 .\------packages-cli-doc-core-src-theme-default-components-Tabs-index-module__tab--lUaxE {
   color: var(--modern-c-text-2);
   border-bottom: 2px solid transparent;
-  -moz-box-sizing: border-box;
-       box-sizing: border-box;
+  box-sizing: border-box;
   margin-right: 10px;
   padding: 4px;
-  -webkit-transition: colors 0.2s;
-  -o-transition: colors 0.2s;
-  -moz-transition: colors 0.2s;
   transition: colors 0.2s;
   margin-bottom: -1px;
   -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
-  -webkit-transition: all 0.25s ease-in-out;
-  -o-transition: all 0.25s ease-in-out;
-  -moz-transition: all 0.25s ease-in-out;
   transition: all 0.25s ease-in-out;
 }
 
@@ -510,16 +402,10 @@
   text-align: center;
   font-weight: 500;
   white-space: nowrap;
-  -webkit-transition: color 0.25s, border-color 0.25s, background-color 0.25s;
-  -o-transition: color 0.25s, border-color 0.25s, background-color 0.25s;
-  -moz-transition: color 0.25s, border-color 0.25s, background-color 0.25s;
   transition: color 0.25s, border-color 0.25s, background-color 0.25s;
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-Button-index-module__button--B0JQV:active {
-  -webkit-transition: color 0.1s, border-color 0.1s, background-color 0.1s;
-  -o-transition: color 0.1s, border-color 0.1s, background-color 0.1s;
-  -moz-transition: color 0.1s, border-color 0.1s, background-color 0.1s;
   transition: color 0.1s, border-color 0.1s, background-color 0.1s;
 }
 
@@ -575,8 +461,7 @@
 }
 /* windicss layer base */
 *, ::before, ::after {
-  -moz-box-sizing: border-box;
-       box-sizing: border-box;
+  box-sizing: border-box;
   border-width: 0;
   border-style: solid;
   border-color: #e5e7eb;
@@ -591,8 +476,6 @@
   --tw-shadow: 0 0 #0000;
 }
 :root {
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
   tab-size: 4;
 }
 :-moz-focusring {
@@ -620,9 +503,7 @@
   outline-offset: -2px;
 }
 abbr[title] {
-  -webkit-text-decoration: underline dotted;
-  -moz-text-decoration: underline dotted;
-       text-decoration: underline dotted;
+  text-decoration: underline dotted;
 }
 a {
   color: inherit;
@@ -670,22 +551,6 @@ img {
   max-width: 100%;
   height: auto;
 }
-input::-webkit-input-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-input::-moz-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-input:-ms-input-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-input::-ms-input-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
 input::placeholder {
   opacity: 1;
   color: #9ca3af;
@@ -717,24 +582,13 @@ ul {
 }
 /* windicss layer components */
 [flex~="center"] {
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
-  -webkit-align-items: center;
-  -moz-box-align: center;
-       align-items: center;
-  -webkit-justify-content: center;
-  -moz-box-pack: center;
-       justify-content: center;
+  align-items: center;
+  justify-content: center;
 }
 .menu {
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
-  -webkit-align-items: center;
-  -moz-box-align: center;
-       align-items: center;
-  -webkit-justify-content: space-around;
+  align-items: center;
   justify-content: space-around;
   font-weight: 700;
   font-size: 0.875rem;
@@ -742,15 +596,9 @@ ul {
 }
 @media (min-width: 768px) {
   [flex~="md:center"] {
-    display: -webkit-flex;
-    display: -moz-box;
     display: flex;
-    -webkit-align-items: center;
-    -moz-box-align: center;
-         align-items: center;
-    -webkit-justify-content: center;
-    -moz-box-pack: center;
-         justify-content: center;
+    align-items: center;
+    justify-content: center;
   }
 }
 /* windicss layer utilities */
@@ -897,19 +745,16 @@ ul {
 [block~="~"] {
   display: block;
 }
+.inline-block {
+  display: inline-block;
+}
 .flex {
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
 }
 [flex~="~"] {
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
 }
 [display~="flex"] {
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
 }
 [table~="~"] {
@@ -925,65 +770,40 @@ ul {
   display: none;
 }
 [flex~="col"] {
-  -webkit-flex-direction: column;
-  -moz-box-orient: vertical;
-  -moz-box-direction: normal;
-       flex-direction: column;
+  flex-direction: column;
 }
 [flex~="wrap"] {
-  -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 .items-center {
-  -webkit-align-items: center;
-  -moz-box-align: center;
-       align-items: center;
+  align-items: center;
 }
 [align~="items-center"] {
-  -webkit-align-items: center;
-  -moz-box-align: center;
-       align-items: center;
+  align-items: center;
 }
 [justify~="end"] {
-  -webkit-justify-content: flex-end;
-  -moz-box-pack: end;
-       justify-content: flex-end;
+  justify-content: flex-end;
 }
 [justify~="center"] {
-  -webkit-justify-content: center;
-  -moz-box-pack: center;
-       justify-content: center;
+  justify-content: center;
 }
 [justify~="between"] {
-  -webkit-justify-content: space-between;
-  -moz-box-pack: justify;
-       justify-content: space-between;
+  justify-content: space-between;
 }
 [justify~="around"] {
-  -webkit-justify-content: space-around;
   justify-content: space-around;
 }
 [flex~="1"] {
-  -webkit-flex: 1 1 0%;
-  -moz-box-flex: 1;
-       flex: 1 1;
+  flex: 1 1;
 }
 [flex~="shrink-0"] {
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
+  flex-shrink: 0;
 }
 [order~="2"] {
-  -webkit-order: 2;
-  -moz-box-ordinal-group: 3;
-       order: 2;
+  order: 2;
 }
 [order~="1"] {
-  -webkit-order: 1;
-  -moz-box-ordinal-group: 2;
-       order: 1;
-}
-[font~="medium"] {
-  font-weight: 500;
+  order: 1;
 }
 [font~="semibold"] {
   font-weight: 600;
@@ -991,6 +811,9 @@ ul {
 [font~="bold"] {
   font-weight: 700;
 }
+[font~="medium"] {
+  font-weight: 500;
+}
 [font~="normal"] {
   font-weight: 400;
 }
@@ -1076,6 +899,9 @@ ul {
 .mr-0 {
   margin-right: 0px;
 }
+.mt-1 {
+  margin-top: 0.25rem;
+}
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -1100,6 +926,9 @@ ul {
 [m~="t-1"] {
   margin-top: 0.25rem;
 }
+[m~="l-1"] {
+  margin-left: 0.25rem;
+}
 [m~="r-4"] {
   margin-right: 1rem;
 }
@@ -1118,9 +947,6 @@ ul {
 [m~="l-4"] {
   margin-left: 1rem;
 }
-[m~="l-16"] {
-  margin-left: 4rem;
-}
 [m~="t-50"] {
   margin-top: 12.5rem;
 }
@@ -1136,12 +962,6 @@ ul {
 .max-h-100vh {
   max-height: 100vh;
 }
-.max-w-full {
-  max-width: 100%;
-}
-.max-w-256px {
-  max-width: 256px;
-}
 .max-w-1152px {
   max-width: 1152px;
 }
@@ -1263,6 +1083,9 @@ ul {
 [p~="l-3"] {
   padding-left: 0.75rem;
 }
+[p~="r-6"] {
+  padding-right: 1.5rem;
+}
 [p~="t-0"] {
   padding-top: 0px;
 }
@@ -1275,12 +1098,12 @@ ul {
 [p~="l-2"] {
   padding-left: 0.5rem;
 }
-[p~="b-24"] {
-  padding-bottom: 6rem;
-}
 [p~="t-16"] {
   padding-top: 4rem;
 }
+[p~="b-24"] {
+  padding-bottom: 6rem;
+}
 [p~="b-40"] {
   padding-bottom: 10rem;
 }
@@ -1372,12 +1195,18 @@ ul {
 .align-middle {
   vertical-align: middle;
 }
+.align-text-top {
+  vertical-align: text-top;
+}
 .visible {
   visibility: visible;
 }
 .whitespace-normal {
   white-space: normal;
 }
+.whitespace-nowrap {
+  white-space: nowrap;
+}
 .whitespace-pre-wrap {
   white-space: pre-wrap;
 }
@@ -1409,8 +1238,6 @@ ul {
   width: 4rem;
 }
 .w-max {
-  width: -webkit-max-content;
-  width: -moz-max-content;
   width: max-content;
 }
 [w~="1px"] {
@@ -1425,9 +1252,6 @@ ul {
 [w~="50"] {
   width: 12.5rem;
 }
-[z~="4"] {
-  z-index: 4;
-}
 [z~="60"] {
   z-index: 60;
 }
@@ -1461,117 +1285,54 @@ ul {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-scale-z: 1;
-  -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
-  -moz-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
-       transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
+  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
 }
 [transition~="opacity"] {
-  -webkit-transition-property: opacity;
-  -o-transition-property: opacity;
-  -moz-transition-property: opacity;
   transition-property: opacity;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-       transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transition-duration: 150ms;
-  -o-transition-duration: 150ms;
-  -moz-transition-duration: 150ms;
-       transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 [transition~="all"] {
-  -webkit-transition-property: all;
-  -o-transition-property: all;
-  -moz-transition-property: all;
   transition-property: all;
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-       transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transition-duration: 150ms;
-  -o-transition-duration: 150ms;
-  -moz-transition-duration: 150ms;
-       transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 .ease {
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-       transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 .ease-out {
-  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  -o-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-  -moz-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-       transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 .ease-in-out {
-  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-       transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 .duration-300 {
-  -webkit-transition-duration: 300ms;
-  -o-transition-duration: 300ms;
-  -moz-transition-duration: 300ms;
-       transition-duration: 300ms;
+  transition-duration: 300ms;
 }
 .duration-200 {
-  -webkit-transition-duration: 200ms;
-  -o-transition-duration: 200ms;
-  -moz-transition-duration: 200ms;
-       transition-duration: 200ms;
-}
-.duration-500 {
-  -webkit-transition-duration: 500ms;
-  -o-transition-duration: 500ms;
-  -moz-transition-duration: 500ms;
-       transition-duration: 500ms;
+  transition-duration: 200ms;
 }
 [transition~="duration-300"] {
-  -webkit-transition-duration: 300ms;
-  -o-transition-duration: 300ms;
-  -moz-transition-duration: 300ms;
-       transition-duration: 300ms;
-}
-[transition~="duration-500"] {
-  -webkit-transition-duration: 500ms;
-  -o-transition-duration: 500ms;
-  -moz-transition-duration: 500ms;
-       transition-duration: 500ms;
+  transition-duration: 300ms;
 }
 [transition~="duration-200"] {
-  -webkit-transition-duration: 200ms;
-  -o-transition-duration: 200ms;
-  -moz-transition-duration: 200ms;
-       transition-duration: 200ms;
+  transition-duration: 200ms;
 }
 @media (min-width: 640px) {
   .sm\:flex {
-    display: -webkit-flex;
-    display: -moz-box;
     display: flex;
   }
   [display~="sm:flex"] {
-    display: -webkit-flex;
-    display: -moz-box;
     display: flex;
   }
   [flex~="sm:row"] {
-    -webkit-flex-direction: row;
-    -moz-box-orient: horizontal;
-    -moz-box-direction: normal;
-         flex-direction: row;
+    flex-direction: row;
   }
   [justify~="sm:around"] {
-    -webkit-justify-content: space-around;
     justify-content: space-around;
   }
   [flex~="sm:1"] {
-    -webkit-flex: 1 1 0%;
-    -moz-box-flex: 1;
-         flex: 1 1;
+    flex: 1 1;
   }
   [text~="sm:5xl"] {
     font-size: 3rem;
@@ -1581,11 +1342,11 @@ ul {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
-  [h~="sm:max-80"] {
-    max-height: 20rem;
+  [h~="sm:max-60"] {
+    max-height: 15rem;
   }
-  [w~="sm:max-80"] {
-    max-width: 20rem;
+  [w~="sm:max-60"] {
+    max-width: 15rem;
   }
   .sm\:max-w-576px {
     max-width: 576px;
@@ -1630,29 +1391,17 @@ ul {
   }
 }
 @media (min-width: 768px) {
-  .md\:border-b {
-    border-bottom-width: 1px;
-  }
   [flex~="md:row"] {
-    -webkit-flex-direction: row;
-    -moz-box-orient: horizontal;
-    -moz-box-direction: normal;
-         flex-direction: row;
+    flex-direction: row;
   }
   [justify~="md:start"] {
-    -webkit-justify-content: flex-start;
-    -moz-box-pack: start;
-         justify-content: flex-start;
+    justify-content: flex-start;
   }
   [order~="md:1"] {
-    -webkit-order: 1;
-    -moz-box-ordinal-group: 2;
-         order: 1;
+    order: 1;
   }
   [order~="md:2"] {
-    -webkit-order: 2;
-    -moz-box-ordinal-group: 3;
-         order: 2;
+    order: 2;
   }
   [text~="md:6xl"] {
     font-size: 3.75rem;
@@ -1668,12 +1417,6 @@ ul {
   [m~="md:t-14"] {
     margin-top: 3.5rem;
   }
-  .md\:max-w-3\/4 {
-    max-width: 75%;
-  }
-  [p~="md:6"] {
-    padding: 1.5rem;
-  }
   [p~="md:x-16"] {
     padding-left: 4rem;
     padding-right: 4rem;
@@ -1695,27 +1438,14 @@ ul {
   }
 }
 @media (min-width: 1024px) {
-  .lg\:border-b {
-    border-bottom-width: 1px;
-  }
-  .lg\:block {
-    display: block;
-  }
-  [display~="lg:block"] {
-    display: block;
-  }
   .lg\:flex {
-    display: -webkit-flex;
-    display: -moz-box;
     display: flex;
   }
   [display~="lg:flex"] {
-    display: -webkit-flex;
-    display: -moz-box;
     display: flex;
   }
-  .lg\:min-w-640px {
-    min-width: 640px;
+  [p~="lg:r-16"] {
+    padding-right: 4rem;
   }
 }
 @media (max-width: 1023.9px) {
@@ -1787,10 +1517,12 @@ ul {
 
   --modern-c-blue: #0095ff;
   --modern-c-blue-light: #00aaff;
-  --modern-c-blue-lighter: #00bfff;
+  --modern-c-blue-lighter: #ecf4ff;
   --modern-c-blue-dark: #0077ff;
-  --modern-c-blue-darker: #0055ff;
-  --modern-c-blue-dimm: rgba(100, 108, 255, 0.08);
+  --modern-c-blue-darker: #3367af;
+  --modern-c-blue-dimm-1: rgba(0, 149, 255, 0.5);
+  --modern-c-blue-dimm-2: rgba(0, 149, 255, 0.25);
+  --modern-c-blue-dimm-3: rgba(0, 149, 255, 0.05);
 
   --modern-c-yellow: #ffc517;
   --modern-c-yellow-light: #fcd253;
@@ -1890,7 +1622,7 @@ ul {
   --modern-code-font-size: 0.875em;
 
   --modern-code-block-color: var(--modern-c-text-dark-1);
-  --modern-code-block-bg: #292d3e;
+  --modern-code-block-bg: rgb(46, 52, 64);
 
   --modern-code-line-highlight-color: rgba(0, 0, 0, 0.5);
   --modern-code-line-number-color: var(--modern-c-text-dark-3);
@@ -1909,10 +1641,6 @@ ul {
   --modern-icon-tip: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 1024 1024%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M512 960C264.58 960 64 759.42 64 512S264.58 64 512 64s448 200.58 448 448-200.58 448-448 448z m0-832c-212.08 0-384 171.92-384 384s171.92 384 384 384 384-171.92 384-384-171.92-384-384-384z m0 112c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z m0 160c-17.67 0-32 14.33-32 32v320c0 17.67 14.33 32 32 32 17.67 0 32-14.33 32-32V432c0-17.67-14.33-32-32-32z%27 fill=%27%2321b8a3%27/%3E%3C/svg%3E");
 }
 
-.dark {
-  --modern-code-block-bg: var(--modern-c-bg-alt);
-}
-
 /**
  * Z-indexes
  * -------------------------------------------------------------------------- */
@@ -1994,9 +1722,9 @@ ul {
 :root {
   --modern-custom-block-code-font-size: 13px;
 
-  --modern-custom-block-info-border: var(--modern-c-divider-light);
-  --modern-custom-block-info-text: var(--modern-c-text-2);
-  --modern-custom-block-info-bg: var(--modern-c-white-soft);
+  --modern-custom-block-info-border: var(--modern-c-blue-dimm-1);
+  --modern-custom-block-info-text: var(--modern-c-brand);
+  --modern-custom-block-info-bg: var(--modern-c-blue-lighter);
   --modern-custom-block-info-code-bg: var(--modern-c-gray-light-4);
 
   --modern-custom-block-tip-border: var(--modern-c-green-dimm-1);
@@ -2043,7 +1771,15 @@ ul {
  * -------------------------------------------------------------------------- */
 
 :root {
-  --modern-sidebar-width: 272px;
+  --modern-sidebar-width: 280px;
+}
+
+/**
+ * Component: Aside(Outline)
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --modern-aside-width: 256px;
 }
 
 /**
@@ -2082,8 +1818,7 @@ ul {
 *,
 ::before,
 ::after {
-  -moz-box-sizing: border-box;
-       box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 html {
@@ -2101,7 +1836,6 @@ body {
   width: 100%;
   min-width: 320px;
   min-height: 100vh;
-  line-height: 24px;
   font-family: var(--modern-font-family-base);
   font-size: 16px;
   font-weight: 400;
@@ -2258,32 +1992,6 @@ input {
   background-color: transparent;
 }
 
-input:-ms-input-placeholder,
-textarea:-ms-input-placeholder {
-  color: var(--modern-c-text-3);
-}
-
-input::-ms-input-placeholder,
-textarea::-ms-input-placeholder {
-  color: var(--modern-c-text-3);
-}
-
-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
-  color: var(--modern-c-text-3);
-}
-
-input::-moz-placeholder, textarea::-moz-placeholder {
-  color: var(--modern-c-text-3);
-}
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  color: var(--modern-c-text-3);
-}
-
-input::-ms-input-placeholder, textarea::-ms-input-placeholder {
-  color: var(--modern-c-text-3);
-}
-
 input::placeholder,
 textarea::placeholder {
   color: var(--modern-c-text-3);
@@ -2365,15 +2073,18 @@ button select {
   font-size: 20px;
 }
 
+.modern-doc h4 {
+  margin: 24px 0 0;
+  line-height: 24px;
+  font-size: 16px;
+}
+
 .modern-doc .header-anchor {
   float: left;
   margin-left: -0.87em;
   padding-right: 0.23em;
   font-weight: 500;
   opacity: 0;
-  -webkit-transition: color 0.25s, opacity 0.25s;
-  -o-transition: color 0.25s, opacity 0.25s;
-  -moz-transition: color 0.25s, opacity 0.25s;
   transition: color 0.25s, opacity 0.25s;
 }
 
@@ -2418,9 +2129,6 @@ button select {
   margin: 16px 0;
   border-left: 2px solid var(--modern-c-divider);
   padding-left: 16px;
-  -webkit-transition: border-color 0.5s;
-  -o-transition: border-color 0.5s;
-  -moz-transition: border-color 0.5s;
   transition: border-color 0.5s;
 }
 
@@ -2428,21 +2136,13 @@ button select {
   margin: 0;
   font-size: 16px;
   color: var(--modern-c-text-2);
-  -webkit-transition: color 0.5s;
-  -o-transition: color 0.5s;
-  -moz-transition: color 0.5s;
   transition: color 0.5s;
 }
 
 .modern-doc a {
   font-weight: 500;
   color: var(--modern-c-brand);
-  -webkit-text-decoration-style: dotted;
-     -moz-text-decoration-style: dotted;
-          text-decoration-style: dotted;
-  -webkit-transition: color 0.25s;
-  -o-transition: color 0.25s;
-  -moz-transition: color 0.25s;
+  text-decoration-style: dotted;
   transition: color 0.25s;
 }
 
@@ -2494,9 +2194,6 @@ button select {
 
 .modern-doc tr {
   border-top: 1px solid var(--modern-c-divider);
-  -webkit-transition: background-color 0.5s;
-  -o-transition: background-color 0.5s;
-  -moz-transition: background-color 0.5s;
   transition: background-color 0.5s;
 }
 
@@ -2551,9 +2248,6 @@ button select {
   color: inherit;
   font-weight: 600;
   text-decoration: underline;
-  -webkit-transition: opacity 0.25s;
-  -o-transition: opacity 0.25s;
-  -moz-transition: opacity 0.25s;
   transition: opacity 0.25s;
 }
 
@@ -2590,9 +2284,6 @@ button select {
   padding: 3px 6px;
   color: var(--modern-c-text-code);
   background-color: var(--modern-c-bg-mute);
-  -webkit-transition: color 0.5s, background-color 0.5s;
-  -o-transition: color 0.5s, background-color 0.5s;
-  -moz-transition: color 0.5s, background-color 0.5s;
   transition: color 0.5s, background-color 0.5s;
 }
 
@@ -2604,9 +2295,6 @@ button select {
 
 .modern-doc a > code {
   color: var(--modern-c-brand);
-  -webkit-transition: color 0.25s;
-  -o-transition: color 0.25s;
-  -moz-transition: color 0.25s;
   transition: color 0.25s;
 }
 
@@ -2619,9 +2307,6 @@ button select {
   margin: 16px -24px;
   background-color: var(--modern-code-block-bg);
   overflow-x: auto;
-  -webkit-transition: background-color 0.5s;
-  -o-transition: background-color 0.5s;
-  -moz-transition: background-color 0.5s;
   transition: background-color 0.5s;
 }
 
@@ -2631,9 +2316,6 @@ button select {
   color: var(--modern-code-block-color);
   border-bottom: 1px solid var(--modern-c-gray-light-2);
   background-color: var(--modern-code-block-bg);
-  -webkit-transition: background-color 0.5s;
-  -o-transition: background-color 0.5s;
-  -moz-transition: background-color 0.5s;
   transition: background-color 0.5s;
 }
 
@@ -2666,12 +2348,8 @@ button select {
   word-spacing: normal;
   word-break: normal;
   word-wrap: normal;
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
   tab-size: 4;
   -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
   hyphens: none;
 }
 
@@ -2687,28 +2365,20 @@ button select {
 .modern-doc [class*='language-'] code {
   display: block;
   padding: 0 24px;
-  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   min-width: 100%;
   line-height: var(--modern-code-line-height);
   font-size: var(--modern-code-font-size);
   color: var(--modern-code-block-color);
-  -webkit-transition: color 0.5s;
-  -o-transition: color 0.5s;
-  -moz-transition: color 0.5s;
   transition: color 0.5s;
 }
 
 .modern-doc [class*='language-'] code .highlighted {
   background-color: var(--modern-code-line-highlight-color);
-  -webkit-transition: background-color 0.5s;
-  -o-transition: background-color 0.5s;
-  -moz-transition: background-color 0.5s;
   transition: background-color 0.5s;
   margin: 0 -24px;
   padding: 0 24px;
-  width: -moz-calc(100% + 2 * 24px);
   width: calc(100% + 2 * 24px);
   display: inline-block;
 }
@@ -2734,17 +2404,9 @@ button select {
   line-height: var(--modern-code-line-height);
   font-size: var(--modern-code-font-size);
   color: var(--modern-code-line-number-color);
-  -webkit-transition: border-color 0.5s, color 0.5s;
-  -o-transition: border-color 0.5s, color 0.5s;
-  -moz-transition: border-color 0.5s, color 0.5s;
   transition: border-color 0.5s, color 0.5s;
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
-  -webkit-flex-direction: column;
-     -moz-box-orient: vertical;
-     -moz-box-direction: normal;
-          flex-direction: column;
+  flex-direction: column;
 }
 
 .modern-doc.line-number-disable .line-numbers-wrapper {
@@ -2761,12 +2423,8 @@ button select {
   right: 8px;
   z-index: 3;
   display: block;
-  -webkit-justify-content: center;
-     -moz-box-pack: center;
-          justify-content: center;
-  -webkit-align-items: center;
-     -moz-box-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
   border-radius: 4px;
   width: 40px;
   height: 40px;
@@ -2777,13 +2435,7 @@ button select {
   background-position: 50%;
   background-size: 20px;
   background-repeat: no-repeat;
-  -webkit-transform: scale(1);
-     -moz-transform: scale(1);
-       -o-transform: scale(1);
-          transform: scale(1);
-  -webkit-transition: all 0.16s;
-  -o-transition: all 0.16s;
-  -moz-transition: all 0.16s;
+  transform: scale(1);
   transition: all 0.16s;
 }
 
@@ -2804,10 +2456,7 @@ button select {
   border-radius: 0 4px 4px 0;
   background-color: var(--modern-code-copy-code-hover-bg);
   background-image: var(--modern-icon-copied);
-  -webkit-transform: scale(1);
-     -moz-transform: scale(1);
-       -o-transform: scale(1);
-          transform: scale(1);
+  transform: scale(1);
   opacity: 1;
 }
 
@@ -2837,9 +2486,6 @@ button select {
   font-size: 12px;
   font-weight: 500;
   color: var(--modern-c-text-dark-3);
-  -webkit-transition: color 0.4s, opacity 0.4s;
-  -o-transition: color 0.4s, opacity 0.4s;
-  -moz-transition: color 0.4s, opacity 0.4s;
   transition: color 0.4s, opacity 0.4s;
 }
 
@@ -2855,7 +2501,7 @@ button select {
 .modern-doc .modern-directive {
   border: 1px solid transparent;
   border-radius: 8px;
-  padding: 16px 16px 8px;
+  padding: 16px 20px 8px;
   line-height: 24px;
   font-size: 14px;
   margin: 16px 0;
@@ -2878,7 +2524,8 @@ button select {
   background-image: var(--modern-icon-tip);
 }
 
-.modern-doc .modern-directive.tip {
+.modern-doc .modern-directive.tip,
+.modern-doc .modern-directive.note {
   border-color: var(--modern-custom-block-tip-border);
   color: var(--modern-custom-block-tip-text);
   background-color: var(--modern-custom-block-tip-bg);
@@ -2905,73 +2552,85 @@ button select {
 
 
 
-@media (min-width: 960px) {
-  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__content--TP8A7 {
-    margin: 0;
-    margin-left: var(--modern-sidebar-width);
-  }
-}
-@media (max-width: 960px) {
-  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__docLayout--Q34AI {
-    position: relative;
-  }
-  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__content--TP8A7 {
-    padding: 14px;
-  }
-}
-@media (min-width: 1440px) {
-  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__content--TP8A7 {
-    padding-left: 80px;
-    padding-right: 100px;
-  }
-}
 .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__aside-container--RsCtL {
-  position: -webkit-sticky;
   position: sticky;
+  display: none;
   top: 0;
-  margin-top: -moz-calc(var(--modern-nav-height) * -1 - 32px);
   margin-top: calc(var(--modern-nav-height) * -1 - 32px);
-  padding-top: -moz-calc(var(--modern-nav-height) + 32px);
   padding-top: calc(var(--modern-nav-height) + 32px);
   height: 100vh;
   overflow-x: hidden;
   overflow-y: auto;
   scrollbar-width: none;
+  width: 0;
 }
 
 .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__aside-container--RsCtL::-webkit-scrollbar {
   display: none;
 }
+
+@media (min-width: 768px) {
+  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__aside-container--RsCtL {
+    display: block;
+  }
+}
+@media (max-width: 960px) {
+  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__docLayout--Q34AI {
+    position: relative;
+  }
+  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__content--TP8A7 {
+    margin: 12px;
+  }
+}
+@media (min-width: 960px) {
+  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__docLayout--Q34AI {
+    width: 100%;
+  }
+  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__content--TP8A7 {
+    margin-left: var(--modern-sidebar-width);
+    width: calc(100vw - var(--modern-sidebar-width));
+    padding: 16px 48px;
+  }
+  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__content--TP8A7 .modern-doc {
+    padding-right: 48px;
+    width: calc(100vw - var(--modern-sidebar-width) - var(--modern-aside-width));
+  }
+  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__aside-container--RsCtL {
+    width: var(--modern-aside-width);
+  }
+}
+@media (min-width: 1440px) {
+  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__docLayout--Q34AI {
+    width: 1440px;
+    margin-left: calc((100vw - 1440px) / 2);
+  }
+  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__content--TP8A7 {
+    margin-left: var(--modern-sidebar-width);
+    width: calc(1440px - var(--modern-sidebar-width));
+    padding: 16px 64px;
+  }
+  .\------packages-cli-doc-core-src-theme-default-layout-DocLayout-index-module__content--TP8A7 .modern-doc {
+    padding-right: 64px;
+    width: calc(1440px - var(--modern-sidebar-width) - var(--modern-aside-width) - 128px);
+  }
+}
 .\------packages-cli-doc-core-src-theme-default-components-LocalSideBar-index-module__localNav--_aGGP {
-  position: -webkit-sticky;
   position: sticky;
   top: 0;
   left: 0;
   z-index: 2;
-  display: -webkit-flex;
-  display: -moz-box;
   display: flex;
-  -webkit-justify-content: space-between;
-     -moz-box-pack: justify;
-          justify-content: space-between;
-  -webkit-align-items: center;
-     -moz-box-align: center;
-          align-items: center;
+  justify-content: space-between;
+  align-items: center;
   border-bottom: 1px solid var(--modern-c-divider-light);
   width: 100%;
   color: var(--modern-c-text-1);
-  -webkit-transition: border-color 0.5s, background-color 0.5s, color 0.5s;
-  -o-transition: border-color 0.5s, background-color 0.5s, color 0.5s;
-  -moz-transition: border-color 0.5s, background-color 0.5s, color 0.5s;
   transition: border-color 0.5s, background-color 0.5s, color 0.5s;
   background-color: var(--modern-c-bg);
   padding-left: 10px;
 }
 .\------packages-cli-doc-core-src-theme-default-components-LocalSideBar-index-module__localNav--_aGGP .\------packages-cli-doc-core-src-theme-default-components-LocalSideBar-index-module__menu--wNUbj {
   padding: 12px;
-  -webkit-transition: color 0.5s;
-  -o-transition: color 0.5s;
-  -moz-transition: color 0.5s;
   transition: color 0.5s;
 }
 .\------packages-cli-doc-core-src-theme-default-components-LocalSideBar-index-module__localNav--_aGGP .\------packages-cli-doc-core-src-theme-default-components-LocalSideBar-index-module__menu--wNUbj:hover {
@@ -3001,8 +2660,7 @@ button select {
   bottom: 0;
   left: 0;
   z-index: var(--modern-z-index-sidebar);
-  padding: 0 12px 96px 16px;
-  width: -moz-calc(100vw - 64px);
+  padding: 12px 12px 96px 16px;
   width: calc(100vw - 64px);
   max-width: 320px;
   background-color: var(--modern-c-bg);
@@ -3010,16 +2668,8 @@ button select {
   box-shadow: var(--modern-c-shadow-3);
   overflow-x: hidden;
   overflow-y: auto;
-  -webkit-transform: translateX(-100%);
-     -moz-transform: translateX(-100%);
-       -o-transform: translateX(-100%);
-          transform: translateX(-100%);
-  -webkit-transition: opacity 0.5s, -webkit-transform 0.25s ease;
-  transition: opacity 0.5s, -webkit-transform 0.25s ease;
-  -o-transition: opacity 0.5s, -o-transform 0.25s ease;
-  -moz-transition: opacity 0.5s, transform 0.25s ease, -moz-transform 0.25s ease;
+  transform: translateX(-100%);
   transition: opacity 0.5s, transform 0.25s ease;
-  transition: opacity 0.5s, transform 0.25s ease, -webkit-transform 0.25s ease, -moz-transform 0.25s ease, -o-transform 0.25s ease;
 }
 
 .dark .\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__sidebar--UroNu {
@@ -3029,37 +2679,27 @@ button select {
 .\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__sidebar--UroNu.\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__open--ackUn {
   opacity: 1;
   visibility: visible;
-  -webkit-transform: translateX(0);
-     -moz-transform: translateX(0);
-       -o-transform: translateX(0);
-          transform: translateX(0);
-  -webkit-transition: opacity 0.25s, -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-  transition: opacity 0.25s, -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-  -o-transition: opacity 0.25s, -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-  -moz-transition: opacity 0.25s, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
+  transform: translateX(0);
   transition: opacity 0.25s, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
-  transition: opacity 0.25s, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -moz-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -o-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
 }
 
 @media (min-width: 960px) {
   .\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__sidebar--UroNu {
-    z-index: 1;
-    margin-top: var(--modern-nav-height);
+    z-index: 0;
+    margin-top: calc(var(--modern-nav-height));
     padding-bottom: 128px;
-    width: var(--modern-sidebar-width);
     opacity: 1;
     visibility: visible;
     box-shadow: none;
-    -webkit-transform: translateX(0);
-       -moz-transform: translateX(0);
-         -o-transform: translateX(0);
-            transform: translateX(0);
+    width: var(--modern-sidebar-width);
+    transform: translateX(0);
   }
 }
 @media (min-width: 1440px) {
   .\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__sidebar--UroNu {
     padding-left: 16px;
     width: var(--modern-sidebar-width);
+    margin-left: calc((100vw - 1440px) / 2);
   }
 }
 .\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__menuLink--EZlU3 {
@@ -3068,26 +2708,31 @@ button select {
 
 .\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__menuLink--EZlU3:hover {
   color: inherit;
-  -webkit-transition: all 0.2s;
-  -o-transition: all 0.2s;
-  -moz-transition: all 0.2s;
   transition: all 0.2s;
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__menuItem--r3Oz1:hover,
 .\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__collapseContainer--BgJSm:hover {
-  background-color: rgba(229, 229, 229, 0.5);
-  -webkit-transition: all 0.2s;
-  -o-transition: all 0.2s;
-  -moz-transition: all 0.2s;
+  background-color: var(--modern-c-bg-mute);
+  transition: all 0.2s;
+}
+
+.dark .\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__menuItem--r3Oz1:hover,
+.\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__collapseContainer--BgJSm:hover {
+  background-color: var(--modern-c-black-mute);
   transition: all 0.2s;
 }
 
-.\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__menuItem--r3Oz1 {
+.\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__menuItem--r3Oz1,
+.\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__menuItemStatic--Emnh1,
+.\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__menuItemActive--RCb_U {
+  font-size: 13px;
+  line-height: 19px;
+}
+
+.\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__menuItem--r3Oz1,
+.\------packages-cli-doc-core-src-theme-default-components-Siderbar-index-module__menuItemStatic--Emnh1 {
   color: var(--modern-c-text-2);
-  -webkit-transition: all 0.2s;
-  -o-transition: all 0.2s;
-  -moz-transition: all 0.2s;
   transition: all 0.2s;
 }
 
@@ -3112,9 +2757,6 @@ button select {
   font-size: 24px;
   color: var(--modern-c-text-1);
   margin: 36px 0;
-  -webkit-transition: color 0.5s;
-  -o-transition: color 0.5s;
-  -moz-transition: color 0.5s;
   transition: color 0.5s;
   padding-top: 36px;
   border-top: 1px solid var(--modern-c-divider-light);
@@ -3125,19 +2767,14 @@ button select {
   color: var(--modern-c-brand);
   font-size: 18px;
   margin-bottom: 1em;
-  -webkit-transition: color 0.5s;
-  -o-transition: color 0.5s;
-  -moz-transition: color 0.5s;
   transition: color 0.5s;
+  font-weight: 600;
 }
 .overview-index h3 > a {
   margin: 0;
   line-height: 1.3;
 }
 .overview-index h3 > a:hover {
-  -webkit-transition: color 0.5s;
-  -o-transition: color 0.5s;
-  -moz-transition: color 0.5s;
   transition: color 0.5s;
   color: var(--modern-c-brand-dark);
 }
@@ -3167,13 +2804,8 @@ button select {
   opacity: 0;
   font-weight: 500;
   color: var(--modern-c-brand);
-  -webkit-transition: color 0.25s;
-  -o-transition: color 0.25s;
-  -moz-transition: color 0.25s;
   transition: color 0.25s;
-  -webkit-text-decoration-style: dotted;
-     -moz-text-decoration-style: dotted;
-          text-decoration-style: dotted;
+  text-decoration-style: dotted;
 }
 .overview-index a.\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__header-anchor--mPqs2:hover,
 .overview-index a.\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__header-anchor--mPqs2:focus {
@@ -3183,55 +2815,34 @@ button select {
 .\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__overview-groups--_ecV6 a {
   font-size: 15px;
   font-weight: 500;
-  line-height: 2;
+  line-height: 1.6;
+  margin-top: 8px;
   color: var(--modern-c-text-code);
-  -webkit-transition: color 0.5s;
-  -o-transition: color 0.5s;
-  -moz-transition: color 0.5s;
   transition: color 0.5s;
+  word-break: break-all;
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__overview-group-li--AhQcS {
   position: relative;
 }
 .\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__overview-group-li--AhQcS.\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__level-2--EdouY {
-  padding-left: 1rem;
+  padding-left: 1px;
 }
 .\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__overview-group-li--AhQcS.\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__level-2--EdouY:before {
   left: -0.25rem;
 }
 
-.\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__overview-group-li--AhQcS:before {
-  content: "";
-  position: absolute;
-  width: 5px;
-  height: 5px;
-  border-radius: 50%;
-  background-color: rgba(60, 60, 60, 0.33);
-  -webkit-transition: background-color 0.5s;
-  -o-transition: background-color 0.5s;
-  -moz-transition: background-color 0.5s;
-  transition: background-color 0.5s;
-  left: -1.25rem;
-  top: 0.9rem;
-}
-
 .dark overview-groups a {
   font-weight: 400;
 }
 
 .\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__overview-group--mLD5f {
   page-break-inside: avoid;
-  -webkit-column-break-inside: avoid;
-     -moz-column-break-inside: avoid;
-          break-inside: avoid;
+  break-inside: avoid;
   margin-bottom: 28px;
   background-color: var(--modern-c-bg-soft);
-  border-radius: 8px;
+  border-radius: 12px;
   padding: 28px 32px;
-  -webkit-transition: background-color 0.5s;
-  -o-transition: background-color 0.5s;
-  -moz-transition: background-color 0.5s;
   transition: background-color 0.5s;
 }
 
@@ -3257,27 +2868,18 @@ button select {
 }
 @media (min-width: 768px) {
   .\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__overview-groups--_ecV6 {
-    -webkit-columns: 2;
-       -moz-columns: 2;
-            columns: 2;
+    columns: 2;
   }
 }
 @media (min-width: 1024px) {
   .\------packages-cli-doc-core-src-theme-default-components-Overview-index-module__overview-groups--_ecV6 {
-    -webkit-columns: 3;
-       -moz-columns: 3;
-            columns: 3;
+    columns: 3;
   }
 }
 @media (min-width: 640px) {
   .\------packages-cli-doc-core-src-theme-default-components-DocFooter-index-module__pager--C_zBL {
-    display: -webkit-flex;
-    display: -moz-box;
     display: flex;
-    -webkit-flex-direction: column;
-       -moz-box-orient: vertical;
-       -moz-box-direction: normal;
-            flex-direction: column;
+    flex-direction: column;
     width: 50%;
   }
   .\------packages-cli-doc-core-src-theme-default-components-DocFooter-index-module__pager--C_zBL.\------packages-cli-doc-core-src-theme-default-components-DocFooter-index-module__has-next--Ldy33 {
@@ -3285,14 +2887,14 @@ button select {
     padding-left: 16px;
   }
 }
-@media (min-width: 768px) {
-  .\------packages-cli-doc-core-src-theme-default-components-DocFooter-index-module__prev--ajVjQ {
-    width: 50%;
-  }
-  .\------packages-cli-doc-core-src-theme-default-components-DocFooter-index-module__next--A2aco {
-    width: 50%;
-  }
+.\------packages-cli-doc-core-src-theme-default-components-DocFooter-index-module__prev--ajVjQ {
+  width: 100%;
 }
+
+.\------packages-cli-doc-core-src-theme-default-components-DocFooter-index-module__next--A2aco {
+  width: 100%;
+}
+
 .\------packages-cli-doc-core-src-theme-default-components-DocFooter-index-module__pager-link--pAnzs {
   display: block;
   border: 1px solid var(--modern-c-divider-light);
@@ -3300,9 +2902,6 @@ button select {
   padding: 16px;
   width: 100%;
   height: 100%;
-  -webkit-transition: border-color 0.25s;
-  -o-transition: border-color 0.25s;
-  -moz-transition: border-color 0.25s;
   transition: border-color 0.25s;
 }
 
@@ -3333,9 +2932,6 @@ button select {
   font-size: 14px;
   font-weight: 500;
   color: var(--modern-c-brand);
-  -webkit-transition: color 0.25s;
-  -o-transition: color 0.25s;
-  -moz-transition: color 0.25s;
   transition: color 0.25s;
 }
 .\------packages-cli-doc-core-src-theme-default-components-HomeHero-index-module__clip--QG9Rc {