@semanticus/semanticus-css 0.9.0 → 1.0.0

package/NOTICE

@@ -6,25 +6,25 @@ Copyright (c) 2026 Joao Goncalves
 This project incorporates concepts and code adapted from
 the following MIT-licensed projects:
 
---------------------------------------------------------------------------------
-Pico CSS
-Copyright (c) 2019-2024 Pico
-https://picocss.com/
-
-The semantic CSS patterns and component structures in this project were
-inspired by and derived from Pico CSS.
-
-Bootstrap
-Copyright (c) 2011-2026 The Bootstrap Authors
-https://getbootstrap.com/
-
-The utility-first CSS architecture and naming conventions in this project
-were inspired by and adapted from Bootstrap's utilities system.
+Pico CSS v2.1.1
+The codebase in `src/semantics` is adapted from Pico CSS (https://picocss.com)
+Original work: Copyright (c) 2019-2024 Pico CSS
+Licensed under MIT (https://github.com/picocss/pico/blob/main/LICENSE)
+
+Bootstrap v5.3.8
+The codebase in `src/utilities` is adapted from Bootstrap utilities (https://getbootstrap.com/)
+Original work: Copyright (c) 2011-2026 The Bootstrap Authors
+Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+
+modern-normalize v3.0.1
+Reset and normalization styles from Pico CSS in `src/semantics` got improved with missing normalization styles from modern-normalize (https://github.com/sindresorhus/modern-normalize)
+Copyright (c) Sindre Sorhus
+Copyright (c) Jonathan Neal
+Copyright (c) Nicolas Gallagher
+Licensed under MIT (https://github.com/sindresorhus/modern-normalize/blob/main/license)
 
 --------------------------------------------------------------------------------
 
-Both Pico CSS and Bootstrap are licensed under the MIT License:
-
 MIT License
 
 Permission is hereby granted, free of charge, to any person obtaining a copy

package/README.md

@@ -2,12 +2,21 @@
 
 [![npm version](https://img.shields.io/npm/v/@semanticus/semanticus-css)](https://www.npmjs.com/package/@semanticus/semanticus-css)
 [![license](https://img.shields.io/npm/l/@semanticus/semanticus-css)](LICENSE)
-[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@semanticus/semanticus-css)](https://bundlephobia.com/package/@semanticus/semanticus-css)
 
 **Semanticus** is a lightweight CSS framework that prioritizes semantic HTML and ARIA-focused accessibility, with a small set of atomic utilities.
 
+> [!CAUTION]
+> Semanticus CSS hasn't been seriously battle tested in production yet.
+
+> [!IMPORTANT]
+> CALL TO ARMS: Even with the advent of AI, building an open source project requires a lot of work, if you are interested to help out, check out the [roadmap](https://semanticus.design/about/roadmap), the [contributing guide](https://semanticus.design/about/contributing) and join us in this journey!
+
 ## Vision
 
+Contribute to a more accessible friendly world wide web.
+
+## Mission
+
 Enable authors to write clean, semantic HTML that looks great by default, guide them toward ARIA-centric patterns, and ensure core functionality works without JavaScript while allowing deliberate customization via a small, consistent set of utilities.
 
 ## Core Principles
@@ -18,26 +27,26 @@ Enable authors to write clean, semantic HTML that looks great by default, guide
 - **Predictable customization:** Centralize styling via CSS variables, assuring a consistent look for both semantic styles and atomic utilities.
 - **Progressive enhancement:** Ensure base semantics work without JavaScript, and enhance behavior when needed.
 
-## 📦 Installation
+## Installation
 
 ### Option 1: CDN (quick start)
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@semanticus/semanticus-css@0.8.0/dist/semanticus.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@semanticus/semanticus-css@0.9.0/dist/semanticus.css">
 
 <!-- costumize it with a palette or size variation if needed -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@semanticus/semanticus-css@0.8.0/dist/semanticus.palette.blue.css">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@semanticus/semanticus-css@0.8.0/dist/semanticus.size.pico.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@semanticus/semanticus-css@0.9.0/dist/semanticus.palette.blue.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@semanticus/semanticus-css@0.9.0/dist/semanticus.size.pico.css">
 ```
 
 ### Option 2: Install manually
 
-Download the [distribution files](https://registry.npmjs.org/@semanticus%2Fsemanticus-css/-/semanticus-css-0.8.0.tgz), move the ones you need to your **stylesheets** folder and include them in your HTML `<head>`:
+Download the [distribution files](https://registry.npmjs.org/@semanticus%2Fsemanticus-css/-/semanticus-css-0.9.0.tgz), move the ones you need to your **stylesheets** folder and include them in your HTML `<head>`:
 
 ```html
 <link rel="stylesheet" href="/css/semanticus.css">
 
-<!-- costumize it with a palette or size variation if needed -->
+<!-- customize it with a palette or size variation if needed -->
 <link rel="stylesheet" href="/css/semanticus.palette.blue.css">
 <link rel="stylesheet" href="/css/semanticus.size.pico.css">
 ```
@@ -63,43 +72,112 @@ import '@semanticus/semanticus-css/sizes/pico';
 
 Check out the [Palettes & Sizes](https://semanticus.design/guide/palettes-sizes.html) guide for more options.
 
-## 🚀 Usage
+## How It Works
 
-Semanticus CSS is built on three complementary layers:
+Semanticus CSS is built on four complementary layers:
 
 ### 1. Semantic Styling
 
-Beautiful default styles for plain **ARIA-centric** HTML — no classes needed. See the [Semantic Styling](https://semanticus.design/docs/semantics/) guide for more details.
+Beautiful default styles for plain **ARIA-centric** HTML — simply write plain HTML and [Semantic Styling](https://semanticus.design/docs/semantics/) will make it look great by default.
 
 ```html
 <article>
-  <h1>Hello World</h1>
-  <p>Look at me, I'm <strong>bold</strong> and <em>stylish!</em></p>
+  <hgroup>
+    <h1>Hello World</h1>
+    <p>Look at me, I'm <strong>bold</strong> and <em>stylish!</em></p>
+  </hgroup>
+
   <button>Click me</button>
 </article>
 ```
 
-### 2. Variants
+### 2. Components
 
-Minimal set of CSS classes that add visual variation to the **Semantic Styling**. See the [Variants](https://semanticus.design/docs/variants/) guide for more details.
+Minimal set of reusable building blocks that extend the **Semantic Styling** - add a [component](https://semanticus.design/docs/components/) when you need a specific UI pattern.
 
 ```html
-<button class="ghost">Ghost</button>
-<button class="secondary">Secondary</button>
-<button class="contrast">Contrast</button>
+<article class="card">
+  <hgroup>
+    <h1>Hello World</h1>
+    <p>Look at me, I'm <strong>bold</strong> and <em>stylish!</em></p>
+  </hgroup>
+
+  <button>Click me</button>
+</article>
 ```
 
-### 3. Utilities
+### 3. Variants
 
-Utility classes for **spacing**, **layout**, **colors**, and more — adapted to the **Semantic Styling** and **Variants** values for a consistent design. See the [Utilities](https://semanticus.design/docs/utilities/) guide for more details.
+CSS classes that tweak the **Semantic Styling** and **Components** - throw in a [variant](https://semanticus.design/docs/variants/) when you want to add or reduce visual flair.
 
 ```html
-<footer class="py-4 text-center text-bg-contrast-subtle">
-  <p class="mb-0">Star us on GitHub!</p>
-</footer>
+<article class="card secondary">
+  <hgroup>
+    <h1>Hello World</h1>
+    <p>Look at me, I'm <strong>bold</strong> and <em>stylish!</em></p>
+  </hgroup>
+
+  <button class="ghost">Click me</button>
+</article>
 ```
 
-## 🛠️ Customization
+### 4. Utilities
+
+[Utility](https://semanticus.design/docs/utilities/) classes adapted to the same **CSS variables** as the **Semantic Styling** and **Components** for a consistent design - use them when you need fine-grained control over **spacing**, **layout**, **colors**, and more.
+
+```html
+<article class="card secondary text-center w-75 mx-auto">
+  <hgroup class="p-3">
+    <h1>Hello World</h1>
+    <p>Look at me, I'm <strong>bold</strong> and <em>stylish!</em></p>
+  </hgroup>
+
+  <button class="ghost">Click me</button>
+</article>
+```
+
+## Starter HTML template
+
+Here's an off-to-a-great-start HTML template using semantic styling, its variants, and utilities:
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="color-scheme" content="light dark">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@semanticus/semanticus-css@0.9.0/dist/semanticus.css">
+</head>
+<body class="vstack">
+  <header class="container">
+    <nav>
+      <h3><a href="#">Acme Corp</a></h3>
+
+      <ul>
+        <li><a href="#">About</a></li>
+        <li><a href="#" role="button">Log In</a></li>
+      </ul>
+    </nav>
+  </header>
+
+  <main class="container py-d flex-grow-1">
+    <hgroup>
+      <h1>Welcome to Semanticus CSS</h1>
+      <p>A lightweight CSS framework for modern web development.</p>
+    </hgroup>
+
+    <button class="secondary">Get Started</button>
+  </main>
+
+  <footer class="text-center text-bg-secondary-subtle">
+    <p>Acme Corp &copy; 2026. All rights reserved.</p>
+  </footer>
+</body>
+</html>
+```
+
+## Customization
 
 You can override its variables to create your own themes and styles. For example:
 
@@ -113,7 +191,7 @@ You can override its variables to create your own themes and styles. For example
 
 Check out the [CSS Variables](https://semanticus.design/guide/css-variables.html) guide for more details or the [Theme Builder](https://semanticus.design/theme-builder.html) to help you create your own custom styles.
 
-## 🌐 Browser Support
+## Browser Support
 
 Semanticus CSS targets modern browsers based on the following [Browserslist](https://browsersl.ist/) configuration:
 
@@ -121,18 +199,39 @@ Semanticus CSS targets modern browsers based on the following [Browserslist](htt
 - Firefox ESR
 - No dead browsers
 
-## 👨‍💻 Development
+## Limitations
+
+Semanticus CSS is inspired by the semantic and accessible foundations of Pico CSS and the flexibility of utility-first composition patterns popularized by Bootstrap.
+
+It is not a full UI component framework. Semanticus CSS intentionally avoids shipping exhaustive pre-built components or JavaScript-driven interactions, favoring semantic HTML, composable styling utilities, and framework-agnostic integration instead.
+
+It does however provide documentation and examples on how to implement common UI patterns using semantic HTML and ARIA attributes, along with a small set of utility classes for visual variation and layout.
+
+## Development
+
+Check out this [How to setup the project](docs/about/contributing.md#how-to-setup-the-project) inside the contributing guide.
+
+## Size comparison
 
-Check out this [Guide](docs/guide/contributing.md) for instructions on setting up the development environment, running tests, and contributing to the project.
+| Bundle | Gzip |
+| --- | --- |
+| Pico (semantics only) | 10.2 KB |
+| Semanticus (semantics only) | 11.1 KB |
+| Pico (semantics + classes) | 11.5 KB |
+| Semanticus (semantics + components + variants) | 13.1 KB |
+| Bootstrap (utilities + grid) | 16.3 KB |
+| Semanticus (utilities + grid) | 10.5 KB |
+| Bootstrap (full bundle) | 53.8 KB |
+| Semanticus (full bundle) | 23.2 KB |
 
-## 📄 License
+## License
 
 Semanticus CSS is licensed under the [MIT License](LICENSE).
 
 This project incorporates concepts and patterns from [Pico CSS](https://picocss.com/) and [Bootstrap](https://getbootstrap.com/), including Bootstrap's utilities system, both under the MIT License.
 See the [NOTICE](NOTICE) file for full attribution and copyright details.
 
-## 🙏 Acknowledgments
+## Acknowledgments
 
 Semanticus CSS wouldn't exist without the incredible work of the authors of:
 
@@ -146,4 +245,4 @@ Very few frameworks have managed to keep so faithful to the semantic motto as Pi
 For providing a broad, practical utility system and a well-documented Utility API.
 Bootstrap's utility architecture strongly influenced the utility layer in this project.
 
-#### To the maintainers and contributors of these projects: THANK YOU 🙏
+#### To the maintainers and contributors of these projects: A big THANK YOU

package/dist/semanticus-no-utilities.css

@@ -0,0 +1,11 @@
+/*!
+ * Semanticus CSS v0.9.0 (https://semanticus.design/)
+ *
+ * A ARIA-centric, semantic HTML — enhanced by components and variants (no utilities)
+ *
+ * Original works: see https://github.com/semanticus/semanticus-css/blob/main/NOTICE for copyright and license details
+ *
+ * Modifications: Copyright (c) 2026 Joao Goncalves
+ * Licensed under MIT (https://github.com/semanticus/semanticus-css/blob/main/LICENSE)
+ */
+:root{--color-azure-550:#0172ad;--color-azure-350:#01aaff;--color-primary-text:light-dark(var(--color-azure-550),var(--color-azure-350));--color-primary-fill:var(--color-azure-550);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 .5rem oklch(0% 0 0/.25))}:host{--color-azure-550:#0172ad;--color-azure-350:#01aaff;--color-primary-text:light-dark(var(--color-azure-550),var(--color-azure-350));--color-primary-fill:var(--color-azure-550);--color-primary-on-fill:white;--switch-thumb-glow:light-dark(0 0 0 oklch(0% 0 0/0),0 0 .5rem oklch(0% 0 0/.25))}:root{--theme:light;color-scheme:light}:host{--theme:light;color-scheme:light}@media (prefers-color-scheme:dark){:host{--theme:dark;color-scheme:dark}}:host{--color-slate-950:#0e1118;--color-slate-900:#181c25;--color-slate-850:#202632;--color-slate-800:#2a3140;--color-slate-700:#3d475c;--color-slate-750:#333c4e;--color-slate-650:#48536b;--color-slate-600:#525f7a;--color-slate-550:#5d6b89;--color-slate-350:#909ebe;--color-slate-300:#a0acc7;--color-slate-250:#b0b9d0;--color-slate-200:#bfc7d9;--color-slate-150:#cfd5e2;--color-slate-100:#dfe3eb;--color-slate-50:#eff1f4;--color-zinc-950:#0f1114;--color-zinc-900:#191c20;--color-zinc-850:#23262c;--color-zinc-750:#373c44;--color-zinc-700:#424751;--color-zinc-650:#4d535e;--color-zinc-600:#5c6370;--color-zinc-550:#646b79;--color-zinc-500:#6f7887;--color-zinc-450:#7b8495;--color-zinc-400:#8891a4;--color-zinc-350:#969eaf;--color-zinc-300:#a4acba;--color-zinc-250:#b3b9c5;--color-zinc-200:#c2c7d0;--color-zinc-100:#e0e3e7;--color-zinc-50:#f0f1f3;--color-background:light-dark(white,color-mix(in srgb, var(--color-slate-950), var(--color-slate-900)));--color-background-opacity:100%;--color-text:light-dark(var(--color-zinc-750),var(--color-zinc-200));--color-text-opacity:100%;--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--color-border:light-dark(var(--color-slate-100),var(--color-slate-800));--color-border-opacity:100%;--base-spacing:.75rem;--spacing:var(--base-spacing);--font-family-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-sans-serif:system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--font-family-emoji);--font-family-monospace:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--font-family-emoji);--font-family:var(--font-family-sans-serif);--line-height:1.5;--font-weight:400;--font-size:97%;--text-underline-offset:.1rem;--typography-spacing-vertical:1rem;--radius:.25rem;--border-size:.0625rem;--outline-size:.125rem;--transition:.2s ease-in-out;--shadow:.0145rem .029rem .174rem light-dark(rgba(129,145,181,.016),rgba(7,9,12,.016)), .0335rem .067rem .402rem light-dark(rgba(129,145,181,.024),rgba(7,9,12,.024)), .0625rem .125rem .75rem light-dark(rgba(129,145,181,.03),rgba(7,9,12,.03)), .1125rem .225rem 1.35rem light-dark(rgba(129,145,181,.035),rgba(7,9,12,.035)), .2085rem .417rem 2.502rem light-dark(rgba(129,145,181,.043),rgba(7,9,12,.043)), .5rem 1rem 6rem light-dark(rgba(129,145,181,.06),rgba(7,9,12,.06)), 0 0 0 .0625rem light-dark(rgba(129,145,181,.016),rgba(7,9,12,.016));--color-hover-effect:light-dark(var(--color-zinc-700),var(--color-zinc-300));--color-focus-effect:light-dark(var(--color-zinc-300),var(--color-slate-700));--color-primary-text-hover:color-mix(in srgb, var(--color-primary-text) 70%, var(--color-hover-effect));--color-primary-fill-hover:color-mix(in srgb, var(--color-primary-fill) 70%, var(--color-hover-effect));--color-primary-focus-ring:color-mix(in srgb, var(--color-primary-text) 70%, var(--color-focus-effect));--color-secondary-text:light-dark(var(--color-slate-550),var(--color-zinc-350));--color-secondary-fill:var(--color-slate-550);--color-secondary-on-fill:white;--color-secondary-text-hover:color-mix(in srgb, var(--color-secondary-text) 70%, var(--color-hover-effect));--color-secondary-fill-hover:color-mix(in srgb, var(--color-secondary-fill) 70%, var(--color-hover-effect));--color-secondary-focus-ring:color-mix(in srgb, var(--color-secondary-text) 70%, var(--color-focus-effect));--color-contrast-text:light-dark(var(--color-slate-900),var(--color-slate-100));--color-contrast-fill:light-dark(var(--color-slate-900),var(--color-slate-50));--color-contrast-on-fill:light-dark(white,var(--color-zinc-900));--color-contrast-text-hover:color-mix(in srgb, var(--color-contrast-text) 70%, var(--color-hover-effect));--color-contrast-fill-hover:color-mix(in srgb, var(--color-contrast-fill) 70%, var(--color-hover-effect));--color-contrast-focus-ring:color-mix(in srgb, var(--color-contrast-text) 70%, var(--color-focus-effect));--color-jade-450:#029764;--color-jade-250:#0c8;--color-success-text:light-dark(var(--color-jade-450),var(--color-jade-250));--color-success-fill:var(--color-jade-450);--color-success-on-fill:white;--color-success-text-hover:color-mix(in srgb, var(--color-success-text) 70%, var(--color-hover-effect));--color-success-fill-hover:color-mix(in srgb, var(--color-success-fill) 70%, var(--color-hover-effect));--color-success-focus-ring:color-mix(in srgb, var(--color-success-text) 70%, var(--color-focus-effect));--color-azure-450:#018cd4;--color-azure-250:#79c0ff;--color-info-text:light-dark(var(--color-azure-450),var(--color-azure-250));--color-info-fill:var(--color-azure-450);--color-info-on-fill:white;--color-info-text-hover:color-mix(in srgb, var(--color-info-text) 70%, var(--color-hover-effect));--color-info-fill-hover:color-mix(in srgb, var(--color-info-fill) 70%, var(--color-hover-effect));--color-info-focus-ring:color-mix(in srgb, var(--color-info-text) 70%, var(--color-focus-effect));--color-amber-350:#c79400;--color-amber-250:#e8ae01;--color-warning-text:light-dark(var(--color-amber-350),var(--color-amber-250));--color-warning-fill:var(--color-amber-350);--color-warning-on-fill:white;--color-warning-text-hover:color-mix(in srgb, var(--color-warning-text) 70%, var(--color-hover-effect));--color-warning-fill-hover:color-mix(in srgb, var(--color-warning-fill) 70%, var(--color-hover-effect));--color-warning-focus-ring:color-mix(in srgb, var(--color-warning-text) 70%, var(--color-focus-effect));--color-red-450:#ee402e;--color-red-250:#f5a390;--color-danger-text:light-dark(var(--color-red-450),var(--color-red-250));--color-danger-fill:var(--color-red-450);--color-danger-on-fill:white;--color-danger-text-hover:color-mix(in srgb, var(--color-danger-text) 70%, var(--color-hover-effect));--color-danger-fill-hover:color-mix(in srgb, var(--color-danger-fill) 70%, var(--color-hover-effect));--color-danger-focus-ring:color-mix(in srgb, var(--color-danger-text) 70%, var(--color-focus-effect));--a-decoration:underline;--h1-size:2rem;--h2-size:1.75rem;--h3-size:1.5rem;--h4-size:1.25rem;--h5-size:1.125rem;--h6-size:1rem;--button-shadow:0 0 0 transparent;--button-shadow-hover:0 0 0 transparent;--code-fill:light-dark(color-mix(in srgb, var(--color-slate-50) 75%, white),color-mix(in srgb, var(--color-slate-900) 75%, var(--color-slate-850)));--code-text:light-dark(var(--color-zinc-550),var(--color-zinc-400));--kbd-fill:var(--color-text);--kbd-text:var(--color-background);--input-spacing-vertical:.5rem;--input-spacing-horizontal:.7rem;--input-fill:light-dark(color-mix(in srgb, var(--color-slate-50) 25%, white),color-mix(in srgb, var(--color-slate-900), var(--color-slate-850)));--input-fill-selected:light-dark(var(--color-slate-100),var(--color-slate-800));--input-fill-active:light-dark(white,color-mix(in srgb, var(--color-slate-900) 75%, var(--color-slate-850)));--input-border:light-dark(var(--color-slate-150),var(--color-slate-800));--input-text:light-dark(var(--color-zinc-850),var(--color-zinc-100));--input-placeholder-text:var(--color-text-muted);--input-border-focus:var(--color-primary-fill);--input-opacity-disabled:.5;--switch-fill:light-dark(var(--color-slate-200),var(--color-slate-750));--switch-fill-checked:var(--color-primary-fill);--switch-thumb-fill:white;--range-track-border:light-dark(var(--color-slate-100),var(--color-slate-850));--range-track-border-active:light-dark(var(--color-slate-200),var(--color-slate-800));--range-thumb-border:var(--color-background);--range-thumb-fill:var(--color-secondary-fill);--range-thumb-fill-active:var(--color-primary-fill);--details-summary-text:var(--color-text);--details-summary-text-hover:var(--color-primary-text-hover);--details-summary-text-open:var(--color-text-muted);--dialog-fill:light-dark(var(--color-background),var(--color-slate-900));--dialog-border:light-dark(var(--color-border),var(--color-slate-900));--dialog-shadow:var(--shadow);--dialog-section-fill:light-dark(color-mix(in srgb, var(--color-slate-50) 25%, white),color-mix(in srgb, var(--color-slate-50), transparent 95%));--dialog-section-border:color-mix(in srgb, light-dark(var(--color-slate-900),var(--color-zinc-350)), transparent 90%);--dialog-overlay:light-dark(oklch(from color-mix(in srgb, var(--color-zinc-100), var(--color-zinc-50)) l c h / .75),oklch(from color-mix(in srgb, black, var(--color-zinc-950)) l c h / .75));--menu-fill:light-dark(white,var(--color-slate-900));--menu-border:light-dark(var(--color-slate-50),var(--color-slate-850));--menu-shadow:var(--shadow);--menu-text:var(--color-text);--menu-fill-hover:light-dark(var(--color-slate-50),var(--color-slate-850));--loading-spinner-opacity:.5;--progress-track-fill:light-dark(var(--color-slate-100),var(--color-slate-850));--progress-fill:var(--color-primary-fill);--tooltip-fill:var(--color-contrast-fill);--tooltip-text:var(--color-contrast-on-fill);--group-shadow:0 0 0 transparent;--group-shadow-focus-button:0 0 0 var(--outline-size) var(--color-primary-focus-ring);--group-shadow-focus-input:0 0 0 .0625rem var(--input-border);--nav-link-gap:calc(var(--spacing) * .5);--nav-breadcrumb-divider:">";--sidebar-size:25%}@media (prefers-color-scheme:dark){:root{--theme:dark;color-scheme:dark}}:root{--color-slate-950:#0e1118;--color-slate-900:#181c25;--color-slate-850:#202632;--color-slate-800:#2a3140;--color-slate-700:#3d475c;--color-slate-750:#333c4e;--color-slate-650:#48536b;--color-slate-600:#525f7a;--color-slate-550:#5d6b89;--color-slate-350:#909ebe;--color-slate-300:#a0acc7;--color-slate-250:#b0b9d0;--color-slate-200:#bfc7d9;--color-slate-150:#cfd5e2;--color-slate-100:#dfe3eb;--color-slate-50:#eff1f4;--color-zinc-950:#0f1114;--color-zinc-900:#191c20;--color-zinc-850:#23262c;--color-zinc-750:#373c44;--color-zinc-700:#424751;--color-zinc-650:#4d535e;--color-zinc-600:#5c6370;--color-zinc-550:#646b79;--color-zinc-500:#6f7887;--color-zinc-450:#7b8495;--color-zinc-400:#8891a4;--color-zinc-350:#969eaf;--color-zinc-300:#a4acba;--color-zinc-250:#b3b9c5;--color-zinc-200:#c2c7d0;--color-zinc-100:#e0e3e7;--color-zinc-50:#f0f1f3;--color-background:light-dark(white,color-mix(in srgb, var(--color-slate-950), var(--color-slate-900)));--color-background-opacity:100%;--color-text:light-dark(var(--color-zinc-750),var(--color-zinc-200));--color-text-opacity:100%;--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--color-border:light-dark(var(--color-slate-100),var(--color-slate-800));--color-border-opacity:100%;--base-spacing:.75rem;--spacing:var(--base-spacing);--font-family-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-sans-serif:system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--font-family-emoji);--font-family-monospace:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--font-family-emoji);--font-family:var(--font-family-sans-serif);--line-height:1.5;--font-weight:400;--font-size:97%;--text-underline-offset:.1rem;--typography-spacing-vertical:1rem;--radius:.25rem;--border-size:.0625rem;--outline-size:.125rem;--transition:.2s ease-in-out;--shadow:.0145rem .029rem .174rem light-dark(rgba(129,145,181,.016),rgba(7,9,12,.016)), .0335rem .067rem .402rem light-dark(rgba(129,145,181,.024),rgba(7,9,12,.024)), .0625rem .125rem .75rem light-dark(rgba(129,145,181,.03),rgba(7,9,12,.03)), .1125rem .225rem 1.35rem light-dark(rgba(129,145,181,.035),rgba(7,9,12,.035)), .2085rem .417rem 2.502rem light-dark(rgba(129,145,181,.043),rgba(7,9,12,.043)), .5rem 1rem 6rem light-dark(rgba(129,145,181,.06),rgba(7,9,12,.06)), 0 0 0 .0625rem light-dark(rgba(129,145,181,.016),rgba(7,9,12,.016));--color-hover-effect:light-dark(var(--color-zinc-700),var(--color-zinc-300));--color-focus-effect:light-dark(var(--color-zinc-300),var(--color-slate-700));--color-primary-text-hover:color-mix(in srgb, var(--color-primary-text) 70%, var(--color-hover-effect));--color-primary-fill-hover:color-mix(in srgb, var(--color-primary-fill) 70%, var(--color-hover-effect));--color-primary-focus-ring:color-mix(in srgb, var(--color-primary-text) 70%, var(--color-focus-effect));--color-secondary-text:light-dark(var(--color-slate-550),var(--color-zinc-350));--color-secondary-fill:var(--color-slate-550);--color-secondary-on-fill:white;--color-secondary-text-hover:color-mix(in srgb, var(--color-secondary-text) 70%, var(--color-hover-effect));--color-secondary-fill-hover:color-mix(in srgb, var(--color-secondary-fill) 70%, var(--color-hover-effect));--color-secondary-focus-ring:color-mix(in srgb, var(--color-secondary-text) 70%, var(--color-focus-effect));--color-contrast-text:light-dark(var(--color-slate-900),var(--color-slate-100));--color-contrast-fill:light-dark(var(--color-slate-900),var(--color-slate-50));--color-contrast-on-fill:light-dark(white,var(--color-zinc-900));--color-contrast-text-hover:color-mix(in srgb, var(--color-contrast-text) 70%, var(--color-hover-effect));--color-contrast-fill-hover:color-mix(in srgb, var(--color-contrast-fill) 70%, var(--color-hover-effect));--color-contrast-focus-ring:color-mix(in srgb, var(--color-contrast-text) 70%, var(--color-focus-effect));--color-jade-450:#029764;--color-jade-250:#0c8;--color-success-text:light-dark(var(--color-jade-450),var(--color-jade-250));--color-success-fill:var(--color-jade-450);--color-success-on-fill:white;--color-success-text-hover:color-mix(in srgb, var(--color-success-text) 70%, var(--color-hover-effect));--color-success-fill-hover:color-mix(in srgb, var(--color-success-fill) 70%, var(--color-hover-effect));--color-success-focus-ring:color-mix(in srgb, var(--color-success-text) 70%, var(--color-focus-effect));--color-azure-450:#018cd4;--color-azure-250:#79c0ff;--color-info-text:light-dark(var(--color-azure-450),var(--color-azure-250));--color-info-fill:var(--color-azure-450);--color-info-on-fill:white;--color-info-text-hover:color-mix(in srgb, var(--color-info-text) 70%, var(--color-hover-effect));--color-info-fill-hover:color-mix(in srgb, var(--color-info-fill) 70%, var(--color-hover-effect));--color-info-focus-ring:color-mix(in srgb, var(--color-info-text) 70%, var(--color-focus-effect));--color-amber-350:#c79400;--color-amber-250:#e8ae01;--color-warning-text:light-dark(var(--color-amber-350),var(--color-amber-250));--color-warning-fill:var(--color-amber-350);--color-warning-on-fill:white;--color-warning-text-hover:color-mix(in srgb, var(--color-warning-text) 70%, var(--color-hover-effect));--color-warning-fill-hover:color-mix(in srgb, var(--color-warning-fill) 70%, var(--color-hover-effect));--color-warning-focus-ring:color-mix(in srgb, var(--color-warning-text) 70%, var(--color-focus-effect));--color-red-450:#ee402e;--color-red-250:#f5a390;--color-danger-text:light-dark(var(--color-red-450),var(--color-red-250));--color-danger-fill:var(--color-red-450);--color-danger-on-fill:white;--color-danger-text-hover:color-mix(in srgb, var(--color-danger-text) 70%, var(--color-hover-effect));--color-danger-fill-hover:color-mix(in srgb, var(--color-danger-fill) 70%, var(--color-hover-effect));--color-danger-focus-ring:color-mix(in srgb, var(--color-danger-text) 70%, var(--color-focus-effect));--a-decoration:underline;--h1-size:2rem;--h2-size:1.75rem;--h3-size:1.5rem;--h4-size:1.25rem;--h5-size:1.125rem;--h6-size:1rem;--button-shadow:0 0 0 transparent;--button-shadow-hover:0 0 0 transparent;--code-fill:light-dark(color-mix(in srgb, var(--color-slate-50) 75%, white),color-mix(in srgb, var(--color-slate-900) 75%, var(--color-slate-850)));--code-text:light-dark(var(--color-zinc-550),var(--color-zinc-400));--kbd-fill:var(--color-text);--kbd-text:var(--color-background);--input-spacing-vertical:.5rem;--input-spacing-horizontal:.7rem;--input-fill:light-dark(color-mix(in srgb, var(--color-slate-50) 25%, white),color-mix(in srgb, var(--color-slate-900), var(--color-slate-850)));--input-fill-selected:light-dark(var(--color-slate-100),var(--color-slate-800));--input-fill-active:light-dark(white,color-mix(in srgb, var(--color-slate-900) 75%, var(--color-slate-850)));--input-border:light-dark(var(--color-slate-150),var(--color-slate-800));--input-text:light-dark(var(--color-zinc-850),var(--color-zinc-100));--input-placeholder-text:var(--color-text-muted);--input-border-focus:var(--color-primary-fill);--input-opacity-disabled:.5;--switch-fill:light-dark(var(--color-slate-200),var(--color-slate-750));--switch-fill-checked:var(--color-primary-fill);--switch-thumb-fill:white;--range-track-border:light-dark(var(--color-slate-100),var(--color-slate-850));--range-track-border-active:light-dark(var(--color-slate-200),var(--color-slate-800));--range-thumb-border:var(--color-background);--range-thumb-fill:var(--color-secondary-fill);--range-thumb-fill-active:var(--color-primary-fill);--details-summary-text:var(--color-text);--details-summary-text-hover:var(--color-primary-text-hover);--details-summary-text-open:var(--color-text-muted);--dialog-fill:light-dark(var(--color-background),var(--color-slate-900));--dialog-border:light-dark(var(--color-border),var(--color-slate-900));--dialog-shadow:var(--shadow);--dialog-section-fill:light-dark(color-mix(in srgb, var(--color-slate-50) 25%, white),color-mix(in srgb, var(--color-slate-50), transparent 95%));--dialog-section-border:color-mix(in srgb, light-dark(var(--color-slate-900),var(--color-zinc-350)), transparent 90%);--dialog-overlay:light-dark(oklch(from color-mix(in srgb, var(--color-zinc-100), var(--color-zinc-50)) l c h / .75),oklch(from color-mix(in srgb, black, var(--color-zinc-950)) l c h / .75));--menu-fill:light-dark(white,var(--color-slate-900));--menu-border:light-dark(var(--color-slate-50),var(--color-slate-850));--menu-shadow:var(--shadow);--menu-text:var(--color-text);--menu-fill-hover:light-dark(var(--color-slate-50),var(--color-slate-850));--loading-spinner-opacity:.5;--progress-track-fill:light-dark(var(--color-slate-100),var(--color-slate-850));--progress-fill:var(--color-primary-fill);--tooltip-fill:var(--color-contrast-fill);--tooltip-text:var(--color-contrast-on-fill);--group-shadow:0 0 0 transparent;--group-shadow-focus-button:0 0 0 var(--outline-size) var(--color-primary-focus-ring);--group-shadow-focus-input:0 0 0 .0625rem var(--input-border);--nav-link-gap:calc(var(--spacing) * .5);--nav-breadcrumb-divider:">";--sidebar-size:25%}body{--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-loading:url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(136, 145, 164)' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(43, 122, 76)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(197, 47, 33)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")}@container style(--theme:dark){body{--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(110, 213, 157)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(243, 143, 121)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")}}[data-theme=light]{--theme:light;color-scheme:light}[data-theme=dark]{--theme:dark;color-scheme:dark}@media (width>=576px){:root{--font-size:98%;--sidebar-size:max(25%, 150px);--spacing:calc(var(--base-spacing) * 1.1)}:host{--font-size:98%;--sidebar-size:max(25%, 150px);--spacing:calc(var(--base-spacing) * 1.1)}}@media (width>=768px){:root{--font-size:99%;--sidebar-size:max(22%, 180px);--spacing:calc(var(--base-spacing) * 1.2)}:host{--font-size:99%;--sidebar-size:max(22%, 180px);--spacing:calc(var(--base-spacing) * 1.2)}}@media (width>=1024px){:root{--font-size:100%;--sidebar-size:max(20%, 200px);--spacing:calc(var(--base-spacing) * 1.3)}:host{--font-size:100%;--sidebar-size:max(20%, 200px);--spacing:calc(var(--base-spacing) * 1.3)}}@media (width>=1280px){:root{--font-size:101%;--sidebar-size:max(18%, 220px);--spacing:calc(var(--base-spacing) * 1.4)}:host{--font-size:101%;--sidebar-size:max(18%, 220px);--spacing:calc(var(--base-spacing) * 1.4)}}@media (width>=1536px){:root{--font-size:102%;--sidebar-size:clamp(240px, 16%, 300px);--spacing:calc(var(--base-spacing) * 1.5)}:host{--font-size:102%;--sidebar-size:clamp(240px, 16%, 300px);--spacing:calc(var(--base-spacing) * 1.5)}}small{--font-size:80%}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:var(--h1-size);--line-height:1.125;--heading-gap-top:3rem}h2{--font-size:var(--h2-size);--line-height:1.15;--heading-gap-top:2.625rem}h3{--font-size:var(--h3-size);--line-height:1.175;--heading-gap-top:2.25rem}h4{--font-size:var(--h4-size);--line-height:1.2;--heading-gap-top:1.874rem}h5{--font-size:var(--h5-size);--line-height:1.225;--heading-gap-top:1.6875rem}h6{--font-size:var(--h6-size);--line-height:1.25;--heading-gap-top:1.5rem}thead th,thead td,tfoot th,tfoot td{--font-weight:600;--border-size:.1875rem}pre,code,kbd,samp{--font-family:var(--font-family-monospace)}kbd{--font-weight:bolder}input:not(:is([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[type=file])){--outline-size:.0625rem}:where(select,textarea){--outline-size:.0625rem}[type=search]{--radius:5rem}[type=checkbox]{--border-size:.125rem}[type=radio]{--border-size:.125rem}[type=checkbox][role=switch]{--border-size:.1875rem}[role=search]{--radius:5rem}[role=search]:has(button.secondary:focus,[type=submit].secondary:focus,[type=button].secondary:focus,[role=button].secondary:focus){--group-shadow-focus-button:0 0 0 var(--outline-size) var(--color-secondary-focus-ring)}[role=group]:has(button.secondary:focus,[type=submit].secondary:focus,[type=button].secondary:focus,[role=button].secondary:focus){--group-shadow-focus-button:0 0 0 var(--outline-size) var(--color-secondary-focus-ring)}[role=search]:has(button.contrast:focus,[type=submit].contrast:focus,[type=button].contrast:focus,[role=button].contrast:focus){--group-shadow-focus-button:0 0 0 var(--outline-size) var(--color-contrast-focus-ring)}[role=group]:has(button.contrast:focus,[type=submit].contrast:focus,[type=button].contrast:focus,[role=button].contrast:focus){--group-shadow-focus-button:0 0 0 var(--outline-size) var(--color-contrast-focus-ring)}[role=search] button,[role=search] [role=button],[role=group] button,[role=group] [role=button]{--input-spacing-horizontal:1rem}[role=search] [type=submit]{--input-spacing-horizontal:1rem}[role=search] [type=button]{--input-spacing-horizontal:1rem}[role=group] [type=submit]{--input-spacing-horizontal:1rem}[role=group] [type=button]{--input-spacing-horizontal:1rem}[type=checkbox]{accent-color:var(--color-primary-fill)}[type=radio]{accent-color:var(--color-primary-fill)}[type=range]{accent-color:var(--color-primary-fill)}::selection{background-color:color-mix(in srgb, var(--color-primary-fill), white 75%)}[aria-busy=true]:not(:is(input,select,textarea,html,form)){white-space:nowrap}[aria-busy=true]:not(:is(input,select,textarea,html,form)):before{background-image:var(--icon-loading);content:"";vertical-align:-.125em;background-repeat:no-repeat;background-size:1em;width:1em;height:1em;display:inline-block}[aria-busy=true]:not(:is(input,select,textarea,html,form)):not(:empty):before{margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(:is(input,select,textarea,html,form)):empty{text-align:center}button[aria-busy=true],[role=button][aria-busy=true],a[aria-busy=true]{pointer-events:none}[type=submit][aria-busy=true]{pointer-events:none}[type=button][aria-busy=true]{pointer-events:none}[type=reset][aria-busy=true]{pointer-events:none}[hidden],template{display:none!important}[popover]{color:var(--color-text);background-color:var(--color-background);height:unset;margin:unset;border:0;padding:0;overflow:auto}[popover]:popover-open{display:block!important}[role=search],[role=group]{border-radius:var(--radius);box-shadow:var(--group-shadow,0 0 0 transparent);margin-bottom:var(--spacing);transition:box-shadow var(--transition);vertical-align:middle;gap:0;width:100%;display:inline-flex;position:relative}:is([role=search],[role=group])>:not(details){flex:auto;margin-bottom:0;position:relative}:is([role=search],[role=group])>:not(details):not(:first-child){margin-left:calc(var(--border-size) * -1);border-top-left-radius:0;border-bottom-left-radius:0}:is([role=search],[role=group])>:not(details):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:is([role=search],[role=group])>:not(details):focus{z-index:2}:is([role=search],[role=group]) input:not(:is([type=checkbox],[type=radio])){flex:auto;margin-bottom:0;position:relative}:is([role=search],[role=group]) input:not(:is([type=checkbox],[type=radio])):not(:first-child){margin-left:calc(var(--border-size) * -1);border-top-left-radius:0;border-bottom-left-radius:0}:is([role=search],[role=group]) input:not(:is([type=checkbox],[type=radio])):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:is([role=search],[role=group]) input:not(:is([type=checkbox],[type=radio])):focus{z-index:2}:is([role=search],[role=group]) select{flex:auto;margin-bottom:0;position:relative}:is([role=search],[role=group]) select:not(:first-child){margin-left:calc(var(--border-size) * -1);border-top-left-radius:0;border-bottom-left-radius:0}:is([role=search],[role=group]) select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:is([role=search],[role=group]) select:focus{z-index:2}:is([role=search],[role=group]) button{width:auto}:is([role=search],[role=group]) [type=submit]{width:auto}:is([role=search],[role=group]) [type=reset]{width:auto}:is([role=search],[role=group]) [type=button]{width:auto}:is([role=search],[role=group]) [role=button]{width:auto}:is([role=search],[role=group])>details{height:calc(1rem * var(--line-height) + var(--input-spacing-vertical) * 2 + var(--border-size) * 2);margin-bottom:0;position:relative;overflow:visible}:is([role=search],[role=group])>details:not(:first-child){margin-left:calc(var(--border-size) * -1)}:is([role=search],[role=group])>details:not(:first-child)>summary{border-top-left-radius:0;border-bottom-left-radius:0}:is([role=search],[role=group])>details:not(:last-child)>summary{border-top-right-radius:0;border-bottom-right-radius:0}:is([role=search],[role=group])>details>summary:focus{z-index:2}:is([role=search],[role=group])>details>summary[role=button]{align-items:center;height:100%;display:flex}:is([role=search],[role=group])>details>summary[role=button]:after{height:calc(1rem * var(--line-height,1.5))}@supports selector(:has(*)){:is([role=search],[role=group]):has(button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus){--group-shadow:var(--group-shadow-focus-button)}:is([role=search],[role=group]):has(button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus) input:not(:is([type=checkbox],[type=radio])){border-color:transparent}:is([role=search],[role=group]):has(button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus) select{border-color:transparent}:is([role=search],[role=group]):has(input:not(:is([type=submit],[type=button])):focus,select:focus){--group-shadow:var(--group-shadow-focus-input)}:is([role=search],[role=group]):has(input:not(:is([type=submit],[type=button])):focus,select:focus) button{--button-shadow:0 0 0 var(--border-size) var(--color-primary-fill);--button-shadow-hover:0 0 0 var(--border-size) var(--color-primary-fill-hover)}:is([role=search],[role=group]):has(input:not(:is([type=submit],[type=button])):focus,select:focus) [type=submit]{--button-shadow:0 0 0 var(--border-size) var(--color-primary-fill);--button-shadow-hover:0 0 0 var(--border-size) var(--color-primary-fill-hover)}:is([role=search],[role=group]):has(input:not(:is([type=submit],[type=button])):focus,select:focus) [type=button]{--button-shadow:0 0 0 var(--border-size) var(--color-primary-fill);--button-shadow-hover:0 0 0 var(--border-size) var(--color-primary-fill-hover)}:is([role=search],[role=group]):has(input:not(:is([type=submit],[type=button])):focus,select:focus) [role=button]{--button-shadow:0 0 0 var(--border-size) var(--color-primary-fill);--button-shadow-hover:0 0 0 var(--border-size) var(--color-primary-fill-hover)}:is([role=search],[role=group]) button:focus{box-shadow:none}:is([role=search],[role=group]) [type=submit]:focus{box-shadow:none}:is([role=search],[role=group]) [type=reset]:focus{box-shadow:none}:is([role=search],[role=group]) [type=button]:focus{box-shadow:none}:is([role=search],[role=group]) [role=button]:focus{box-shadow:none}}[role=search]>:first-child{border-top-left-radius:5rem;border-bottom-left-radius:5rem}[role=search]>:last-child{border-top-right-radius:5rem;border-bottom-right-radius:5rem}[role=toolbar]{grid-column-gap:var(--spacing);grid-row-gap:var(--spacing);grid-template-columns:1fr;display:grid}@media (width>=576px){[role=toolbar]{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}[role=toolbar]>*{min-width:0}:has(>[role=tooltip]){width:fit-content;display:inline-block;position:relative}:not(:is(a,button,input,[role=button]))[aria-describedby]{cursor:help;border-bottom:1px dotted;text-decoration:none}[role=tooltip]{z-index:var(--max-z-index);border-radius:var(--radius);background:var(--tooltip-fill);color:var(--tooltip-text);font-style:normal;font-weight:var(--font-weight);text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none;padding:.25rem .5rem;font-size:.875rem;text-decoration:none;display:block;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-.25rem)}[role=tooltip]:after{content:"";border-top:.3rem solid var(--tooltip-fill);border-left:.3rem solid transparent;border-right:.3rem solid transparent;display:block;position:absolute;top:100%;left:50%;transform:translate(-50%)}[role=tooltip][data-placement=bottom]{top:100%;bottom:auto;transform:translate(-50%,.25rem)}[role=tooltip][data-placement=bottom]:after{border-top:none;border-bottom:.3rem solid var(--tooltip-fill);top:auto;bottom:100%;transform:translate(-50%)}[role=tooltip][data-placement=left]{inset:50% 100% auto auto;transform:translate(-.25rem,-50%)}[role=tooltip][data-placement=left]:after{border-top:.3rem solid transparent;border-bottom:.3rem solid transparent;border-left:.3rem solid var(--tooltip-fill);border-right:none;top:50%;left:100%;transform:translateY(-50%)}[role=tooltip][data-placement=right]{top:50%;bottom:auto;left:100%;transform:translate(.25rem,-50%)}[role=tooltip][data-placement=right]:after{border-top:.3rem solid transparent;border-bottom:.3rem solid transparent;border-right:.3rem solid var(--tooltip-fill);border-left:none;top:50%;left:auto;right:100%;transform:translateY(-50%)}[aria-describedby]:hover+[role=tooltip],[aria-describedby]:focus+[role=tooltip]{opacity:1}@media (hover:hover) and (pointer:fine){[role=tooltip]{--tooltip-slide-to:translate(-50%, -.25rem);animation-duration:.2s;animation-fill-mode:forwards;transform:translate(-50%,.75rem)}[role=tooltip][data-placement=bottom]{--tooltip-slide-to:translate(-50%, .25rem);transform:translate(-50%,-.75rem)}[role=tooltip][data-placement=left]{--tooltip-slide-to:translate(-.25rem, -50%);transform:translate(.75rem,-50%)}[role=tooltip][data-placement=right]{--tooltip-slide-to:translate(.25rem, -50%);transform:translate(-.75rem,-50%)}[aria-describedby]:hover+[role=tooltip],[aria-describedby]:focus+[role=tooltip]{animation-name:tooltip-slide}}@keyframes tooltip-slide{to{transform:var(--tooltip-slide-to);opacity:1}}abbr[title]{cursor:help;border-bottom:1px dotted;text-decoration:none}address{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color-text);font-style:normal;font-weight:var(--font-weight)}article{width:100%}aside{width:var(--sidebar-size)!important;padding:var(--spacing)!important}aside :where(ol,ul,li){flex-direction:column;display:flex;align-items:stretch!important}blockquote{border-inline-end:none;border-inline-start:.25rem solid var(--color-border);border-left:.25rem solid var(--color-border);color:var(--color-text);font-style:normal;font-weight:var(--font-weight);margin-bottom:var(--typography-spacing-vertical);padding:var(--spacing);border-right:none;margin-top:0;display:block}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--color-text-muted)}body{width:100%;min-height:100svh;margin:0}button{text-transform:none;-webkit-appearance:button;margin:0;font-family:inherit;overflow:visible}button,[role=button]{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);--color-text:var(--color-primary-on-fill);--shadow:var(--button-shadow,0 0 0 transparent);padding:var(--input-spacing-vertical) var(--input-spacing-horizontal);border:var(--border-size) solid var(--border-color);border-radius:var(--radius);background-color:var(--color-background);box-shadow:var(--shadow);color:var(--color-text);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);outline:none;text-decoration:none}[type=submit]{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);--color-text:var(--color-primary-on-fill);--shadow:var(--button-shadow,0 0 0 transparent);padding:var(--input-spacing-vertical) var(--input-spacing-horizontal);border:var(--border-size) solid var(--border-color);border-radius:var(--radius);background-color:var(--color-background);box-shadow:var(--shadow);color:var(--color-text);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);outline:none;text-decoration:none}[type=reset]{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);--color-text:var(--color-primary-on-fill);--shadow:var(--button-shadow,0 0 0 transparent);padding:var(--input-spacing-vertical) var(--input-spacing-horizontal);border:var(--border-size) solid var(--border-color);border-radius:var(--radius);background-color:var(--color-background);box-shadow:var(--shadow);color:var(--color-text);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);outline:none;text-decoration:none}[type=button]{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);--color-text:var(--color-primary-on-fill);--shadow:var(--button-shadow,0 0 0 transparent);padding:var(--input-spacing-vertical) var(--input-spacing-horizontal);border:var(--border-size) solid var(--border-color);border-radius:var(--radius);background-color:var(--color-background);box-shadow:var(--shadow);color:var(--color-text);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);outline:none;text-decoration:none}[type=file]::file-selector-button{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);--color-text:var(--color-primary-on-fill);--shadow:var(--button-shadow,0 0 0 transparent);padding:var(--input-spacing-vertical) var(--input-spacing-horizontal);border:var(--border-size) solid var(--border-color);border-radius:var(--radius);background-color:var(--color-background);box-shadow:var(--shadow);color:var(--color-text);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);outline:none;text-decoration:none}button[aria-current]:not([aria-current=false]),[role=button][aria-current]:not([aria-current=false]){--color-background:var(--color-primary-fill-hover);--border-color:var(--color-primary-fill-hover);--shadow:var(--button-shadow-hover,0 0 0 transparent);--color-text:var(--color-primary-on-fill)}button:is(:hover,:active,:focus){--color-background:var(--color-primary-fill-hover);--border-color:var(--color-primary-fill-hover);--shadow:var(--button-shadow-hover,0 0 0 transparent);--color-text:var(--color-primary-on-fill)}[type=submit][aria-current]:not([aria-current=false]){--color-background:var(--color-primary-fill-hover);--border-color:var(--color-primary-fill-hover);--shadow:var(--button-shadow-hover,0 0 0 transparent);--color-text:var(--color-primary-on-fill)}[type=submit]:is(:hover,:active,:focus){--color-background:var(--color-primary-fill-hover);--border-color:var(--color-primary-fill-hover);--shadow:var(--button-shadow-hover,0 0 0 transparent);--color-text:var(--color-primary-on-fill)}[type=reset][aria-current]:not([aria-current=false]){--color-background:var(--color-primary-fill-hover);--border-color:var(--color-primary-fill-hover);--shadow:var(--button-shadow-hover,0 0 0 transparent);--color-text:var(--color-primary-on-fill)}[type=reset]:is(:hover,:active,:focus){--color-background:var(--color-primary-fill-hover);--border-color:var(--color-primary-fill-hover);--shadow:var(--button-shadow-hover,0 0 0 transparent);--color-text:var(--color-primary-on-fill)}[type=button][aria-current]:not([aria-current=false]){--color-background:var(--color-primary-fill-hover);--border-color:var(--color-primary-fill-hover);--shadow:var(--button-shadow-hover,0 0 0 transparent);--color-text:var(--color-primary-on-fill)}[type=button]:is(:hover,:active,:focus){--color-background:var(--color-primary-fill-hover);--border-color:var(--color-primary-fill-hover);--shadow:var(--button-shadow-hover,0 0 0 transparent);--color-text:var(--color-primary-on-fill)}[type=file]::file-selector-button:is(:hover,:active,:focus){--color-background:var(--color-primary-fill-hover);--border-color:var(--color-primary-fill-hover);--shadow:var(--button-shadow-hover,0 0 0 transparent);--color-text:var(--color-primary-on-fill)}[role=button]:is(:hover,:active,:focus){--color-background:var(--color-primary-fill-hover);--border-color:var(--color-primary-fill-hover);--shadow:var(--button-shadow-hover,0 0 0 transparent);--color-text:var(--color-primary-on-fill)}button:focus,button[aria-current]:not([aria-current=false]):focus,[role=button]:focus,[role=button][aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-primary-focus-ring)}[type=submit]:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-primary-focus-ring)}[type=submit][aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-primary-focus-ring)}[type=reset]:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-primary-focus-ring)}[type=reset][aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-primary-focus-ring)}[type=button]:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-primary-focus-ring)}[type=button][aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-primary-focus-ring)}[type=file]::file-selector-button:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-primary-focus-ring)}[type=submit]{margin-bottom:var(--spacing)}[type=reset]{margin-bottom:var(--spacing)}[type=button]{margin-bottom:var(--spacing)}[aria-label=Close]{--color-background:var(--color-secondary-fill);--border-color:var(--color-secondary-fill);--color-text:var(--color-secondary-on-fill);cursor:pointer}[type=reset]{--color-background:var(--color-secondary-fill);--border-color:var(--color-secondary-fill);--color-text:var(--color-secondary-on-fill);cursor:pointer}[type=file]::file-selector-button{--color-background:var(--color-secondary-fill);--border-color:var(--color-secondary-fill);--color-text:var(--color-secondary-on-fill);cursor:pointer}[type=reset]:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:var(--color-secondary-fill-hover);--border-color:var(--color-secondary-fill-hover);--color-text:var(--color-secondary-on-fill)}[type=file]::file-selector-button:is(:hover,:active,:focus){--color-background:var(--color-secondary-fill-hover);--border-color:var(--color-secondary-fill-hover);--color-text:var(--color-secondary-on-fill)}[aria-label=Close]:is(:hover,:active,:focus){--color-background:var(--color-secondary-fill-hover);--border-color:var(--color-secondary-fill-hover);--color-text:var(--color-secondary-on-fill)}[aria-label=Close]:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-secondary-focus-ring)}[type=reset]:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-secondary-focus-ring)}[type=reset][aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-secondary-focus-ring)}[type=file]::file-selector-button:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-secondary-focus-ring)}:is(button,[type=submit],[type=reset],[type=button],[role=button])[disabled]{opacity:.5;pointer-events:none}fieldset[disabled] :is(button,[type=submit],[type=button],[type=reset],[role=button]){opacity:.5;pointer-events:none}aside nav :where(button,[role=button],[type=button],input:not(:is([type=checkbox],[type=radio],[type=range],[type=file])),select){width:100%;display:block!important}nav :where(button,[role=button],[type=button],input:not(:is([type=checkbox],[type=radio],[type=range],[type=file])),select){--input-spacing-vertical:calc(var(--nav-link-gap) - var(--border-size) * 2);--input-spacing-horizontal:var(--nav-link-gap);height:auto;margin-right:inherit;margin-bottom:0;margin-left:inherit;padding:var(--input-spacing-vertical) var(--input-spacing-horizontal)}pre,code,kbd,samp{font-size:.875em;font-family:var(--font-family);border-radius:var(--radius);background:var(--code-fill);color:var(--code-text);font-weight:var(--font-weight);line-height:initial}code,kbd,samp{padding:.375rem;display:inline-block}pre{-ms-overflow-style:scrollbar;color:var(--color-text);font-style:normal;font-weight:var(--font-weight);margin-bottom:var(--typography-spacing-vertical);margin-top:0;display:block;overflow:auto}pre code{font-size:inherit;font-family:inherit}pre samp{font-size:inherit;font-family:inherit}pre>code{padding:var(--spacing);line-height:var(--line-height);background:0 0;display:block}pre>samp{padding:var(--spacing);line-height:var(--line-height);background:0 0;display:block}kbd{background-color:var(--kbd-fill);color:var(--kbd-text);vertical-align:baseline}del{color:var(--color-danger-text)}summary{display:list-item}details{margin-bottom:var(--spacing);display:block}details summary{cursor:pointer;transition:color var(--transition);line-height:1rem;list-style-type:none}details summary:not([role]){color:var(--details-summary-text)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary:after{width:1rem;height:1rem;float:right;background-image:var(--icon-chevron);content:"";transition:transform var(--transition);background-position:100%;background-repeat:no-repeat;background-size:1rem;margin-inline-start:calc(var(--spacing,1rem) * .5);display:block;transform:rotate(-90deg)}details summary:focus{outline:none}details summary:focus:not([role]){color:var(--details-summary-text-hover)}details summary:focus-visible:not([role]){outline:var(--outline-size) solid var(--color-primary-focus-ring);outline-offset:calc(var(--spacing,1rem) * .5);color:var(--color-primary-text)}details summary[role=button]{text-align:left;width:100%}details summary[role=button]:focus-visible{outline:var(--outline-size) solid var(--color-primary-focus-ring);outline-offset:calc(var(--spacing,1rem) * .5)}details summary[role=button]:after{height:calc(1rem * var(--line-height,1.5));filter:brightness(0)invert()}details[open]>summary{margin-bottom:var(--spacing)}details[open]>summary:not([role]):not(:focus){color:var(--details-summary-text-open)}details[open]>summary:after{transform:rotate(0)}[dir=rtl] details summary{text-align:right}[dir=rtl] details summary:after{float:left;background-position:0}details:has(>summary[aria-haspopup=menu]){border-bottom:none;position:relative}details:has(>summary[aria-haspopup=menu])>summary:after{width:1rem;height:calc(1rem * var(--line-height,1.5));margin-inline-start:.25rem;float:right;background-image:var(--icon-chevron);content:"";background-position:100%;background-repeat:no-repeat;background-size:1rem;margin-left:auto;display:block;transform:rotate(0)translate(.2rem)}details:has(>summary[aria-haspopup=menu])>button:after{width:1rem;height:calc(1rem * var(--line-height,1.5));margin-inline-start:.25rem;float:right;background-image:var(--icon-chevron);content:"";background-position:100%;background-repeat:no-repeat;background-size:1rem;margin-left:auto;display:block;transform:rotate(0)translate(.2rem)}details:has(>summary[aria-haspopup=menu])>a:after{width:1rem;height:calc(1rem * var(--line-height,1.5));margin-inline-start:.25rem;float:right;background-image:var(--icon-chevron);content:"";background-position:100%;background-repeat:no-repeat;background-size:1rem;margin-left:auto;display:block;transform:rotate(0)translate(.2rem)}details:has(>summary[aria-haspopup=menu]) summary:not([role=button]){--outline-size:.0625rem}details:has(>summary[aria-haspopup=menu])>:where(summary:not([role])){height:calc(1rem * var(--line-height) + var(--input-spacing-vertical) * 2 + var(--border-size) * 2);padding:var(--input-spacing-vertical) var(--input-spacing-horizontal);border:var(--border-size) solid var(--input-border);border-radius:var(--radius);background-color:var(--input-fill);color:var(--input-placeholder-text);line-height:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);align-items:center;display:flex}details:has(>summary[aria-haspopup=menu])>:where(summary:not([role]):active,summary:not([role]):focus){border-color:var(--input-border-focus);background-color:var(--input-fill-active)}details:has(>summary[aria-haspopup=menu])>:where(summary:not([role]):focus){box-shadow:0 0 0 var(--outline-size) var(--input-border-focus)}details:has(>summary[aria-haspopup=menu])>:where(summary:not([role]):focus-visible){outline:none}details:has(>summary[aria-haspopup=menu])>:where(summary:not([role])[aria-invalid=false]){--input-border:var(--color-success-fill);--input-border-focus:var(--color-success-fill-hover)}details:has(>summary[aria-haspopup=menu])>:where(summary:not([role])[aria-invalid=true]){--input-border:var(--color-danger-fill);--input-border-focus:var(--color-danger-fill-hover)}details:has(>summary[aria-haspopup=menu])>:where(summary+ul[role=menu]){z-index:var(--max-z-index);width:100%;min-width:fit-content;margin:0;margin-top:var(--outline-size);border:var(--border-size) solid var(--menu-border);border-radius:var(--radius);background-color:var(--menu-fill);box-shadow:var(--menu-shadow);color:var(--menu-text);white-space:nowrap;opacity:0;transition:opacity var(--transition), transform 0s ease-in-out 1s;flex-direction:column;padding:0;display:flex;position:absolute;left:0}details:has(>summary[aria-haspopup=menu])>:where(summary+ul[role=menu][dir=rtl]){left:auto;right:0}details:has(>summary[aria-haspopup=menu])>summary+ul[role=menu] li{width:100%;padding:calc(var(--input-spacing-vertical) * .5) var(--input-spacing-horizontal);margin-bottom:0;list-style:none}details:has(>summary[aria-haspopup=menu])>summary+ul[role=menu] li:first-of-type{margin-top:calc(var(--input-spacing-vertical) * .5)}details:has(>summary[aria-haspopup=menu])>summary+ul[role=menu] li:last-of-type{margin-bottom:calc(var(--input-spacing-vertical) * .5)}details:has(>summary[aria-haspopup=menu])>summary+ul[role=menu] li a{margin:calc(var(--input-spacing-vertical) * -.5) calc(var(--input-spacing-horizontal) * -1);padding:calc(var(--input-spacing-vertical) * .5) var(--input-spacing-horizontal);color:var(--menu-text);text-overflow:ellipsis;border-radius:0;text-decoration:none;display:block;overflow:hidden}details:has(>summary[aria-haspopup=menu])>summary+ul[role=menu] li a:hover{background-color:var(--menu-fill-hover)}details:has(>summary[aria-haspopup=menu])>summary+ul[role=menu] li a:focus{background-color:var(--menu-fill-hover)}details:has(>summary[aria-haspopup=menu])>summary+ul[role=menu] li a:active{background-color:var(--menu-fill-hover)}details:has(>summary[aria-haspopup=menu])>summary+ul[role=menu] li a:focus-visible{background-color:var(--menu-fill-hover)}details:has(>summary[aria-haspopup=menu])>summary+ul[role=menu] li a[aria-current]:not([aria-current=false]){background-color:var(--menu-fill-hover)}details:has(>summary[aria-haspopup=menu])>summary+ul[role=menu] li label{width:100%}details:has(>summary[aria-haspopup=menu])>summary+ul[role=menu] li:has(label):hover{background-color:var(--menu-fill-hover)}details:has(>summary[aria-haspopup=menu])[open]>summary{margin-bottom:0}details:has(>summary[aria-haspopup=menu])[open]>summary+ul[role=menu]{opacity:1;transition:opacity var(--transition), transform 0s ease-in-out 0s;transform:scaleY(1)}details:has(>summary[aria-haspopup=menu])[open]>summary:before{z-index:1;content:"";cursor:default;background:0 0;width:100vw;height:100vh;display:block;position:fixed;inset:0}label>details:has(>summary[aria-haspopup=menu]){margin-top:calc(var(--spacing) * .25)}nav details:has(>summary[aria-haspopup=menu]){margin-bottom:0;display:inline}nav details:has(>summary[aria-haspopup=menu])>summary:after{transform:rotate(0)translate(0)}nav details:has(>summary[aria-haspopup=menu])>:where(summary:not([role])){height:auto;padding:calc(var(--nav-link-gap) - var(--border-size) * 2) var(--nav-link-gap);align-items:center;display:flex}nav details:has(>summary[aria-haspopup=menu])>:where(summary:not([role]):focus-visible){box-shadow:0 0 0 var(--outline-size) var(--color-primary-focus-ring)}nav details:has(>summary[aria-haspopup=menu]) summary:focus-visible{--outline-size:.125rem}nav details:has(>summary[aria-haspopup=menu])>summary[role=button]{width:auto;height:auto;padding:calc(var(--nav-link-gap) - var(--border-size) * 2) var(--nav-link-gap);align-items:center;display:flex}body:has(dialog[open]){pointer-events:none;touch-action:none;overflow:hidden}body:has(dialog[open]) dialog[open]{pointer-events:auto;touch-action:auto}body:has(dialog[open]) dialog:target{pointer-events:auto;touch-action:auto}dialog{max-height:calc(100vh - var(--spacing) * 2);padding:var(--spacing);border-radius:var(--radius);background:var(--dialog-fill);box-shadow:var(--dialog-shadow);border:0;margin:auto;transition:opacity .2s ease-in-out,transform .2s ease-in-out;overflow:auto}@media (width>=576px){dialog{max-width:510px}}@media (width>=768px){dialog{max-width:700px}}dialog:not([open]){display:none}dialog[open=false]{display:none}dialog::backdrop{backdrop-filter:blur(.375rem);background-color:var(--dialog-overlay);transition:backdrop-filter .2s ease-in-out,background-color .2s ease-in-out}dialog>header{width:auto;margin-inline:calc(var(--spacing) * -1);padding-inline:var(--spacing);background-color:var(--dialog-section-fill)}dialog>footer{width:auto;margin-inline:calc(var(--spacing) * -1);padding-inline:var(--spacing);background-color:var(--dialog-section-fill)}dialog>header{margin-top:calc(var(--spacing) * -1);border-bottom:var(--border-size) solid var(--dialog-section-border);border-top-right-radius:var(--radius);border-top-left-radius:var(--radius)}dialog>footer{margin-bottom:calc(var(--spacing) * -1);border-top:var(--border-size) solid var(--dialog-section-border);border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius);justify-content:end;gap:calc(var(--nav-link-gap) * 1.5);display:flex}dialog [rel=prev]{width:1rem;height:1rem;top:calc(var(--spacing) * .66);right:var(--spacing);background-image:var(--icon-close);box-shadow:none;opacity:.5;transition:opacity var(--transition);background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:auto 1rem;border:none;border-radius:0;margin:0;padding:0;display:block;position:absolute}dialog [rel=prev]:hover{opacity:1}@starting-style{dialog[open]{opacity:0;transform:translateY(-20px)}dialog[open]::backdrop{backdrop-filter:none;background-color:transparent}}:where(:root){background-color:var(--color-background);color:var(--color-text);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);text-underline-offset:var(--text-underline-offset);text-rendering:optimizelegibility;overflow-wrap:break-word;tab-size:4}:where(:host){background-color:var(--color-background);color:var(--color-text);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);text-underline-offset:var(--text-underline-offset);text-rendering:optimizelegibility;overflow-wrap:break-word;tab-size:4}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){height:0;display:none}:where(iframe){border-style:none}img{border-style:none;max-width:100%;height:auto}:where(svg:not([fill])){fill:currentColor}svg:not(:root){overflow:hidden}svg:not(:host){overflow:hidden}canvas{display:inline-block}figure{margin:0;padding:0;display:block}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--color-text-muted)}footer{width:100%;padding-block:var(--spacing);margin-top:var(--spacing)}footer>*{margin-top:0!important;margin-bottom:0!important}header{width:100%;padding-block:var(--spacing);margin-bottom:var(--spacing)}header>*{margin-top:0!important;margin-bottom:0!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family)}h1{color:var(--color-text)}h2{color:color-mix(in srgb, var(--color-text) 90%, light-dark(#fff,#000))}h3{color:color-mix(in srgb, var(--color-text) 80%, light-dark(#fff,#000))}h4{color:color-mix(in srgb, var(--color-text) 70%, light-dark(#fff,#000))}h5{color:color-mix(in srgb, var(--color-text) 60%, light-dark(#fff,#000))}h6{color:color-mix(in srgb, var(--color-text) 65%, light-dark(#fff,#000))}:where(article,address,blockquote,dl,figure,form,ol,p,pre,table,ul,hr)~:is(h1,h2,h3,h4,h5,h6){margin-top:var(--heading-gap-top)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-top:0;margin-bottom:0}hgroup>*:not(:first-child):last-child{color:var(--color-text-muted);--font-weight:unset;font-size:1rem}hr{height:0;margin:var(--typography-spacing-vertical) 0;border:0;border-top:1px solid var(--color-border);color:inherit}input,optgroup,select,textarea{font-size:1rem;line-height:var(--line-height);letter-spacing:inherit;margin:0;font-family:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;color:inherit;white-space:normal;padding:0}textarea{overflow:auto}[type=checkbox]{padding:0}[type=radio]{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:none}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file]{border-width:0;padding:0}[type=range]{border-width:0;padding:0}input:not(:is([type=checkbox],[type=radio],[type=range])){height:calc(1rem * var(--line-height) + var(--input-spacing-vertical) * 2 + var(--border-size) * 2)}fieldset{border:0;width:100%;margin:0;padding:0}label,fieldset legend{margin-bottom:calc(var(--spacing) * .375);color:var(--color-text);font-weight:var(--form-label-font-weight,var(--font-weight));display:block}fieldset legend{margin-bottom:calc(var(--spacing) * .5)}select,textarea{width:100%}input:not(:is([type=checkbox],[type=radio])){width:100%}button[type=submit]{width:100%}select,textarea{appearance:none;padding:var(--input-spacing-vertical) var(--input-spacing-horizontal)}input:not(:is([type=checkbox],[type=radio],[type=range],[type=file])){appearance:none;padding:var(--input-spacing-vertical) var(--input-spacing-horizontal)}input,select,textarea{--color-background:var(--input-fill);--border-color:var(--input-border);--color-text:var(--input-text);--shadow:none;border:var(--border-size) solid var(--border-color);border-radius:var(--radius);background-color:var(--color-background);box-shadow:var(--shadow);color:var(--color-text);font-weight:var(--font-weight);transition:background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);outline:none}input:not(:is([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[readonly])):is(:active,:focus){--color-background:var(--input-fill-active)}:where(select,textarea):not([readonly]):is(:active,:focus){--color-background:var(--input-fill-active)}input:not(:is([type=submit],[type=button],[type=reset],[role=switch],[readonly])):is(:active,:focus){--border-color:var(--input-border-focus)}:where(select,textarea):not([readonly]):is(:active,:focus){--border-color:var(--input-border-focus)}input:not(:is([type=submit],[type=button],[type=reset],[type=range],[type=file],[readonly])):focus{--shadow:0 0 0 var(--outline-size) var(--input-border-focus)}:where(select,textarea):not([readonly]):focus{--shadow:0 0 0 var(--outline-size) var(--input-border-focus)}select[disabled],textarea[disabled],label[aria-disabled=true]{opacity:var(--input-opacity-disabled);pointer-events:none}input:not(:is([type=submit],[type=button],[type=reset]))[disabled]{opacity:var(--input-opacity-disabled);pointer-events:none}:where(fieldset[disabled]) :is(input:not(:is([type=submit],[type=button],[type=reset])),select,textarea){opacity:var(--input-opacity-disabled);pointer-events:none}label[aria-disabled=true] input[disabled]{opacity:1}:where(:is(input,select,textarea):not(:is([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week],[type=range]))[aria-invalid]){padding-right:calc(var(--input-spacing-horizontal) + 1.5rem);padding-left:var(--input-spacing-horizontal);background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-inline-start:var(--input-spacing-horizontal);padding-inline-end:calc(var(--input-spacing-horizontal) + 1.5rem)}:where(input:not(:is([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week],[type=range]))[aria-invalid=false],textarea[aria-invalid=false]){background-image:var(--icon-valid)}:where(input:not(:is([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week],[type=range]))[aria-invalid=true],textarea[aria-invalid=true]){background-image:var(--icon-invalid)}:is(input,select,textarea)[aria-invalid=false]{--border-color:var(--color-success-fill)}:is(input,select,textarea)[aria-invalid=false]:is(:active,:focus){--border-color:var(--color-success-fill-hover)}input:not(:is([type=checkbox],[type=radio]))[aria-invalid=false]:is(:active,:focus){--shadow:0 0 0 var(--outline-size) var(--color-success-fill)}select[aria-invalid=false]:is(:active,:focus){--shadow:0 0 0 var(--outline-size) var(--color-success-fill)}textarea[aria-invalid=false]:is(:active,:focus){--shadow:0 0 0 var(--outline-size) var(--color-success-fill)}:is(input,select,textarea)[aria-invalid=true]{--border-color:var(--color-danger-fill)}:is(input,select,textarea)[aria-invalid=true]:is(:active,:focus){--border-color:var(--color-danger-fill-hover)}input:not(:is([type=checkbox],[type=radio]))[aria-invalid=true]:is(:active,:focus){--shadow:0 0 0 var(--outline-size) var(--color-danger-fill)}select[aria-invalid=true]:is(:active,:focus){--shadow:0 0 0 var(--outline-size) var(--color-danger-fill)}textarea[aria-invalid=true]:is(:active,:focus){--shadow:0 0 0 var(--outline-size) var(--color-danger-fill)}:where([dir=rtl] :is(input,select,textarea):not(:is([type=checkbox],[type=radio])):is([aria-invalid],[aria-invalid=true],[aria-invalid=false])){background-position:.75rem}select:invalid{color:var(--input-placeholder-text);opacity:1}input::placeholder{color:var(--input-placeholder-text);opacity:1}input::-webkit-input-placeholder{color:var(--input-placeholder-text);opacity:1}textarea::placeholder{color:var(--input-placeholder-text);opacity:1}textarea::-webkit-input-placeholder{color:var(--input-placeholder-text);opacity:1}select,textarea{margin-bottom:var(--spacing)}input:not(:is([type=checkbox],[type=radio])){margin-bottom:var(--spacing)}select::-ms-expand{background-color:transparent;border:0}select:not(:is([multiple],[size])){padding-right:calc(var(--input-spacing-horizontal) + 1.5rem);padding-left:var(--input-spacing-horizontal);background-image:var(--icon-chevron);background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-inline-start:var(--input-spacing-horizontal);padding-inline-end:calc(var(--input-spacing-horizontal) + 1.5rem)}select[multiple] option:checked{background:var(--input-fill-selected);color:var(--input-text)}[dir=rtl] select:not(:is([multiple],[size])){background-position:.75rem}textarea{resize:vertical;display:block}:where(textarea[aria-invalid]){--icon-height:calc(1rem * var(--line-height) + var(--input-spacing-vertical) * 2 + var(--border-size) * 2);background-position:right .75rem top;background-size:1rem var(--icon-height)}:where(input,select,textarea,fieldset)+small{width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--color-text-muted);display:block}:where(input,select,textarea,fieldset)[aria-invalid=false]+small{color:var(--color-success-text)}:where(input,select,textarea,fieldset)[aria-invalid=true]+small{color:var(--color-danger-text)}label>:where(input,select,textarea){margin-top:calc(var(--spacing) * .25)}ins{color:var(--color-success-text);text-decoration:none}[role=link]{--color-background:transparent;--border-color:transparent;--color-text:var(--color-primary-text);--shadow:transparent;background-color:var(--color-background);color:var(--color-text);-webkit-text-decoration:var(--a-decoration);text-decoration:var(--a-decoration);-webkit-text-decoration-color:oklch(from var(--color-text) l c h / .3);text-decoration-color:oklch(from var(--color-text) l c h / .3);text-underline-offset:.125em;transition:background-color var(--transition), color var(--transition), text-decoration-color var(--transition), text-decoration var(--transition), box-shadow var(--transition);outline:none;padding:0}:where(a:not([role=button])){--color-background:transparent;--border-color:transparent;--color-text:var(--color-primary-text);--shadow:transparent;background-color:var(--color-background);color:var(--color-text);-webkit-text-decoration:var(--a-decoration);text-decoration:var(--a-decoration);-webkit-text-decoration-color:oklch(from var(--color-text) l c h / .3);text-decoration-color:oklch(from var(--color-text) l c h / .3);text-underline-offset:.125em;transition:background-color var(--transition), color var(--transition), text-decoration-color var(--transition), text-decoration var(--transition), box-shadow var(--transition);outline:none;padding:0}:where(a:not([role=button])):is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:transparent;--border-color:transparent;--color-text:var(--color-primary-text-hover);--shadow:transparent;-webkit-text-decoration-color:oklch(from var(--color-text) l c h / .85);text-decoration-color:oklch(from var(--color-text) l c h / .85)}:where(a:not([role=button]))[aria-current]:not([aria-current=false]){-webkit-text-decoration-color:oklch(from var(--color-text) l c h / .6);text-decoration-color:oklch(from var(--color-text) l c h / .6);font-weight:500}:where(a:not([role=button])):focus-visible{box-shadow:0 0 0 var(--outline-size) var(--color-primary-focus-ring)}[role=link]:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:transparent;--border-color:transparent;--color-text:var(--color-primary-text-hover);--shadow:transparent;-webkit-text-decoration-color:oklch(from var(--color-text) l c h / .85);text-decoration-color:oklch(from var(--color-text) l c h / .85)}[role=link][aria-current]:not([aria-current=false]){-webkit-text-decoration-color:oklch(from var(--color-text) l c h / .6);text-decoration-color:oklch(from var(--color-text) l c h / .6);font-weight:500}[role=link]:focus-visible{box-shadow:0 0 0 var(--outline-size) var(--color-primary-focus-ring)}[role=link]{cursor:pointer}button[role=link]{display:inline-flex}a[role=button]{display:inline-block}aside nav a:not([role=button]){width:100%;display:block!important}aside nav [role=link]{width:100%;display:block!important}nav a:not([role=button]):not(:hover){--a-decoration:none}nav [role=link]:not(:hover){--a-decoration:none}dl,ol,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color-text);font-style:normal;font-weight:var(--font-weight)}:where(ol,ul) li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}:where(dl,ol,ul) :where(dl,ol,ul){margin:0;margin-top:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}main{width:100%}mark{background-color:var(--color-warning-fill);color:var(--color-warning-on-fill);vertical-align:baseline;padding:.125rem .25rem}nav{--typography-spacing-vertical:0;--heading-gap-top:0;gap:calc(var(--nav-link-gap) * 1.5);justify-content:space-between;align-items:center;display:flex;overflow:visible}nav>*{margin:0!important}nav[aria-label=breadcrumb]{justify-content:start;align-items:center}nav[aria-label=breadcrumb] ul li:not(:first-child){margin-inline-start:calc(var(--nav-link-gap) * 2)}nav[aria-label=breadcrumb] ul li:not(:last-child):after{width:calc(var(--nav-link-gap) * 3);content:var(--nav-breadcrumb-divider);color:var(--color-text-muted);text-align:center;white-space:nowrap;text-decoration:none;display:inline-block;position:absolute}nav[aria-label=breadcrumb] :where(a[aria-current]:not([aria-current=false]),[role=link][aria-current]:not([aria-current=false])){color:inherit;pointer-events:none;background-color:transparent;text-decoration:none}nav ul{align-items:center;gap:calc(var(--nav-link-gap) * 1.5);padding:0;list-style:none;display:flex;margin-bottom:0!important}nav ul li{display:inline-block}nav ul li:before{float:left;content:""}nav ol{align-items:center;gap:calc(var(--nav-link-gap) * 1.5);padding:0;list-style:none;display:flex;margin-bottom:0!important}nav ol li{display:inline-block}nav ol li:before{float:left;content:""}nav :where(h1,h2,h3,h4,h5,h6){margin-top:0!important}[dir=rtl] :where(nav[aria-label=breadcrumb]) ul li:not(:last-child):after{content:"\\"}aside>nav{flex-grow:1}aside nav{flex-direction:column;align-items:stretch!important}p{color:var(--color-text);font-style:normal;font-weight:var(--font-weight);margin-bottom:var(--typography-spacing-vertical);margin-top:0}p:last-of-type{margin-bottom:0}progress{appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);border-radius:var(--radius);background-color:var(--progress-track-fill);color:var(--progress-fill);vertical-align:baseline;accent-color:var(--color-primary-fill);border:0;display:inline-block;overflow:hidden}progress::-webkit-progress-bar{border-radius:var(--radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-fill);transition:inline-size var(--transition)}progress::-moz-progress-bar{background-color:var(--progress-fill)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-track-fill) linear-gradient(to right, var(--progress-fill) 30%, var(--progress-track-fill) 30%) top left/150% 150% no-repeat;animation:1s linear infinite progress-indeterminate}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}[dir=rtl] progress:indeterminate{animation-direction:reverse}}@keyframes progress-indeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}section{width:100%;margin-bottom:var(--spacing)}small{font-size:var(--font-size)}b,strong{font-weight:bolder}sub{vertical-align:baseline;font-size:.75em;line-height:0;position:relative;bottom:-.25em}sup{vertical-align:baseline;font-size:.75em;line-height:0;position:relative;top:-.5em}table{border-collapse:collapse;border-spacing:0;color:var(--color-text);font-style:normal;font-weight:var(--font-weight);margin-bottom:var(--typography-spacing-vertical);text-indent:0;border-color:currentColor;width:100%;margin-top:0}th,td{padding:calc(var(--spacing) / 2) var(--spacing);border-bottom:var(--border-size) solid var(--color-border);background-color:var(--color-background);color:var(--color-text);font-weight:var(--font-weight);text-align:left;text-align:start}tfoot th{border-top:var(--border-size) solid var(--color-border);border-bottom:0}tfoot td{border-top:var(--border-size) solid var(--color-border);border-bottom:0}label:has([type=checkbox],[type=radio]){cursor:pointer;width:fit-content}[type=checkbox]{appearance:none;margin-top:-.125em;border-width:var(--border-size);vertical-align:middle;cursor:pointer;width:1.25em;height:1.25em;margin-inline-end:.5em}[type=checkbox]::-ms-check{display:none}[type=checkbox]:checked{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);background-image:var(--icon-checkbox);background-position:50%;background-repeat:no-repeat;background-size:.75em}[type=checkbox]:checked:active{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);background-image:var(--icon-checkbox);background-position:50%;background-repeat:no-repeat;background-size:.75em}[type=checkbox]:checked:focus{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);background-image:var(--icon-checkbox);background-position:50%;background-repeat:no-repeat;background-size:.75em}[type=checkbox]~label{cursor:pointer;margin-bottom:0;display:inline-block}[type=checkbox]~label:not(:last-of-type){margin-inline-end:1em}[type=radio]{appearance:none;margin-top:-.125em;border-width:var(--border-size);vertical-align:middle;cursor:pointer;width:1.25em;height:1.25em;margin-inline-end:.5em}[type=radio]::-ms-check{display:none}[type=radio]:checked{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);background-image:var(--icon-checkbox);background-position:50%;background-repeat:no-repeat;background-size:.75em}[type=radio]:checked:active{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);background-image:var(--icon-checkbox);background-position:50%;background-repeat:no-repeat;background-size:.75em}[type=radio]:checked:focus{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);background-image:var(--icon-checkbox);background-position:50%;background-repeat:no-repeat;background-size:.75em}[type=radio]~label{cursor:pointer;margin-bottom:0;display:inline-block}[type=radio]~label:not(:last-of-type){margin-inline-end:1em}[type=checkbox]:indeterminate{--color-background:var(--color-primary-fill);--border-color:var(--color-primary-fill);background-image:var(--icon-minus);background-position:50%;background-repeat:no-repeat;background-size:.75em}[type=radio]{border-radius:50%}[type=radio]:checked{--color-background:var(--color-primary-on-fill);background-image:none;border-width:.35em}[type=radio]:checked:active{--color-background:var(--color-primary-on-fill);background-image:none;border-width:.35em}[type=radio]:checked:focus{--color-background:var(--color-primary-on-fill);background-image:none;border-width:.35em}[type=checkbox][role=switch]{--color-background:var(--switch-fill);--color-text:var(--switch-thumb-fill);border:var(--border-size) solid var(--border-color);background-color:var(--color-background);border-radius:1.25em;width:2.25em;height:1.25em;line-height:1.25em}[type=checkbox][role=switch]:not([aria-invalid]){--border-color:var(--switch-fill)}[type=checkbox][role=switch]:before{aspect-ratio:1;background-color:var(--color-text);height:100%;box-shadow:var(--switch-thumb-glow);content:"";border-radius:50%;transition:margin .1s ease-in-out;display:block}[type=checkbox][role=switch]:focus{--color-background:var(--switch-fill);--border-color:var(--switch-fill)}[type=checkbox][role=switch]:checked{--color-background:var(--switch-fill-checked);--border-color:var(--switch-fill-checked);background-image:none}[type=checkbox][role=switch]:checked:before{margin-inline-start:1em}[type=checkbox][role=switch][disabled]{--color-background:var(--border-color)}[type=checkbox][aria-invalid=false]:checked{--color-background:var(--color-success-fill)}[type=checkbox][aria-invalid=false]:checked:active{--color-background:var(--color-success-fill)}[type=checkbox][aria-invalid=false]:checked:focus{--color-background:var(--color-success-fill)}[type=checkbox][role=switch][aria-invalid=false]:checked{--color-background:var(--color-success-fill)}[type=checkbox][role=switch][aria-invalid=false]:checked:active{--color-background:var(--color-success-fill)}[type=checkbox][role=switch][aria-invalid=false]:checked:focus{--color-background:var(--color-success-fill)}[type=checkbox]:checked[aria-invalid=true]{--color-background:var(--color-danger-fill)}[type=checkbox]:checked:active[aria-invalid=true]{--color-background:var(--color-danger-fill)}[type=checkbox]:checked:focus[aria-invalid=true]{--color-background:var(--color-danger-fill)}[type=checkbox][role=switch]:checked[aria-invalid=true]{--color-background:var(--color-danger-fill)}[type=checkbox][role=switch]:checked:active[aria-invalid=true]{--color-background:var(--color-danger-fill)}[type=checkbox][role=switch]:checked:focus[aria-invalid=true]{--color-background:var(--color-danger-fill)}[type=checkbox][aria-invalid=false]:checked{--border-color:var(--color-success-fill)}[type=checkbox][aria-invalid=false]:checked:active{--border-color:var(--color-success-fill)}[type=checkbox][aria-invalid=false]:checked:focus{--border-color:var(--color-success-fill)}[type=radio][aria-invalid=false]:checked{--border-color:var(--color-success-fill)}[type=radio][aria-invalid=false]:checked:active{--border-color:var(--color-success-fill)}[type=radio][aria-invalid=false]:checked:focus{--border-color:var(--color-success-fill)}[type=checkbox][role=switch][aria-invalid=false]:checked{--border-color:var(--color-success-fill)}[type=checkbox][role=switch][aria-invalid=false]:checked:active{--border-color:var(--color-success-fill)}[type=checkbox][role=switch][aria-invalid=false]:checked:focus{--border-color:var(--color-success-fill)}[type=checkbox]:checked[aria-invalid=true]{--border-color:var(--color-danger-fill)}[type=checkbox]:checked:active[aria-invalid=true]{--border-color:var(--color-danger-fill)}[type=checkbox]:checked:focus[aria-invalid=true]{--border-color:var(--color-danger-fill)}[type=radio]:checked[aria-invalid=true]{--border-color:var(--color-danger-fill)}[type=radio]:checked:active[aria-invalid=true]{--border-color:var(--color-danger-fill)}[type=radio]:checked:focus[aria-invalid=true]{--border-color:var(--color-danger-fill)}[type=checkbox][role=switch]:checked[aria-invalid=true]{--border-color:var(--color-danger-fill)}[type=checkbox][role=switch]:checked:active[aria-invalid=true]{--border-color:var(--color-danger-fill)}[type=checkbox][role=switch]:checked:focus[aria-invalid=true]{--border-color:var(--color-danger-fill)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border-radius:calc(var(--radius) * .5);border:0}[type=color]::-moz-color-swatch{border-radius:calc(var(--radius) * .5);border:0}:where(input:not(:is([type=checkbox],[type=radio],[type=range],[type=file])):is([type=date],[type=datetime-local],[type=month],[type=time],[type=week])){--icon-position:.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}:where(input:not(:is([type=checkbox],[type=radio],[type=range],[type=file]))[type=time]){background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[type=datetime-local]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[type=month]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[type=time]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}@-moz-document url-prefix(){[type=date]{padding-right:var(--input-spacing-horizontal);background-image:none}[type=datetime-local]{padding-right:var(--input-spacing-horizontal);background-image:none}[type=month]{padding-right:var(--input-spacing-horizontal);background-image:none}[type=time]{padding-right:var(--input-spacing-horizontal);background-image:none}[type=week]{padding-right:var(--input-spacing-horizontal);background-image:none}}[dir=rtl] :is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]){text-align:right}[type=file]{--color-text:var(--color-text-muted);margin-left:calc(var(--outline-size) * -1);padding:calc(var(--input-spacing-vertical) * .5) 0;padding-left:var(--outline-size);background:0 0;border:0;border-radius:0}[type=file]::file-selector-button{margin-right:calc(var(--spacing) / 2);padding:calc(var(--input-spacing-vertical) * .5) var(--input-spacing-horizontal)}[type=file]:is(:hover,:active,:focus)::file-selector-button{--color-background:var(--color-secondary-fill-hover);--border-color:var(--color-secondary-fill-hover)}[type=file]:focus::file-selector-button{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-secondary-focus-ring)}[type=range]{appearance:none;background:0 0;width:100%;height:1.25rem}[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius);background-color:var(--range-track-border);width:100%;height:.375rem;transition:background-color var(--transition), box-shadow var(--transition)}[type=range]::-moz-range-track{border-radius:var(--radius);background-color:var(--range-track-border);width:100%;height:.375rem;transition:background-color var(--transition), box-shadow var(--transition)}[type=range]::-ms-track{border-radius:var(--radius);background-color:var(--range-track-border);width:100%;height:.375rem;transition:background-color var(--transition), box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--range-thumb-border);background-color:var(--range-thumb-fill);cursor:pointer;width:1.25rem;height:1.25rem;transition:background-color var(--transition), transform var(--transition);border-radius:50%;margin-top:-.4375rem}[type=range]::-moz-range-thumb{-webkit-appearance:none;border:2px solid var(--range-thumb-border);background-color:var(--range-thumb-fill);cursor:pointer;width:1.25rem;height:1.25rem;transition:background-color var(--transition), transform var(--transition);border-radius:50%;margin-top:-.4375rem}[type=range]::-ms-thumb{-webkit-appearance:none;border:2px solid var(--range-thumb-border);background-color:var(--range-thumb-fill);cursor:pointer;width:1.25rem;height:1.25rem;transition:background-color var(--transition), transform var(--transition);border-radius:50%;margin-top:-.4375rem}[type=range]:active{--range-track-border:var(--range-track-border-active);--range-thumb-fill:var(--range-thumb-fill-active)}[type=range]:focus-within{--range-track-border:var(--range-track-border-active);--range-thumb-fill:var(--range-thumb-fill-active)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not(:is([type=checkbox],[type=radio],[type=range],[type=file]))[type=search]{background-image:var(--icon-search);background-position:left calc(var(--input-spacing-horizontal) + .125rem) center;background-repeat:no-repeat;background-size:1rem;padding-inline-start:calc(var(--input-spacing-horizontal) + 1.75rem)}input:not(:is([type=checkbox],[type=radio],[type=range],[type=file]))[type=search][aria-invalid]{background-position:left calc(var(--input-spacing-horizontal) * 0 + 1.125rem) center, right calc(var(--input-spacing-horizontal) * 0 + .75rem) center;padding-inline-start:calc(var(--input-spacing-horizontal) + 1.75rem)}input:not(:is([type=checkbox],[type=radio],[type=range],[type=file]))[type=search][aria-invalid=false]{background-image:var(--icon-search), var(--icon-valid)}input:not(:is([type=checkbox],[type=radio],[type=range],[type=file]))[type=search][aria-invalid=true]{background-image:var(--icon-search), var(--icon-invalid)}[dir=rtl] input:not(:is([type=checkbox],[type=radio],[type=range],[type=file]))[type=search]{background-position:right calc(var(--input-spacing-horizontal) * 0 + 1.125rem) center}[dir=rtl] input:not(:is([type=checkbox],[type=radio],[type=range],[type=file]))[type=search][aria-invalid]{background-position:right calc(var(--input-spacing-horizontal) * 0 + 1.125rem) center, left calc(var(--input-spacing-horizontal) * 0 + .75rem) center}.card,.pane,.panel{--shadow:var(--dialog-shadow);--color-background:var(--dialog-fill);--border-color:var(--dialog-border);padding-block:var(--spacing);padding-inline:var(--spacing);margin-bottom:var(--spacing);border-radius:var(--radius);border:var(--border-size) solid var(--border-color);background:var(--color-background);box-shadow:var(--shadow);position:relative}:is(.card,.pane,.panel)>header{width:auto;margin-inline:calc(var(--spacing) * -1);padding-inline:var(--spacing);background-color:var(--dialog-section-fill)}:is(.card,.pane,.panel)>footer{width:auto;margin-inline:calc(var(--spacing) * -1);padding-inline:var(--spacing);background-color:var(--dialog-section-fill)}:is(.card,.pane,.panel)>header{margin-top:calc(var(--spacing) * -1);border-bottom:var(--border-size) solid var(--dialog-section-border);border-top-right-radius:var(--radius);border-top-left-radius:var(--radius)}:is(.card,.pane,.panel)>footer{margin-bottom:calc(var(--spacing) * -1);border-top:var(--border-size) solid var(--dialog-section-border);border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius);justify-content:end;gap:calc(var(--nav-link-gap) * 1.5);display:flex}:is(.card,.pane,.panel)>:last-child:is(hgroup){margin-bottom:0}:is(.card,.pane,.panel) [rel=prev]{width:1rem;height:1rem;top:var(--spacing);right:var(--spacing);background-image:var(--icon-close);box-shadow:none;opacity:.5;transition:opacity var(--transition);background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:auto 1rem;border:none;border-radius:0;margin:0;padding:0;display:block;position:absolute}:is(.card,.pane,.panel) [rel=prev]:hover{opacity:1}.pane,.panel{--dialog-shadow:none;--shadow:none}.pane{--dialog-border:transparent;--border-color:transparent;border-radius:0}aside.sidebar{z-index:1020;flex-direction:column;align-self:stretch;max-height:100svh;transition:opacity .2s ease-in-out,transform .2s ease-in-out;display:flex;top:0;position:sticky!important}aside.sidebar:popover-open{box-shadow:var(--shadow);left:0;right:unset;background-color:var(--color-background)!important;width:60%!important;display:flex!important}aside.sidebar:popover-open[data-placement=right]{left:unset;right:0}aside.sidebar::backdrop{backdrop-filter:blur(.375rem);background-color:var(--dialog-overlay);transition:backdrop-filter .2s ease-in-out,background-color .2s ease-in-out}@starting-style{aside.sidebar:popover-open{opacity:0;transform:translate(-20px)}aside.sidebar:popover-open[data-placement=right]{transform:translate(20px)}aside.sidebar:popover-open::backdrop{backdrop-filter:none;background-color:transparent}}:root{--subtle-shade:light-dark(var(--color-zinc-250),var(--color-slate-750));--color-primary-subtle-fill:color-mix(in srgb, var(--color-primary-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-secondary-subtle-fill:color-mix(in srgb, var(--color-secondary-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-contrast-subtle-fill:color-mix(in srgb, var(--color-contrast-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-success-subtle-fill:color-mix(in srgb, var(--color-success-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-info-subtle-fill:color-mix(in srgb, var(--color-info-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-warning-subtle-fill:color-mix(in srgb, var(--color-warning-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-danger-subtle-fill:color-mix(in srgb, var(--color-danger-fill), var(--subtle-shade) var(--subtle-opacity,60%))}:host{--subtle-shade:light-dark(var(--color-zinc-250),var(--color-slate-750));--color-primary-subtle-fill:color-mix(in srgb, var(--color-primary-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-secondary-subtle-fill:color-mix(in srgb, var(--color-secondary-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-contrast-subtle-fill:color-mix(in srgb, var(--color-contrast-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-success-subtle-fill:color-mix(in srgb, var(--color-success-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-info-subtle-fill:color-mix(in srgb, var(--color-info-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-warning-subtle-fill:color-mix(in srgb, var(--color-warning-fill), var(--subtle-shade) var(--subtle-opacity,60%));--color-danger-subtle-fill:color-mix(in srgb, var(--color-danger-fill), var(--subtle-shade) var(--subtle-opacity,60%))}:where(a:not([role=button])).contrast{--color-text:oklch(from var(--color-contrast-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-contrast-text-hover) l c h / var(--color-text-opacity))}[role=link].contrast{--color-text:oklch(from var(--color-contrast-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}[role=link].contrast:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-contrast-text-hover) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).contrast{--color-background:oklch(from var(--color-contrast-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-contrast-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-contrast-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).contrast:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-contrast-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-contrast-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-contrast-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).contrast:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-contrast-focus-ring)}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).contrast[aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-contrast-focus-ring)}:is(.card,.pane,.panel).contrast{--color-text:oklch(from var(--color-contrast-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--dialog-fill:oklch(from var(--color-contrast-fill) l c h / var(--color-background-opacity));--dialog-border:oklch(from var(--color-contrast-fill) l c h / var(--color-background-opacity));--dialog-section-fill:color-mix(in srgb, light-dark(var(--color-slate-50),var(--color-slate-900)), transparent 90%);--dialog-section-border:color-mix(in srgb, light-dark(var(--color-slate-50),black), transparent 95%)}@container style(--theme:dark){details summary[role=button].contrast:after{filter:brightness(0)}}:where(a:not([role=button])).danger{--color-text:oklch(from var(--color-danger-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:where(a:not([role=button])).danger:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-danger-text-hover) l c h / var(--color-text-opacity))}[role=link].danger{--color-text:oklch(from var(--color-danger-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}[role=link].danger:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-danger-text-hover) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).danger{--color-background:oklch(from var(--color-danger-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-danger-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-danger-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).danger:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-danger-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-danger-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-danger-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).danger:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-danger-focus-ring)}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).danger[aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-danger-focus-ring)}:is(.card,.pane,.panel).danger{--color-text:oklch(from var(--color-danger-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--dialog-fill:oklch(from var(--color-danger-fill) l c h / var(--color-background-opacity));--dialog-border:oklch(from var(--color-danger-fill) l c h / var(--color-background-opacity));--dialog-section-fill:color-mix(in srgb, light-dark(var(--color-slate-900),var(--color-slate-50)), transparent 90%)}:where(a:not([role=button])).info{--color-text:oklch(from var(--color-info-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:where(a:not([role=button])).info:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-info-text-hover) l c h / var(--color-text-opacity))}[role=link].info{--color-text:oklch(from var(--color-info-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}[role=link].info:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-info-text-hover) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).info{--color-background:oklch(from var(--color-info-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-info-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-info-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).info:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-info-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-info-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-info-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).info:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-info-focus-ring)}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).info[aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-info-focus-ring)}:is(.card,.pane,.panel).info{--color-text:oklch(from var(--color-info-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--dialog-fill:oklch(from var(--color-info-fill) l c h / var(--color-background-opacity));--dialog-border:oklch(from var(--color-info-fill) l c h / var(--color-background-opacity));--dialog-section-fill:color-mix(in srgb, light-dark(var(--color-slate-900),var(--color-slate-50)), transparent 90%)}:where(a:not([role=button])).primary{--color-text:oklch(from var(--color-primary-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:where(a:not([role=button])).primary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-primary-text-hover) l c h / var(--color-text-opacity))}[role=link].primary{--color-text:oklch(from var(--color-primary-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}[role=link].primary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-primary-text-hover) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).primary{--color-background:oklch(from var(--color-primary-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-primary-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-primary-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).primary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-primary-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-primary-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-primary-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).primary:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-primary-focus-ring)}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).primary[aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-primary-focus-ring)}:is(.card,.pane,.panel).primary{--color-text:oklch(from var(--color-primary-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--dialog-fill:oklch(from var(--color-primary-fill) l c h / var(--color-background-opacity));--dialog-border:oklch(from var(--color-primary-fill) l c h / var(--color-background-opacity));--dialog-section-fill:color-mix(in srgb, light-dark(var(--color-slate-900),var(--color-slate-50)), transparent 90%)}:where(a:not([role=button])).secondary{--color-text:oklch(from var(--color-secondary-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-secondary-text-hover) l c h / var(--color-text-opacity))}[role=link].secondary{--color-text:oklch(from var(--color-secondary-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}[role=link].secondary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-secondary-text-hover) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).secondary{--color-background:oklch(from var(--color-secondary-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-secondary-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-secondary-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).secondary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-secondary-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-secondary-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-secondary-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).secondary:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-secondary-focus-ring)}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).secondary[aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-secondary-focus-ring)}:is(.card,.pane,.panel).secondary{--color-text:oklch(from var(--color-secondary-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--dialog-fill:oklch(from var(--color-secondary-fill) l c h / var(--color-background-opacity));--dialog-border:oklch(from var(--color-secondary-fill) l c h / var(--color-background-opacity));--dialog-section-fill:color-mix(in srgb, light-dark(var(--color-slate-900),var(--color-slate-50)), transparent 90%)}:where(a:not([role=button])).success{--color-text:oklch(from var(--color-success-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:where(a:not([role=button])).success:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-success-text-hover) l c h / var(--color-text-opacity))}[role=link].success{--color-text:oklch(from var(--color-success-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}[role=link].success:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-success-text-hover) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).success{--color-background:oklch(from var(--color-success-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-success-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-success-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).success:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-success-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-success-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-success-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).success:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-success-focus-ring)}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).success[aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-success-focus-ring)}:is(.card,.pane,.panel).success{--color-text:oklch(from var(--color-success-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--dialog-fill:oklch(from var(--color-success-fill) l c h / var(--color-background-opacity));--dialog-border:oklch(from var(--color-success-fill) l c h / var(--color-background-opacity));--dialog-section-fill:color-mix(in srgb, light-dark(var(--color-slate-900),var(--color-slate-50)), transparent 90%)}:where(a:not([role=button])).warning{--color-text:oklch(from var(--color-warning-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:where(a:not([role=button])).warning:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-warning-text-hover) l c h / var(--color-text-opacity))}[role=link].warning{--color-text:oklch(from var(--color-warning-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}[role=link].warning:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-warning-text-hover) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).warning{--color-background:oklch(from var(--color-warning-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-warning-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-warning-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).warning:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-warning-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-warning-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-warning-on-fill) l c h / var(--color-text-opacity))}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).warning:focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-warning-focus-ring)}:is(button,[type=submit],[type=button],[role=button]):not([role=link]).warning[aria-current]:not([aria-current=false]):focus{--shadow:var(--button-shadow-hover,0 0 0 transparent), 0 0 0 var(--outline-size) var(--color-warning-focus-ring)}:is(.card,.pane,.panel).warning{--color-text:oklch(from var(--color-warning-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--dialog-fill:oklch(from var(--color-warning-fill) l c h / var(--color-background-opacity));--dialog-border:oklch(from var(--color-warning-fill) l c h / var(--color-background-opacity));--dialog-section-fill:color-mix(in srgb, light-dark(var(--color-slate-900),var(--color-slate-50)), transparent 90%)}.container,.container-fluid{width:100%;padding-inline:var(--spacing);margin-inline:auto}@media (width>=576px){.container{max-width:510px;padding-inline:calc(var(--spacing) / 2)}}@media (width>=768px){.container{max-width:700px}}@media (width>=1024px){.container{max-width:950px}}@media (width>=1280px){.container{max-width:1200px}}@media (width>=1536px){.container{max-width:1440px}}.ghost{--color-background:transparent;background-color:var(--color-background)!important}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).ghost.primary{--color-background:transparent;--border-color:oklch(from var(--color-primary-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-primary-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).ghost.secondary{--color-background:transparent;--border-color:oklch(from var(--color-secondary-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-secondary-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).ghost.contrast{--color-background:transparent;--border-color:oklch(from var(--color-contrast-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-contrast-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).ghost.success{--color-background:transparent;--border-color:oklch(from var(--color-success-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-success-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).ghost.info{--color-background:transparent;--border-color:oklch(from var(--color-info-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-info-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).ghost.warning{--color-background:transparent;--border-color:oklch(from var(--color-warning-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-warning-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).ghost.danger{--color-background:transparent;--border-color:oklch(from var(--color-danger-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-danger-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(button,[type=submit],[type=button],[role=button]).ghost{--color-background:transparent;--border-color:oklch(from var(--color-primary-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-primary-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(button,[type=submit],[type=button],[role=button]).ghost:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-primary-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-primary-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-primary-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(button,[type=submit],[type=button],[role=button]).ghost.secondary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-secondary-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-secondary-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-secondary-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(button,[type=submit],[type=button],[role=button]).ghost.contrast:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-contrast-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-contrast-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-contrast-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(button,[type=submit],[type=button],[role=button]).ghost.success:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-success-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-success-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-success-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(button,[type=submit],[type=button],[role=button]).ghost.info:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-info-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-info-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-info-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(button,[type=submit],[type=button],[role=button]).ghost.warning:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-warning-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-warning-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-warning-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}details :is(button,[type=submit],[type=button],[role=button]).ghost.warning:is([aria-current]:not([aria-current=false]),:hover,:active,:focus):after{filter:brightness(0)}:is(button,[type=submit],[type=button],[role=button]).ghost.danger:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-danger-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-danger-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-danger-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(.card,.pane,.panel).ghost>header{--dialog-section-fill:light-dark(color-mix(in srgb, var(--color-slate-50) 25%, white),color-mix(in srgb, var(--color-slate-50), transparent 95%));--dialog-section-border:color-mix(in srgb, light-dark(var(--color-slate-900),var(--color-zinc-350)), transparent 90%)}:is(.card,.pane,.panel).ghost>footer{--dialog-section-fill:light-dark(color-mix(in srgb, var(--color-slate-50) 25%, white),color-mix(in srgb, var(--color-slate-50), transparent 95%));--dialog-section-border:color-mix(in srgb, light-dark(var(--color-slate-900),var(--color-zinc-350)), transparent 90%)}[type=reset].ghost{--color-background:transparent;--border-color:oklch(from var(--color-secondary-fill) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-secondary-text) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}[type=reset].ghost:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-background:oklch(from var(--color-primary-fill-hover) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-primary-fill-hover) l c h / var(--color-border-opacity));--color-text:oklch(from var(--color-primary-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}details summary[role=button].ghost:after{filter:none}:root{--table-row-fill-striped:oklch(from var(--color-zinc-500) l c h / .0375)}:host{--table-row-fill-striped:oklch(from var(--color-zinc-500) l c h / .0375)}table.striped tbody tr:nth-child(odd) th{background-color:var(--table-row-fill-striped)}table.striped tbody tr:nth-child(odd) td{background-color:var(--table-row-fill-striped)}.subtle{--subtle-opacity:60%}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).subtle.primary{--color-text:oklch(from var(--color-primary-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--color-background:oklch(from var(--color-primary-subtle-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-primary-subtle-fill) l c h / var(--color-border-opacity))}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).subtle.secondary{--color-text:oklch(from var(--color-secondary-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--color-background:oklch(from var(--color-secondary-subtle-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-secondary-subtle-fill) l c h / var(--color-border-opacity))}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).subtle.contrast{--color-text:oklch(from var(--color-contrast-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--color-background:oklch(from var(--color-contrast-subtle-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-contrast-subtle-fill) l c h / var(--color-border-opacity))}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).subtle.success{--color-text:oklch(from var(--color-success-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--color-background:oklch(from var(--color-success-subtle-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-success-subtle-fill) l c h / var(--color-border-opacity))}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).subtle.info{--color-text:oklch(from var(--color-info-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--color-background:oklch(from var(--color-info-subtle-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-info-subtle-fill) l c h / var(--color-border-opacity))}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).subtle.warning{--color-text:oklch(from var(--color-warning-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--color-background:oklch(from var(--color-warning-subtle-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-warning-subtle-fill) l c h / var(--color-border-opacity))}:is(.card,.pane,.panel,button,[type=submit],[type=button],[role=button]).subtle.danger{--color-text:oklch(from var(--color-danger-on-fill) l c h / var(--color-text-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%);--color-background:oklch(from var(--color-danger-subtle-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-danger-subtle-fill) l c h / var(--color-border-opacity))}:is(button,[type=submit],[type=button],[role=button]).subtle{--color-text:oklch(from var(--color-primary-on-fill) l c h / var(--color-text-opacity));--color-background:oklch(from var(--color-primary-subtle-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-primary-subtle-fill) l c h / var(--color-border-opacity));--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}:is(button,[type=submit],[type=button],[role=button]).subtle:is(.primary,[aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-primary-on-fill) l c h / var(--color-text-opacity));--color-background:oklch(from var(--color-primary-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-primary-fill) l c h / var(--color-border-opacity))}:is(button,[type=submit],[type=button],[role=button]).subtle.secondary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-secondary-on-fill) l c h / var(--color-text-opacity));--color-background:oklch(from var(--color-secondary-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-secondary-fill) l c h / var(--color-border-opacity))}:is(button,[type=submit],[type=button],[role=button]).subtle.contrast:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-contrast-on-fill) l c h / var(--color-text-opacity));--color-background:oklch(from var(--color-contrast-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-contrast-fill) l c h / var(--color-border-opacity))}:is(button,[type=submit],[type=button],[role=button]).subtle.success:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-success-on-fill) l c h / var(--color-text-opacity));--color-background:oklch(from var(--color-success-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-success-fill) l c h / var(--color-border-opacity))}:is(button,[type=submit],[type=button],[role=button]).subtle.info:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-info-on-fill) l c h / var(--color-text-opacity));--color-background:oklch(from var(--color-info-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-info-fill) l c h / var(--color-border-opacity))}:is(button,[type=submit],[type=button],[role=button]).subtle.warning:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-warning-on-fill) l c h / var(--color-text-opacity));--color-background:oklch(from var(--color-warning-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-warning-fill) l c h / var(--color-border-opacity))}:is(button,[type=submit],[type=button],[role=button]).subtle.danger:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:oklch(from var(--color-danger-on-fill) l c h / var(--color-text-opacity));--color-background:oklch(from var(--color-danger-fill) l c h / var(--color-background-opacity));--border-color:oklch(from var(--color-danger-fill) l c h / var(--color-border-opacity))}[type=reset].subtle{--color-text:var(--color-secondary-on-fill);--color-background:var(--color-secondary-subtle-fill);--border-color:var(--color-secondary-subtle-fill);--color-text-muted:color-mix(in srgb, var(--color-text), transparent 40%)}[type=reset].subtle:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--color-text:var(--color-secondary-on-fill);--color-background:var(--color-secondary-fill);--border-color:var(--color-secondary-fill)}