@layer reset, global;
@layer reset {
  *, ::before, ::after { box-sizing: border-box; }
  body, h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, hr, fieldset { margin: 0; }
  body { min-height: 100vh; line-height: 1.5; }
  img, picture, video, canvas, svg { display: block; max-width: 100%; }
  input, button, textarea, select { font: inherit; }
}
@layer global {
:root { color-scheme: dark; } html, body { background-color: rgb(2 6 23); color: rgb(226 232 240); } body { font-feature-settings: "ss01", "cv11"; } a { text-underline-offset: 3px; transition: color 150ms ease; } a:hover { text-decoration-thickness: 2px; } .bg-white { background-color: rgb(15 23 42) !important; } .bg-slate-50 { background-color: rgb(15 23 42) !important; } .bg-slate-100 { background-color: rgb(30 41 59) !important; } .text-slate-900 { color: rgb(241 245 249) !important; } .text-slate-800 { color: rgb(226 232 240) !important; } .text-slate-700 { color: rgb(203 213 225) !important; } .text-slate-600 { color: rgb(148 163 184) !important; } .text-slate-500 { color: rgb(100 116 139) !important; } .border-slate-200 { border-color: rgb(30 41 59) !important; } .border-slate-300 { border-color: rgb(51 65 85) !important; } .hover\:bg-slate-50:hover { background-color: rgb(30 41 59) !important; } .hover\:bg-slate-800:hover { background-color: rgb(51 65 85) !important; } .hover\:text-slate-900:hover { color: rgb(241 245 249) !important; } .text-blue-700 { color: rgb(125 211 252) !important; } .hover\:text-blue-900:hover { color: rgb(186 230 253) !important; } .text-rose-700 { color: rgb(251 113 133) !important; } .hover\:text-rose-900:hover { color: rgb(254 205 211) !important; } .bg-amber-50 { background-color: rgb(120 53 15 / 0.22) !important; } .border-amber-200 { border-color: rgb(180 83 9 / 0.5) !important; } .text-amber-700 { color: rgb(252 211 77) !important; } .bg-rose-50 { background-color: rgb(159 18 57 / 0.25) !important; } .bg-emerald-50 { background-color: rgb(6 78 59 / 0.28) !important; } .text-emerald-700 { color: rgb(110 231 183) !important; } .bg-blue-50 { background-color: rgb(30 58 138 / 0.30) !important; } .prose { color: rgb(203 213 225); } .prose h1, .prose h2, .prose h3, .prose h4, .prose strong { color: rgb(241 245 249); } .prose a { color: rgb(125 211 252); } .prose a:hover { color: rgb(186 230 253); } .prose code { color: rgb(241 245 249); background-color: rgb(30 41 59); padding: 0.125rem 0.375rem; border-radius: 0.25rem; font-weight: 500; } .prose pre { background-color: rgb(2 6 23); border: 1px solid rgb(30 41 59); } .prose pre code,
        pre code { color: inherit !important; background-color: transparent !important; padding: 0; font-weight: inherit; } .prose blockquote { color: rgb(148 163 184); border-left-color: rgb(51 65 85); } pre.bg-slate-900 { border: 1px solid rgb(30 41 59); } article.prose,
        article.prose.max-w-3xl { margin-left: auto; margin-right: auto; } .flex-1 { flex: 1 1 0%; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } header.site-chrome { background-color: rgb(2 6 23 / 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgb(30 41 59); } footer.site-chrome { background-color: rgb(15 23 42 / 0.6); border-top: 1px solid rgb(30 41 59); } .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; } .refnav { display: none; } .ref-shell { display: block; } .ref-shell { grid-template-columns: 16rem minmax(0, 1fr); gap: 2.5rem; align-items: start; } @media (max-width: 900px)  {
            .ref-layout { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
            .refnav { position: static !important; max-height: none !important; }
         } .refnav { position: sticky; top: 5rem; max-height: calc(100vh - 7rem); overflow-y: auto; overscroll-behavior: contain; font-size: 0.8125rem; padding-right: 0.5rem; border-right: 1px solid rgb(30 41 59); } .refnav-group { margin-bottom: 1.5rem; } .refnav-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; color: rgb(100 116 139); margin-bottom: 0.5rem; font-weight: 600; } .refnav-link { display: block; padding: 0.2rem 0.5rem; border-radius: 0.25rem; color: rgb(148 163 184); text-decoration: none; border-left: 2px solid transparent; overflow-wrap: anywhere; } .refnav-link:hover { color: rgb(241 245 249); background-color: rgb(30 41 59 / 0.6); } .refnav-link[data-active] { color: rgb(125 211 252); background-color: rgb(14 165 233 / 0.10); border-left-color: rgb(56 189 248); font-weight: 600; } .refnav-fam { margin-bottom: 0.15rem; } .refnav-fam-sum { cursor: pointer; color: rgb(148 163 184); padding: 0.2rem 0.5rem; border-radius: 0.25rem; font-size: 0.75rem; list-style: none; } .refnav-fam-sum::-webkit-details-marker { display: none; } .refnav-fam-sum::before { content: "▸ "; color: rgb(71 85 105); } .refnav-fam[open] > .refnav-fam-sum::before { content: "▾ "; } .refnav-fam-sum:hover { color: rgb(241 245 249); background-color: rgb(30 41 59 / 0.6); } .refnav-count { color: rgb(71 85 105); font-size: 0.7rem; } .refnav-fam .refnav-link { padding-left: 1.25rem; font-size: 0.75rem; } .refnav-stub { opacity: 0.45; } .refnav-stub:hover { opacity: 0.75; } .refnav-stubdot { color: rgb(148 163 184); margin-left: 0.3rem; } .version-pill { font-size: 0.7rem; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; color: rgb(148 163 184); background-color: rgb(30 41 59 / 0.7); padding: 0.15rem 0.55rem; border-radius: 9999px; border: 1px solid rgb(51 65 85); } .built-in-pill { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.85rem; border-radius: 9999px; background-color: rgb(14 165 233 / 0.10); border: 1px solid rgb(14 165 233 / 0.35); color: rgb(125 211 252); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 0.75rem; } .built-in-pill::before { content: ""; width: 0.45rem; height: 0.45rem; border-radius: 9999px; background-color: rgb(56 189 248); box-shadow: 0 0 8px rgb(56 189 248 / 0.6); } a.bg-slate-900 { background-color: rgb(56 189 248) !important; color: rgb(2 6 23) !important; } a.bg-slate-900:hover { background-color: rgb(125 211 252) !important; }
}
.sticky { position: sticky }
.top-0 { top: 0px }
.z-10 { z-index: 10 }
.max-w-5xl { max-width: 64rem }
.mx-auto { margin-left: auto; margin-right: auto }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem }
.flex { display: flex }
.items-center { align-items: center }
.justify-between { justify-content: space-between }
.gap-6 { gap: 1.5rem }
.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace }
.font-bold { font-weight: 700 }
.text-lg { font-size: 1.125rem; line-height: 1.75rem }
.text-slate-100 { color: #f1f5f9 }
.gap-5 { gap: 1.25rem }
.text-sm { font-size: 0.875rem; line-height: 1.25rem }
.text-slate-400 { color: #94a3b8 }
.hover\:text-slate-100:hover { color: #f1f5f9 }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem }
.min-h-screen { min-height: 100vh }
.mt-16 { margin-top: 4rem }
.max-w-3xl { max-width: 48rem }
.grid { display: grid }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) }
@media (min-width: 768px) { .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } }
.gap-8 { gap: 2rem }
.text-center { text-align: center }
.font-semibold { font-weight: 600 }
.mb-2 { margin-bottom: 0.5rem }
.block { display: block }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem }
.border-t { border-top-width: 1px }
.border-slate-800 { border-color: #1e293b }
.flex-col { flex-direction: column }
.gap-3 { gap: 0.75rem }
.flex-wrap { flex-wrap: wrap }
.justify-center { justify-content: center }
.text-xs { font-size: 0.75rem; line-height: 1rem }
.text-slate-500 { color: #64748b }
.leading-relaxed { line-height: 1.625 }
.max-w-xl { max-width: 36rem }
.text-slate-300 { color: #cbd5e1 }
.text-sky-400 { color: #38bdf8 }
.hover\:text-sky-300:hover { color: #7dd3fc }
.underline { text-decoration-line: underline }
.text-slate-600 { color: #475569 }