UNPKG

@rspress-theme-anatole/theme-default

Version:

2,992 lines (2,434 loc) 75.2 kB
.aside-link { /* border-radius: var(--rp-radius-small) 0 0 var(--rp-radius-small); */ margin-bottom: 1px; padding: .25rem 0; font-weight: 400; font-size: 13px; } .aside-link:hover { background-color: var(--rp-c-bg-mute); } .aside-link.aside-active, .aside-link.aside-active:hover { /* color: var(--rp-c-link); */ /* background-color: var(--rp-c-brand-tint); */ background-color: #F2F3F4; font-weight: 600; } .aside-link.aside-active { border-left: 2px solid #EF483D; } .aside-link-text { overflow-wrap: break-word; padding: 0 12px; font-size: .8125rem; line-height: 1.25rem; } @media (width >=640px) { .pager_d6903 { flex-direction: column; width: 50%; display: flex; } .pager_d6903.has-next_e91b1 { padding-top: 0; padding-left: 16px; } } .prev_c92d1, .next_c11be { width: 100%; } .rspress-nav-menu-group-button { background-color: #0000; } .hidden_f8586 { opacity: 0; background: none; transform: translate3d(0, -100%, 0); } .container_e4235 { margin: auto; } .navContainer_d18b1 { background: var(--rp-c-bg); height: var(--rp-nav-height); z-index: var(--rp-z-index-nav); transition: transform .3s, opacity .3s; top: 0; left: 0; } .leftNav_e6722, .rightNav_a2fea { display: none; } .singleItem_c1154 { word-break: keep-all; } .activeItem_a28b5, .singleItem_c1154:hover { background-color: var(--rp-c-bg-mute); cursor: pointer; /* color: var(--rp-c-link); */ border-radius: var(--rp-radius); } .navBarTitle_c5f07 { flex-shrink: 0; } body.kb-page-homepage .navBarTitle_c5f07 a { cursor: default; pointer-events: none; } .navContainer_d18b1 * { pointer-events: all; } .menu-item_b8238 { margin: 0 8px; display: none; } @media (width <=768px) { html:root { --rp-nav-height: 56px; } .menu-item_b8238:before { display: none; } .mobileNavMenu_e7045 { display: flex; } } @media (width >=768px) { .menu-item_b8238 { display: flex; } .leftNav_e6722 { flex-grow: 1; align-items: center; margin: 0 .5rem; display: flex; } .rightNav_a2fea { align-items: center; display: flex; } .mobileNavMenu_e7045 { display: none; } } @media (width >=960px) { .mask_cea59 { width: 100vw; height: 30px; position: absolute; bottom: -30px; right: 0; } .mask_cea59.docPage_b27ff { width: calc(100vw - var(--rp-sidebar-width) - 48px); } .mask_cea59:before { background: linear-gradient(var(--rp-c-bg), transparent 60%); content: ""; width: 100%; height: 30px; display: block; } .leftNav_e6722 { margin: 0 2rem; } } .navTitleMask_fb17c { height: var(--rp-nav-height); align-items: center; padding-left: 1.5rem; display: flex; } .sidebar_dd719 { z-index: var(--rp-z-index-sidebar); opacity: 0; background: var(--rp-c-bg); flex-shrink: 0; width: calc(100vw - 64px); max-width: 320px; transition: opacity .5s, transform .25s; position: fixed; top: 0; bottom: 0; left: 0; transform: translate3d(-100%, 0, 0); } .sidebarContent_da296 { max-height: calc(100% - var(--rp-nav-height)); overflow: hidden auto; } .sidebar_dd719.open_becbd { opacity: 1; visibility: visible; transition: opacity .25s, transform .5s cubic-bezier(.19, 1, .22, 1); transform: translate3d(0, 0, 0); } @media (width >=960px) { .sidebar_dd719 { z-index: 5; opacity: 1; visibility: visible; margin-top: calc(var(--rp-nav-height) * -1); height: 100vh; width: var(--rp-sidebar-width); box-shadow: var(--rp-c-shadow-3); --webkit-mask-image: linear-gradient(270deg, #000 10px, transparent 0); position: sticky; transform: translate3d(0, 0, 0); mask-image: linear-gradient(#0000, #000 20px), linear-gradient(270deg, #000 10px, #0000 0); } } .menuLink_bb039 { opacity: 1; } .menuLink_bb039:hover { color: inherit; transition: all .2s; } .menuItem_ac22e:hover { color: var(--rp-c-text-1); background-color: var(--rp-c-bg-mute); transition: all .2s; } .collapseContainer_d6e4e:hover { background-color: #e5e5e566; transition: all .2s; } :is(.dark .menuItem_ac22e:hover, .dark .collapseContainer_d6e4e:hover) { background-color: var(--rp-c-bg-mute); transition: all .2s; } .menuItem_ac22e, .menuItemActive_de63c { /* border-radius: 0 var(--rp-radius) var(--rp-radius) 0; */ font-size: 13px; line-height: 19px; } .menuItem_ac22e { /* color: var(--rp-c-text-2); */ font-weight: 500; transition: color .2s; } .menuItemActive_de63c { background-color: #F2F3F4; /* color: var(--rp-c-link); */ color: #32363E; font-weight: bolder; position: relative; } .menuItemActive_de63c:before { content: ""; /* background-color: var(--rp-c-brand); */ background-color: #EF483D; width: 2px; height: 100%; transition: all .2s; position: absolute; top: 0; left: 0; } .menuGroupActive_e3177 { background-color: var(--rp-c-bg-mute); } .rspress-sidebar-group { position: relative; } .rspress-sidebar-group:before { content: ""; background-color: var(--rp-c-gray-light-4); /* width: 1px; */ height: 100%; position: absolute; top: 0; left: 18px; } .rspress-sidebar-section-header { align-items: center; padding: 8px 0 8px 16px; display: flex; } .rspress-sidebar-section-header>span { color: var(--rp-c-text-1); align-items: center; margin-left: 8px; font-size: 14px; font-weight: bold; line-height: 20px; display: flex; } .dark .rspress-sidebar-group:before { background-color: var(--rp-c-bg-mute); } .dark .sidebar_dd719 { box-shadow: var(--rp-shadow-1); } .rspress-sidebar-menu { z-index: var(--rp-z-index-local-nav); border-bottom: 1px solid var(--rp-c-divider-light); border-top: 1px solid var(--rp-c-divider-light); width: 100%; color: var(--rp-c-text-1); background-color: var(--rp-c-bg); justify-content: space-between; align-items: center; padding-left: 10px; display: flex; position: sticky; top: 0; left: 0; } .rspress-sidebar-menu>button { background-color: #0000; padding: 12px; transition: color .5s; } .rspress-sidebar-menu>button:hover { color: var(--rp-c-text-3); } .rspress-sidebar-menu:empty { display: none; } .rspress-sidebar-back-drop { z-index: var(--rp-z-index-backdrop); position: fixed; inset: 0; } @media (width >=1280px) { .rspress-sidebar-menu { display: none; } } @media (width >=960px) and (width <=1280px) { .rspress-sidebar-menu>button:first-child { display: none; } } .rspress-local-toc-container { border-radius: var(--rp-radius-small); top: calc(var(--rp-nav-height) - 14px); background-color: var(--rp-c-bg-soft); max-height: calc(100vh - var(--rp-nav-height) - 20px); box-shadow: var(--rp-shadow-1); border: 1px solid var(--rp-c-divider-light); opacity: 0; visibility: hidden; padding: 6px; transition: all .3s ease-out; position: absolute; left: 20px; right: 20px; overflow: scroll; transform: translateY(-20px); } .rspress-local-toc-container-show { opacity: 1; visibility: visible; transform: translateY(0); } .fly-in-enter { opacity: 0; transform: translateY(-16px); } .fly-in-enter-active { opacity: 1; transition: opacity .3s, transform .3s; transform: translate3d(0, 0, 0); } .fly-in-exit, .fly-in-exit-active { opacity: 0; transition: none; } .title_fb7eb { outline: none; font-weight: 600; position: relative; } .title_fb7eb .header-anchor { float: left; opacity: 0; font-weight: 500; font-size: inherit; margin-left: -.8em; transition: color .25s, opacity .25s; } .title_fb7eb:hover .header-anchor { opacity: 1; } .title_fb7eb .header-anchor:focus { opacity: 1; } .blockquote_f1063 p { color: var(--rp-c-text-2); margin: 0; font-size: 16px; } summary .blockquote_f1063 p { color: var(--rp-c-text-2); margin: 0; font-size: 16px; } .link_a9ef4:not(.header-anchor) { /* color: var(--rp-c-link); */ color: #3451b2; font-weight: 500; transition: color .25s; text-decoration: underline; } summary .link_a9ef4:not(.header-anchor) { color: var(--rp-c-link); font-weight: 500; transition: color .25s; } summary a:not(.header-anchor) { color: var(--rp-c-link); font-weight: 500; transition: color .25s; } .link_a9ef4:hover { /* border-bottom: 1px solid; */ } summary .link_a9ef4:hover { border-bottom: 1px solid var(--rp-c-brand); } summary a:hover { border-bottom: 1px solid var(--rp-c-brand); } .header-anchor { /* color: var(--rp-c-brand); */ } .rspress-doc-header { padding: 0 64px 28px 64px; display: flex; justify-content: space-between; align-items: center; } .rspress-doc { view-transition-name: flip; min-height: 60vh; } .rspress-doc .rspress-directive a { border-bottom: 0 !important; } .rspress-doc details { font-size: normal; cursor: pointer; margin: 16px 0; padding: 8px; transition: all .3s; } .rspress-doc details p { margin: 8px 0; } .rspress-doc details:hover { background-color: var(--rp-c-bg-mute); } .inline-link_f855c { overflow-wrap: break-word; display: inline; } span.code-line-highlighted { background-color: var(--rp-code-line-highlight-color); } .aside-container_bc5fa { margin-top: calc(var(--rp-nav-height) * -1 - var(--rp-content-padding-y)); padding-top: calc(var(--rp-nav-height) + var(--rp-content-padding-y)- 16px); scrollbar-width: none; width: 0; max-height: calc(100vh - var(--rp-nav-height) + var(--rp-content-padding-y) * 2); display: none; position: sticky; top: 0; overflow: hidden auto; } .aside-container_bc5fa::-webkit-scrollbar { display: none; } @keyframes fade-out_cfa8c { from { opacity: 1; } to { opacity: 0; transform: translateY(20px); } } @keyframes fade-in_b8f53 { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; } } ::view-transition-old(flip) { animation-duration: .25s; } ::view-transition-new(flip) { animation-duration: .25s; } ::view-transition-old(flip) { transition-timing-function: ease-out; animation-name: fade-out_cfa8c; } ::view-transition-new(flip) { transition-timing-function: ease-in; animation-name: fade-in_b8f53; animation-delay: .18s; } .content_ff766 { padding: var(--rp-content-padding-y) var(--rp-content-padding-x); } @media (width <=1280px) { .rspress-doc-header { padding: 0 0 28px 0; } } @media (width <=960px) { :root { --rp-content-padding-y: 36px; } .rspress-doc { view-transition-name: none; } } @media (width >=960px) { .aside-container_bc5fa { width: var(--rp-aside-width); display: none; } .docLayout_af141 { display: flex; } } @media (width >=1280px) { :root { --rp-content-padding-x: 0; } .aside-container_bc5fa { display: block; } :is(.content_ff766 .rspress-doc, .content_ff766 .rspress-doc-footer) { /* max-width: min(100%, 992px); */ /* margin: auto; */ padding: 0 64px; } } :root { --rp-home-hero-name-color: transparent; --rp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--rp-c-brand) 30%, #42d392); --rp-home-hero-image-background-image: none; --rp-home-hero-image-filter: none; --rp-home-feature-bg: var(--rp-c-bg-soft); --rp-home-mask-background-image: conic-gradient(from 180deg at 50% 50%, var(--rp-c-brand) 0deg, 180deg, #42d392 1turn); --rp-home-hero-image-width-sm: 250px; --rp-home-hero-image-width: 375px; --rp-home-hero-text-max-width: 40rem; } .dark { --rp-home-bg: #000; --rp-home-feature-bg: var(--rp-c-bg-soft); } :root { --rp-nav-height: 72px; --rp-sidebar-width: 320px; --rp-aside-width: 268px; --rp-content-padding-x: 24px; --rp-content-padding-y: 48px; --rp-c-bg: #fff; --rp-c-bg-soft: #f9f9f9; --rp-c-bg-mute: #f1f1f1; --rp-c-divider: #3c3c3c4a; --rp-c-divider-light: #3c3c3c1a; --rp-c-text-1: #213547; --rp-c-text-2: #3c3c3ca8; --rp-c-text-3: #3c3c3c54; --rp-c-text-4: #3c3c3c2e; --rp-c-text-code: #476573; --rp-c-text-code-bg: #99a1b31a; --rp-c-brand: #0095ff; --rp-c-brand-light: #33adff; --rp-c-brand-lighter: #66c2ff; --rp-c-brand-dark: #07f; --rp-c-brand-darker: #005fcc; --rp-c-brand-tint: #7fa3ff29; --rp-c-gray: #8e8e8e; --rp-c-gray-light-1: #aeaeae; --rp-c-gray-light-2: #c7c7c7; --rp-c-gray-light-3: #d1d1d1; --rp-c-gray-light-4: #e5e5e5; --rp-c-gray-light-5: #f2f2f2; --rp-c-dark: #000; --rp-c-dark-light-1: #2f2f2f; --rp-c-dark-light-2: #3a3a3a; --rp-c-dark-light-3: #4a4a4a; --rp-c-dark-light-4: #5c5c5c; --rp-c-dark-light-5: #6b6b6b; --rp-radius: 1rem; --rp-radius-small: .5rem; --rp-radius-large: 1.5rem; --rp-c-link: var(--rp-c-brand-dark); } .dark { --rp-c-bg: #191d24; --rp-c-bg-soft: #292e37; --rp-c-bg-mute: #343a46; --rp-c-bg-alt: #000; --rp-c-divider: #545454a6; --rp-c-divider-light: #5454547a; --rp-c-text-1: #fffff5ed; --rp-c-text-2: #ebebeb8f; --rp-c-text-3: #ebebeb61; --rp-c-text-4: #ebebeb2e; --rp-c-text-code: #c9def1; --rp-c-link: var(--rp-c-brand-light); } :root { --rp-z-index-local-nav: 10; --rp-z-index-nav: 20; --rp-z-index-backdrop: 30; --rp-z-index-sidebar: 40; --rp-shadow-1: 0 1px 4px #00000005, 0 1px 0 #0000000f; --rp-shadow-2: 0 3px 12px #00000012, 0 1px 4px #00000012; --rp-shadow-3: 0 12px 32px #0000001a, 0 2px 6px #00000014; --rp-shadow-4: 0 14px 44px #0000001f, 0 3px 9px #0000001f; --rp-shadow-5: 0 18px 56px #00000029, 0 4px 12px #00000029; } *, :before, :after { box-sizing: border-box; border: 0 solid #e5e7eb; } :before, :after { --tw-content: ""; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; line-height: 1.5; } body { line-height: inherit; margin: 0; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-feature-settings: normal; font-variation-settings: normal; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } button, input, optgroup, select, textarea { font-feature-settings: inherit; font-variation-settings: inherit; font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { margin: 0; padding: 0; list-style: none; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } button, [role="button"] { cursor: pointer; } :disabled { cursor: default; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } [hidden] { display: none; } .container { width: 100%; } @media (width >=640px) { .container { max-width: 640px; } } @media (width >=768px) { .container { max-width: 768px; } } @media (width >=1024px) { .container { max-width: 1024px; } } @media (width >=1280px) { .container { max-width: 1280px; } } @media (width >=1536px) { .container { max-width: 1536px; } } .visible { visibility: visible; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .bottom-0 { bottom: 0; } .right-0 { right: 0; } .top-8 { top: 2rem; } .z-10 { z-index: 10; } .z-\[1\] { z-index: 1; } .order-1 { order: 1; } .order-2 { order: 2; } .-m-1\.5 { margin: -.375rem; } .m-8 { margin: 2rem; } .m-auto { margin: auto; } .mx-0\.5 { margin-left: .125rem; margin-right: .125rem; } .mx-1\.5 { margin-left: .375rem; margin-right: .375rem; } .mx-2 { margin-left: .5rem; margin-right: .5rem; } .mx-3 { margin-left: .75rem; margin-right: .75rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-1 { margin-top: .25rem; margin-bottom: .25rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .my-3 { margin-top: .75rem; margin-bottom: .75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-11 { margin-bottom: 2.75rem; } .mb-16 { margin-bottom: 4rem; } .mb-2 { margin-bottom: .5rem; } .mb-4 { margin-bottom: 1rem; } .mb-6 { margin-bottom: 1.5rem; } .ml-2 { margin-left: .5rem; } .ml-4 { margin-left: 1rem; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: .25rem; } .mr-2 { margin-right: .5rem; } .mr-auto { margin-right: auto; } .mt-0\.5 { margin-top: .125rem; } .mt-1 { margin-top: .25rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-2 { margin-top: .5rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-9 { margin-top: 2.25rem; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .hidden { display: none; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-4 { height: 1rem; } .h-6 { height: 1.5rem; } .h-7 { height: 1.75rem; } .h-\[50px\] { height: 50px; } .h-full { height: 100%; } .min-h-\[50vh\] { min-height: 50vh; } .w-12 { width: 3rem; } .w-16 { width: 4rem; } .w-32 { width: 8rem; } .w-4 { width: 1rem; } .w-6 { width: 1.5rem; } .w-7 { width: 1.75rem; } .w-\[50px\] { width: 50px; } .w-full { width: 100%; } .min-w-0 { min-width: 0; } .min-w-8 { min-width: 2rem; } .max-w-6xl { max-width: 72rem; } .max-w-xl { max-width: 36rem; } .flex-1 { flex: 1; } .flex-shrink-0 { flex-shrink: 0; } .border-collapse { border-collapse: collapse; } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } ul>li>ul>li { list-style-type: circle; } ul>li>ul>li>ul>li { list-style-type: square; } .list-none { list-style-type: none; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .content-center { align-content: center; } .items-start { align-items: flex-start; } .items-center { align-items: center; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-1 { gap: .25rem; } .gap-2 { gap: .5rem; } .gap-3 { gap: .75rem; } .gap-4 { gap: 1rem; } .gap-x-4 { column-gap: 1rem; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .break-all { word-break: break-all; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-4xl { border-radius: 2rem; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: .5rem; } .rounded-md { border-radius: .375rem; } .rounded-xl { border-radius: .75rem; } .border { border-width: 1px; } .border-l { border-left-width: 1px; } .border-l-2 { border-left-width: 2px; } .border-t, .border-t-\[1px\] { border-top-width: 1px; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .border-brand { border-color: var(--rp-c-brand); } .border-current { border-color: currentColor; } .border-divider { border-color: var(--rp-c-divider); } .border-divider-light { border-color: var(--rp-c-divider-light); } .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); } .border-gray-light-3 { border-color: var(--rp-c-gray-light-3); } .border-transparent { border-color: #0000; } .bg-gray-light-1 { background-color: var(--rp-c-gray-light-1); } .bg-white { background-color: var(--rp-c-bg); } .p-1 { padding: .25rem; } .p-16 { padding: 4rem; } .p-2 { padding: .5rem; } .p-3 { padding: .75rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .px-2 { padding-left: .5rem; padding-right: .5rem; } .px-2\.5 { padding-left: .625rem; padding-right: .625rem; } .px-3 { padding-left: 29px; padding-right: .75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .py-1 { padding-top: .25rem; padding-bottom: .25rem; } .py-2 { padding-top: .5rem; padding-bottom: .5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .pb-12 { padding-bottom: 3rem; } .pb-2 { padding-bottom: .5rem; } .pb-5 { padding-bottom: 1.25rem; } .pl-3 { padding-left: .75rem; } .pl-4 { padding-left: 1rem; } .pl-5 { padding-left: 2.5rem; } .pl-6 { padding-left: 1.5rem; } .pr-2 { padding-right: .5rem; } .pt-0 { padding-top: 0; } .pt-2 { padding-top: .5rem; } .pt-3 { padding-top: .75rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .pt-9 { padding-top: 2.25rem; } .text-center { text-align: center; } .align-middle { vertical-align: middle; } .text-2xl { font-size: 1.625rem; } .text-3xl { font-size: 2rem; } .text-6xl { font-size: 3.75rem; line-height: 1; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.25rem; } .text-sm { font-size: .875rem; line-height: 1.25rem; } .text-xl { font-size: 1.375rem; } .text-xs { font-size: .75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-semibold { font-weight: 600; } .italic { font-style: italic; } .leading-10 { line-height: 2.5rem; } .leading-5 { line-height: 1.25rem; } .leading-6 { line-height: 1.5rem; } .leading-7 { line-height: 1.75rem; } .leading-tight { line-height: 1.25; } .tracking-tight { letter-spacing: -.025em; } .text-brand { /* color: var(--rp-c-brand); */ } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-text-1 { color: var(--rp-c-text-1); } .text-text-2 { color: var(--rp-c-text-2); } .opacity-80 { opacity: .8; } .outline { outline-style: solid; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .transition-all { transition-property: all; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .transition-opacity { transition-property: opacity; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .transition-shadow { transition-property: box-shadow; transition-duration: .15s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .duration-200 { transition-duration: .2s; } .duration-300 { transition-duration: .3s; } .duration-500 { transition-duration: .5s; } .ease-in { transition-timing-function: cubic-bezier(.4, 0, 1, 1); } .ease-in-out { transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, .2, 1); } .\[counter-reset\:step\] { counter-reset: step; } *, :before, :after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-padding-top: var(--rp-nav-height); font-size: 16px; line-height: 1.7; } html.dark { color-scheme: dark; } body { width: 100%; min-width: 320px; font-family: var(--rp-font-family-base); color: var(--rp-c-text-1); background-color: var(--rp-c-bg); font-synthesis: style; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; direction: ltr; margin: 0; font-size: 16px; font-weight: 400; } button:focus, button:focus-visible { outline: none; } h1, h2, h3, h4, h5, h6, li, p { overflow-wrap: break-word; } .visually-hidden { visibility: hidden; } .flex-center { justify-content: center; align-items: center; display: flex; } .menu { justify-content: space-around; align-items: center; font-size: .875rem; font-weight: 700; line-height: 1.25rem; display: flex; } .rspress-logo { height: 28px; width: 28px; } #nprogress .bar { background: var(--rp-c-brand); width: 100%; height: 2px; position: fixed; top: 0; left: 0; } :root { --code-color-text: #414141; --code-color-background: transparent; --code-token-constant: #f59403; --code-token-string: #31a94d; --code-token-comment: #b6b4b4; --code-token-keyword: #cf2727; --code-token-parameter: #1976d2; --code-token-function: #7041c8; --code-token-string-expression: #218438; --code-token-punctuation: #242323; --code-token-link: #22863a; --code-token-variable: #1976d2; --code-token-symbol: #f59403; --code-token-deleted: #d32828; --code-token-inserted: #22863a; } .dark { --code-color-text: #cac7c7; --code-token-constant: #6fb0fa; --code-token-string: #f9a86e; --code-token-comment: #6a727b; --code-token-keyword: #f47481; --code-token-parameter: #ff9800; --code-token-function: #ae8eeb; --code-token-string-expression: #4fb74d; --code-token-punctuation: #bbb; --code-token-link: #f9a76d; --code-token-variable: #6fb0fa; --code-token-symbol: #f9a86e; --code-token-deleted: #ee6d7a; --code-token-inserted: #36c47f; } :root { --rp-font-family-base: "Inter var experimental", "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; --rp-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace; } .first\:mt-2:first-child { margin-top: .5rem; } .last\:mr-0:last-child { margin-right: 0; } .even\:bg-soft:nth-child(2n) { background-color: var(--rp-c-bg-soft); } .hover\:border-brand-dark:hover { border-color: var(--rp-c-brand-dark); } .hover\:border-gray-500:hover { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } .hover\:border-gray-600:hover { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .hover\:bg-mute:hover { background-color: var(--rp-c-bg-mute); } .hover\:text-brand-dark:hover { color: var(--rp-c-brand-dark); } .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .hover\:text-text-1:hover { color: var(--rp-c-text-1); } .hover\:text-text-2:hover { color: var(--rp-c-text-2); } .hover\:opacity-60:hover { opacity: .6; } .focus\:outline-none:focus { outline-offset: 2px; outline: 2px solid #0000; } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-green-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1)); } .focus\:ring-opacity-50:focus { --tw-ring-opacity: .5; } .dark\:block:is(.dark *) { display: block; } .dark\:hidden:is(.dark *) { display: none; } .dark\:border-divider:is(.dark *) { border-color: var(--rp-c-divider); } .dark\:border-gray-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); } .dark\:border-gray-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity, 1)); } .dark\:hover\:border-gray-200:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .dark\:hover\:text-gray-200:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } @media (width >=640px) { .sm\:m-4 { margin: 1rem; } .sm\:mt-0 { margin-top: 0; } .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:max-w-4xl { max-width: 56rem; } .sm\:max-w-xl { max-width: 36rem; } .sm\:flex-1 { flex: 1; } .sm\:flex-row { flex-direction: row; } .sm\:items-center { align-items: center; } .sm\:justify-around { justify-content: space-around; } .sm\:p-8 { padding: 2rem; } .sm\:px-16 { padding-left: 4rem; padding-right: 4rem; } .sm\:pb-2 { padding-bottom: .5rem; } .sm\:pb-40 { padding-bottom: 10rem; } .sm\:pl-4 { padding-left: 1rem; } .sm\:pr-2 { padding-right: .5rem; } .sm\:pt-10 { padding-top: 2.5rem; } .sm\:pt-24 { padding-top: 6rem; } .sm\:pt-8 { padding-top: 2rem; } .sm\:text-5xl { font-size: 3rem; line-height: 1; } .sm\:text-6xl { font-size: 3.75rem; line-height: 1; } .sm\:leading-8 { line-height: 2rem; } } @media (width >=768px) { .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:m-0 { margin: 0; } .md\:ml-1 { margin-left: .25rem; } .md\:mr-2 { margin-right: .5rem; } .md\:flex { display: flex; } .md\:flex-row { flex-direction: row; } .md\:flex-wrap { flex-wrap: wrap; } .md\:justify-center { justify-content: center; } .md\:px-16 { padding-left: 4rem; padding-right: 4rem; } .md\:pb-16 { padding-bottom: 4rem; } .md\:pb-3 { padding-bottom: .75rem; } .md\:pt-16 { padding-top: 4rem; } .md\:text-6xl { font-size: 3.75rem; line-height: 1; } .md\:text-7xl { font-size: 4.5rem; line-height: 1; } .md\:text-\[1\.5rem\] { font-size: 1.5rem; } } @media (width >=1024px) { .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:pb-2 { padding-bottom: .5rem; } } .\[\&\:not\(\:first-child\)\]\:mt-2:not(:first-child) { margin-top: .5rem; } :root { --rp-code-font-size: 14px; --rp-code-block-color: #2e3440; --rp-code-title-bg: #0063c70d; --rp-code-block-bg: #f6f8fa; --rp-code-line-highlight-color: #0063c71a; --rp-code-line-number-color: #ebebeb61; --rp-code-copy-code-hover-bg: #ffffff0d; --rp-code-wrap-code-hover-bg: #ffffff0d; } .dark { --rp-code-block-color: #e5e7eb; --rp-code-block-bg: #242424; --rp-code-title-bg: #ffffff0a; --rp-code-line-highlight-color: #ffffff1a; --rp-code-line-number-color: #3c3c3c54; } .rspress-doc :not(pre, h1, h2, h3, h4, h5, h6)>code { font-size: var(--rp-code-font-size); } .rspress-doc :not(pre, div)>code { border-radius: var(--rp-radius-small); background-color: var(--rp-c-text-code-bg); overflow-wrap: break-word; padding: 3px 6px; } .rspress-doc :not(pre, div, a)>code { color: var(--rp-c-text-code); } .rspress-doc h1>code, .rspress-doc h2>code, .rspress-doc h3>code { font-size: .9em; } .rspress-doc a>code { color: var(--rp-c-brand-dark); transition: color .25s; } .rspress-doc a:hover>code { color: var(--rp-c-brand); } .rspress-doc div[class^="language-"] { background-color: var(--rp-code-block-bg); margin: 16px 0; transition: none; position: relative; overflow-x: auto; } .rspress-doc .rspress-code-title { font-size: var(--rp-code-font-size); background-color: var(--rp-code-title-bg); padding: 12px 16px; transition: background-color .5s; } @media (width >=640px) { .rspress-doc div[class^="language-"] { border-radius: var(--rp-radius); contain: content; margin: 24px 0; } } @media (width <=640px) { .rspress-doc li div[class^="language-"] { border-radius: var(--rp-radius-small) 0 0 var(--rp-radius-small); } } .rspress-doc [class^="language-"] pre, .rspress-doc [class^="language-"] code { text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; tab-size: 4; hyphens: none; } .rspress-doc [class^="language-"] pre { z-index: 1; background: none; margin: 0; position: relative; overflow-x: auto; } .rspress-doc [class^="language-"] code { width: fit-content; min-width: 100%; line-height: 1.7; font-size: var(--rp-code-font-size); color: var(--rp-code-block-color); background-color: var(--rp-code-block-bg); padding: 16px 0; transition: color .5s; display: block; } .rspress-doc [class^="language-"] .rspress-code-content { position: relative; } .rspress-doc [class^="language-"] .rspress-code-content span.highlighted { background-color: var(--rp-code-line-highlight-color); padding-left: 20px; display: block; position: absolute; left: 0; right: 0; } .rspress-doc [class^="language-"] .rspress-code-content>code { padding: 16px 20px; } .rspress-scrollbar { scrollbar-gutter: stable; padding-left: 1.2rem; padding-top: 1rem; } .rspress-scrollbar::-webkit-scrollbar { width: 12px; height: 8px; transition: all .3s; } .rspress-scrollbar::-webkit-scrollbar-track { background: none; } .rspress-scrollbar::-webkit-scrollbar-thumb { border-radius: var(--rp-radius-small); } .rspress-scrollbar:hover::-webkit-scrollbar-thumb { background-color: var(--rp-c-text-4); background-clip: content-box; border: 3px solid #0000; } .rspress-scrollbar::-webkit-scrollbar-corner { background: none; } .rspress-code-content:hover .code-button-group_fb445>button { opacity: 1; } .code-button-group_fb445 { z-index: 10; gap: 10px; display: flex; position: absolute; top: 20px; right: 20px; } .code-button-group_fb445>button { opacity: 0; background-color: #0000; justify-content: center; align-items: center; display: flex; position: relative; } .code-button-group_fb445 svg { opacity: inherit; width: 20px; height: 20px; color: var(--rp-c-text-3); transition: all .2s; } .code-button-group_fb445 svg:hover { color: var(--rp-c-text-2); } .code-copy-button_c5089 .icon-success_d5ec0 { opacity: 0; color: #00d600; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)scale(0); } .code-copied_e2224 .icon-copy_ef942 { opacity: 0; transform: scale(.33); } .code-copied_e2224 .icon-success_d5ec0 { opacity: 1; transition-delay: 75ms; transform: translate(-50%, -50%)scale(1); } .icon-wrapped_fb89b { opacity: 0; color: #00d600; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)scale(0); } .wrapped-btn_a2562 .icon-wrap_ccd3d { opacity: 0; transform: scale(.33); } .wrapped-btn_a2562 .icon-wrapped_fb89b { opacity: 1; transition-delay: 75ms; transform: translate(-50%, -50%)scale(1); } .badge_cbafb { font-weight: 500; transition: color .25s; } .badge_cbafb.tip_cce85 { color: var(--rp-container-tip-text); background-color: var(--rp-container-tip-bg); } .badge_cbafb.info_e8cd3 { color: var(--rp-container-info-text); background-color: var(--rp-container-info-bg); } .badge_cbafb.warning_b5c28 { color: var(--rp-container-warning-text); background-color: var(--rp-container-warning-bg); } .badge_cbafb.danger_b0301 { color: var(--rp-container-danger-text); background-color: var(--rp-container-danger-bg); } .badge_cbafb.outline_faf5e { border: 1px solid; } .badge_cbafb.outline_faf5e.tip_cce85 { border-color: var(--rp-container-tip-border); } .badge_cbafb.outline_faf5e.info_e8cd3 { border-color: var(--rp-container-info-border); } .badge_cbafb.outline_faf5e.warning_b5c28 { border-color: var(--rp-container-warning-border); } .badge_cbafb.outline_faf5e.danger_b0301 { border-color: var(--rp-container-danger-border); } .button_e8e0d { box-sizing: border-box; white-space: nowrap; justify-content: center; align-items: center; height: 48px; font-weight: bold; display: inline-flex; } .button_e8e0d:active { transition: color .1s, border-color .1s, background-color .1s; } .button_e8e0d.medium_fe00b { border-radius: var(--rp-radius); height: 38px; padding: 0 20px; font-size: 14px; line-height: 38px; } .button_e8e0d.big_f7033 { border-radius: var(--rp-radius-large); min-width: 142px; font-size: 16px; font-weight: 700; } .button_e8e0d.brand_dc619, .button_e8e0d.brand_dc619:hover, .button_e8e0d.brand_dc619:active { opacity: 1; color: #fff; transition: all .3s; } .button_e8e0d.brand_dc619 { background: linear-gradient(275deg, var(--rp-c-brand-dark) 3%, var(--rp-c-brand-light) 97%); } .button_e8e0d.brand_dc619:hover { background-color: var(--rp-c-brand-light); opacity: .8; } .button_e8e0d.alt_b0249, .button_e8e0d.alt_b0249:hover, .button_e8e0d.alt_b0249:active { border: 1px solid var(--rp-c-gray-light-3); color: var(--rp-c-text-1); background-color: var(--rp-c-gray-light-5); transition: all .3s; } .dark .button_e8e0d.alt_b0249 { background-color: var(--rp-c-bg-mute); color: var(--rp-c-text-1); border-color: #484848; } .button_e8e0d.alt_b0249:hover { background-color: var(--rp-c-gray-light-4); } .dark .button_e8e0d.alt_b0249:hover { background-color: #484848; } @media (width <=768px) { .button_e8e0d.big_f7033 { min-width: 100px; height: 42px; font-size: 14px; line-height: 42px; } } .editLink_e1cfa { /* color: var(--rp-c-brand); */ margin: 20px 0; font-size: 15px; font-weight: 500; text-decoration: none; transition: all .2s ease-in-out; } .editLink_e1cfa:hover { /* color: var(--rp-c-brand-dark); */ } @media (width <=640px) { .grid-2_bce10, .grid-4_bd059, .grid-6_ce438 { width: 100%; } } @media (width >=640px) { .grid-2_bce10, .grid-4_bd059, .grid-6_ce438 { width: 50%; } } @media (width >=768px) { .grid-2_bce10, .grid-4_bd059 { width: 50%; } .grid-3_bf296, .grid-6_ce438 { width: 33.3333%; } } @media (width >=960px) { .grid-3_bf296 { width: 25%; } .grid-4_bd059 { width: 33.3333%; } .grid-6_ce438 { width: 50%; } } .featureCard_a17b6 { background: var(--rp-home-feature-bg); border: 1px solid #0000; transition: all .3s; } .featureCard_a17b6:hover { border: 1px solid var(--rp-c-brand); } .clip_aacad { background: var(--rp-home-hero-name-background); -webkit-text-fill-color: var(--rp-home-hero-name-color); background-clip: text; } .mask_bbaa6 { background-image: var(--rp-home-mask-background-image); mixblendmode: normal; filter: blur(80px); opacity: .05; z-index: 0; border-radius: 100%; width: 100%; max-width: 500px; height: 500px; margin-top: -250px; position: absolute; top: 50%; transform: translateX(-50%); } .dark .mask_bbaa6 { opacity: .15; } @media (width >=640px) { .rspress-home-hero-image { width: var(--rp-home-hero-image-width); } } @media (width <=640px) { .rspress-home-hero-image { max-width: var(--rp-home-hero-image-width-sm); } } @media (width <=768px) { .mask_bbaa6 { display: none; } } .link_a7cea { font-weight: 500; transition: opacity .2s; } .link_a7cea:hover { opacity: .85; } .link_a7cea:active { opacity: .7; } .link_e1101:before { content: ""; position: absolute; inset: 0; } .linkCard_f82f1:hover { background-color: var(--rp-c-bg-mute); } .social-links-icon_a4ad0 { fill: currentColor; width: 20px; height: 20px; color: var(--rp-c-text-2); align-items: center; margin-left: .5rem; display: flex; } .social-links-icon_a4ad0:hover { color: var(--rp-c-text-1); } @media (width <=768px) { .menu-item_e90a6:before { display: none; } a:only-child .social-links-icon_a4ad0 { margin-left: 0; } } ::view-transition-old(root) { mix-blend-mode: normal; animation: none; } ::view-transition-new(root) { mix-blend-mode: normal; animation: none; } ::view-transition-old(root) { z-index: 1; } .dark::view-transition-new(root) { z-index: 1; } ::view-transition-new(root) { z-index: 9999; } .dark::view-transition-old(root) { z-index: 9999; } .navScreen_ec30c { top: var(--rp-nav-height); background-color: var(--rp-c-bg); pointer-events: auto; z-index: 20; width: 100%; padding: 32px; display: none; position: fixed; bottom: 0; left: 0; right: 0; overflow-y: auto; } .active_d804e { display: block; } .container_c935d { max-width: 248px; margin: 0 auto; padding: 24px 0 96px; } .navMenu_b887b { flex-direction: column; justify-content: center; align-items: center; display: flex; } .navMenuItem_e7978 { color: var(--rp-c-text-1); border-bottom: 1px solid var(--rp-c-divider-light); justify-content: center; padding: 12px 0 11px; font-size: 14px; font-weight: 500; line-height: 24px; transition: border-color .5s, color .25s; display: flex; } .navAppearance_bf893 { padding-right: 0; } .socialAndAppearance_eda28 { padding: 8px 0 7px; } .navScreenMenuGroup_e771d { height: 39px; transition: border-color .5s; overflow: hidden; } .navScreenMenuGroup_e771d.open_aaab4 { height: auto; padding-bottom: 10px; } .button_ea41e { width: 100%; color: var(--rp-c-text-1); background-color: #0000; justify-content: center; align-items: center; padding: 8px 0 7px; font-size: 14px; font-weight: 500; line-height: 24px; transition: color .25s; display: flex; } .buttonSpan_f4b8f { align-items: center; height: 24px; padding-right: 4px; display: flex; } .navScreenMenuGroup_e771d .items_dd149 { visibility: hidden; } .navScreenMenuGroup_e771d.open_aaab4 .items_dd149 { visibility: visible; } .down_f631a { transition: all .5s; } .open_aaab4.down_f631a { transform: rotate(180deg); } .navHamburger_ac64c { background-color: #0000; justify-content: center; align-items: center; width: 36px; height: 56px; margin-left: 6px; display: flex; } @media (width >=768px) { .navHamburger_ac64c { display: none; } } .container_e8b23 { width: 16px; height: 14px; position: relative; overflow: hidden; } .navHamburger_ac64c:hover .top_ea042 { top: 0; left: 0; transform: translateX(4px); } .navHamburger_ac64c:hover .middle_e52e2 { top: 6px; left: 0; transform: translate3d(0, 0, 0); } .navHamburger_ac64c:hover .bottom_f0588 { top: 12px; left: 0; transform: translateX(8px); } .navHamburger_ac64c.active_bc9a1 .top_ea042 { top: 6px; transform: translate3d(0, 0, 0)rotate(225deg); } .navHamburger_ac64c.active_bc9a1 .middle_e52e2 { top: 6px; transform: translateX(16px); } .navHamburger_ac64c.active_bc9a1 .bottom_f0588 { top: 6px; transform: translate3d(0, 0, 0)rotate(135deg); } .navHamburger_ac64c.active_bc9a1:hover .top_ea042, .navHamburger_ac64c.active_bc9a1:hover .middle_e52e2, .navHamburger_ac64c.active_bc9a1:hover .bottom_f0588 { transition: top .25s, background-color .25s, transform .25s; } .top_ea042, .middle_e52e2, .bottom_f0588 { background-color: var(--rp-c-text-2); width: 16px; height: 1.5px; transition: top .25s, background-color .5s, transform .25s; position: absolute; } .top_ea042 { top: 0; left: 0; transform: translate3d(0, 0, 0); } .middle_e52e2 { top: 6px; left: 0; transform: translateX(8px); } .bottom_f0588 { top: 12px; left: 0; transform: translateX(4px); } :is(.overview-index h1, .overview-index h2, .overview-index h3) { font-weight: 600; } :is(.overview-index h2, .overview-index h3) { line-height: 1; } .overview-index h2 { letter-spacing: -.02em; color: var(--rp-c-text-1); border-top: 1px solid var(--rp-c-divider-light); margin: 36px 0; padding-top: 36px; font-size: 24px; transition: color .5s; } .overview-index h3 { letter-spacing: -.01em; color: var(--rp-c-link); margin-bottom: 1em; font-size: 18px; font-weight: 600; transition: color .5s; } .overview-index h3>a { letter-spacing: -.01em; color: var(--rp-c-link); margin-bottom: 1em; font-size: 18px; font-weight: 600; transition: color .5s; } .overview-index h3>a { margin: 0; line-height: 1.3; } .overvie