@openvoxproject/voxblocks 0.9.0 → 0.11.0

package/dist/types/components/accordion/vox-accordion.d.ts

@@ -18,8 +18,10 @@ export declare class VoxAccordion extends LitElement {
  * @fires vox-toggle - When the panel opens or closes.
  */
 export declare class VoxAccordionItem extends LitElement {
+    private static nextId;
     heading: string;
     open: boolean;
+    private readonly panelId;
     static styles: import("lit").CSSResult;
     toggle(): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/types/components/alert/vox-alert.d.ts

@@ -1,7 +1,8 @@
 import { LitElement } from 'lit';
 export type AlertVariant = 'info' | 'success' | 'warning' | 'danger';
 /**
- * A page-level notification message, optionally dismissible.
+ * A page-level notification message, optionally dismissible. Shows an
+ * icon matching `variant` automatically — no icon slot to fill in.
  * For static advisory text inside prose, see `<vox-callout>`.
  *
  * @slot - Alert message.

package/dist/types/components/callout/vox-callout.d.ts

@@ -2,7 +2,8 @@ import { LitElement } from 'lit';
 export type CalloutVariant = 'info' | 'tip' | 'warning' | 'danger';
 /**
  * An admonition block matching the custom containers on the OpenVox docs
- * (::: tip, ::: warning, ...).
+ * (::: tip, ::: warning, ...). Shows an icon matching `variant`
+ * automatically — no icon slot to fill in.
  *
  * @slot - Callout body content.
  */

package/dist/types/components/disclosure/vox-disclosure.d.ts

@@ -6,8 +6,10 @@ import { LitElement } from 'lit';
  * @fires vox-toggle - When the content is shown or hidden.
  */
 export declare class VoxDisclosure extends LitElement {
+    private static nextId;
     summary: string;
     open: boolean;
+    private readonly panelId;
     static styles: import("lit").CSSResult;
     toggle(): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/types/components/dropdown/vox-dropdown.d.ts

@@ -18,6 +18,9 @@ export declare class VoxDropdown extends LitElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private handleOutsideClick;
+    /** Close when focus leaves the component entirely (e.g. Tab past the last item). */
+    private handleFocusOut;
+    private focusItem;
     private handleKeydown;
     private toggle;
     render(): import("lit-html").TemplateResult<1>;

package/dist/types/components/header/vox-header.d.ts

@@ -2,7 +2,8 @@ import { LitElement } from 'lit';
 /**
  * A site header with brand, primary navigation, and an actions area.
  * Nav entries are plain links; mark the current page with
- * `aria-current="page"`.
+ * `aria-current="page"`. Below 768px, nav and actions collapse behind a
+ * menu button.
  *
  * @slot logo - Brand mark shown before the site title.
  * @slot - Navigation links.
@@ -13,7 +14,16 @@ export declare class VoxHeader extends LitElement {
     siteTitle: string;
     /** Where the brand links to. */
     href: string;
+    private mobileOpen;
     static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleOutsideClick;
+    /** Close the mobile menu once focus tabs past its last item. */
+    private handleFocusOut;
+    private handleKeydown;
+    private toggleMobileMenu;
+    private closeMobileMenu;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/types/components/icon/icon-paths.d.ts

@@ -0,0 +1,30 @@
+import { type SVGTemplateResult } from 'lit';
+/**
+ * The VoxBlocks icon set. Every icon shares one drawing rule: 48x48
+ * viewBox, 2px stroke, round caps/joins, `currentColor` — see
+ * docs/guide/colors.md and the card/empty-state doc icons this set
+ * grew out of. Add new icons here and to `IconName` below; nowhere
+ * else needs to change.
+ *
+ * Grouped by the phases from the icon roadmap:
+ * - Phase 1: shared UI baseline — search through refresh, plus eye-slash.
+ * - Phase 2: OpenVox marketing site — community through heart.
+ * - Phase 3: module registry (Forge replacement) — module through collection.
+ * - Phase 4: fleet console (Puppet Enterprise replacement) — dashboard
+ *   through drift.
+ *
+ * A few concepts repeat across phases (e.g. a release tag and a topic
+ * tag) and deliberately share one icon rather than drawing
+ * near-duplicates — `star` also covers "rating", `copy` also covers
+ * "copy install command", `terminal` also covers "live management
+ * session", and `key` covers both PKI and API keys.
+ *
+ * `blocks`, `plug`, `ballot`, `sun`, and `accessibility` were added
+ * later, consolidating hand-drawn SVGs that had been copy-pasted
+ * inline across docs/index.md, card.md, and marketing.md before this
+ * component existed — see each one's call site for what it replaced.
+ * `settings` was added when components (not just docs) started using
+ * icons — e.g. a sidenav "Settings" item needed one that didn't exist yet.
+ */
+export type IconName = 'search' | 'close' | 'menu' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'external-link' | 'copy' | 'check' | 'warning' | 'info' | 'add' | 'remove' | 'edit' | 'delete' | 'filter' | 'sort' | 'calendar' | 'clock' | 'person' | 'people' | 'lock' | 'eye' | 'eye-slash' | 'refresh' | 'community' | 'book' | 'terminal' | 'shield' | 'roadmap' | 'help' | 'repository' | 'star' | 'chat' | 'heart' | 'module' | 'tag' | 'dependency' | 'verified' | 'archived' | 'publish' | 'changelog' | 'vulnerability' | 'gauge' | 'file-tree' | 'check-circle' | 'x-circle' | 'fork' | 'trending' | 'collection' | 'dashboard' | 'node' | 'node-group' | 'pulse' | 'compliance' | 'report' | 'activity-log' | 'bell' | 'orchestrate' | 'plan' | 'badge' | 'audit' | 'key' | 'layers' | 'classifier' | 'deploy' | 'metrics' | 'schedule' | 'backup' | 'webhook' | 'organization' | 'drift' | 'blocks' | 'plug' | 'ballot' | 'sun' | 'moon' | 'accessibility' | 'settings' | 'github';
+export declare const ICON_PATHS: Record<IconName, SVGTemplateResult>;

package/dist/types/components/icon/vox-icon.d.ts

@@ -0,0 +1,22 @@
+import { LitElement, nothing } from 'lit';
+import { type IconName } from './icon-paths.js';
+export type { IconName };
+export type IconSize = 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * One icon from the shared VoxBlocks icon set, drawn as inline SVG so
+ * it inherits `color` from its context like text does. Decorative by
+ * default (`aria-hidden`); set `label` when the icon is the only
+ * content conveying meaning (e.g. an icon-only button).
+ */
+export declare class VoxIcon extends LitElement {
+    name: IconName;
+    size: IconSize;
+    label?: string;
+    static styles: import("lit").CSSResult;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vox-icon': VoxIcon;
+    }
+}

package/dist/types/components/link-hub/vox-link-hub.d.ts

@@ -12,11 +12,14 @@ export declare class VoxLinkHub extends LitElement {
  * One link in a `<vox-link-hub>`.
  *
  * @slot - Short description under the link title.
+ * @slot icon - Optional icon before the heading, e.g. `<vox-icon>`.
  */
 export declare class VoxLinkHubItem extends LitElement {
     href: string;
     heading: string;
     static styles: import("lit").CSSResult;
+    private hasIcon;
+    private handleIconSlotChange;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/types/components/pagination/vox-pagination.d.ts

@@ -1,17 +1,19 @@
 import { LitElement } from 'lit';
 /**
- * Page-number navigation. Children are plain links; mark the current
- * page with `aria-current="page"`:
+ * Page-number navigation. Children are plain links, with the current
+ * page as a non-interactive `<span aria-current="page">` — like
+ * `<vox-breadcrumbs>`, it shouldn't be a link to itself:
  *
  * ```html
  * <vox-pagination>
  *   <a href="?page=1">1</a>
- *   <a href="?page=2" aria-current="page">2</a>
+ *   <span aria-current="page">2</span>
  *   <a href="?page=3">3</a>
  * </vox-pagination>
  * ```
  *
- * @slot - `<a>` elements (including any prev/next links).
+ * @slot - `<a>` elements (including any prev/next links) and the
+ * current-page `<span>`.
  */
 export declare class VoxPagination extends LitElement {
     label: string;

package/dist/types/components/sidenav/vox-sidenav.d.ts

@@ -1,6 +1,9 @@
 import { LitElement } from 'lit';
 /**
  * A vertical section navigation, in the style of the OpenVox docs sidebar.
+ * Below 768px, collapses behind a toggle button — the same breakpoint and
+ * pattern `vox-header` uses for its own nav, so a page's top nav and side
+ * nav switch to mobile mode together.
  *
  * ```html
  * <vox-sidenav>
@@ -14,8 +17,20 @@ import { LitElement } from 'lit';
  * @slot - `<vox-sidenav-item>` and `<vox-sidenav-group>` elements.
  */
 export declare class VoxSidenav extends LitElement {
+    /** Accessible name for the `<nav>` landmark. */
     label: string;
+    /** Visible text on the mobile toggle button. */
+    toggleLabel: string;
+    private mobileOpen;
     static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleOutsideClick;
+    /** Close the mobile menu once focus tabs past its last item. */
+    private handleFocusOut;
+    private handleKeydown;
+    private toggleMobile;
+    private handleNavClick;
     render(): import("lit-html").TemplateResult<1>;
 }
 /**
@@ -24,8 +39,10 @@ export declare class VoxSidenav extends LitElement {
  * @slot - `<vox-sidenav-item>` elements.
  */
 export declare class VoxSidenavGroup extends LitElement {
+    private static nextId;
     heading: string;
     open: boolean;
+    private readonly itemsId;
     static styles: import("lit").CSSResult;
     private toggle;
     render(): import("lit-html").TemplateResult<1>;
@@ -34,11 +51,14 @@ export declare class VoxSidenavGroup extends LitElement {
  * One sidenav link. Set `current` on the active page's item.
  *
  * @slot - Link text.
+ * @slot icon - Optional icon before the link text, e.g. `<vox-icon>`.
  */
 export declare class VoxSidenavItem extends LitElement {
     href: string;
     current: boolean;
     static styles: import("lit").CSSResult;
+    private hasIcon;
+    private handleIconSlotChange;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/types/components/toc/vox-toc.d.ts

@@ -0,0 +1,43 @@
+import { LitElement } from 'lit';
+/**
+ * An in-page table of contents / heading outline, in the style of the
+ * OpenVox docs "On this page" panel. Nest `<vox-toc-item>` for
+ * sub-headings via the `children` slot.
+ *
+ * ```html
+ * <vox-toc heading="On this page">
+ *   <vox-toc-item href="#palette" current>Palette</vox-toc-item>
+ *   <vox-toc-item href="#pairing-hues">
+ *     Pairing hues
+ *     <vox-toc-item slot="children" href="#soft-badge">Soft badge</vox-toc-item>
+ *   </vox-toc-item>
+ * </vox-toc>
+ * ```
+ *
+ * @slot - `<vox-toc-item>` elements.
+ */
+export declare class VoxToc extends LitElement {
+    heading: string;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * One heading link in a vox-toc. Set `current` on the active section.
+ *
+ * @slot - Link text.
+ * @slot children - Nested `<vox-toc-item>` elements for sub-headings.
+ */
+export declare class VoxTocItem extends LitElement {
+    href: string;
+    current: boolean;
+    static styles: import("lit").CSSResult;
+    private hasChildren;
+    private handleChildrenSlotChange;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'vox-toc': VoxToc;
+        'vox-toc-item': VoxTocItem;
+    }
+}

package/dist/types/index.d.ts

@@ -1,8 +1,10 @@
 import './tokens/tokens.css';
+import './tokens/palette.css';
 import './styles/utilities.css';
 export { VoxButton } from './components/button/vox-button.js';
 export { VoxCta } from './components/cta/vox-cta.js';
 export { VoxThemeToggle } from './components/theme-toggle/vox-theme-toggle.js';
+export { VoxIcon } from './components/icon/vox-icon.js';
 export { VoxCheckbox } from './components/checkbox/vox-checkbox.js';
 export { VoxFileInput } from './components/file-input/vox-file-input.js';
 export { VoxInput } from './components/input/vox-input.js';
@@ -20,6 +22,7 @@ export { VoxSeriesNav } from './components/series-nav/vox-series-nav.js';
 export { VoxSidenav, VoxSidenavGroup, VoxSidenavItem } from './components/sidenav/vox-sidenav.js';
 export { VoxSubnav } from './components/subnav/vox-subnav.js';
 export { VoxTabs, VoxTab, VoxTabPanel } from './components/tabs/vox-tabs.js';
+export { VoxToc, VoxTocItem } from './components/toc/vox-toc.js';
 export { VoxDialog } from './components/dialog/vox-dialog.js';
 export { VoxDisclosure } from './components/disclosure/vox-disclosure.js';
 export { VoxDropdown } from './components/dropdown/vox-dropdown.js';
@@ -42,6 +45,7 @@ export { VoxSponsor, VoxSponsorTier } from './components/sponsor/vox-sponsor.js'
 export { VoxStat } from './components/stat/vox-stat.js';
 export { VoxStepIndicator, VoxStep } from './components/step-indicator/vox-step-indicator.js';
 export { VoxTimeline, VoxTimelineItem } from './components/timeline/vox-timeline.js';
+export type { IconName, IconSize } from './components/icon/vox-icon.js';
 export type { ButtonVariant, ButtonSize } from './components/button/vox-button.js';
 export type { CalloutVariant } from './components/callout/vox-callout.js';
 export type { BadgeVariant } from './components/badge/vox-badge.js';

package/dist/types/internal/field.d.ts

@@ -6,6 +6,8 @@ import { LitElement, nothing } from 'lit';
 export declare class VoxFieldElement extends LitElement {
     static formAssociated: boolean;
     protected internals: ElementInternals;
+    /** Whether the control currently fails validation; drives `aria-invalid`. */
+    protected invalid: boolean;
     name: string;
     label: string;
     note: string;
@@ -20,6 +22,8 @@ export declare class VoxFieldElement extends LitElement {
     /** Mirror a native inner control's validity onto the host element. */
     protected syncValidity(inner: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
     protected renderLabel(forId: string): typeof nothing | import("lit-html").TemplateResult<1>;
+    /** `note`'s id when present, for `aria-describedby` on the native control. */
+    protected get noteId(): string | undefined;
     protected renderNote(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
 export declare const fieldStyles: import("lit").CSSResult;

package/dist/voxblocks.css

@@ -1 +1 @@
-:root{--vox-color-brand-1: #0f5c5c;--vox-color-brand-2: #0a4f49;--vox-color-brand-3: #106b66;--vox-color-brand-soft: rgba(16, 107, 102, .14);--vox-color-tip-1: #18794e;--vox-color-tip-soft: rgba(16, 185, 129, .14);--vox-color-warning-1: #915930;--vox-color-warning-soft: rgba(234, 179, 8, .14);--vox-color-danger-1: #b8272c;--vox-color-danger-2: #d5393e;--vox-color-danger-3: #e0575b;--vox-color-danger-soft: rgba(244, 63, 94, .14);--vox-color-bg: #f5faf9;--vox-color-bg-alt: #e8f1ef;--vox-color-bg-soft: #e8f1ef;--vox-color-bg-elv: #ffffff;--vox-color-text-1: #12262c;--vox-color-text-2: #4c6469;--vox-color-text-3: #86999c;--vox-color-text-inverse: #ffffff;--vox-color-divider: rgba(18, 38, 44, .12);--vox-color-border: rgba(18, 38, 44, .28);--vox-font-family-base: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vox-font-family-display: "Source Serif 4", Georgia, "Times New Roman", serif;--vox-font-family-mono: "JetBrains Mono", "Source Code Pro", ui-monospace, "SF Mono", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--vox-radius-sm: 4px;--vox-radius-md: 8px;--vox-radius-lg: 12px;--vox-radius-full: 9999px;--vox-space-1: .25rem;--vox-space-2: .5rem;--vox-space-3: .75rem;--vox-space-4: 1rem;--vox-space-6: 1.5rem;--vox-space-8: 2rem;--vox-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vox-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vox-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--vox-transition-base: .25s cubic-bezier(.4, 0, .2, 1)}.dark,[data-vox-theme=dark]{--vox-color-brand-1: #7fd8cf;--vox-color-brand-2: #0b5c52;--vox-color-brand-3: #0e7267;--vox-color-brand-soft: rgba(127, 216, 207, .16);--vox-color-tip-1: #3dd68c;--vox-color-tip-soft: rgba(16, 185, 129, .16);--vox-color-warning-1: #f9b44e;--vox-color-warning-soft: rgba(234, 179, 8, .16);--vox-color-danger-1: #f66f81;--vox-color-danger-2: #f14158;--vox-color-danger-3: #b62a3c;--vox-color-danger-soft: rgba(244, 63, 94, .16);--vox-color-bg: #0d1417;--vox-color-bg-alt: #131b1f;--vox-color-bg-soft: #131b1f;--vox-color-bg-elv: #161f23;--vox-color-text-1: #dff3f0;--vox-color-text-2: #9fb8bb;--vox-color-text-3: #5f7275;--vox-color-text-inverse: #ffffff;--vox-color-divider: rgba(159, 184, 187, .24);--vox-color-border: rgba(159, 184, 187, .5);--vox-shadow-1: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .24);--vox-shadow-2: 0 3px 12px rgba(0, 0, 0, .26), 0 1px 4px rgba(0, 0, 0, .26)}body{margin:0;font-family:var(--vox-font-family-base);background-color:var(--vox-color-bg);color:var(--vox-color-text-1)}vox-hero a,vox-alert a,vox-callout a,vox-dialog a,vox-accordion-item a{color:var(--vox-color-brand-1);text-decoration:underline}vox-hero a:hover,vox-alert a:hover,vox-callout a:hover,vox-dialog a:hover,vox-accordion-item a:hover{color:var(--vox-color-brand-2)}.vox-table{width:100%;border-collapse:collapse;font-family:var(--vox-font-family-base);font-size:14px;color:var(--vox-color-text-1)}.vox-table caption{margin-bottom:.5rem;font-weight:600;text-align:left;color:var(--vox-color-text-1)}.vox-table th{padding:.6rem .9rem;border-bottom:2px solid var(--vox-color-divider);font-weight:600;text-align:left;white-space:nowrap;color:var(--vox-color-text-1);background-color:var(--vox-color-bg-soft)}.vox-table td{padding:.6rem .9rem;border-bottom:1px solid var(--vox-color-divider);color:var(--vox-color-text-2)}.vox-table--striped tbody tr:nth-child(odd){background-color:var(--vox-color-bg-soft)}.vox-table--compact th,.vox-table--compact td{padding:.35rem .6rem}.vox-table-wrap{overflow-x:auto;border:1px solid var(--vox-color-divider);border-radius:var(--vox-radius-lg)}.vox-table-wrap .vox-table tbody tr:last-child th,.vox-table-wrap .vox-table tbody tr:last-child td{border-bottom:none}.vox-list{font-family:var(--vox-font-family-base);font-size:14px;line-height:1.7;color:var(--vox-color-text-2);padding-left:1.25rem}.vox-list li+li{margin-top:.25rem}.vox-list--plain{list-style:none;padding-left:0}.vox-list--inline{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}.vox-list--inline li+li{margin-top:0}.vox-prose{max-width:44rem;font-family:var(--vox-font-family-base);font-size:16px;line-height:1.75;color:var(--vox-color-text-2)}.vox-prose+.vox-prose{margin-top:var(--vox-space-4)}.vox-prose a{color:var(--vox-color-brand-1);text-decoration:underline}.vox-prose a:hover{color:var(--vox-color-brand-2)}.vox-m-all-none{margin:0!important}.vox-m-all-xs{margin:.25rem!important}.vox-m-all-sm{margin:.5rem!important}.vox-m-all-md{margin:1rem!important}.vox-m-all-lg{margin:1.5rem!important}.vox-m-all-xl{margin:2rem!important}.vox-m-all-xxl{margin:3rem!important}.vox-m-top-none{margin-top:0!important}.vox-m-top-xs{margin-top:.25rem!important}.vox-m-top-sm{margin-top:.5rem!important}.vox-m-top-md{margin-top:1rem!important}.vox-m-top-lg{margin-top:1.5rem!important}.vox-m-top-xl{margin-top:2rem!important}.vox-m-top-xxl{margin-top:3rem!important}.vox-m-right-none{margin-right:0!important}.vox-m-right-xs{margin-right:.25rem!important}.vox-m-right-sm{margin-right:.5rem!important}.vox-m-right-md{margin-right:1rem!important}.vox-m-right-lg{margin-right:1.5rem!important}.vox-m-right-xl{margin-right:2rem!important}.vox-m-right-xxl{margin-right:3rem!important}.vox-m-bottom-none{margin-bottom:0!important}.vox-m-bottom-xs{margin-bottom:.25rem!important}.vox-m-bottom-sm{margin-bottom:.5rem!important}.vox-m-bottom-md{margin-bottom:1rem!important}.vox-m-bottom-lg{margin-bottom:1.5rem!important}.vox-m-bottom-xl{margin-bottom:2rem!important}.vox-m-bottom-xxl{margin-bottom:3rem!important}.vox-m-left-none{margin-left:0!important}.vox-m-left-xs{margin-left:.25rem!important}.vox-m-left-sm{margin-left:.5rem!important}.vox-m-left-md{margin-left:1rem!important}.vox-m-left-lg{margin-left:1.5rem!important}.vox-m-left-xl{margin-left:2rem!important}.vox-m-left-xxl{margin-left:3rem!important}.vox-m-x-none{margin-left:0!important;margin-right:0!important}.vox-m-x-xs{margin-left:.25rem!important;margin-right:.25rem!important}.vox-m-x-sm{margin-left:.5rem!important;margin-right:.5rem!important}.vox-m-x-md{margin-left:1rem!important;margin-right:1rem!important}.vox-m-x-lg{margin-left:1.5rem!important;margin-right:1.5rem!important}.vox-m-x-xl{margin-left:2rem!important;margin-right:2rem!important}.vox-m-x-xxl{margin-left:3rem!important;margin-right:3rem!important}.vox-m-x-auto{margin-left:auto!important;margin-right:auto!important}.vox-m-y-none{margin-top:0!important;margin-bottom:0!important}.vox-m-y-xs{margin-top:.25rem!important;margin-bottom:.25rem!important}.vox-m-y-sm{margin-top:.5rem!important;margin-bottom:.5rem!important}.vox-m-y-md{margin-top:1rem!important;margin-bottom:1rem!important}.vox-m-y-lg{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.vox-m-y-xl{margin-top:2rem!important;margin-bottom:2rem!important}.vox-m-y-xxl{margin-top:3rem!important;margin-bottom:3rem!important}.vox-p-all-none{padding:0!important}.vox-p-all-xs{padding:.25rem!important}.vox-p-all-sm{padding:.5rem!important}.vox-p-all-md{padding:1rem!important}.vox-p-all-lg{padding:1.5rem!important}.vox-p-all-xl{padding:2rem!important}.vox-p-all-xxl{padding:3rem!important}.vox-p-top-none{padding-top:0!important}.vox-p-top-xs{padding-top:.25rem!important}.vox-p-top-sm{padding-top:.5rem!important}.vox-p-top-md{padding-top:1rem!important}.vox-p-top-lg{padding-top:1.5rem!important}.vox-p-top-xl{padding-top:2rem!important}.vox-p-top-xxl{padding-top:3rem!important}.vox-p-right-none{padding-right:0!important}.vox-p-right-xs{padding-right:.25rem!important}.vox-p-right-sm{padding-right:.5rem!important}.vox-p-right-md{padding-right:1rem!important}.vox-p-right-lg{padding-right:1.5rem!important}.vox-p-right-xl{padding-right:2rem!important}.vox-p-right-xxl{padding-right:3rem!important}.vox-p-bottom-none{padding-bottom:0!important}.vox-p-bottom-xs{padding-bottom:.25rem!important}.vox-p-bottom-sm{padding-bottom:.5rem!important}.vox-p-bottom-md{padding-bottom:1rem!important}.vox-p-bottom-lg{padding-bottom:1.5rem!important}.vox-p-bottom-xl{padding-bottom:2rem!important}.vox-p-bottom-xxl{padding-bottom:3rem!important}.vox-p-left-none{padding-left:0!important}.vox-p-left-xs{padding-left:.25rem!important}.vox-p-left-sm{padding-left:.5rem!important}.vox-p-left-md{padding-left:1rem!important}.vox-p-left-lg{padding-left:1.5rem!important}.vox-p-left-xl{padding-left:2rem!important}.vox-p-left-xxl{padding-left:3rem!important}.vox-p-x-none{padding-left:0!important;padding-right:0!important}.vox-p-x-xs{padding-left:.25rem!important;padding-right:.25rem!important}.vox-p-x-sm{padding-left:.5rem!important;padding-right:.5rem!important}.vox-p-x-md{padding-left:1rem!important;padding-right:1rem!important}.vox-p-x-lg{padding-left:1.5rem!important;padding-right:1.5rem!important}.vox-p-x-xl{padding-left:2rem!important;padding-right:2rem!important}.vox-p-x-xxl{padding-left:3rem!important;padding-right:3rem!important}.vox-p-y-none{padding-top:0!important;padding-bottom:0!important}.vox-p-y-xs{padding-top:.25rem!important;padding-bottom:.25rem!important}.vox-p-y-sm{padding-top:.5rem!important;padding-bottom:.5rem!important}.vox-p-y-md{padding-top:1rem!important;padding-bottom:1rem!important}.vox-p-y-lg{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.vox-p-y-xl{padding-top:2rem!important;padding-bottom:2rem!important}.vox-p-y-xxl{padding-top:3rem!important;padding-bottom:3rem!important}.vox-ts-xs{font-size:12px!important}.vox-ts-sm{font-size:14px!important}.vox-ts-md{font-size:16px!important}.vox-ts-lg{font-size:18px!important}.vox-ts-xl{font-size:22px!important}.vox-ts-xxl{font-size:28px!important}.vox-ts-3xl{font-size:36px!important}.vox-text-regular{font-weight:400!important}.vox-text-medium{font-weight:500!important}.vox-text-semibold{font-weight:600!important}.vox-text-bold{font-weight:700!important}.vox-text-left{text-align:left!important}.vox-text-center{text-align:center!important}.vox-text-right{text-align:right!important}.vox-text-uppercase{text-transform:uppercase!important;letter-spacing:.05em!important}.vox-text-mono{font-family:var(--vox-font-family-mono)!important}.vox-lh-tight{line-height:1.25!important}.vox-lh-base{line-height:1.5!important}.vox-lh-loose{line-height:1.75!important}.vox-color-text-1{color:var(--vox-color-text-1)!important}.vox-color-text-2{color:var(--vox-color-text-2)!important}.vox-color-text-3{color:var(--vox-color-text-3)!important}.vox-color-brand{color:var(--vox-color-brand-1)!important}.vox-color-tip{color:var(--vox-color-tip-1)!important}.vox-color-warning{color:var(--vox-color-warning-1)!important}.vox-color-danger{color:var(--vox-color-danger-1)!important}.vox-bg{background-color:var(--vox-color-bg)!important}.vox-bg-alt{background-color:var(--vox-color-bg-alt)!important}.vox-bg-soft{background-color:var(--vox-color-bg-soft)!important}.vox-bg-elv{background-color:var(--vox-color-bg-elv)!important}.vox-bg-brand{background-color:var(--vox-color-brand-3)!important;color:var(--vox-color-text-inverse)!important}.vox-bg-brand-soft{background-color:var(--vox-color-brand-soft)!important}.vox-bg-tip-soft{background-color:var(--vox-color-tip-soft)!important}.vox-bg-warning-soft{background-color:var(--vox-color-warning-soft)!important}.vox-bg-danger-soft{background-color:var(--vox-color-danger-soft)!important}.vox-border-all{border:1px solid var(--vox-color-divider)!important}.vox-border-top{border-top:1px solid var(--vox-color-divider)!important}.vox-border-right{border-right:1px solid var(--vox-color-divider)!important}.vox-border-bottom{border-bottom:1px solid var(--vox-color-divider)!important}.vox-border-left{border-left:1px solid var(--vox-color-divider)!important}.vox-border-none{border:none!important}.vox-radius-sm{border-radius:var(--vox-radius-sm)!important}.vox-radius-md{border-radius:var(--vox-radius-md)!important}.vox-radius-lg{border-radius:var(--vox-radius-lg)!important}.vox-radius-full{border-radius:var(--vox-radius-full)!important}.vox-display-block{display:block!important}.vox-display-inline{display:inline!important}.vox-display-inline-block{display:inline-block!important}.vox-display-flex{display:flex!important}.vox-display-inline-flex{display:inline-flex!important}.vox-display-grid{display:grid!important}.vox-flex-row{flex-direction:row!important}.vox-flex-column{flex-direction:column!important}.vox-flex-wrap{flex-wrap:wrap!important}.vox-flex-nowrap{flex-wrap:nowrap!important}.vox-justify-start{justify-content:flex-start!important}.vox-justify-center{justify-content:center!important}.vox-justify-end{justify-content:flex-end!important}.vox-justify-between{justify-content:space-between!important}.vox-items-start{align-items:flex-start!important}.vox-items-center{align-items:center!important}.vox-items-end{align-items:flex-end!important}.vox-items-stretch{align-items:stretch!important}.vox-grow-0{flex-grow:0!important}.vox-grow-1{flex-grow:1!important}.vox-shrink-0{flex-shrink:0!important}.vox-gap-none{gap:0!important}.vox-gap-xs{gap:.25rem!important}.vox-gap-sm{gap:.5rem!important}.vox-gap-md{gap:1rem!important}.vox-gap-lg{gap:1.5rem!important}.vox-gap-xl{gap:2rem!important}.vox-gap-xxl{gap:3rem!important}.vox-shadow-1{box-shadow:var(--vox-shadow-1)!important}.vox-shadow-2{box-shadow:var(--vox-shadow-2)!important}.vox-shadow-none{box-shadow:none!important}.vox-hide{display:none!important}.vox-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media(max-width:479.98px){.vox-hide-sm-down{display:none!important}}@media(max-width:767.98px){.vox-hide-md-down{display:none!important}}@media(max-width:1023.98px){.vox-hide-lg-down{display:none!important}}@media(min-width:480px){.vox-hide-sm-up{display:none!important}}@media(min-width:768px){.vox-hide-md-up{display:none!important}}@media(min-width:1024px){.vox-hide-lg-up{display:none!important}}.vox-width-full{width:100%!important}.vox-width-auto{width:auto!important}.vox-width-sm{width:20rem!important}.vox-width-md{width:30rem!important}.vox-width-lg{width:40rem!important}.vox-width-xl{width:50rem!important}.vox-max-width-sm{max-width:20rem!important}.vox-max-width-md{max-width:30rem!important}.vox-max-width-lg{max-width:40rem!important}.vox-max-width-xl{max-width:50rem!important}.vox-max-width-full{max-width:100%!important}.vox-z-0{z-index:0!important}.vox-z-10{z-index:10!important}.vox-z-100{z-index:100!important}.vox-z-1000{z-index:1000!important}
+:root{--vox-color-brand-1: #0f5c5c;--vox-color-brand-2: #0a4f49;--vox-color-brand-3: #106b66;--vox-color-brand-soft: rgba(16, 107, 102, .14);--vox-color-tip-1: #18794e;--vox-color-tip-soft: rgba(16, 185, 129, .14);--vox-color-warning-1: #915930;--vox-color-warning-soft: rgba(234, 179, 8, .14);--vox-color-danger-1: #b8272c;--vox-color-danger-2: #c9333a;--vox-color-danger-3: #d5393e;--vox-color-danger-soft: rgba(244, 63, 94, .14);--vox-color-bg: #f5faf9;--vox-color-bg-alt: #e8f1ef;--vox-color-bg-soft: #e8f1ef;--vox-color-bg-elv: #ffffff;--vox-color-text-1: #12262c;--vox-color-text-2: #4c6469;--vox-color-text-3: #5c7377;--vox-color-text-inverse: #ffffff;--vox-color-divider: rgba(18, 38, 44, .12);--vox-color-border: rgba(18, 38, 44, .55);--vox-font-family-base: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--vox-font-family-display: "Source Serif 4", Georgia, "Times New Roman", serif;--vox-font-family-mono: "JetBrains Mono", "Source Code Pro", ui-monospace, "SF Mono", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--vox-radius-sm: 4px;--vox-radius-md: 8px;--vox-radius-lg: 12px;--vox-radius-full: 9999px;--vox-space-1: .25rem;--vox-space-2: .5rem;--vox-space-3: .75rem;--vox-space-4: 1rem;--vox-space-6: 1.5rem;--vox-space-8: 2rem;--vox-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vox-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vox-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--vox-transition-base: .25s cubic-bezier(.4, 0, .2, 1)}.dark,[data-vox-theme=dark]{--vox-color-brand-1: #7fd8cf;--vox-color-brand-2: #0b5c52;--vox-color-brand-3: #0e7267;--vox-color-brand-soft: rgba(127, 216, 207, .16);--vox-color-tip-1: #3dd68c;--vox-color-tip-soft: rgba(16, 185, 129, .16);--vox-color-warning-1: #f9b44e;--vox-color-warning-soft: rgba(234, 179, 8, .16);--vox-color-danger-1: #f66f81;--vox-color-danger-2: #d13b52;--vox-color-danger-3: #b62a3c;--vox-color-danger-soft: rgba(244, 63, 94, .16);--vox-color-bg: #0d1417;--vox-color-bg-alt: #131b1f;--vox-color-bg-soft: #131b1f;--vox-color-bg-elv: #161f23;--vox-color-text-1: #dff3f0;--vox-color-text-2: #9fb8bb;--vox-color-text-3: #88999c;--vox-color-text-inverse: #ffffff;--vox-color-divider: rgba(159, 184, 187, .24);--vox-color-border: rgba(159, 184, 187, .6);--vox-shadow-1: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .24);--vox-shadow-2: 0 3px 12px rgba(0, 0, 0, .26), 0 1px 4px rgba(0, 0, 0, .26)}body{margin:0;font-family:var(--vox-font-family-base);background-color:var(--vox-color-bg);color:var(--vox-color-text-1)}vox-hero a,vox-alert a,vox-callout a,vox-dialog a,vox-accordion-item a{color:var(--vox-color-brand-1);text-decoration:underline}vox-hero a:hover,vox-alert a:hover,vox-callout a:hover,vox-dialog a:hover,vox-accordion-item a:hover{color:var(--vox-color-brand-2)}:root{--vox-palette-gray-100: #f1f3f4;--vox-palette-gray-200: #dde1e3;--vox-palette-gray-300: #c1c9cd;--vox-palette-gray-400: #a0abb1;--vox-palette-gray-500: #7e8e95;--vox-palette-gray-600: #67777e;--vox-palette-gray-700: #535f65;--vox-palette-gray-800: #404a4f;--vox-palette-gray-900: #2c3235;--vox-palette-teal-100: #eafaf9;--vox-palette-teal-200: #cdf3f1;--vox-palette-teal-300: #a4eae5;--vox-palette-teal-400: #73ded7;--vox-palette-teal-500: #41d2c9;--vox-palette-teal-600: #2cbab0;--vox-palette-teal-700: #23958d;--vox-palette-teal-800: #1b746e;--vox-palette-teal-900: #124e4a;--vox-palette-blue-100: #e9f2fb;--vox-palette-blue-200: #cadff6;--vox-palette-blue-300: #9fc4ef;--vox-palette-blue-400: #6aa4e7;--vox-palette-blue-500: #3584de;--vox-palette-blue-600: #206dc5;--vox-palette-blue-700: #1a579e;--vox-palette-blue-800: #14447b;--vox-palette-blue-900: #0e2e53;--vox-palette-green-100: #ecf9f1;--vox-palette-green-200: #d1f0dc;--vox-palette-green-300: #abe3bf;--vox-palette-green-400: #7dd49d;--vox-palette-green-500: #4fc47a;--vox-palette-green-600: #39ac63;--vox-palette-green-700: #2e8a50;--vox-palette-green-800: #246b3e;--vox-palette-green-900: #18492a;--vox-palette-gold-100: #fdf6e8;--vox-palette-gold-200: #f9e9c7;--vox-palette-gold-300: #f5d699;--vox-palette-gold-400: #efc061;--vox-palette-gold-500: #eaaa2a;--vox-palette-gold-600: #d19215;--vox-palette-gold-700: #a77511;--vox-palette-gold-800: #825b0d;--vox-palette-gold-900: #583e09;--vox-palette-red-100: #fbeaeb;--vox-palette-red-200: #f5cccf;--vox-palette-red-300: #eda1a7;--vox-palette-red-400: #e36d77;--vox-palette-red-500: #d93a47;--vox-palette-red-600: #c12532;--vox-palette-red-700: #9a1d28;--vox-palette-red-800: #78171f;--vox-palette-red-900: #511015;--vox-palette-purple-100: #f1ecf9;--vox-palette-purple-200: #ded1f0;--vox-palette-purple-300: #c2abe3;--vox-palette-purple-400: #a17dd4;--vox-palette-purple-500: #804fc4;--vox-palette-purple-600: #6939ac;--vox-palette-purple-700: #542e8a;--vox-palette-purple-800: #41246b;--vox-palette-purple-900: #2c1849}.vox-table{width:100%;border-collapse:collapse;font-family:var(--vox-font-family-base);font-size:14px;color:var(--vox-color-text-1)}.vox-table caption{margin-bottom:.5rem;font-weight:600;text-align:left;color:var(--vox-color-text-1)}.vox-table th{padding:.6rem .9rem;border-bottom:2px solid var(--vox-color-divider);font-weight:600;text-align:left;white-space:nowrap;color:var(--vox-color-text-1);background-color:var(--vox-color-bg-soft)}.vox-table td{padding:.6rem .9rem;border-bottom:1px solid var(--vox-color-divider);color:var(--vox-color-text-2)}.vox-table--striped tbody tr:nth-child(odd){background-color:var(--vox-color-bg-soft)}.vox-table--compact th,.vox-table--compact td{padding:.35rem .6rem}.vox-table-wrap{overflow-x:auto;border:1px solid var(--vox-color-divider);border-radius:var(--vox-radius-lg)}.vox-table-wrap .vox-table tbody tr:last-child th,.vox-table-wrap .vox-table tbody tr:last-child td{border-bottom:none}.vox-list{font-family:var(--vox-font-family-base);font-size:14px;line-height:1.7;color:var(--vox-color-text-2);padding-left:1.25rem}.vox-list li+li{margin-top:.25rem}.vox-list--plain{list-style:none;padding-left:0}.vox-list--inline{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}.vox-list--inline li+li{margin-top:0}.vox-prose{max-width:44rem;font-family:var(--vox-font-family-base);font-size:16px;line-height:1.75;color:var(--vox-color-text-2)}.vox-prose+.vox-prose{margin-top:var(--vox-space-4)}.vox-prose a{color:var(--vox-color-brand-1);text-decoration:underline}.vox-prose a:hover{color:var(--vox-color-brand-2)}.vox-container{max-width:1280px;margin:0 auto;padding-left:var(--vox-space-6);padding-right:var(--vox-space-6)}.vox-m-all-none{margin:0!important}.vox-m-all-xs{margin:.25rem!important}.vox-m-all-sm{margin:.5rem!important}.vox-m-all-md{margin:1rem!important}.vox-m-all-lg{margin:1.5rem!important}.vox-m-all-xl{margin:2rem!important}.vox-m-all-xxl{margin:3rem!important}.vox-m-top-none{margin-top:0!important}.vox-m-top-xs{margin-top:.25rem!important}.vox-m-top-sm{margin-top:.5rem!important}.vox-m-top-md{margin-top:1rem!important}.vox-m-top-lg{margin-top:1.5rem!important}.vox-m-top-xl{margin-top:2rem!important}.vox-m-top-xxl{margin-top:3rem!important}.vox-m-right-none{margin-right:0!important}.vox-m-right-xs{margin-right:.25rem!important}.vox-m-right-sm{margin-right:.5rem!important}.vox-m-right-md{margin-right:1rem!important}.vox-m-right-lg{margin-right:1.5rem!important}.vox-m-right-xl{margin-right:2rem!important}.vox-m-right-xxl{margin-right:3rem!important}.vox-m-bottom-none{margin-bottom:0!important}.vox-m-bottom-xs{margin-bottom:.25rem!important}.vox-m-bottom-sm{margin-bottom:.5rem!important}.vox-m-bottom-md{margin-bottom:1rem!important}.vox-m-bottom-lg{margin-bottom:1.5rem!important}.vox-m-bottom-xl{margin-bottom:2rem!important}.vox-m-bottom-xxl{margin-bottom:3rem!important}.vox-m-left-none{margin-left:0!important}.vox-m-left-xs{margin-left:.25rem!important}.vox-m-left-sm{margin-left:.5rem!important}.vox-m-left-md{margin-left:1rem!important}.vox-m-left-lg{margin-left:1.5rem!important}.vox-m-left-xl{margin-left:2rem!important}.vox-m-left-xxl{margin-left:3rem!important}.vox-m-x-none{margin-left:0!important;margin-right:0!important}.vox-m-x-xs{margin-left:.25rem!important;margin-right:.25rem!important}.vox-m-x-sm{margin-left:.5rem!important;margin-right:.5rem!important}.vox-m-x-md{margin-left:1rem!important;margin-right:1rem!important}.vox-m-x-lg{margin-left:1.5rem!important;margin-right:1.5rem!important}.vox-m-x-xl{margin-left:2rem!important;margin-right:2rem!important}.vox-m-x-xxl{margin-left:3rem!important;margin-right:3rem!important}.vox-m-x-auto{margin-left:auto!important;margin-right:auto!important}.vox-m-y-none{margin-top:0!important;margin-bottom:0!important}.vox-m-y-xs{margin-top:.25rem!important;margin-bottom:.25rem!important}.vox-m-y-sm{margin-top:.5rem!important;margin-bottom:.5rem!important}.vox-m-y-md{margin-top:1rem!important;margin-bottom:1rem!important}.vox-m-y-lg{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.vox-m-y-xl{margin-top:2rem!important;margin-bottom:2rem!important}.vox-m-y-xxl{margin-top:3rem!important;margin-bottom:3rem!important}.vox-p-all-none{padding:0!important}.vox-p-all-xs{padding:.25rem!important}.vox-p-all-sm{padding:.5rem!important}.vox-p-all-md{padding:1rem!important}.vox-p-all-lg{padding:1.5rem!important}.vox-p-all-xl{padding:2rem!important}.vox-p-all-xxl{padding:3rem!important}.vox-p-top-none{padding-top:0!important}.vox-p-top-xs{padding-top:.25rem!important}.vox-p-top-sm{padding-top:.5rem!important}.vox-p-top-md{padding-top:1rem!important}.vox-p-top-lg{padding-top:1.5rem!important}.vox-p-top-xl{padding-top:2rem!important}.vox-p-top-xxl{padding-top:3rem!important}.vox-p-right-none{padding-right:0!important}.vox-p-right-xs{padding-right:.25rem!important}.vox-p-right-sm{padding-right:.5rem!important}.vox-p-right-md{padding-right:1rem!important}.vox-p-right-lg{padding-right:1.5rem!important}.vox-p-right-xl{padding-right:2rem!important}.vox-p-right-xxl{padding-right:3rem!important}.vox-p-bottom-none{padding-bottom:0!important}.vox-p-bottom-xs{padding-bottom:.25rem!important}.vox-p-bottom-sm{padding-bottom:.5rem!important}.vox-p-bottom-md{padding-bottom:1rem!important}.vox-p-bottom-lg{padding-bottom:1.5rem!important}.vox-p-bottom-xl{padding-bottom:2rem!important}.vox-p-bottom-xxl{padding-bottom:3rem!important}.vox-p-left-none{padding-left:0!important}.vox-p-left-xs{padding-left:.25rem!important}.vox-p-left-sm{padding-left:.5rem!important}.vox-p-left-md{padding-left:1rem!important}.vox-p-left-lg{padding-left:1.5rem!important}.vox-p-left-xl{padding-left:2rem!important}.vox-p-left-xxl{padding-left:3rem!important}.vox-p-x-none{padding-left:0!important;padding-right:0!important}.vox-p-x-xs{padding-left:.25rem!important;padding-right:.25rem!important}.vox-p-x-sm{padding-left:.5rem!important;padding-right:.5rem!important}.vox-p-x-md{padding-left:1rem!important;padding-right:1rem!important}.vox-p-x-lg{padding-left:1.5rem!important;padding-right:1.5rem!important}.vox-p-x-xl{padding-left:2rem!important;padding-right:2rem!important}.vox-p-x-xxl{padding-left:3rem!important;padding-right:3rem!important}.vox-p-y-none{padding-top:0!important;padding-bottom:0!important}.vox-p-y-xs{padding-top:.25rem!important;padding-bottom:.25rem!important}.vox-p-y-sm{padding-top:.5rem!important;padding-bottom:.5rem!important}.vox-p-y-md{padding-top:1rem!important;padding-bottom:1rem!important}.vox-p-y-lg{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.vox-p-y-xl{padding-top:2rem!important;padding-bottom:2rem!important}.vox-p-y-xxl{padding-top:3rem!important;padding-bottom:3rem!important}.vox-ts-xs{font-size:12px!important}.vox-ts-sm{font-size:14px!important}.vox-ts-md{font-size:16px!important}.vox-ts-lg{font-size:18px!important}.vox-ts-xl{font-size:22px!important}.vox-ts-xxl{font-size:28px!important}.vox-ts-3xl{font-size:36px!important}.vox-text-regular{font-weight:400!important}.vox-text-medium{font-weight:500!important}.vox-text-semibold{font-weight:600!important}.vox-text-bold{font-weight:700!important}.vox-text-left{text-align:left!important}.vox-text-center{text-align:center!important}.vox-text-right{text-align:right!important}.vox-text-uppercase{text-transform:uppercase!important;letter-spacing:.05em!important}.vox-text-mono{font-family:var(--vox-font-family-mono)!important}.vox-lh-tight{line-height:1.25!important}.vox-lh-base{line-height:1.5!important}.vox-lh-loose{line-height:1.75!important}.vox-color-text-1{color:var(--vox-color-text-1)!important}.vox-color-text-2{color:var(--vox-color-text-2)!important}.vox-color-text-3{color:var(--vox-color-text-3)!important}.vox-color-brand{color:var(--vox-color-brand-1)!important}.vox-color-tip{color:var(--vox-color-tip-1)!important}.vox-color-warning{color:var(--vox-color-warning-1)!important}.vox-color-danger{color:var(--vox-color-danger-1)!important}.vox-bg{background-color:var(--vox-color-bg)!important}.vox-bg-alt{background-color:var(--vox-color-bg-alt)!important}.vox-bg-soft{background-color:var(--vox-color-bg-soft)!important}.vox-bg-elv{background-color:var(--vox-color-bg-elv)!important}.vox-bg-brand{background-color:var(--vox-color-brand-3)!important;color:var(--vox-color-text-inverse)!important}.vox-bg-brand-soft{background-color:var(--vox-color-brand-soft)!important}.vox-bg-tip-soft{background-color:var(--vox-color-tip-soft)!important}.vox-bg-warning-soft{background-color:var(--vox-color-warning-soft)!important}.vox-bg-danger-soft{background-color:var(--vox-color-danger-soft)!important}.vox-color-gray-100{color:var(--vox-palette-gray-100)!important}.vox-color-gray-200{color:var(--vox-palette-gray-200)!important}.vox-color-gray-300{color:var(--vox-palette-gray-300)!important}.vox-color-gray-400{color:var(--vox-palette-gray-400)!important}.vox-color-gray-500{color:var(--vox-palette-gray-500)!important}.vox-color-gray-600{color:var(--vox-palette-gray-600)!important}.vox-color-gray-700{color:var(--vox-palette-gray-700)!important}.vox-color-gray-800{color:var(--vox-palette-gray-800)!important}.vox-color-gray-900{color:var(--vox-palette-gray-900)!important}.vox-bg-gray-100{background-color:var(--vox-palette-gray-100)!important}.vox-bg-gray-200{background-color:var(--vox-palette-gray-200)!important}.vox-bg-gray-300{background-color:var(--vox-palette-gray-300)!important}.vox-bg-gray-400{background-color:var(--vox-palette-gray-400)!important}.vox-bg-gray-500{background-color:var(--vox-palette-gray-500)!important}.vox-bg-gray-600{background-color:var(--vox-palette-gray-600)!important}.vox-bg-gray-700{background-color:var(--vox-palette-gray-700)!important}.vox-bg-gray-800{background-color:var(--vox-palette-gray-800)!important}.vox-bg-gray-900{background-color:var(--vox-palette-gray-900)!important}.vox-color-teal-100{color:var(--vox-palette-teal-100)!important}.vox-color-teal-200{color:var(--vox-palette-teal-200)!important}.vox-color-teal-300{color:var(--vox-palette-teal-300)!important}.vox-color-teal-400{color:var(--vox-palette-teal-400)!important}.vox-color-teal-500{color:var(--vox-palette-teal-500)!important}.vox-color-teal-600{color:var(--vox-palette-teal-600)!important}.vox-color-teal-700{color:var(--vox-palette-teal-700)!important}.vox-color-teal-800{color:var(--vox-palette-teal-800)!important}.vox-color-teal-900{color:var(--vox-palette-teal-900)!important}.vox-bg-teal-100{background-color:var(--vox-palette-teal-100)!important}.vox-bg-teal-200{background-color:var(--vox-palette-teal-200)!important}.vox-bg-teal-300{background-color:var(--vox-palette-teal-300)!important}.vox-bg-teal-400{background-color:var(--vox-palette-teal-400)!important}.vox-bg-teal-500{background-color:var(--vox-palette-teal-500)!important}.vox-bg-teal-600{background-color:var(--vox-palette-teal-600)!important}.vox-bg-teal-700{background-color:var(--vox-palette-teal-700)!important}.vox-bg-teal-800{background-color:var(--vox-palette-teal-800)!important}.vox-bg-teal-900{background-color:var(--vox-palette-teal-900)!important}.vox-color-blue-100{color:var(--vox-palette-blue-100)!important}.vox-color-blue-200{color:var(--vox-palette-blue-200)!important}.vox-color-blue-300{color:var(--vox-palette-blue-300)!important}.vox-color-blue-400{color:var(--vox-palette-blue-400)!important}.vox-color-blue-500{color:var(--vox-palette-blue-500)!important}.vox-color-blue-600{color:var(--vox-palette-blue-600)!important}.vox-color-blue-700{color:var(--vox-palette-blue-700)!important}.vox-color-blue-800{color:var(--vox-palette-blue-800)!important}.vox-color-blue-900{color:var(--vox-palette-blue-900)!important}.vox-bg-blue-100{background-color:var(--vox-palette-blue-100)!important}.vox-bg-blue-200{background-color:var(--vox-palette-blue-200)!important}.vox-bg-blue-300{background-color:var(--vox-palette-blue-300)!important}.vox-bg-blue-400{background-color:var(--vox-palette-blue-400)!important}.vox-bg-blue-500{background-color:var(--vox-palette-blue-500)!important}.vox-bg-blue-600{background-color:var(--vox-palette-blue-600)!important}.vox-bg-blue-700{background-color:var(--vox-palette-blue-700)!important}.vox-bg-blue-800{background-color:var(--vox-palette-blue-800)!important}.vox-bg-blue-900{background-color:var(--vox-palette-blue-900)!important}.vox-color-green-100{color:var(--vox-palette-green-100)!important}.vox-color-green-200{color:var(--vox-palette-green-200)!important}.vox-color-green-300{color:var(--vox-palette-green-300)!important}.vox-color-green-400{color:var(--vox-palette-green-400)!important}.vox-color-green-500{color:var(--vox-palette-green-500)!important}.vox-color-green-600{color:var(--vox-palette-green-600)!important}.vox-color-green-700{color:var(--vox-palette-green-700)!important}.vox-color-green-800{color:var(--vox-palette-green-800)!important}.vox-color-green-900{color:var(--vox-palette-green-900)!important}.vox-bg-green-100{background-color:var(--vox-palette-green-100)!important}.vox-bg-green-200{background-color:var(--vox-palette-green-200)!important}.vox-bg-green-300{background-color:var(--vox-palette-green-300)!important}.vox-bg-green-400{background-color:var(--vox-palette-green-400)!important}.vox-bg-green-500{background-color:var(--vox-palette-green-500)!important}.vox-bg-green-600{background-color:var(--vox-palette-green-600)!important}.vox-bg-green-700{background-color:var(--vox-palette-green-700)!important}.vox-bg-green-800{background-color:var(--vox-palette-green-800)!important}.vox-bg-green-900{background-color:var(--vox-palette-green-900)!important}.vox-color-gold-100{color:var(--vox-palette-gold-100)!important}.vox-color-gold-200{color:var(--vox-palette-gold-200)!important}.vox-color-gold-300{color:var(--vox-palette-gold-300)!important}.vox-color-gold-400{color:var(--vox-palette-gold-400)!important}.vox-color-gold-500{color:var(--vox-palette-gold-500)!important}.vox-color-gold-600{color:var(--vox-palette-gold-600)!important}.vox-color-gold-700{color:var(--vox-palette-gold-700)!important}.vox-color-gold-800{color:var(--vox-palette-gold-800)!important}.vox-color-gold-900{color:var(--vox-palette-gold-900)!important}.vox-bg-gold-100{background-color:var(--vox-palette-gold-100)!important}.vox-bg-gold-200{background-color:var(--vox-palette-gold-200)!important}.vox-bg-gold-300{background-color:var(--vox-palette-gold-300)!important}.vox-bg-gold-400{background-color:var(--vox-palette-gold-400)!important}.vox-bg-gold-500{background-color:var(--vox-palette-gold-500)!important}.vox-bg-gold-600{background-color:var(--vox-palette-gold-600)!important}.vox-bg-gold-700{background-color:var(--vox-palette-gold-700)!important}.vox-bg-gold-800{background-color:var(--vox-palette-gold-800)!important}.vox-bg-gold-900{background-color:var(--vox-palette-gold-900)!important}.vox-color-red-100{color:var(--vox-palette-red-100)!important}.vox-color-red-200{color:var(--vox-palette-red-200)!important}.vox-color-red-300{color:var(--vox-palette-red-300)!important}.vox-color-red-400{color:var(--vox-palette-red-400)!important}.vox-color-red-500{color:var(--vox-palette-red-500)!important}.vox-color-red-600{color:var(--vox-palette-red-600)!important}.vox-color-red-700{color:var(--vox-palette-red-700)!important}.vox-color-red-800{color:var(--vox-palette-red-800)!important}.vox-color-red-900{color:var(--vox-palette-red-900)!important}.vox-bg-red-100{background-color:var(--vox-palette-red-100)!important}.vox-bg-red-200{background-color:var(--vox-palette-red-200)!important}.vox-bg-red-300{background-color:var(--vox-palette-red-300)!important}.vox-bg-red-400{background-color:var(--vox-palette-red-400)!important}.vox-bg-red-500{background-color:var(--vox-palette-red-500)!important}.vox-bg-red-600{background-color:var(--vox-palette-red-600)!important}.vox-bg-red-700{background-color:var(--vox-palette-red-700)!important}.vox-bg-red-800{background-color:var(--vox-palette-red-800)!important}.vox-bg-red-900{background-color:var(--vox-palette-red-900)!important}.vox-color-purple-100{color:var(--vox-palette-purple-100)!important}.vox-color-purple-200{color:var(--vox-palette-purple-200)!important}.vox-color-purple-300{color:var(--vox-palette-purple-300)!important}.vox-color-purple-400{color:var(--vox-palette-purple-400)!important}.vox-color-purple-500{color:var(--vox-palette-purple-500)!important}.vox-color-purple-600{color:var(--vox-palette-purple-600)!important}.vox-color-purple-700{color:var(--vox-palette-purple-700)!important}.vox-color-purple-800{color:var(--vox-palette-purple-800)!important}.vox-color-purple-900{color:var(--vox-palette-purple-900)!important}.vox-bg-purple-100{background-color:var(--vox-palette-purple-100)!important}.vox-bg-purple-200{background-color:var(--vox-palette-purple-200)!important}.vox-bg-purple-300{background-color:var(--vox-palette-purple-300)!important}.vox-bg-purple-400{background-color:var(--vox-palette-purple-400)!important}.vox-bg-purple-500{background-color:var(--vox-palette-purple-500)!important}.vox-bg-purple-600{background-color:var(--vox-palette-purple-600)!important}.vox-bg-purple-700{background-color:var(--vox-palette-purple-700)!important}.vox-bg-purple-800{background-color:var(--vox-palette-purple-800)!important}.vox-bg-purple-900{background-color:var(--vox-palette-purple-900)!important}.vox-border-all{border:1px solid var(--vox-color-divider)!important}.vox-border-top{border-top:1px solid var(--vox-color-divider)!important}.vox-border-right{border-right:1px solid var(--vox-color-divider)!important}.vox-border-bottom{border-bottom:1px solid var(--vox-color-divider)!important}.vox-border-left{border-left:1px solid var(--vox-color-divider)!important}.vox-border-none{border:none!important}.vox-radius-sm{border-radius:var(--vox-radius-sm)!important}.vox-radius-md{border-radius:var(--vox-radius-md)!important}.vox-radius-lg{border-radius:var(--vox-radius-lg)!important}.vox-radius-full{border-radius:var(--vox-radius-full)!important}.vox-display-block{display:block!important}.vox-display-inline{display:inline!important}.vox-display-inline-block{display:inline-block!important}.vox-display-flex{display:flex!important}.vox-display-inline-flex{display:inline-flex!important}.vox-display-grid{display:grid!important}.vox-flex-row{flex-direction:row!important}.vox-flex-column{flex-direction:column!important}.vox-flex-wrap{flex-wrap:wrap!important}.vox-flex-nowrap{flex-wrap:nowrap!important}.vox-justify-start{justify-content:flex-start!important}.vox-justify-center{justify-content:center!important}.vox-justify-end{justify-content:flex-end!important}.vox-justify-between{justify-content:space-between!important}.vox-items-start{align-items:flex-start!important}.vox-items-center{align-items:center!important}.vox-items-end{align-items:flex-end!important}.vox-items-stretch{align-items:stretch!important}.vox-grow-0{flex-grow:0!important}.vox-grow-1{flex-grow:1!important}.vox-shrink-0{flex-shrink:0!important}.vox-gap-none{gap:0!important}.vox-gap-xs{gap:.25rem!important}.vox-gap-sm{gap:.5rem!important}.vox-gap-md{gap:1rem!important}.vox-gap-lg{gap:1.5rem!important}.vox-gap-xl{gap:2rem!important}.vox-gap-xxl{gap:3rem!important}.vox-shadow-1{box-shadow:var(--vox-shadow-1)!important}.vox-shadow-2{box-shadow:var(--vox-shadow-2)!important}.vox-shadow-none{box-shadow:none!important}.vox-hide{display:none!important}.vox-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}@media(max-width:479.98px){.vox-hide-sm-down{display:none!important}}@media(max-width:767.98px){.vox-hide-md-down{display:none!important}}@media(max-width:1023.98px){.vox-hide-lg-down{display:none!important}}@media(min-width:480px){.vox-hide-sm-up{display:none!important}}@media(min-width:768px){.vox-hide-md-up{display:none!important}}@media(min-width:1024px){.vox-hide-lg-up{display:none!important}}.vox-width-full{width:100%!important}.vox-width-auto{width:auto!important}.vox-width-sm{width:20rem!important}.vox-width-md{width:30rem!important}.vox-width-lg{width:40rem!important}.vox-width-xl{width:50rem!important}.vox-max-width-sm{max-width:20rem!important}.vox-max-width-md{max-width:30rem!important}.vox-max-width-lg{max-width:40rem!important}.vox-max-width-xl{max-width:50rem!important}.vox-max-width-full{max-width:100%!important}.vox-z-0{z-index:0!important}.vox-z-10{z-index:10!important}.vox-z-100{z-index:100!important}.vox-z-1000{z-index:1000!important}