diff --git a/src/html/comrak_adapters.rs b/src/html/comrak_adapters.rs
index 2e4d1cd3..75695427 100644
--- a/src/html/comrak_adapters.rs
+++ b/src/html/comrak_adapters.rs
@@ -59,7 +59,7 @@ impl HighlightAdapter {
 
     if self.show_line_numbers {
       Ok(format!(
-        r##"<div class="border-r-2 border-stone-300 pr-1 text-right flex-none">{line_numbers}</div><div class="grow overflow-x-auto">{lines}</div>"##
+        r##"<div class="lineNumbers">{line_numbers}</div><div class="grow overflow-x-auto">{lines}</div>"##
       ))
     } else {
       Ok(lines)
diff --git a/src/html/jsdoc.rs b/src/html/jsdoc.rs
index e656fcec..b9af118c 100644
--- a/src/html/jsdoc.rs
+++ b/src/html/jsdoc.rs
@@ -377,9 +377,7 @@ pub fn markdown_to_html(
     if toc.is_empty() {
       None
     } else {
-      let mut toc_content = vec![String::from(
-        r#"<ul class="space-y-2 block overflow-y-auto h-full">"#,
-      )];
+      let mut toc_content = vec![String::from(r#"<nav class="toc"><ul>"#)];
 
       let mut current_level = 1;
 
@@ -387,7 +385,7 @@ pub fn markdown_to_html(
         match current_level.cmp(&level) {
           Ordering::Equal => {}
           Ordering::Less => {
-            toc_content.push(r#"<li><ul class="ml-4 space-y-2">"#.to_string());
+            toc_content.push(r#"<li><ul>"#.to_string());
             current_level = level;
           }
           Ordering::Greater => {
@@ -397,11 +395,11 @@ pub fn markdown_to_html(
         }
 
         toc_content.push(format!(
-          r##"<li><a class="hover:underline block overflow-x-hidden whitespace-nowrap text-ellipsis" href="#{anchor}" title="{heading}">{heading}</a></li>"##
+          r##"<li><a href="#{anchor}" title="{heading}">{heading}</a></li>"##
         ));
       }
 
-      toc_content.push(String::from("</ul>"));
+      toc_content.push(String::from("</ul></nav>"));
 
       Some(toc_content.join(""))
     }
diff --git a/src/html/templates/anchor.hbs b/src/html/templates/anchor.hbs
index 942ee487..5cb436f7 100644
--- a/src/html/templates/anchor.hbs
+++ b/src/html/templates/anchor.hbs
@@ -1,8 +1,3 @@
-<a
-  href="#{{id}}"
-  class="anchor float-left leading-none hidden text-stone-600 ml-[-24px] p-1 pr-1 pt-1 top-0 bottom-0"
-  aria-label="Anchor"
-  tabIndex=-1
->
+<a href="#{{id}}" class="anchor" aria-label="Anchor" tabIndex="-1">
   {{~> icons/link ~}}
 </a>
diff --git a/src/html/templates/breadcrumbs.hbs b/src/html/templates/breadcrumbs.hbs
index dcc77e91..52462477 100644
--- a/src/html/templates/breadcrumbs.hbs
+++ b/src/html/templates/breadcrumbs.hbs
@@ -1,4 +1,4 @@
-<ul class="whitespace-nowrap inline-flex gap-1 items-center *:py-1 *:px-2">
+<ul class="breadcrumbs">
   {{~#each parts~}}
     {{~#if this.is_first_symbol~}}
       <ul>
@@ -8,7 +8,7 @@
 	    {{~#if @last~}}
 	      {{~this.name~}}
       {{~else~}}
-	      <a class="text-breadcrumb underline decoration-[1.5px] decoration-breadcrumb/50 underline-offset-4 hover:decoration-breadcrumb" href="{{this.href}}">
+	      <a href="{{this.href}}">
 		      {{~this.name~}}
 	      </a>
 			{{~/if~}}
@@ -18,7 +18,7 @@
 		  {{~#if this.is_symbol~}}
 			  <span>.</span>
 			  {{~else~}}
-			  <span class="!p-0 text-[#0F172A]">{{~> icons/arrow ~}}</span>
+			  <span class="text-[#0F172A]">{{~> icons/arrow ~}}</span>
 		  {{~/if~}}
 	  {{/unless}}
 
diff --git a/src/html/templates/deprecated.hbs b/src/html/templates/deprecated.hbs
index cc3629e9..1bfb66b1 100644
--- a/src/html/templates/deprecated.hbs
+++ b/src/html/templates/deprecated.hbs
@@ -1,15 +1,9 @@
 {{~#if (ne this null)~}}
-  <div>
-    <div class="py-1 text-red-500 flex gap-1 items-center">
-          <span class="font-semibold leading-6">
-            Deprecated
-          </span>
-    </div>
+  <div class="deprecated">
+    <div><span>Deprecated</span></div>
 
     {{~#if (ne this "")~}}
-      <div class="ml-1 pl-2 border-l-4 border-red-300">
-        {{{this}}} {{! markdown rendering }}
-      </div>
+      <div>{{{this}}} {{! markdown rendering }}</div>
     {{~/if~}}
   </div>
 {{~/if~}}
diff --git a/src/html/templates/doc_block_subtitle_class.hbs b/src/html/templates/doc_block_subtitle_class.hbs
index 480d72b7..b715b312 100644
--- a/src/html/templates/doc_block_subtitle_class.hbs
+++ b/src/html/templates/doc_block_subtitle_class.hbs
@@ -1,6 +1,6 @@
 {{~#if implements~}}
   <div>
-    <span class="text-stone-400 italic"> implements </span>
+    <span class="type"> implements </span>
     {{~#each implements~}}
       {{{~this~}}} {{! typedef rendering }}
       {{~#unless @last~}}
@@ -12,7 +12,7 @@
 
 {{~#with extends~}}
   <div>
-    <span class="text-stone-400 italic"> extends </span>
+    <span class="type"> extends </span>
     {{~#if href ~}}
       <a class="link" href="{{href}}">
         {{~symbol~}}
diff --git a/src/html/templates/doc_block_subtitle_interface.hbs b/src/html/templates/doc_block_subtitle_interface.hbs
index b6bbe9d6..c9ef4384 100644
--- a/src/html/templates/doc_block_subtitle_interface.hbs
+++ b/src/html/templates/doc_block_subtitle_interface.hbs
@@ -1,5 +1,5 @@
 <div>
-  <span class="text-stone-400 italic"> extends </span>
+  <span class="type"> extends </span>
   {{~#each extends~}}
     {{{~this~}}} {{! typedef rendering }}
     {{~#unless @last~}}
diff --git a/src/html/templates/doc_entry.hbs b/src/html/templates/doc_entry.hbs
index 5efbad60..e462c3f5 100644
--- a/src/html/templates/doc_entry.hbs
+++ b/src/html/templates/doc_entry.hbs
@@ -1,8 +1,8 @@
-<div class="anchorable text-sm" id="{{id}}">
+<div class="anchorable docEntry" id="{{id}}">
   {{~> anchor anchor ~}}
 
-  <div class="flex justify-between items-start">
-    <span class="flex items-center break-words gap-2">
+  <div class="docEntryHeader">
+    <span>
       {{~#if tags~}}
         <span class="space-x-1">
           {{~#each tags~}}
diff --git a/src/html/templates/doc_node_kind_icon.hbs b/src/html/templates/doc_node_kind_icon.hbs
index 7446612f..b70a1d48 100644
--- a/src/html/templates/doc_node_kind_icon.hbs
+++ b/src/html/templates/doc_node_kind_icon.hbs
@@ -1,6 +1,6 @@
-<div class="flex justify-end compound_types w-[2.125rem] shrink-0">
+<div class="docNodeKindIcon">
   {{~#each this~}}
-    <div class="text-{{this.kind}} bg-{{this.kind}}/15 rounded-full size-5 font-medium text-xs leading-5 text-center align-middle shrink-0 select-none font-mono" title="{{this.title}}">
+    <div class="text-{{this.kind}} bg-{{this.kind}}/15" title="{{this.title}}">
       {{~this.char~}}
     </div>
   {{~/each~}}
diff --git a/src/html/templates/example.hbs b/src/html/templates/example.hbs
index 44a213f0..b06b5dcf 100644
--- a/src/html/templates/example.hbs
+++ b/src/html/templates/example.hbs
@@ -1,9 +1,9 @@
-<div class="anchorable">
+<div class="anchorable example">
   {{~> anchor anchor ~}}
 
-  <details id="{{id}}" class="group" open>
-    <summary class="list-none flex items-center gap-2 py-2 rounded-lg w-full leading-6 cursor-pointer">
-      <div class="text-stone-600 group-open:rotate-90 select-none">&#x25B6;</div>
+  <details id="{{id}}" open>
+    <summary>
+      <div>&#x25B6;</div>
       {{{~markdown_title~}}} {{! markdown rendering }}
     </summary>
     <div class="!ml-2 markdown_border">
diff --git a/src/html/templates/function.hbs b/src/html/templates/function.hbs
index 39372007..f0ebb0ea 100644
--- a/src/html/templates/function.hbs
+++ b/src/html/templates/function.hbs
@@ -7,7 +7,7 @@
 
 <div class="space-y-2">
   {{~#each overloads_ctx~}}
-    <label for="{{this.overload_id}}" class="space-y-1 block px-4 py-2.5 rounded-lg border border-stone-300 cursor-pointer hover:bg-stone-100">
+    <label for="{{this.overload_id}}" class="functionOverload">
       {{~> deprecated this.deprecated ~}}
       <code class="text-sm">
         <span class="font-bold">{{this.name}}</span><span class="font-medium">{{{this.summary}}} {{! typedef rendering }}</span>
diff --git a/src/html/templates/index_sidepanel.hbs b/src/html/templates/index_sidepanel.hbs
index 7e63a2b9..c944adaa 100644
--- a/src/html/templates/index_sidepanel.hbs
+++ b/src/html/templates/index_sidepanel.hbs
@@ -7,7 +7,7 @@
     {{~/if~}}
 
     {{~#if files~}}
-      <h3 class="title">Modules</h3>
+      <h2>Modules</h2>
       <ul>
         {{#each files}}
           <li>
@@ -20,11 +20,11 @@
     {{~/if~}}
 
     {{~#if kind_partitions~}}
-      <h3 class="title">APIs</h3>
+      <h2>APIs</h2>
       <ul class="space-y-2">
         {{~#each kind_partitions~}}
           <li>
-            <h4 class="subtitle">{{this.name}}</h4>
+            <h3>{{this.name}}</h3>
             <ul>
               {{~#each this.symbols~}}
                 <li>
diff --git a/src/html/templates/module_doc.hbs b/src/html/templates/module_doc.hbs
index 50c94047..0f4907e3 100644
--- a/src/html/templates/module_doc.hbs
+++ b/src/html/templates/module_doc.hbs
@@ -1,4 +1,4 @@
-<section {{#if toc}}class="flex max-lg:flex-col-reverse gap-6"{{/if}}>
+<section {{#if toc}}class="tocable"{{/if}}>
   <div class="space-y-2 flex-1 {{#if toc}}min-w-0{{/if}}">
     {{~#if title~}}
       <h2 class="text-lg font-semibold font-mono">{{title}}</h2>
@@ -15,8 +15,6 @@
   </div>
 
   {{~#if toc~}}
-    <nav class="flex-none max-w-52 text-sm max-lg:hidden sticky top-0 py-4 max-h-screen box-border">
-      {{{~toc~}}} {{! markdown rendering ToC }}
-    </nav>
+    {{{~toc~}}} {{! markdown rendering ToC }}
   {{~/if~}}
 </section>
diff --git a/src/html/templates/namespace_section.hbs b/src/html/templates/namespace_section.hbs
index d4732f75..ffb2f0fb 100644
--- a/src/html/templates/namespace_section.hbs
+++ b/src/html/templates/namespace_section.hbs
@@ -1,28 +1,20 @@
-<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
+<div class="namespaceSection">
   {{~#each this~}}
-    <div class="space-y-2 {{#if this.deprecated}}opacity-60{{/if}}">
-      <div class="flex gap-2 items-center">
-        {{!-- TODO: figure out design of tags in namespace view
-        {{~#if tags~}}
-          <span class="space-x-1">
-            {{~#each tags~}}
-              {{~> tag value=this ~}}
-            {{~/each~}}
-          </span>
-        {{~/if~}} --}}
+    <div class="namespaceItem" {{#if this.deprecated}}aria-label="deprecated"{{/if}}>
+      <div class="namespaceItemTitle">
         {{~> doc_node_kind_icon this.doc_node_kind_ctx ~}}
 
-        <div class="flex justify-between gap-4 flex-1 min-w-0 items-end overflow-hidden">
-          <a href="{{this.href}}" class="leading-tight truncate {{#if this.deprecated}}line-through decoration-2 decoration-stone-500/70 text-stone-500{{/if}}" title="{{this.name}}">
+        <div>
+          <a href="{{this.href}}" title="{{this.name}}">
             {{~this.name~}}
           </a>
 
           {{~#if this.origin_name~}}
-            <div class="text-xs italic lg:mr-4 text-stone-400 truncate" title="{{this.origin_name}}">from {{this.origin_name}}</div>
+            <div title="{{this.origin_name}}">from {{this.origin_name}}</div>
           {{~/if~}}
         </div>
       </div>
-      <div class="block py-1 text-sm leading-5 text-stone-600 !ml-2 markdown_border">
+      <div class="namespaceItemContent">
         {{~#if this.docs~}}
           {{{~this.docs~}}} {{! markdown rendering }}
         {{~else~}}
diff --git a/src/html/templates/pages/page.gen.css b/src/html/templates/pages/page.gen.css
index e67bc1ef..57b95277 100644
--- a/src/html/templates/pages/page.gen.css
+++ b/src/html/templates/pages/page.gen.css
@@ -1 +1 @@
-*,: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{color:inherit;border-top-width:1px;height:0}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}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image: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::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}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}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.mb-6{margin-bottom:1.5rem}.block{display:block}.flex{display:flex}.size-5{width:1.25rem;height:1.25rem}.w-\[2\.125rem\]{width:2.125rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.select-none{-webkit-user-select:none;user-select:none}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-transparent{background-color:#0000}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.italic{font-style:italic}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.text-stone-400{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity))}.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)}body{flex-direction:column;width:100%;display:flex;overflow-x:hidden}@media (min-width:1024px){body{flex-direction:row}}#content{width:100%;max-width:1280px;padding:1.75rem;overflow-x:hidden}#sidepanel{padding-top:.75rem;padding-bottom:.75rem;padding-left:.75rem}@media (min-width:1024px){#sidepanel{width:18rem}}.hover\:bg-stone-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}@media not all and (min-width:1024px){.max-lg\:flex-col-reverse{flex-direction:column-reverse}}@media (min-width:1024px){.lg\:max-w-80{max-width:20rem}.lg\:items-center{align-items:center}}
\ No newline at end of file
+*,: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{color:inherit;border-top-width:1px;height:0}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}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image: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::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}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}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.mb-6{margin-bottom:1.5rem}.block{display:block}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.bg-transparent{background-color:#0000}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.italic{font-style:italic}.leading-none{line-height:1}.text-stone-400{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity))}.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)}body{flex-direction:column;width:100%;display:flex;overflow-x:hidden}@media (min-width:1024px){body{flex-direction:row}}#content{width:100%;max-width:1280px;padding:1.75rem;overflow-x:hidden}#sidepanel{padding-top:.75rem;padding-bottom:.75rem;padding-left:.75rem}@media (min-width:1024px){#sidepanel{width:18rem}}.hover\:bg-stone-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}@media not all and (min-width:1024px){.max-lg\:flex-col-reverse{flex-direction:column-reverse}}@media (min-width:1024px){.lg\:max-w-80{max-width:20rem}.lg\:items-center{align-items:center}}
\ No newline at end of file
diff --git a/src/html/templates/pages/search.js b/src/html/templates/pages/search.js
index ca003193..c1495058 100644
--- a/src/html/templates/pages/search.js
+++ b/src/html/templates/pages/search.js
@@ -122,15 +122,13 @@ function renderResults(results) {
   for (const result of results) {
     const kind = result.kind.map((kind) => {
       const [rustKind, title, symbol] = docNodeKindToStringVariants(kind);
-      return `<div class="text-${rustKind} bg-${rustKind}/15 rounded-full size-5 font-medium text-xs leading-5 text-center align-middle shrink-0 select-none font-mono" title="${title}">
-        ${symbol}
-      </div>`;
+      return `<div class="text-${rustKind} bg-${rustKind}/15" title="${title}">${symbol}</div>`;
     }).join("");
 
     html += `<li class="block">
 <a href="${pathToRoot}${result.file}/~/${result.name}.html" class="flex rounded-lg gap-4 items-center justify-between py-2 px-3 hover:bg-stone-100">
     <div class="flex items-center gap-2.5">
-      <div class="flex justify-end compound_types w-[2.125rem] shrink-0">
+      <div class="docNodeKindIcon">
         ${kind}
       </div>
       <span class="text-sm leading-none">${result.name}</span>
diff --git a/src/html/templates/section.hbs b/src/html/templates/section.hbs
index a3b20f35..0b017e11 100644
--- a/src/html/templates/section.hbs
+++ b/src/html/templates/section.hbs
@@ -1,5 +1,6 @@
-<div>
-  <h2 class="text-xl leading-6 font-semibold py-1 mb-4">{{title}}</h2>
+<section class="section">
+  <h2>{{title}}</h2>
+
   {{~#if (eq content.kind "namespace_section")~}}
     {{~> namespace_section content.content ~}}
   {{~else~}}
@@ -9,4 +10,4 @@
       {{~/each~}}
     </div>
   {{~/if~}}
-</div>
+</section>
diff --git a/src/html/templates/sidepanel.hbs b/src/html/templates/sidepanel.hbs
index f6bb0672..e262e7b7 100644
--- a/src/html/templates/sidepanel.hbs
+++ b/src/html/templates/sidepanel.hbs
@@ -4,7 +4,7 @@
   <div class="space-y-2 max-lg:hidden peer-checked:block">
     {{~#each partitions ~}}
       <div>
-        <h3 class="subtitle">{{this.name}}</h3>
+        <h3>{{this.name}}</h3>
         <ul>
           {{~#each this.symbols ~}}
           <li>
diff --git a/src/html/templates/styles.css b/src/html/templates/styles.css
index 4b1d728d..1bebd375 100644
--- a/src/html/templates/styles.css
+++ b/src/html/templates/styles.css
@@ -24,65 +24,262 @@ summary::-webkit-details-marker {
 #sidepanel {
   @apply shrink-0 box-border lg:h-screen lg:sticky lg:top-0 lg:left-0 lg:overflow-y-auto lg:overscroll-y-contain;
   scrollbar-width: thin;
+  
+  label, a, h2, h3 {
+    @apply py-1.5 pr-4 pl-2;
+  }
+  
+  h2 {
+    @apply flex items-center gap-2.5 mt-2 text-xl font-bold;
+  }
+  
+  h3 {
+    @apply font-bold;
+  }
+  
+  ul {
+    @apply list-none;
+  }
+  
+  li {
+    @apply block;
+  }
+  
+  a {
+    @apply flex items-center gap-2 leading-none relative rounded-lg;
+  }
+  
+  li > a > span {
+    @apply block w-full overflow-hidden whitespace-nowrap text-ellipsis text-sm;
+  }
+  
+  li > a:has(span) {
+    @apply py-1;
+  }
+
+  a:hover, a.active {
+    @apply bg-stone-200;
+  }
 }
 
-#sidepanel label,
-#sidepanel a,
-#sidepanel .title,
-#sidepanel .subtitle {
-  @apply py-1.5 pr-4 pl-2;
+.anchor {
+  @apply hidden float-left leading-none text-stone-600 ml-[-24px] p-1 pr-1 pt-1 top-0 bottom-0;
 }
 
-#sidepanel .subtitle {
-  @apply font-bold;
+.anchorable {
+  @apply relative;
+  
+  &:hover .anchor {
+    @apply block;
+  }
 }
 
-#sidepanel ul {
-  @apply list-none;
+.deprecated {
+  > div:first-child {
+    @apply py-1 text-red-500 flex gap-1 items-center;
+    
+    > span {
+      @apply font-semibold leading-6;
+    }
+  }
+  
+  > div:nth-child(2) {
+    @apply ml-1 pl-2 border-l-4 border-red-300;
+  }
 }
 
-#sidepanel li {
-  @apply block;
+.symbolSubtitle {
+  @apply space-y-0.5 text-sm leading-4;
+  
+  .type {
+    @apply text-stone-400 italic;
+  }
 }
 
-#sidepanel a {
-  @apply flex items-center gap-2 leading-none relative rounded-lg;
+.docEntry {
+  @apply text-sm;
+  
+  .docEntryHeader {
+    @apply flex justify-between items-start;
+    
+    > span {
+      @apply flex items-center break-words gap-2;
+    }
+  }
 }
 
-#sidepanel .title {
-  @apply flex items-center gap-2.5 mt-2 text-xl font-bold;
+.section {
+  > h2 {
+    @apply text-xl leading-6 font-semibold py-1 mb-4;
+  }
 }
 
-#sidepanel li > a > span {
-  @apply block w-full overflow-hidden whitespace-nowrap text-ellipsis text-sm;
+.namespaceSection {
+  @apply grid grid-cols-1 lg:grid-cols-3 gap-8;
+  
+  .namespaceItem {
+    @apply space-y-2;
+    
+    &[aria-label="deprecated"] {
+      @apply opacity-60;
+      
+      .namespaceItemTitle a {
+        @apply line-through decoration-2 decoration-stone-500/70 text-stone-500;
+      }
+    }
+    
+    .namespaceItemTitle {
+      @apply flex gap-2 items-center;
+      
+      > div:last-child {
+        @apply flex justify-between gap-4 flex-1 min-w-0 items-end overflow-hidden;
+        
+        > a {
+          @apply leading-tight truncate;
+        }
+        
+        > div {
+          @apply text-xs italic lg:mr-4 text-stone-400 truncate;
+        }
+      }
+    }
+    
+    .namespaceItemContent {
+      @apply py-1 text-sm leading-5 text-stone-600 markdown_border;
+      @apply ml-2 !important;
+    }
+  }
 }
 
-#sidepanel li > a:has(span) {
-  @apply py-1;
+.symbolGroup {
+  @apply space-y-12;
+  
+  article {
+    @apply space-y-5;
+    
+    > div:first-child {
+      @apply flex justify-between items-start;
+      
+      > div:first-child {
+        @apply font-medium space-y-1;
+      }
+    }
+  }
 }
 
-#sidepanel a:hover,
-#sidepanel a.active {
-  @apply bg-stone-200;
+.docNodeKindIcon {
+  @apply flex justify-end w-[2.125rem] shrink-0;
+  
+  div {
+    @apply rounded-full size-5 font-medium text-xs leading-5 text-center align-middle shrink-0 select-none font-mono;
+  }
+  
+  > * + * {
+    @apply -ml-1.5;
+  }
 }
 
-.compound_types > * + * {
-  @apply -ml-1.5;
+.example details {
+  summary {
+    @apply list-none flex items-center gap-2 py-2 rounded-lg w-full leading-6 cursor-pointer;
+    
+    > div:first-child {
+      @apply text-stone-600 select-none;
+    }
+  }
+  
+  &[open] summary > div:first-child {
+    @apply rotate-90;
+  }
 }
 
-.anchorable {
-  @apply relative;
+.tocable {
+  @apply flex max-lg:flex-col-reverse gap-6;
+  
+  .toc {
+    @apply flex-none max-w-52 text-sm max-lg:hidden sticky top-0 py-4 max-h-screen box-border;
+    
+    > ul {
+      @apply space-y-2 block overflow-y-auto h-full;
+      
+      ul {
+        @apply ml-4 space-y-2;
+      }
+    }
+    
+    a {
+      @apply hover:underline block overflow-x-hidden whitespace-nowrap text-ellipsis;
+    }
+  }
 }
 
-.anchorable:hover .anchor {
-  @apply block;
+.usage {
+  @apply px-6 py-5 mb-4 border max-md:border-x-0 md:rounded-lg bg-stone-50 border-stone-200;
+  
+  nav {
+    @apply flex items-center flex-row gap-2 mb-3 font-semibold;
+    
+    details {
+      > summary {
+        @apply flex gap-1 select-none cursor-pointer rounded border border-gray-300 py-2 px-3;
+      }
+      
+      > div {
+        @apply md:relative;
+        
+        > div {
+          @apply absolute max-md:inset-x-0 mt-1.5 p-2 block z-30 md:w-72 bg-white md:rounded border max-md:border-x-0 border-gray-300;
+         
+          label {
+            @apply flex items-center justify-between cursor-pointer select-none px-2 py-1 leading-normal rounded-sm hover:bg-gray-50;
+          }
+        }
+      }
+    }
+  }
+  
+  pre.highlight {
+    @apply border border-gray-300 max-md:border-x-0;
+  }
 }
 
-.usage pre.highlight {
-  @apply border border-gray-300 max-md:border-x-0;
+.breadcrumbs {
+  @apply whitespace-nowrap inline-flex gap-1 items-center;
+  
+  > li, > ul {
+    @apply py-1 px-2;
+  }
+  
+  a {
+    @apply text-breadcrumb underline decoration-[1.5px] decoration-breadcrumb/50 underline-offset-4 hover:decoration-breadcrumb;
+  }
+}
+
+.functionOverload {
+  @apply space-y-1 block px-4 py-2.5 rounded-lg border border-stone-300 cursor-pointer hover:bg-stone-100;
+}
+
+.context_button {
+  @apply z-10 rounded p-1.5 cursor-pointer border bg-inherit hover:bg-stone-300 leading-[0];
 }
 
 /* markdown */
+.markdown_border {
+  @apply ml-1 pl-2.5 border-l-2 border-stone-300/40;
+}
+
+.markdown_summary {
+  @apply inline text-stone-600;
+  
+  p {
+    @apply inline-block;
+  }
+  
+  :not(pre) > code {
+    @apply font-mono text-sm py-0.5 px-1 rounded bg-stone-200;
+  }
+}
+
 .markdown {
   @apply space-y-3 shrink min-w-0;
 
@@ -118,8 +315,7 @@ summary::-webkit-details-marker {
     @apply m-2 border-stone-500;
   }
 
-  ol,
-  ul {
+  ol, ul {
     @apply list-outside ml-4;
   }
 
@@ -136,14 +332,11 @@ summary::-webkit-details-marker {
   :not(pre) > code {
     @apply font-mono text-sm py-0.5 px-1 rounded bg-stone-200;
   }
-
-  h1 > code,
-  h2 > code,
-  h3 > code,
-  h4 > code,
-  h5 > code,
-  h6 > code {
-    font-size: inherit !important;
+  
+  h1, h2, h3, h4, h5, h6 {
+    & > code {
+      font-size: inherit !important;
+    }
   }
 
   pre {
@@ -227,28 +420,12 @@ summary::-webkit-details-marker {
   }
 }
 
-.markdown_border {
-  @apply ml-1 pl-2.5 border-l-2 border-stone-300/40;
-}
-
-.markdown_summary {
-  @apply inline text-stone-600;
-}
-
-.markdown_summary p {
-  @apply inline-block;
-}
-
-.markdown_summary :not(pre) > code {
-  @apply font-mono text-sm py-0.5 px-1 rounded bg-stone-200;
-}
-
-.context_button {
-  @apply z-10 rounded p-1.5 cursor-pointer border bg-inherit hover:bg-stone-300 leading-[0];
-}
-
 .markdown .highlight {
   @apply relative;
+  
+  .lineNumbers {
+    @apply border-r-2 border-stone-300 pr-1 text-right flex-none;
+  }
 
   .context_button {
     @apply absolute top-3 right-4 opacity-60 hover:opacity-100;
diff --git a/src/html/templates/styles.gen.css b/src/html/templates/styles.gen.css
index a0670cb4..5f692e8d 100644
--- a/src/html/templates/styles.gen.css
+++ b/src/html/templates/styles.gen.css
@@ -1 +1 @@
-.ddoc .container{width:100%}@media (min-width:640px){.ddoc .container{max-width:640px}}@media (min-width:768px){.ddoc .container{max-width:768px}}@media (min-width:1024px){.ddoc .container{max-width:1024px}}@media (min-width:1280px){.ddoc .container{max-width:1280px}}@media (min-width:1536px){.ddoc .container{max-width:1536px}}.ddoc .static{position:static}.ddoc .absolute{position:absolute}.ddoc .relative{position:relative}.ddoc .sticky{position:sticky}.ddoc .bottom-0{bottom:0}.ddoc .top-0{top:0}.ddoc .z-30{z-index:30}.ddoc .float-left{float:left}.ddoc .\!ml-2{margin-left:.5rem!important}.ddoc .mb-3{margin-bottom:.75rem}.ddoc .mb-4{margin-bottom:1rem}.ddoc .ml-1{margin-left:.25rem}.ddoc .ml-2{margin-left:.5rem}.ddoc .ml-4{margin-left:1rem}.ddoc .ml-\[-24px\]{margin-left:-24px}.ddoc .mr-2{margin-right:.5rem}.ddoc .mt-1{margin-top:.25rem}.ddoc .mt-1\.5{margin-top:.375rem}.ddoc .mt-2{margin-top:.5rem}.ddoc .mt-3{margin-top:.75rem}.ddoc .box-border{box-sizing:border-box}.ddoc .block{display:block}.ddoc .inline{display:inline}.ddoc .flex{display:flex}.ddoc .inline-flex{display:inline-flex}.ddoc .table{display:table}.ddoc .grid{display:grid}.ddoc .hidden{display:none}.ddoc .size-5{width:1.25rem;height:1.25rem}.ddoc .h-4{height:1rem}.ddoc .h-5{height:1.25rem}.ddoc .h-full{height:100%}.ddoc .max-h-screen{max-height:100vh}.ddoc .w-\[2\.125rem\]{width:2.125rem}.ddoc .w-full{width:100%}.ddoc .min-w-0{min-width:0}.ddoc .max-w-52{max-width:13rem}.ddoc .flex-1{flex:1}.ddoc .flex-none{flex:none}.ddoc .shrink-0{flex-shrink:0}.ddoc .grow{flex-grow:1}.ddoc .rotate-90{--tw-rotate:90deg;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))}.ddoc .cursor-pointer{cursor:pointer}.ddoc .select-none{-webkit-user-select:none;user-select:none}.ddoc .list-none{list-style-type:none}.ddoc .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.ddoc .flex-row{flex-direction:row}.ddoc .items-start{align-items:flex-start}.ddoc .items-end{align-items:flex-end}.ddoc .items-center{align-items:center}.ddoc .justify-end{justify-content:flex-end}.ddoc .justify-between{justify-content:space-between}.ddoc .gap-0{gap:0}.ddoc .gap-0\.5{gap:.125rem}.ddoc .gap-1{gap:.25rem}.ddoc .gap-2{gap:.5rem}.ddoc .gap-4{gap:1rem}.ddoc .gap-6{gap:1.5rem}.ddoc .gap-8{gap:2rem}.ddoc .space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*calc(1 - var(--tw-space-x-reverse)))}.ddoc .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--tw-space-x-reverse)))}.ddoc .space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.ddoc .space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.ddoc .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.ddoc .space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.ddoc .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.ddoc .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.ddoc .space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.ddoc .space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem*var(--tw-space-y-reverse))}.ddoc .overflow-hidden{overflow:hidden}.ddoc .overflow-x-auto{overflow-x:auto}.ddoc .overflow-y-auto{overflow-y:auto}.ddoc .overflow-x-hidden{overflow-x:hidden}.ddoc .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ddoc .text-ellipsis{text-overflow:ellipsis}.ddoc .whitespace-nowrap{white-space:nowrap}.ddoc .break-words{overflow-wrap:break-word}.ddoc .rounded{border-radius:.25rem}.ddoc .rounded-full{border-radius:9999px}.ddoc .rounded-lg{border-radius:.5rem}.ddoc .rounded-sm{border-radius:.125rem}.ddoc .border{border-width:1px}.ddoc .border-l-2{border-left-width:2px}.ddoc .border-l-4{border-left-width:4px}.ddoc .border-r-2{border-right-width:2px}.ddoc .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.ddoc .border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.ddoc .border-stone-200{--tw-border-opacity:1;border-color:rgb(231 229 228/var(--tw-border-opacity))}.ddoc .border-stone-300{--tw-border-opacity:1;border-color:rgb(214 211 209/var(--tw-border-opacity))}.ddoc .bg-Class\/15{background-color:#20b44b26}.ddoc .bg-Enum\/15{background-color:#22abb026}.ddoc .bg-Function\/15{background-color:#056cf026}.ddoc .bg-Interface\/15{background-color:#d2a06426}.ddoc .bg-Method\/15{background-color:#056cf026}.ddoc .bg-Namespace\/15{background-color:#d2564626}.ddoc .bg-Property\/15{background-color:#7e57c026}.ddoc .bg-TypeAlias\/15{background-color:#a4478c26}.ddoc .bg-Variable\/15{background-color:#7e57c026}.ddoc .bg-abstract\/15{background-color:#0cafc626}.ddoc .bg-deprecated\/15{background-color:#dc262626}.ddoc .bg-new\/15{background-color:#7b61ff26}.ddoc .bg-optional\/15{background-color:#0cafc626}.ddoc .bg-other\/15{background-color:#57534e26}.ddoc .bg-permissions\/15{background-color:#0cafc626}.ddoc .bg-private\/15,.ddoc .bg-protected\/15,.ddoc .bg-readonly\/15{background-color:#7b61ff26}.ddoc .bg-stone-50{--tw-bg-opacity:1;background-color:rgb(250 250 249/var(--tw-bg-opacity))}.ddoc .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.ddoc .bg-writeonly\/15{background-color:#7b61ff26}.ddoc .\!p-0{padding:0!important}.ddoc .p-1{padding:.25rem}.ddoc .p-2{padding:.5rem}.ddoc .px-2{padding-left:.5rem;padding-right:.5rem}.ddoc .px-3{padding-left:.75rem;padding-right:.75rem}.ddoc .px-4{padding-left:1rem;padding-right:1rem}.ddoc .px-6{padding-left:1.5rem;padding-right:1.5rem}.ddoc .py-1{padding-top:.25rem;padding-bottom:.25rem}.ddoc .py-2{padding-top:.5rem;padding-bottom:.5rem}.ddoc .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.ddoc .py-4{padding-top:1rem;padding-bottom:1rem}.ddoc .py-5{padding-top:1.25rem;padding-bottom:1.25rem}.ddoc .pl-2{padding-left:.5rem}.ddoc .pl-4{padding-left:1rem}.ddoc .pr-1{padding-right:.25rem}.ddoc .pt-1{padding-top:.25rem}.ddoc .text-center{text-align:center}.ddoc .text-right{text-align:right}.ddoc .align-middle{vertical-align:middle}.ddoc .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ddoc .text-lg{font-size:1.125rem;line-height:1.75rem}.ddoc .text-sm{font-size:.875rem;line-height:1.25rem}.ddoc .text-xl{font-size:1.25rem;line-height:1.75rem}.ddoc .text-xs{font-size:.75rem;line-height:1rem}.ddoc .font-bold{font-weight:700}.ddoc .font-medium{font-weight:500}.ddoc .font-normal{font-weight:400}.ddoc .font-semibold{font-weight:600}.ddoc .italic{font-style:italic}.ddoc .leading-4{line-height:1rem}.ddoc .leading-5{line-height:1.25rem}.ddoc .leading-6{line-height:1.5rem}.ddoc .leading-\[0\.9em\]{line-height:.9em}.ddoc .leading-none{line-height:1}.ddoc .leading-normal{line-height:1.5}.ddoc .leading-tight{line-height:1.25}.ddoc .text-Class{--tw-text-opacity:1;color:rgb(32 180 75/var(--tw-text-opacity))}.ddoc .text-Enum{--tw-text-opacity:1;color:rgb(34 171 176/var(--tw-text-opacity))}.ddoc .text-Function{--tw-text-opacity:1;color:rgb(5 108 240/var(--tw-text-opacity))}.ddoc .text-Interface{--tw-text-opacity:1;color:rgb(210 160 100/var(--tw-text-opacity))}.ddoc .text-Method{--tw-text-opacity:1;color:rgb(5 108 240/var(--tw-text-opacity))}.ddoc .text-Namespace{--tw-text-opacity:1;color:rgb(210 86 70/var(--tw-text-opacity))}.ddoc .text-Property{--tw-text-opacity:1;color:rgb(126 87 192/var(--tw-text-opacity))}.ddoc .text-TypeAlias{--tw-text-opacity:1;color:rgb(164 71 140/var(--tw-text-opacity))}.ddoc .text-Variable{--tw-text-opacity:1;color:rgb(126 87 192/var(--tw-text-opacity))}.ddoc .text-\[\#0F172A\]{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.ddoc .text-abstract{--tw-text-opacity:1;color:rgb(12 175 198/var(--tw-text-opacity))}.ddoc .text-breadcrumb{--tw-text-opacity:1;color:rgb(14 101 144/var(--tw-text-opacity))}.ddoc .text-deprecated{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.ddoc .text-new{--tw-text-opacity:1;color:rgb(123 97 255/var(--tw-text-opacity))}.ddoc .text-optional{--tw-text-opacity:1;color:rgb(12 175 198/var(--tw-text-opacity))}.ddoc .text-other{--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity))}.ddoc .text-permissions{--tw-text-opacity:1;color:rgb(12 175 198/var(--tw-text-opacity))}.ddoc .text-private,.ddoc .text-protected,.ddoc .text-readonly{--tw-text-opacity:1;color:rgb(123 97 255/var(--tw-text-opacity))}.ddoc .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.ddoc .text-stone-400{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity))}.ddoc .text-stone-500{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity))}.ddoc .text-stone-600{--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity))}.ddoc .text-writeonly{--tw-text-opacity:1;color:rgb(123 97 255/var(--tw-text-opacity))}.ddoc .underline{text-decoration-line:underline}.ddoc .line-through{text-decoration-line:line-through}.ddoc .decoration-breadcrumb\/50{text-decoration-color:#0e659080}.ddoc .decoration-stone-500\/70{text-decoration-color:#78716cb3}.ddoc .decoration-2{text-decoration-thickness:2px}.ddoc .decoration-\[1\.5px\]{text-decoration-thickness:1.5px}.ddoc .underline-offset-4{text-underline-offset:4px}.ddoc .opacity-60{opacity:.6}.ddoc .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)}.ddoc summary::-webkit-details-marker{display:none}.ddoc{--ddoc-selection-border-width:2px;--ddoc-selection-border-color-default:#d6d3d1;--ddoc-selection-selected-border-color:#2564eb;--ddoc-selection-selected-bg:#056cf00c;--ddoc-selection-padding:9px 15px}.ddoc .link{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ddoc .link:hover{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.ddoc #sidepanel{box-sizing:border-box;flex-shrink:0}@media (min-width:1024px){.ddoc #sidepanel{overscroll-behavior-y:contain;height:100vh;position:sticky;top:0;left:0;overflow-y:auto}}.ddoc #sidepanel{scrollbar-width:thin}.ddoc #sidepanel label,.ddoc #sidepanel a,.ddoc #sidepanel .title,.ddoc #sidepanel .subtitle{padding:.375rem 1rem .375rem .5rem}.ddoc #sidepanel .subtitle{font-weight:700}.ddoc #sidepanel ul{list-style-type:none}.ddoc #sidepanel li{display:block}.ddoc #sidepanel a{border-radius:.5rem;align-items:center;gap:.5rem;line-height:1;display:flex;position:relative}.ddoc #sidepanel .title{align-items:center;gap:.625rem;margin-top:.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem;display:flex}.ddoc #sidepanel li>a>span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.875rem;line-height:1.25rem;display:block;overflow:hidden}.ddoc #sidepanel li>a:has(span){padding-top:.25rem;padding-bottom:.25rem}.ddoc #sidepanel a:hover,.ddoc #sidepanel a.active{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity))}.ddoc .compound_types>*+*{margin-left:-.375rem}.ddoc .anchorable{position:relative}.ddoc .anchorable:hover .anchor{display:block}.ddoc .usage pre.highlight{--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity))}@media not all and (min-width:768px){.ddoc .usage pre.highlight{border-left-width:0;border-right-width:0}}.ddoc .markdown{flex-shrink:1;min-width:0}.ddoc .markdown>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.ddoc .markdown a:not(.no_color){--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ddoc .markdown a:not(.no_color):hover{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.ddoc .markdown h1{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(214 211 209/var(--tw-border-opacity));padding-bottom:.25rem;font-size:1.25rem;line-height:1.75rem}@media (min-width:768px){.ddoc .markdown h1{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){.ddoc .markdown h1{font-size:1.875rem;line-height:2.25rem}}.ddoc .markdown h2{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(214 211 209/var(--tw-border-opacity));padding-bottom:.25rem;font-size:1.125rem;line-height:1.75rem}@media (min-width:768px){.ddoc .markdown h2{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.ddoc .markdown h2{font-size:1.5rem;line-height:2rem}}.ddoc .markdown h3{font-weight:700}@media (min-width:768px){.ddoc .markdown h3{font-size:1.125rem;font-weight:400;line-height:1.75rem}}@media (min-width:1024px){.ddoc .markdown h3{font-size:1.25rem;font-weight:400;line-height:1.75rem}}.ddoc .markdown h4{font-weight:600}@media (min-width:768px){.ddoc .markdown h4{font-weight:700}}@media (min-width:1024px){.ddoc .markdown h4{font-size:1.125rem;font-weight:400;line-height:1.75rem}}.ddoc .markdown h5{font-style:italic}@media (min-width:768px){.ddoc .markdown h5{font-weight:600}}@media (min-width:1024px){.ddoc .markdown h5{font-weight:700}}@media (min-width:768px){.ddoc .markdown h6{font-style:italic}}@media (min-width:1024px){.ddoc .markdown h6{font-weight:600}}.ddoc .markdown hr{--tw-border-opacity:1;border-color:rgb(120 113 108/var(--tw-border-opacity));margin:.5rem}.ddoc .markdown ol,.ddoc .markdown ul{margin-left:1rem;list-style-position:outside}.ddoc .markdown ol{list-style-type:decimal}.ddoc .markdown ul{list-style-type:disc}.ddoc .markdown :not(pre)>code{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity));border-radius:.25rem;padding:.125rem .25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem}.ddoc .markdown h1>code,.ddoc .markdown h2>code,.ddoc .markdown h3>code,.ddoc .markdown h4>code,.ddoc .markdown h5>code,.ddoc .markdown h6>code{font-size:inherit!important}.ddoc .markdown pre{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));border-radius:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem}.ddoc .markdown pre>code:first-child{padding:1rem;display:block;overflow-x:auto}.ddoc .markdown p{margin:.25rem 0}.ddoc .markdown table{table-layout:auto;width:max-content;max-width:100%;display:block;overflow:auto}.ddoc .markdown td{--tw-border-opacity:1;border-width:1px;border-color:rgb(120 113 108/var(--tw-border-opacity));padding:.5rem}.ddoc .markdown th{text-align:center;font-weight:700}.ddoc .markdown img{display:inline-block}.ddoc .markdown .alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.ddoc .markdown .alert{border-left-width:4px;padding:.5rem 1rem}.ddoc .markdown .alert div:first-child{align-items:center;gap:.375rem;font-weight:500;display:flex}.ddoc .markdown .alert div:first-child svg{width:1.25rem;height:1.25rem}.ddoc .markdown .alert-note{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.ddoc .markdown .alert-note div:first-child{stroke:#2563eb;--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.ddoc .markdown .alert-tip{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.ddoc .markdown .alert-tip div:first-child{stroke:#16a34a;--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.ddoc .markdown .alert-important{--tw-border-opacity:1;border-color:rgb(147 51 234/var(--tw-border-opacity))}.ddoc .markdown .alert-important div:first-child{stroke:#9333ea;--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity))}.ddoc .markdown .alert-warning{--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity))}.ddoc .markdown .alert-warning div:first-child{stroke:#ca8a04;--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity))}.ddoc .markdown .alert-caution{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.ddoc .markdown .alert-caution div:first-child{stroke:#dc2626;--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.ddoc .markdown_border{border-color:#d6d3d166;border-left-width:2px;margin-left:.25rem;padding-left:.625rem}.ddoc .markdown_summary{--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity));display:inline}.ddoc .markdown_summary p{display:inline-block}.ddoc .markdown_summary :not(pre)>code{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity));border-radius:.25rem;padding:.125rem .25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem}.ddoc .context_button{z-index:10;cursor:pointer;background-color:inherit;border-width:1px;border-radius:.25rem;padding:.375rem;line-height:0}.ddoc .context_button:hover{--tw-bg-opacity:1;background-color:rgb(214 211 209/var(--tw-bg-opacity))}.ddoc .markdown .highlight{position:relative}.ddoc .markdown .highlight .context_button{opacity:.6;position:absolute;top:.75rem;right:1rem}.ddoc .markdown .highlight .context_button:hover{opacity:1}.ddoc .markdown .highlight .pl-c{color:#6a737d}.ddoc .markdown .highlight .pl-c1,.ddoc .markdown .highlight .pl-s .pl-v{color:#005cc5}.ddoc .markdown .highlight .pl-e,.ddoc .markdown .highlight .pl-en{color:#6f42c1}.ddoc .markdown .highlight .pl-smi,.ddoc .markdown .highlight .pl-s .pl-s1{color:#24292e}.ddoc .markdown .highlight .pl-ent{color:#22863a}.ddoc .markdown .highlight .pl-k{color:#d73a49}.ddoc .markdown .highlight .pl-s,.ddoc .markdown .highlight .pl-pds,.ddoc .markdown .highlight .pl-s .pl-pse .pl-s1,.ddoc .markdown .highlight .pl-sr,.ddoc .markdown .highlight .pl-sr .pl-cce,.ddoc .markdown .highlight .pl-sr .pl-sre,.ddoc .markdown .highlight .pl-sr .pl-sra{color:#032f62}.ddoc .markdown .highlight .pl-v,.ddoc .markdown .highlight .pl-smw{color:#e36209}.ddoc .markdown .highlight .pl-bu{color:#b31d28}.ddoc .markdown .highlight .pl-ii{color:#fafbfc;background-color:#b31d28}.ddoc .markdown .highlight .pl-c2{color:#fafbfc;background-color:#d73a49}.ddoc .markdown .highlight .pl-c2:before{content:"^M"}.ddoc .markdown .highlight .pl-sr .pl-cce{color:#22863a;font-weight:700}.ddoc .markdown .highlight .pl-ml{color:#735c0f}.ddoc .markdown .highlight .pl-mh,.ddoc .markdown .highlight .pl-mh .pl-en,.ddoc .markdown .highlight .pl-ms{color:#005cc5;font-weight:700}.ddoc .markdown .highlight .pl-mi{color:#24292e;font-style:italic}.ddoc .markdown .highlight .pl-mb{color:#24292e;font-weight:700}.ddoc .markdown .highlight .pl-md{color:#b31d28;background-color:#ffeef0}.ddoc .markdown .highlight .pl-mi1{color:#22863a;background-color:#f0fff4}.ddoc .markdown .highlight .pl-mc{color:#e36209;background-color:#ffebda}.ddoc .markdown .highlight .pl-mi2{color:#f6f8fa;background-color:#005cc5}.ddoc .\*\:h-4>*{height:1rem}.ddoc .\*\:h-5>*{height:1.25rem}.ddoc .\*\:w-auto>*{width:auto}.ddoc .\*\:flex-none>*{flex:none}.ddoc .\*\:px-2>*{padding-left:.5rem;padding-right:.5rem}.ddoc .\*\:py-1>*{padding-top:.25rem;padding-bottom:.25rem}.ddoc .target\:bg-yellow-200:target{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity))}.ddoc .hover\:bg-\[\#EBF6FF\]:hover{--tw-bg-opacity:1;background-color:rgb(235 246 255/var(--tw-bg-opacity))}.ddoc .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.ddoc .hover\:bg-stone-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}.ddoc .hover\:underline:hover{text-decoration-line:underline}.ddoc .hover\:decoration-breadcrumb:hover{text-decoration-color:#0e6590}.ddoc .group[open] .group-open\:rotate-90{--tw-rotate:90deg;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))}.ddoc .peer:checked~.peer-checked\:block{display:block}@media not all and (min-width:1024px){.ddoc .max-lg\:flex{display:flex}.ddoc .max-lg\:hidden{display:none}.ddoc .max-lg\:flex-col-reverse{flex-direction:column-reverse}.ddoc .max-lg\:justify-between{justify-content:space-between}}@media not all and (min-width:768px){.ddoc .max-md\:inset-x-0{left:0;right:0}.ddoc .max-md\:border-x-0{border-left-width:0;border-right-width:0}}@media (min-width:768px){.ddoc .md\:relative{position:relative}.ddoc .md\:w-72{width:18rem}.ddoc .md\:rounded{border-radius:.25rem}.ddoc .md\:rounded-lg{border-radius:.5rem}}@media (min-width:1024px){.ddoc .lg\:mr-4{margin-right:1rem}.ddoc .lg\:hidden{display:none}.ddoc .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ddoc .lg\:text-2xl{font-size:1.5rem;line-height:2rem}.ddoc .lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}
\ No newline at end of file
+.ddoc .container{width:100%}@media (min-width:640px){.ddoc .container{max-width:640px}}@media (min-width:768px){.ddoc .container{max-width:768px}}@media (min-width:1024px){.ddoc .container{max-width:1024px}}@media (min-width:1280px){.ddoc .container{max-width:1280px}}@media (min-width:1536px){.ddoc .container{max-width:1536px}}.ddoc .static{position:static}.ddoc .relative{position:relative}.ddoc .\!ml-2{margin-left:.5rem!important}.ddoc .mb-4{margin-bottom:1rem}.ddoc .ml-2{margin-left:.5rem}.ddoc .ml-4{margin-left:1rem}.ddoc .mr-2{margin-right:.5rem}.ddoc .mt-1{margin-top:.25rem}.ddoc .mt-2{margin-top:.5rem}.ddoc .mt-3{margin-top:.75rem}.ddoc .block{display:block}.ddoc .inline{display:inline}.ddoc .flex{display:flex}.ddoc .inline-flex{display:inline-flex}.ddoc .table{display:table}.ddoc .hidden{display:none}.ddoc .h-4{height:1rem}.ddoc .h-5{height:1.25rem}.ddoc .min-w-0{min-width:0}.ddoc .flex-1{flex:1}.ddoc .grow{flex-grow:1}.ddoc .rotate-90{--tw-rotate:90deg;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))}.ddoc .items-center{align-items:center}.ddoc .gap-0{gap:0}.ddoc .gap-0\.5{gap:.125rem}.ddoc .gap-1{gap:.25rem}.ddoc .gap-2{gap:.5rem}.ddoc .space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*calc(1 - var(--tw-space-x-reverse)))}.ddoc .space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--tw-space-x-reverse)))}.ddoc .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.ddoc .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.ddoc .space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem*var(--tw-space-y-reverse))}.ddoc .overflow-x-auto{overflow-x:auto}.ddoc .rounded-full{border-radius:9999px}.ddoc .rounded-lg{border-radius:.5rem}.ddoc .border{border-width:1px}.ddoc .border-l-2{border-left-width:2px}.ddoc .border-stone-300{--tw-border-opacity:1;border-color:rgb(214 211 209/var(--tw-border-opacity))}.ddoc .bg-Class\/15{background-color:#20b44b26}.ddoc .bg-Enum\/15{background-color:#22abb026}.ddoc .bg-Function\/15{background-color:#056cf026}.ddoc .bg-Interface\/15{background-color:#d2a06426}.ddoc .bg-Method\/15{background-color:#056cf026}.ddoc .bg-Namespace\/15{background-color:#d2564626}.ddoc .bg-Property\/15{background-color:#7e57c026}.ddoc .bg-TypeAlias\/15{background-color:#a4478c26}.ddoc .bg-Variable\/15{background-color:#7e57c026}.ddoc .bg-abstract\/15{background-color:#0cafc626}.ddoc .bg-deprecated\/15{background-color:#dc262626}.ddoc .bg-new\/15{background-color:#7b61ff26}.ddoc .bg-optional\/15{background-color:#0cafc626}.ddoc .bg-other\/15{background-color:#57534e26}.ddoc .bg-permissions\/15{background-color:#0cafc626}.ddoc .bg-private\/15,.ddoc .bg-protected\/15,.ddoc .bg-readonly\/15,.ddoc .bg-writeonly\/15{background-color:#7b61ff26}.ddoc .px-2{padding-left:.5rem;padding-right:.5rem}.ddoc .px-3{padding-left:.75rem;padding-right:.75rem}.ddoc .py-1{padding-top:.25rem;padding-bottom:.25rem}.ddoc .py-2{padding-top:.5rem;padding-bottom:.5rem}.ddoc .pl-4{padding-left:1rem}.ddoc .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.ddoc .text-lg{font-size:1.125rem;line-height:1.75rem}.ddoc .text-sm{font-size:.875rem;line-height:1.25rem}.ddoc .text-xl{font-size:1.25rem;line-height:1.75rem}.ddoc .font-bold{font-weight:700}.ddoc .font-medium{font-weight:500}.ddoc .font-normal{font-weight:400}.ddoc .font-semibold{font-weight:600}.ddoc .italic{font-style:italic}.ddoc .leading-\[0\.9em\]{line-height:.9em}.ddoc .leading-none{line-height:1}.ddoc .text-Class{--tw-text-opacity:1;color:rgb(32 180 75/var(--tw-text-opacity))}.ddoc .text-Enum{--tw-text-opacity:1;color:rgb(34 171 176/var(--tw-text-opacity))}.ddoc .text-Function{--tw-text-opacity:1;color:rgb(5 108 240/var(--tw-text-opacity))}.ddoc .text-Interface{--tw-text-opacity:1;color:rgb(210 160 100/var(--tw-text-opacity))}.ddoc .text-Method{--tw-text-opacity:1;color:rgb(5 108 240/var(--tw-text-opacity))}.ddoc .text-Namespace{--tw-text-opacity:1;color:rgb(210 86 70/var(--tw-text-opacity))}.ddoc .text-Property{--tw-text-opacity:1;color:rgb(126 87 192/var(--tw-text-opacity))}.ddoc .text-TypeAlias{--tw-text-opacity:1;color:rgb(164 71 140/var(--tw-text-opacity))}.ddoc .text-Variable{--tw-text-opacity:1;color:rgb(126 87 192/var(--tw-text-opacity))}.ddoc .text-\[\#0F172A\]{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.ddoc .text-abstract{--tw-text-opacity:1;color:rgb(12 175 198/var(--tw-text-opacity))}.ddoc .text-deprecated{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.ddoc .text-new{--tw-text-opacity:1;color:rgb(123 97 255/var(--tw-text-opacity))}.ddoc .text-optional{--tw-text-opacity:1;color:rgb(12 175 198/var(--tw-text-opacity))}.ddoc .text-other{--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity))}.ddoc .text-permissions{--tw-text-opacity:1;color:rgb(12 175 198/var(--tw-text-opacity))}.ddoc .text-private,.ddoc .text-protected,.ddoc .text-readonly{--tw-text-opacity:1;color:rgb(123 97 255/var(--tw-text-opacity))}.ddoc .text-stone-500{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity))}.ddoc .text-writeonly{--tw-text-opacity:1;color:rgb(123 97 255/var(--tw-text-opacity))}.ddoc .line-through{text-decoration-line:line-through}.ddoc .decoration-stone-500\/70{text-decoration-color:#78716cb3}.ddoc .decoration-2{text-decoration-thickness:2px}.ddoc .opacity-60{opacity:.6}.ddoc .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)}.ddoc summary::-webkit-details-marker{display:none}.ddoc{--ddoc-selection-border-width:2px;--ddoc-selection-border-color-default:#d6d3d1;--ddoc-selection-selected-border-color:#2564eb;--ddoc-selection-selected-bg:#056cf00c;--ddoc-selection-padding:9px 15px}.ddoc .link{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ddoc .link:hover{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.ddoc #sidepanel{box-sizing:border-box;flex-shrink:0}@media (min-width:1024px){.ddoc #sidepanel{overscroll-behavior-y:contain;height:100vh;position:sticky;top:0;left:0;overflow-y:auto}}.ddoc #sidepanel{scrollbar-width:thin}.ddoc #sidepanel label,.ddoc #sidepanel a,.ddoc #sidepanel h2,.ddoc #sidepanel h3{padding:.375rem 1rem .375rem .5rem}.ddoc #sidepanel h2{align-items:center;gap:.625rem;margin-top:.5rem;font-size:1.25rem;font-weight:700;line-height:1.75rem;display:flex}.ddoc #sidepanel h3{font-weight:700}.ddoc #sidepanel ul{list-style-type:none}.ddoc #sidepanel li{display:block}.ddoc #sidepanel a{border-radius:.5rem;align-items:center;gap:.5rem;line-height:1;display:flex;position:relative}.ddoc #sidepanel li>a>span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.875rem;line-height:1.25rem;display:block;overflow:hidden}.ddoc #sidepanel li>a:has(span){padding-top:.25rem;padding-bottom:.25rem}.ddoc #sidepanel a:hover,.ddoc #sidepanel a.active{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity))}.ddoc .anchor{float:left;--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity));margin-left:-24px;padding:.25rem;line-height:1;display:none;top:0;bottom:0}.ddoc .anchorable{position:relative}.ddoc .anchorable:hover .anchor{display:block}.ddoc .deprecated>div:first-child{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity));align-items:center;gap:.25rem;padding-top:.25rem;padding-bottom:.25rem;display:flex}.ddoc .deprecated>div:first-child>span{font-weight:600;line-height:1.5rem}.ddoc .deprecated>div:nth-child(2){--tw-border-opacity:1;border-left-width:4px;border-color:rgb(252 165 165/var(--tw-border-opacity));margin-left:.25rem;padding-left:.5rem}.ddoc .symbolSubtitle>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.ddoc .symbolSubtitle{font-size:.875rem;line-height:1rem}.ddoc .symbolSubtitle .type{--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity));font-style:italic}.ddoc .docEntry{font-size:.875rem;line-height:1.25rem}.ddoc .docEntry .docEntryHeader{justify-content:space-between;align-items:flex-start;display:flex}.ddoc .docEntry .docEntryHeader>span{overflow-wrap:break-word;align-items:center;gap:.5rem;display:flex}.ddoc .section>h2{margin-bottom:1rem;padding-top:.25rem;padding-bottom:.25rem;font-size:1.25rem;font-weight:600;line-height:1.5rem}.ddoc .namespaceSection{grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;display:grid}@media (min-width:1024px){.ddoc .namespaceSection{grid-template-columns:repeat(3,minmax(0,1fr))}}.ddoc .namespaceSection .namespaceItem>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.ddoc .namespaceSection .namespaceItem[aria-label=deprecated]{opacity:.6}.ddoc .namespaceSection .namespaceItem[aria-label=deprecated] .namespaceItemTitle a{--tw-text-opacity:1;color:rgb(120 113 108/var(--tw-text-opacity));text-decoration-line:line-through;text-decoration-color:#78716cb3;text-decoration-thickness:2px}.ddoc .namespaceSection .namespaceItem .namespaceItemTitle{align-items:center;gap:.5rem;display:flex}.ddoc .namespaceSection .namespaceItem .namespaceItemTitle>div:last-child{flex:1;justify-content:space-between;align-items:flex-end;gap:1rem;min-width:0;display:flex;overflow:hidden}.ddoc .namespaceSection .namespaceItem .namespaceItemTitle>div:last-child>a{text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.ddoc .namespaceSection .namespaceItem .namespaceItemTitle>div:last-child>div{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(168 162 158/var(--tw-text-opacity));font-size:.75rem;font-style:italic;line-height:1rem;overflow:hidden}@media (min-width:1024px){.ddoc .namespaceSection .namespaceItem .namespaceItemTitle>div:last-child>div{margin-right:1rem}}.ddoc .namespaceSection .namespaceItem .namespaceItemContent{--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity));border-color:#d6d3d166;border-left-width:2px;margin-left:.25rem;padding-top:.25rem;padding-bottom:.25rem;padding-left:.625rem;font-size:.875rem;line-height:1.25rem;margin-left:.5rem!important}.ddoc .symbolGroup>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem*var(--tw-space-y-reverse))}.ddoc .symbolGroup article>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.ddoc .symbolGroup article>div:first-child{justify-content:space-between;align-items:flex-start;display:flex}.ddoc .symbolGroup article>div:first-child>div:first-child>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.ddoc .symbolGroup article>div:first-child>div:first-child{font-weight:500}.ddoc .docNodeKindIcon{flex-shrink:0;justify-content:flex-end;width:2.125rem;display:flex}.ddoc .docNodeKindIcon div{-webkit-user-select:none;user-select:none;text-align:center;vertical-align:middle;border-radius:9999px;flex-shrink:0;width:1.25rem;height:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;font-weight:500;line-height:1.25rem}.ddoc .docNodeKindIcon>*+*{margin-left:-.375rem}.ddoc .example details summary{cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;width:100%;padding-top:.5rem;padding-bottom:.5rem;line-height:1.5rem;list-style-type:none;display:flex}.ddoc .example details summary>div:first-child{-webkit-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity))}.ddoc .example details[open] summary>div:first-child{--tw-rotate:90deg;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))}.ddoc .tocable{gap:1.5rem;display:flex}@media not all and (min-width:1024px){.ddoc .tocable{flex-direction:column-reverse}}.ddoc .tocable .toc{box-sizing:border-box;flex:none;max-width:13rem;max-height:100vh;padding-top:1rem;padding-bottom:1rem;font-size:.875rem;line-height:1.25rem;position:sticky;top:0}@media not all and (min-width:1024px){.ddoc .tocable .toc{display:none}}.ddoc .tocable .toc>ul{height:100%;display:block}.ddoc .tocable .toc>ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.ddoc .tocable .toc>ul{overflow-y:auto}.ddoc .tocable .toc>ul ul{margin-left:1rem}.ddoc .tocable .toc>ul ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.ddoc .tocable .toc a{text-overflow:ellipsis;white-space:nowrap;display:block;overflow-x:hidden}.ddoc .tocable .toc a:hover{text-decoration-line:underline}.ddoc .usage{--tw-border-opacity:1;border-width:1px;border-color:rgb(231 229 228/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(250 250 249/var(--tw-bg-opacity));margin-bottom:1rem;padding:1.25rem 1.5rem}@media not all and (min-width:768px){.ddoc .usage{border-left-width:0;border-right-width:0}}@media (min-width:768px){.ddoc .usage{border-radius:.5rem}}.ddoc .usage nav{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.ddoc .usage nav details>summary{cursor:pointer;-webkit-user-select:none;user-select:none;--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity));border-radius:.25rem;gap:.25rem;padding:.5rem .75rem;display:flex}@media (min-width:768px){.ddoc .usage nav details>div{position:relative}}.ddoc .usage nav details>div>div{z-index:30;--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));margin-top:.375rem;padding:.5rem;display:block;position:absolute}@media not all and (min-width:768px){.ddoc .usage nav details>div>div{border-left-width:0;border-right-width:0;left:0;right:0}}@media (min-width:768px){.ddoc .usage nav details>div>div{border-radius:.25rem;width:18rem}}.ddoc .usage nav details>div>div label{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.125rem;justify-content:space-between;align-items:center;padding:.25rem .5rem;line-height:1.5;display:flex}.ddoc .usage nav details>div>div label:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.ddoc .usage pre.highlight{--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity))}@media not all and (min-width:768px){.ddoc .usage pre.highlight{border-left-width:0;border-right-width:0}}.ddoc .breadcrumbs{white-space:nowrap;align-items:center;gap:.25rem;display:inline-flex}.ddoc .breadcrumbs>li,.ddoc .breadcrumbs>ul{padding:.25rem .5rem}.ddoc .breadcrumbs a{--tw-text-opacity:1;color:rgb(14 101 144/var(--tw-text-opacity));text-underline-offset:4px;text-decoration-line:underline;text-decoration-color:#0e659080;text-decoration-thickness:1.5px}.ddoc .breadcrumbs a:hover{text-decoration-color:#0e6590}.ddoc .functionOverload{cursor:pointer;display:block}.ddoc .functionOverload>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.ddoc .functionOverload{--tw-border-opacity:1;border-width:1px;border-color:rgb(214 211 209/var(--tw-border-opacity));border-radius:.5rem;padding:.625rem 1rem}.ddoc .functionOverload:hover{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity))}.ddoc .context_button{z-index:10;cursor:pointer;background-color:inherit;border-width:1px;border-radius:.25rem;padding:.375rem;line-height:0}.ddoc .context_button:hover{--tw-bg-opacity:1;background-color:rgb(214 211 209/var(--tw-bg-opacity))}.ddoc .markdown_border{border-color:#d6d3d166;border-left-width:2px;margin-left:.25rem;padding-left:.625rem}.ddoc .markdown_summary{--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity));display:inline}.ddoc .markdown_summary p{display:inline-block}.ddoc .markdown_summary :not(pre)>code{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity));border-radius:.25rem;padding:.125rem .25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem}.ddoc .markdown{flex-shrink:1;min-width:0}.ddoc .markdown>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.ddoc .markdown a:not(.no_color){--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter,-webkit-backdrop-filter;transition-duration:75ms;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ddoc .markdown a:not(.no_color):hover{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.ddoc .markdown h1{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(214 211 209/var(--tw-border-opacity));padding-bottom:.25rem;font-size:1.25rem;line-height:1.75rem}@media (min-width:768px){.ddoc .markdown h1{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){.ddoc .markdown h1{font-size:1.875rem;line-height:2.25rem}}.ddoc .markdown h2{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(214 211 209/var(--tw-border-opacity));padding-bottom:.25rem;font-size:1.125rem;line-height:1.75rem}@media (min-width:768px){.ddoc .markdown h2{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.ddoc .markdown h2{font-size:1.5rem;line-height:2rem}}.ddoc .markdown h3{font-weight:700}@media (min-width:768px){.ddoc .markdown h3{font-size:1.125rem;font-weight:400;line-height:1.75rem}}@media (min-width:1024px){.ddoc .markdown h3{font-size:1.25rem;font-weight:400;line-height:1.75rem}}.ddoc .markdown h4{font-weight:600}@media (min-width:768px){.ddoc .markdown h4{font-weight:700}}@media (min-width:1024px){.ddoc .markdown h4{font-size:1.125rem;font-weight:400;line-height:1.75rem}}.ddoc .markdown h5{font-style:italic}@media (min-width:768px){.ddoc .markdown h5{font-weight:600}}@media (min-width:1024px){.ddoc .markdown h5{font-weight:700}}@media (min-width:768px){.ddoc .markdown h6{font-style:italic}}@media (min-width:1024px){.ddoc .markdown h6{font-weight:600}}.ddoc .markdown hr{--tw-border-opacity:1;border-color:rgb(120 113 108/var(--tw-border-opacity));margin:.5rem}.ddoc .markdown ol,.ddoc .markdown ul{margin-left:1rem;list-style-position:outside}.ddoc .markdown ol{list-style-type:decimal}.ddoc .markdown ul{list-style-type:disc}.ddoc .markdown :not(pre)>code{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity));border-radius:.25rem;padding:.125rem .25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem}:is(.ddoc .markdown h1,.ddoc .markdown h2,.ddoc .markdown h3,.ddoc .markdown h4,.ddoc .markdown h5,.ddoc .markdown h6)>code{font-size:inherit!important}.ddoc .markdown pre{--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));border-radius:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem}.ddoc .markdown pre>code:first-child{padding:1rem;display:block;overflow-x:auto}.ddoc .markdown p{margin:.25rem 0}.ddoc .markdown table{table-layout:auto;width:max-content;max-width:100%;display:block;overflow:auto}.ddoc .markdown td{--tw-border-opacity:1;border-width:1px;border-color:rgb(120 113 108/var(--tw-border-opacity));padding:.5rem}.ddoc .markdown th{text-align:center;font-weight:700}.ddoc .markdown img{display:inline-block}.ddoc .markdown .alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.ddoc .markdown .alert{border-left-width:4px;padding:.5rem 1rem}.ddoc .markdown .alert div:first-child{align-items:center;gap:.375rem;font-weight:500;display:flex}.ddoc .markdown .alert div:first-child svg{width:1.25rem;height:1.25rem}.ddoc .markdown .alert-note{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.ddoc .markdown .alert-note div:first-child{stroke:#2563eb;--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.ddoc .markdown .alert-tip{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.ddoc .markdown .alert-tip div:first-child{stroke:#16a34a;--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.ddoc .markdown .alert-important{--tw-border-opacity:1;border-color:rgb(147 51 234/var(--tw-border-opacity))}.ddoc .markdown .alert-important div:first-child{stroke:#9333ea;--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity))}.ddoc .markdown .alert-warning{--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity))}.ddoc .markdown .alert-warning div:first-child{stroke:#ca8a04;--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity))}.ddoc .markdown .alert-caution{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.ddoc .markdown .alert-caution div:first-child{stroke:#dc2626;--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.ddoc .markdown .highlight{position:relative}.ddoc .markdown .highlight .lineNumbers{--tw-border-opacity:1;border-right-width:2px;border-color:rgb(214 211 209/var(--tw-border-opacity));text-align:right;flex:none;padding-right:.25rem}.ddoc .markdown .highlight .context_button{opacity:.6;position:absolute;top:.75rem;right:1rem}.ddoc .markdown .highlight .context_button:hover{opacity:1}.ddoc .markdown .highlight .pl-c{color:#6a737d}.ddoc .markdown .highlight .pl-c1,.ddoc .markdown .highlight .pl-s .pl-v{color:#005cc5}.ddoc .markdown .highlight .pl-e,.ddoc .markdown .highlight .pl-en{color:#6f42c1}.ddoc .markdown .highlight .pl-smi,.ddoc .markdown .highlight .pl-s .pl-s1{color:#24292e}.ddoc .markdown .highlight .pl-ent{color:#22863a}.ddoc .markdown .highlight .pl-k{color:#d73a49}.ddoc .markdown .highlight .pl-s,.ddoc .markdown .highlight .pl-pds,.ddoc .markdown .highlight .pl-s .pl-pse .pl-s1,.ddoc .markdown .highlight .pl-sr,.ddoc .markdown .highlight .pl-sr .pl-cce,.ddoc .markdown .highlight .pl-sr .pl-sre,.ddoc .markdown .highlight .pl-sr .pl-sra{color:#032f62}.ddoc .markdown .highlight .pl-v,.ddoc .markdown .highlight .pl-smw{color:#e36209}.ddoc .markdown .highlight .pl-bu{color:#b31d28}.ddoc .markdown .highlight .pl-ii{color:#fafbfc;background-color:#b31d28}.ddoc .markdown .highlight .pl-c2{color:#fafbfc;background-color:#d73a49}.ddoc .markdown .highlight .pl-c2:before{content:"^M"}.ddoc .markdown .highlight .pl-sr .pl-cce{color:#22863a;font-weight:700}.ddoc .markdown .highlight .pl-ml{color:#735c0f}.ddoc .markdown .highlight .pl-mh,.ddoc .markdown .highlight .pl-mh .pl-en,.ddoc .markdown .highlight .pl-ms{color:#005cc5;font-weight:700}.ddoc .markdown .highlight .pl-mi{color:#24292e;font-style:italic}.ddoc .markdown .highlight .pl-mb{color:#24292e;font-weight:700}.ddoc .markdown .highlight .pl-md{color:#b31d28;background-color:#ffeef0}.ddoc .markdown .highlight .pl-mi1{color:#22863a;background-color:#f0fff4}.ddoc .markdown .highlight .pl-mc{color:#e36209;background-color:#ffebda}.ddoc .markdown .highlight .pl-mi2{color:#f6f8fa;background-color:#005cc5}.ddoc .\*\:h-4>*{height:1rem}.ddoc .\*\:h-5>*{height:1.25rem}.ddoc .\*\:w-auto>*{width:auto}.ddoc .\*\:flex-none>*{flex:none}.ddoc .target\:bg-yellow-200:target{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity))}.ddoc .hover\:bg-\[\#EBF6FF\]:hover{--tw-bg-opacity:1;background-color:rgb(235 246 255/var(--tw-bg-opacity))}.ddoc .peer:checked~.peer-checked\:block{display:block}@media not all and (min-width:1024px){.ddoc .max-lg\:flex{display:flex}.ddoc .max-lg\:hidden{display:none}.ddoc .max-lg\:justify-between{justify-content:space-between}}@media (min-width:1024px){.ddoc .lg\:hidden{display:none}.ddoc .lg\:text-2xl{font-size:1.5rem;line-height:2rem}.ddoc .lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}
\ No newline at end of file
diff --git a/src/html/templates/symbol_group.hbs b/src/html/templates/symbol_group.hbs
index 98b22d3f..2af7a184 100644
--- a/src/html/templates/symbol_group.hbs
+++ b/src/html/templates/symbol_group.hbs
@@ -1,13 +1,13 @@
-<main class="space-y-12" id="symbol_{{name}}">
+<main class="symbolGroup" id="symbol_{{name}}">
   {{~#each symbols~}}
-    <article class="space-y-5">
-      <div class="flex justify-between items-start">
-        <div class="font-medium space-y-1">
+    <article>
+      <div>
+        <div>
           <div class="text-xl leading-none">
             <span class="text-{{this.kind.kind}}">{{this.kind.title_lowercase}}</span>&nbsp;<span class="font-bold">{{../name}}</span>
           </div>
           {{~#if this.subtitle ~}}
-            <div class="space-y-0.5 text-sm leading-4">
+            <div class="symbolSubtitle">
               {{~> (concat "doc_block_subtitle_" this.subtitle.kind) this.subtitle.value ~}}
             </div>
           {{~/if~}}
diff --git a/src/html/templates/usages.hbs b/src/html/templates/usages.hbs
index 324d40aa..856d13ea 100644
--- a/src/html/templates/usages.hbs
+++ b/src/html/templates/usages.hbs
@@ -1,4 +1,4 @@
-<div class="px-6 py-5 mb-4 border max-md:border-x-0 md:rounded-lg bg-stone-50 border-stone-200 usage">
+<div class="usage">
   {{~#each usages~}}
     <style scoped>
       {{{~additional_css~}}} {{! css }}
@@ -8,11 +8,11 @@
   {{~/each~}}
 
 	{{~#if ../show_tabs~}}
-	  <nav class="flex items-center flex-row gap-2 mb-3 font-semibold">
+	  <nav>
 		  <span>Usage instructions for</span>
 
 		  <details id="usageSelector">
-			  <summary class="flex gap-1 select-none cursor-pointer rounded border border-gray-300 py-2 px-3">
+			  <summary>
 				  {{~#each usages~}}
 					  <div id="{{name}}_active_dropdown" class="hidden items-center gap-1">
 						  <div class="h-4 *:h-4 *:w-auto">{{{icon}}} {{! icon }}</div>
@@ -25,10 +25,10 @@
 				  </div>
 			  </summary>
 
-			  <div class="md:relative">
-				  <div class="absolute max-md:inset-x-0 mt-1.5 p-2 block z-30 md:w-72 bg-white md:rounded border max-md:border-x-0 border-gray-300">
+			  <div>
+				  <div>
 					  {{~#each usages~}}
-						  <label for="{{name}}" class="flex items-center justify-between cursor-pointer select-none px-2 py-1 leading-normal rounded-sm hover:bg-gray-50">
+						  <label for="{{name}}">
 							  <div>{{name}}</div>
 
 							  <div class="h-5 *:h-5 *:w-auto">{{{icon}}} {{! icon }}</div>