@exsto/ds 0.0.1-rc.1 → 0.0.1-rc.13

package/dist/elements.js

@@ -1,4020 +0,0 @@
-import { $ as SidebarProvider, $a as AlertDialogAction, $i as ChartContainer, $n as Kbd, $r as DrawerTrigger, $t as PopoverHeader, A as TableRow, Aa as BreadcrumbLink, Ar as EmptyTitle, At as ResizablePanel, B as SidebarGroupLabel, C as Table, Ca as Bubble, Ci as CommandList, Co as Button, Cr as FieldError, Ct as SelectSeparator, Da as Breadcrumb, Di as InputGroupAddon, Dr as EmptyDescription, E as TableCell, Ei as InputGroup, En as Message, Et as ScrollArea, F as SidebarContent, Fr as DropdownMenuItem, Ft as QuestionnaireActions, Ga as AttachmentContent, Gi as ComboboxContent, Gr as DropdownMenuTrigger, Gt as QuestionnaireProgress, Ha as Attachment, Hi as DialogTitle, Ht as QuestionnaireItem, Ia as Avatar, Ii as DialogContent, In as MenubarItem, Ir as DropdownMenuLabel, It as QuestionnaireChoice, J as SidebarMenuItem, Ja as AttachmentMedia, Ji as ComboboxItem, Jn as Marker, Jr as DrawerContent, Jt as QuestionnaireTitle, Ka as AttachmentDescription, Kr as Drawer, L as SidebarGroup, La as AvatarBadge, Li as DialogDescription, Lt as QuestionnaireChoiceDescription, M as Spinner, Ma as BreadcrumbPage, Mi as Textarea, Mn as Menubar, Mt as RadioGroup, Na as BreadcrumbSeparator, Ni as Input, Nr as DropdownMenuContent, Nt as RadioGroupItem, O as TableHead, Oi as InputGroupButton, On as MessageContent, Or as EmptyHeader, P as Sidebar, Pa as Badge, Pi as Dialog, Pn as MenubarContent, Pr as DropdownMenuGroup, Pt as Questionnaire, Qa as AlertDialog, Qi as Checkbox, Qn as Label, Qr as DrawerTitle, Qt as PopoverDescription, Ra as AvatarFallback, Ri as DialogFooter, Rn as MenubarMenu, Rt as QuestionnaireChoices, Si as CommandItem, Sn as MessageScrollerViewport, So as Slider, Sr as FieldDescription, St as SelectLabel, T as TableCaption, To as cn, Tr as Empty, Tt as SelectValue, Ui as DialogTrigger, V as SidebarHeader, Va as AvatarImage, W as SidebarMenu, Wi as Combobox, Xi as CollapsibleContent, Xt as Popover, Ya as AttachmentTitle, Yi as Collapsible, Yn as MarkerContent, Yr as DrawerDescription, Yt as Progress, Za as AspectRatio, Zi as CollapsibleTrigger, Zr as DrawerHeader, Zt as PopoverContent, _a as CardTitle, _i as Command, _n as MessageScroller, _o as AccordionTrigger, _t as SheetTrigger, aa as Carousel, an as NavigationMenu, at as TooltipContent, b as TabsList, ba as ButtonGroup, bn as MessageScrollerItem, br as HoverCardTrigger, bt as SelectGroup, ca as CarouselNext, cn as NavigationMenuItem, co as AlertDialogTitle, cr as ItemMedia, ct as Skeleton, da as Card, do as AlertAction, dr as Separator, ei as DirectionProvider, en as PopoverTitle, eo as AlertDialogCancel, fo as AlertDescription, fr as InputOTP, ft as SheetContent, g as toast, ga as CardHeader, gi as ContextMenuTrigger, gn as NativeSelectOption, go as AccordionItem, gr as Indicator, gt as SheetTitle, ho as AccordionContent, hr as InputOTPSlot, ht as SheetHeader, ii as ContextMenuContent, io as AlertDialogHeader, ir as ItemDescription, it as Tooltip, j as Switch, ja as BreadcrumbList, jn as MessageHeader, jr as DropdownMenu, jt as ResizablePanelGroup, k as TableHeader, ka as BreadcrumbItem, ki as InputGroupInput, kn as MessageFooter, kr as EmptyMedia, kt as ResizableHandle, la as CarouselPrevious, ln as NavigationMenuLink, lo as AlertDialogTrigger, m as Toaster, ma as CardDescription, mn as NativeSelect, mo as Accordion, mr as InputOTPSeparator, n as ToggleGroupItem, ni as ContextMenu, nn as Pagination, no as AlertDialogDescription, nt as SidebarTrigger, oa as CarouselContent, oi as ContextMenuItem, ot as TooltipProvider, pa as CardContent, po as AlertTitle, pr as InputOTPGroup, pt as SheetDescription, q as SidebarMenuButton, qi as ComboboxInput, qn as MenubarTrigger, qt as QuestionnaireSubmit, r as Toggle, ro as AlertDialogFooter, rr as ItemContent, sa as CarouselItem, st as TooltipTrigger, t as ToggleGroup, tn as PopoverTrigger, to as AlertDialogContent, tr as Item, un as NavigationMenuList, uo as Alert, ur as ItemTitle, ut as Sheet, v as Tabs, va as Calendar, vn as MessageScrollerButton, vo as VideoPlayer, vr as HoverCard, vt as Select, w as TableBody, wa as BubbleContent, wr as FieldLabel, wt as SelectTrigger, x as TabsTrigger, xi as CommandInput, xn as MessageScrollerProvider, xr as Field, xt as SelectItem, y as TabsContent, yi as CommandEmpty, yn as MessageScrollerContent, yo as AudioPlayer, yr as HoverCardContent, yt as SelectContent, z as SidebarGroupContent, zi as DialogHeader, zt as QuestionnaireDescription } from "./chunks/toggle-group-ByNq8g7H.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useLayoutEffect, useRef, useState } from "react";
-import { IconFile, IconInbox } from "@tabler/icons-react";
-import { Bar, BarChart, CartesianGrid, XAxis } from "recharts";
-import { flushSync } from "react-dom";
-import { createRoot } from "react-dom/client";
-//#region ../dom/src/context.tsx
-var EdxHostContext = createContext(null);
-var EdxHostProvider = (props) => {
-	return /* @__PURE__ */ jsx(EdxHostContext.Provider, {
-		value: props.value,
-		children: props.children
-	});
-};
-var useEdxHost = () => {
-	const ctx = useContext(EdxHostContext);
-	if (!ctx) throw new Error("useEdxHost must be used inside an Edynamix custom element");
-	return ctx;
-};
-var useEmit = () => useEdxHost().emit;
-/** The node Radix/shadcn overlays should portal into (shadow root in shadow mode, `null` -> body in light mode). */
-var usePortalContainer = () => useEdxHost().portalContainer;
-var useDomMode = () => useEdxHost().mode;
-/**
-* Projects host light-DOM children. Renders a native `<slot>` in shadow mode and
-* re-inflates the captured markup in light mode (where no native slotting exists).
-*
-* Pass an optional `name` prop to render a named `<slot name="...">` in shadow mode,
-* enabling multi-part containers (Tabs, Accordion, Table) to host their trigger/panel
-* content as live, host-owned light-DOM nodes assigned to distinct projection points.
-*/
-var Slot = ({ name } = {}) => {
-	const { mode, slotHtml } = useEdxHost();
-	if (mode === "shadow") return /* @__PURE__ */ jsx("slot", { name });
-	if (!slotHtml) return null;
-	return /* @__PURE__ */ jsx("span", {
-		style: { display: "contents" },
-		dangerouslySetInnerHTML: { __html: slotHtml }
-	});
-};
-//#endregion
-//#region ../dom/src/field-control.ts
-var EDX_FIELD_CONTROL_CONNECT_EVENT = "edx-field-control-connect";
-//#endregion
-//#region ../dom/src/mode.ts
-var defaultMode = "light";
-/**
-* Switch the default rendering mode for every element that does not pin its own
-* `mode`. This is the one knob for flipping the whole library between light and
-* shadow DOM.
-*/
-var setDefaultMode = (mode) => {
-	defaultMode = mode;
-};
-var getDefaultMode = () => defaultMode;
-//#endregion
-//#region ../dom/src/styles.ts
-var sheetCache = /* @__PURE__ */ new Map();
-/**
-* Build (or reuse) a constructable stylesheet for the given CSS. Sheets are
-* cached by content so every shadow root adopts the *same* sheet by reference:
-* no per-instance `<style>` duplication.
-*/
-var getStyleSheet = (css) => {
-	if (typeof CSSStyleSheet === "undefined") return null;
-	const cached = sheetCache.get(css);
-	if (cached) return cached;
-	const sheet = new CSSStyleSheet();
-	sheet.replaceSync(css);
-	sheetCache.set(css, sheet);
-	return sheet;
-};
-//#endregion
-//#region ../dom/src/theme-state.ts
-var DARK_CLASS = "dark";
-var targets = /* @__PURE__ */ new Set();
-var observer = null;
-var syncTargets = () => {
-	const isDark = document.documentElement.classList.contains(DARK_CLASS);
-	for (const target of targets) target.classList.toggle(DARK_CLASS, isDark);
-};
-var registerShadowThemeTargets = (...nextTargets) => {
-	for (const target of nextTargets) targets.add(target);
-	syncTargets();
-	if (!observer) {
-		observer = new MutationObserver(syncTargets);
-		observer.observe(document.documentElement, {
-			attributes: true,
-			attributeFilter: ["class"]
-		});
-	}
-	return () => {
-		for (const target of nextTargets) targets.delete(target);
-		if (targets.size === 0) {
-			observer?.disconnect();
-			observer = null;
-		}
-	};
-};
-//#endregion
-//#region ../dom/src/define-element.tsx
-var PORTAL_ATTR = "data-edx-portal";
-var FORM_RESET_PROPERTIES = ["value", "checked"];
-var VALUE_MISSING_MESSAGE = "Please fill out this field.";
-var cloneFormState = (value) => Array.isArray(value) ? [...value] : value;
-var isEmptyFormValue = (value) => {
-	if (value == null || value === "") return true;
-	if (Array.isArray(value)) return value.length === 0;
-	if (value instanceof FormData) return value.entries().next().done === true;
-	return false;
-};
-var isRequiredValueMissing = (props, formValue) => {
-	const values = props;
-	if (values.required !== true) return false;
-	if ("checked" in values || "defaultChecked" in values) return (values.checked ?? values.defaultChecked) !== true;
-	const value = values.value ?? values.defaultValue;
-	return isEmptyFormValue(value === void 0 ? formValue : value);
-};
-/**
-* Register a React component as an `<edx-*>` custom element.
-*
-* Works in light or shadow DOM from the same component code. Attribute changes
-* re-render (React reconciles, state and focus are preserved, no remount). The
-* component reads host context via the `@edyn/dom` hooks (`useEmit`,
-* `usePortalContainer`, `Slot`).
-*/
-var defineElement = (tag, Component, options = {}) => {
-	if (typeof customElements === "undefined") return;
-	if (customElements.get(tag)) return;
-	const observed = options.observedAttributes ?? [];
-	class EdxElement extends HTMLElement {
-		static formAssociated = options.formAssociated ?? false;
-		static get observedAttributes() {
-			return observed;
-		}
-		#root = null;
-		#mode = options.mode ?? getDefaultMode();
-		#portalContainer = null;
-		#shadow = null;
-		#shadowMountPoint = null;
-		#shadowPortalContainer = null;
-		#slotHtml = "";
-		#propOverrides = {};
-		#mountQueued = false;
-		#unmountPromise = null;
-		#delegateAbort = null;
-		#fieldControlCleanup = null;
-		#themeCleanup = null;
-		#internals = null;
-		#formValueOverride;
-		#formDisabled = false;
-		#formResetState = null;
-		constructor() {
-			super();
-			if (options.formAssociated && typeof this.attachInternals === "function") this.#internals = this.attachInternals();
-		}
-		connectedCallback() {
-			if (options.formAssociated) queueMicrotask(() => {
-				if (!this.isConnected) return;
-				this.#fieldControlCleanup?.();
-				let cleanup = null;
-				const detail = {
-					control: this,
-					setCleanup: (nextCleanup) => {
-						cleanup = nextCleanup;
-					}
-				};
-				this.dispatchEvent(new CustomEvent(EDX_FIELD_CONTROL_CONNECT_EVENT, {
-					detail,
-					bubbles: true,
-					composed: true
-				}));
-				this.#fieldControlCleanup = cleanup;
-			});
-			this.#ensureThemeRegistration();
-			if (this.#root || this.#mountQueued) return;
-			this.#mountQueued = true;
-			queueMicrotask(() => {
-				this.#mountAfterPendingUnmount();
-			});
-		}
-		async #mountAfterPendingUnmount() {
-			const pendingUnmount = this.#unmountPromise;
-			if (pendingUnmount) {
-				await pendingUnmount;
-				if (this.#unmountPromise === pendingUnmount) this.#unmountPromise = null;
-			}
-			this.#mountQueued = false;
-			if (this.#root || !this.isConnected) return;
-			this.#mount();
-		}
-		#mount() {
-			let mountPoint;
-			this.#captureFormResetState();
-			if (this.#mode === "shadow") {
-				if (!this.#shadow) {
-					this.#shadow = this.attachShadow({
-						mode: options.shadowMode ?? "open",
-						delegatesFocus: (options.delegateClick ?? false) || (options.formAssociated ?? false)
-					});
-					const sheet = options.styles ? getStyleSheet(options.styles) : null;
-					if (sheet) this.#shadow.adoptedStyleSheets = [...this.#shadow.adoptedStyleSheets, sheet];
-					this.#shadowMountPoint = document.createElement("div");
-					this.#shadowMountPoint.className = "edx-root";
-					this.#shadow.appendChild(this.#shadowMountPoint);
-					this.#shadowPortalContainer = document.createElement("div");
-					this.#shadowPortalContainer.setAttribute(PORTAL_ATTR, "");
-					this.#shadowPortalContainer.className = "edx-root";
-					this.#shadow.appendChild(this.#shadowPortalContainer);
-				}
-				if (!this.#shadowMountPoint || !this.#shadowPortalContainer) throw new Error(`Shadow mount points are unavailable for <${tag}>`);
-				this.style.display = options.display ?? "block";
-				mountPoint = this.#shadowMountPoint;
-				this.#portalContainer = this.#shadowPortalContainer;
-				this.#ensureThemeRegistration();
-			} else {
-				if (!this.#slotHtml) this.#slotHtml = this.innerHTML;
-				this.innerHTML = "";
-				this.classList.add("edx-root");
-				this.style.display = options.display ?? "block";
-				mountPoint = this;
-				this.#portalContainer = null;
-			}
-			if (options.delegateClick || this.#mode === "light" && options.formAssociated) {
-				this.#delegateAbort = new AbortController();
-				const { signal } = this.#delegateAbort;
-				const findInteractive = () => {
-					return (this.#shadow ?? this).querySelector("button, input, select, textarea, [role=\"switch\"], [role=\"checkbox\"]");
-				};
-				if (options.delegateClick) this.addEventListener("click", (event) => {
-					if (event.composedPath()[0] !== this) return;
-					const inner = findInteractive();
-					if (!inner) return;
-					inner.focus();
-					if (inner.tagName !== "INPUT" && inner.tagName !== "SELECT" && inner.tagName !== "TEXTAREA") inner.click();
-				}, { signal });
-				if (this.#mode === "light") this.addEventListener("focus", () => {
-					findInteractive()?.focus();
-				}, { signal });
-			}
-			this.#root = createRoot(mountPoint);
-			flushSync(() => {
-				this.#render();
-			});
-		}
-		#ensureThemeRegistration() {
-			if (!this.#shadowMountPoint || !this.#shadowPortalContainer || this.#themeCleanup) return;
-			this.#themeCleanup = registerShadowThemeTargets(this.#shadowMountPoint, this.#shadowPortalContainer);
-		}
-		disconnectedCallback() {
-			this.#fieldControlCleanup?.();
-			this.#fieldControlCleanup = null;
-			this.#themeCleanup?.();
-			this.#themeCleanup = null;
-			const root = this.#root;
-			if (root) this.#unmountPromise = new Promise((resolve) => {
-				queueMicrotask(() => {
-					if (this.isConnected || this.#root !== root) {
-						resolve();
-						return;
-					}
-					try {
-						this.#delegateAbort?.abort();
-						this.#delegateAbort = null;
-						root.unmount();
-					} finally {
-						if (this.#root === root) {
-							this.#root = null;
-							this.#portalContainer = null;
-						}
-						resolve();
-					}
-				});
-			});
-		}
-		attributeChangedCallback() {
-			if (this.#root) this.#render();
-		}
-		formDisabledCallback(disabled) {
-			this.#formDisabled = disabled;
-			if (this.#root) this.#render();
-		}
-		formResetCallback() {
-			this.#formValueOverride = void 0;
-			for (const [property, value] of this.#formResetState ?? []) options.domProperties?.[property]?.set(this, cloneFormState(value));
-			if (this.#root) this.#render();
-		}
-		/** Push complex object/array props that cannot travel as attributes. */
-		setProps(props) {
-			this.#propOverrides = {
-				...this.#propOverrides,
-				...props
-			};
-			if (this.#root) this.#render();
-		}
-		#emit = (type, detail) => {
-			this.dispatchEvent(new CustomEvent(type, {
-				detail,
-				bubbles: true,
-				composed: true
-			}));
-		};
-		#setFormValue = (value, state) => {
-			if (this.#mode !== "shadow") return;
-			this.#formValueOverride = value;
-			this.#internals?.setFormValue(value, state);
-			this.#syncFormValidity(this.#getProps(), value);
-		};
-		#captureFormResetState() {
-			if (!options.formAssociated || this.#formResetState) return;
-			this.#formResetState = /* @__PURE__ */ new Map();
-			for (const property of FORM_RESET_PROPERTIES) {
-				const descriptor = options.domProperties?.[property];
-				if (descriptor) this.#formResetState.set(property, cloneFormState(descriptor.get(this)));
-			}
-		}
-		#syncFormValidity(props, formValue) {
-			if (this.#mode !== "shadow" || !this.#internals?.setValidity) return;
-			if (!(this.#formDisabled || props.disabled === true) && isRequiredValueMissing(props, formValue)) {
-				this.#internals.setValidity({ valueMissing: true }, VALUE_MISSING_MESSAGE);
-				return;
-			}
-			this.#internals.setValidity({});
-		}
-		#getProps() {
-			const raw = {};
-			for (const name of observed) raw[name] = this.getAttribute(name);
-			const props = {
-				...options.transformProps ? options.transformProps(raw, this) : raw,
-				...this.#propOverrides
-			};
-			if (options.formAssociated && this.#formDisabled) return {
-				...props,
-				disabled: true
-			};
-			return props;
-		}
-		#render() {
-			if (!this.#root) return;
-			const props = this.#getProps();
-			if (this.#mode === "shadow" && this.#internals && options.formValue) {
-				const formValue = this.#formValueOverride === void 0 ? options.formValue(props, this) : this.#formValueOverride;
-				this.#internals.setFormValue(formValue);
-				this.#syncFormValidity(props, formValue);
-			}
-			this.#root.render(/* @__PURE__ */ jsx(EdxHostProvider, {
-				value: {
-					host: this,
-					mode: this.#mode,
-					emit: this.#emit,
-					portalContainer: this.#portalContainer,
-					setFormValue: this.#setFormValue,
-					slotHtml: this.#slotHtml
-				},
-				children: /* @__PURE__ */ jsx(Component, { ...props })
-			}));
-		}
-	}
-	if (options.domProperties) for (const [propName, descriptor] of Object.entries(options.domProperties)) Object.defineProperty(EdxElement.prototype, propName, {
-		get() {
-			return descriptor.get(this);
-		},
-		set(value) {
-			descriptor.set(this, value);
-		},
-		configurable: true,
-		enumerable: false
-	});
-	customElements.define(tag, EdxElement);
-};
-//#endregion
-//#region ../elements/src/registry.ts
-/**
-* Register a class-4 overlay element. Overlays are pinned to **light mode**: their
-* Base UI portal lands in `document.body` and cannot reach a shadow root, so shadow
-* mode would let the portaled content escape the shadow root, lose the adopted
-* stylesheet, and render unstyled with no error. This helper forces `mode: 'light'`
-* once, so no overlay can inherit that footgun by forgetting to pin it. Mirror
-* `edx-dialog` / `edx-drawer`. See docs/delivery-classes.md.
-*/
-var registerOverlayElement = (tag, component, ctx, options = {}) => {
-	defineElement(tag, component, {
-		...options,
-		mode: "light",
-		styles: ctx.styles
-	});
-};
-/**
-* Coerce a boolean-ish attribute string to a real boolean. Follows HTML boolean
-* attribute semantics: any present value is `true` EXCEPT the literal `"false"`
-* (and `null`/`undefined`). Note the gotcha: `"0"` coerces to `true` (presence
-* wins); to express false, set the attribute to `"false"` or omit it. This
-* contract is pinned by registry.test.ts.
-*/
-var coerceBool = (value) => value != null && value !== "false";
-/** Reflect a boolean DOM state using native boolean-attribute semantics. */
-var reflectBool = (host, attribute, value) => {
-	if (value) host.setAttribute(attribute, "true");
-	else host.removeAttribute(attribute);
-};
-/**
-* Create a real boolean property backed by a reflected boolean attribute.
-* When an uncontrolled `default-*` attribute exists, read it until the first
-* explicit property write or user change promotes the state to the live
-* attribute.
-*/
-var booleanDomProperty = (attribute, defaultAttribute) => ({
-	get: (host) => {
-		const current = host.getAttribute(attribute);
-		if (current != null) return coerceBool(current);
-		return defaultAttribute ? coerceBool(host.getAttribute(defaultAttribute)) : false;
-	},
-	set: (host, value) => {
-		if (defaultAttribute) host.removeAttribute(defaultAttribute);
-		reflectBool(host, attribute, Boolean(value));
-	}
-});
-/** Coerce a numeric attribute string to a number, or `undefined` when absent/invalid. */
-var coerceNumber = (value) => {
-	if (value == null || value === "") return;
-	const parsed = Number(value);
-	return Number.isNaN(parsed) ? void 0 : parsed;
-};
-/** Parse a JSON attribute string into a value of type T, or `undefined` on absence/parse error. */
-var coerceJson = (value) => {
-	if (value == null || value === "") return;
-	try {
-		return JSON.parse(value);
-	} catch {
-		return;
-	}
-};
-/** Build the repeated-name payload required by multi-value custom controls. */
-var multipleFormValue = (host, values) => {
-	const name = host.getAttribute("name");
-	if (!name) return null;
-	const data = new FormData();
-	for (const value of values) data.append(name, value);
-	return data;
-};
-//#endregion
-//#region ../elements/src/edx-accordion.tsx
-/** Normalize the value prop (scalar, array, or absent) to the string[] Base UI expects. */
-var toValueArray = (value) => {
-	if (value == null) return [];
-	if (Array.isArray(value)) return value;
-	return value === "" ? [] : [value];
-};
-var EdxAccordion = (props) => {
-	const { emit, host } = useEdxHost();
-	const items = props.items ?? [];
-	const openMultiple = props.openMultiple ?? false;
-	const currentValue = props.value != null ? toValueArray(props.value) : toValueArray(props.defaultValue);
-	const handleValueChange = (next) => {
-		const emitValue = openMultiple ? next : next[0] ?? "";
-		const serialized = openMultiple ? JSON.stringify(next) : next[0] ?? "";
-		host.removeAttribute("default-value");
-		host.setAttribute("value", serialized);
-		emit("edx-change", { value: emitValue });
-	};
-	return /* @__PURE__ */ jsx(Accordion, {
-		value: currentValue,
-		multiple: openMultiple,
-		onValueChange: handleValueChange,
-		children: items.map((item) => /* @__PURE__ */ jsxs(AccordionItem, {
-			value: item.value,
-			disabled: item.disabled,
-			children: [/* @__PURE__ */ jsx(AccordionTrigger, { children: item.label }), /* @__PURE__ */ jsx(AccordionContent, { children: /* @__PURE__ */ jsx(Slot, { name: `panel-${item.value}` }) })]
-		}, item.value))
-	});
-};
-var registerEdxAccordion = (ctx) => {
-	defineElement("edx-accordion", EdxAccordion, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: [
-			"items",
-			"value",
-			"default-value",
-			"open-multiple"
-		],
-		transformProps: (raw) => {
-			const openMultiple = coerceBool(raw["open-multiple"]);
-			const parse = (v) => {
-				if (v == null) return;
-				if (v === "") return openMultiple ? [] : "";
-				return openMultiple ? coerceJson(v) ?? [v] : v;
-			};
-			return {
-				items: coerceJson(raw.items),
-				value: parse(raw.value),
-				defaultValue: parse(raw["default-value"]),
-				openMultiple
-			};
-		},
-		domProperties: { value: {
-			get: (host) => {
-				const raw = host.getAttribute("value") ?? host.getAttribute("default-value") ?? "";
-				if (coerceBool(host.getAttribute("open-multiple"))) return coerceJson(raw) ?? (raw === "" ? [] : [raw]);
-				return raw;
-			},
-			set: (host, value) => {
-				if (Array.isArray(value)) {
-					host.setAttribute("value", JSON.stringify(value));
-					return;
-				}
-				host.setAttribute("value", String(value ?? ""));
-			}
-		} }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-alert.tsx
-var EdxAlert = (props) => {
-	const emit = useEmit();
-	return /* @__PURE__ */ jsxs(Alert, {
-		variant: props.variant ?? "default",
-		children: [
-			props.title && /* @__PURE__ */ jsx(AlertTitle, { children: props.title }),
-			props.description && /* @__PURE__ */ jsx(AlertDescription, { children: props.description }),
-			/* @__PURE__ */ jsx(Slot, {}),
-			props.actionLabel && /* @__PURE__ */ jsx(AlertAction, { children: /* @__PURE__ */ jsx(Button, {
-				variant: "ghost",
-				size: "icon-xs",
-				"aria-label": props.actionAriaLabel ?? props.actionLabel,
-				onClick: () => emit("edx-action"),
-				children: props.actionLabel
-			}) })
-		]
-	});
-};
-var registerEdxAlert = (ctx) => {
-	defineElement("edx-alert", EdxAlert, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		observedAttributes: [
-			"variant",
-			"title",
-			"description",
-			"action-label",
-			"action-aria-label"
-		],
-		transformProps: (raw) => ({
-			variant: raw.variant ?? void 0,
-			title: raw.title ?? void 0,
-			description: raw.description ?? void 0,
-			actionLabel: raw["action-label"] ?? void 0,
-			actionAriaLabel: raw["action-aria-label"] ?? void 0
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-audio-player.tsx
-var EdxAudioPlayer = (props) => {
-	const { emit } = useEdxHost();
-	return /* @__PURE__ */ jsx(AudioPlayer, {
-		src: props.src,
-		muted: props.muted ?? false,
-		loop: props.loop ?? false,
-		disabled: props.disabled ?? false,
-		width: props.width,
-		"aria-label": props.ariaLabel ?? "Audio player",
-		onPlay: () => emit("edx-play", {}),
-		onPause: () => emit("edx-pause", {}),
-		onEnded: () => emit("edx-ended", {}),
-		onTimeUpdate: (currentTime, duration) => emit("edx-timeupdate", {
-			currentTime,
-			duration
-		})
-	});
-};
-var registerEdxAudioPlayer = (ctx) => {
-	defineElement("edx-audio-player", EdxAudioPlayer, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "block",
-		observedAttributes: [
-			"src",
-			"muted",
-			"loop",
-			"disabled",
-			"width",
-			"aria-label"
-		],
-		transformProps: (raw) => ({
-			src: raw.src ?? void 0,
-			muted: coerceBool(raw.muted),
-			loop: coerceBool(raw.loop),
-			disabled: coerceBool(raw.disabled),
-			width: raw.width ?? void 0,
-			ariaLabel: raw["aria-label"] ?? void 0
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-avatar.tsx
-var STATUS_CLASS = {
-	online: "bg-success",
-	away: "bg-warning",
-	busy: "bg-destructive",
-	offline: "bg-muted-foreground"
-};
-var EdxAvatar = (props) => {
-	return /* @__PURE__ */ jsxs(Avatar, {
-		size: props.size ?? "default",
-		children: [
-			/* @__PURE__ */ jsx(AvatarImage, {
-				src: props.src,
-				alt: props.alt
-			}),
-			/* @__PURE__ */ jsx(AvatarFallback, { children: props.fallback ?? "" }),
-			props.status && /* @__PURE__ */ jsx(AvatarBadge, {
-				className: STATUS_CLASS[props.status],
-				role: "img",
-				"aria-label": `${props.status} status`
-			})
-		]
-	});
-};
-var registerEdxAvatar = (ctx) => {
-	defineElement("edx-avatar", EdxAvatar, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		observedAttributes: [
-			"src",
-			"alt",
-			"fallback",
-			"size",
-			"status"
-		],
-		transformProps: (raw) => ({
-			src: raw.src ?? void 0,
-			alt: raw.alt ?? void 0,
-			fallback: raw.fallback ?? void 0,
-			size: raw.size ?? void 0,
-			status: raw.status ?? void 0
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-badge.tsx
-var EdxBadge = (props) => {
-	return /* @__PURE__ */ jsx(Badge, {
-		variant: props.variant ?? "default",
-		size: props.size ?? "default",
-		children: /* @__PURE__ */ jsx(Slot, {})
-	});
-};
-var registerEdxBadge = (ctx) => {
-	defineElement("edx-badge", EdxBadge, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		observedAttributes: ["variant", "size"],
-		transformProps: (raw) => ({
-			variant: raw.variant ?? void 0,
-			size: raw.size ?? void 0
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-breadcrumb.tsx
-var EdxBreadcrumb = (props) => {
-	const items = props.items ?? [];
-	const nodes = [];
-	items.forEach((item, index) => {
-		nodes.push(/* @__PURE__ */ jsx(BreadcrumbItem, { children: item.current ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, {
-			href: item.href,
-			children: item.label
-		}) }, `item-${index}`));
-		if (index < items.length - 1) nodes.push(/* @__PURE__ */ jsx(BreadcrumbSeparator, {}, `sep-${index}`));
-	});
-	return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: nodes }) });
-};
-var registerEdxBreadcrumb = (ctx) => {
-	defineElement("edx-breadcrumb", EdxBreadcrumb, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		observedAttributes: ["items"],
-		transformProps: (raw) => ({ items: coerceJson(raw.items) ?? [] })
-	});
-};
-//#endregion
-//#region ../elements/src/edx-button.tsx
-var EdxButton = (props) => {
-	const emit = useEmit();
-	return /* @__PURE__ */ jsx(Button, {
-		type: props.type ?? "button",
-		variant: props.variant ?? "default",
-		size: props.size ?? "default",
-		disabled: props.disabled ?? false,
-		"aria-label": props.ariaLabel,
-		"aria-description": props.ariaDescription,
-		name: props.name,
-		form: props.form,
-		value: props.value,
-		autoFocus: props.autofocus,
-		onClick: () => emit("edx-click"),
-		children: /* @__PURE__ */ jsx(Slot, {})
-	});
-};
-var registerEdxButton = (ctx) => {
-	defineElement("edx-button", EdxButton, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		observedAttributes: [
-			"variant",
-			"size",
-			"disabled",
-			"aria-label",
-			"aria-description",
-			"type",
-			"name",
-			"form",
-			"value",
-			"autofocus"
-		],
-		transformProps: (raw) => ({
-			variant: raw.variant ?? void 0,
-			size: raw.size ?? void 0,
-			disabled: coerceBool(raw.disabled),
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0,
-			type: raw.type ?? void 0,
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			value: raw.value ?? void 0,
-			autofocus: coerceBool(raw.autofocus)
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-button-group.tsx
-var EdxButtonGroup = (props) => {
-	const { host } = useEdxHost();
-	const orientation = props.orientation ?? "horizontal";
-	useLayoutEffect(() => {
-		const managedButtons = /* @__PURE__ */ new Set();
-		const releaseButton = (button) => {
-			delete button.dataset.edxButtonGroupPosition;
-			button.style.removeProperty("margin-inline-start");
-			button.style.removeProperty("margin-block-start");
-			managedButtons.delete(button);
-		};
-		const updatePositions = () => {
-			const buttons = Array.from(host.children).filter((child) => child.matches("edx-button"));
-			const nextButtons = new Set(buttons);
-			for (const button of managedButtons) if (!nextButtons.has(button)) releaseButton(button);
-			for (const [index, button] of buttons.entries()) {
-				const position = index === 0 ? "first" : index === buttons.length - 1 ? "last" : "middle";
-				button.dataset.edxButtonGroupPosition = buttons.length === 1 ? "single" : `${orientation}-${position}`;
-				button.style.marginInlineStart = orientation === "horizontal" && index > 0 ? "-1px" : "";
-				button.style.marginBlockStart = orientation === "vertical" && index > 0 ? "-1px" : "";
-				managedButtons.add(button);
-			}
-		};
-		updatePositions();
-		const observer = new MutationObserver(updatePositions);
-		observer.observe(host, { childList: true });
-		return () => {
-			observer.disconnect();
-			for (const button of managedButtons) releaseButton(button);
-		};
-	}, [host, orientation]);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: `
-        [data-slot='button-group'] > slot::slotted(edx-button) {
-          position: relative;
-          z-index: 0;
-        }
-        [data-slot='button-group'] > slot::slotted(edx-button:hover),
-        [data-slot='button-group'] > slot::slotted(edx-button:focus-within) {
-          z-index: 10;
-        }
-      ` }), /* @__PURE__ */ jsx(ButtonGroup, {
-		orientation,
-		children: /* @__PURE__ */ jsx(Slot, {})
-	})] });
-};
-var registerEdxButtonGroup = (ctx) => {
-	defineElement("edx-button-group", EdxButtonGroup, {
-		mode: "shadow",
-		styles: ctx.styles,
-		display: "inline-flex",
-		observedAttributes: ["orientation"],
-		transformProps: (raw) => ({ orientation: raw.orientation ?? void 0 })
-	});
-};
-//#endregion
-//#region ../elements/src/edx-calendar.tsx
-/**
-* Parse a `YYYY-MM-DD` attribute into a local calendar date. Deliberately not
-* `new Date(value)`: that parses date-only strings as UTC midnight, which shifts
-* to the previous day once rendered in a negative-UTC-offset timezone.
-*/
-var parseIsoDate = (value) => {
-	const match = value ? /^(\d{4})-(\d{2})-(\d{2})$/.exec(value) : null;
-	if (!match) return;
-	const [, year, month, day] = match;
-	return new Date(Number(year), Number(month) - 1, Number(day));
-};
-/** Format a local calendar date back to `YYYY-MM-DD`, no time/timezone component. */
-var formatIsoDate = (date) => {
-	return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
-};
-var EdxCalendar = (props) => {
-	const { emit, host } = useEdxHost();
-	const value = props.value ?? props.defaultValue;
-	const min = parseIsoDate(props.min);
-	const max = parseIsoDate(props.max);
-	const disabled = props.disabled ? true : [min ? { before: min } : null, max ? { after: max } : null].filter(Boolean);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Calendar, {
-		mode: "single",
-		required: props.required,
-		selected: parseIsoDate(value),
-		defaultMonth: parseIsoDate(value),
-		disabled,
-		startMonth: min,
-		endMonth: max,
-		numberOfMonths: props.numberOfMonths,
-		showOutsideDays: props.showOutsideDays,
-		fixedWeeks: props.fixedWeeks,
-		hideNavigation: props.hideNavigation,
-		weekStartsOn: props.weekStartsOn,
-		"aria-label": props.ariaLabel,
-		"aria-description": props.ariaDescription,
-		"aria-invalid": props.invalid || void 0,
-		onSelect: (date) => {
-			if (!date) return;
-			const iso = formatIsoDate(date);
-			host.removeAttribute("default-value");
-			host.setAttribute("value", iso);
-			emit("edx-change", { value: iso });
-		}
-	}), props.name ? /* @__PURE__ */ jsx("input", {
-		type: "hidden",
-		name: props.name,
-		form: props.form,
-		value: value ?? "",
-		disabled: props.disabled
-	}) : null] });
-};
-var registerEdxCalendar = (ctx) => {
-	defineElement("edx-calendar", EdxCalendar, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		delegateClick: true,
-		formAssociated: true,
-		formValue: (props) => props.value ?? props.defaultValue ?? "",
-		observedAttributes: [
-			"value",
-			"default-value",
-			"disabled",
-			"required",
-			"name",
-			"form",
-			"min",
-			"max",
-			"number-of-months",
-			"show-outside-days",
-			"fixed-weeks",
-			"hide-navigation",
-			"week-starts-on",
-			"aria-label",
-			"aria-description",
-			"invalid"
-		],
-		transformProps: (raw) => ({
-			value: raw.value ?? void 0,
-			defaultValue: raw["default-value"] ?? void 0,
-			disabled: coerceBool(raw.disabled),
-			required: coerceBool(raw.required),
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			min: raw.min ?? void 0,
-			max: raw.max ?? void 0,
-			numberOfMonths: coerceNumber(raw["number-of-months"]),
-			showOutsideDays: raw["show-outside-days"] == null ? void 0 : coerceBool(raw["show-outside-days"]),
-			fixedWeeks: raw["fixed-weeks"] == null ? void 0 : coerceBool(raw["fixed-weeks"]),
-			hideNavigation: raw["hide-navigation"] == null ? void 0 : coerceBool(raw["hide-navigation"]),
-			weekStartsOn: coerceNumber(raw["week-starts-on"]),
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0,
-			invalid: coerceBool(raw.invalid)
-		}),
-		domProperties: { value: {
-			get: (host) => host.getAttribute("value") ?? host.getAttribute("default-value") ?? "",
-			set: (host, value) => {
-				host.setAttribute("value", String(value ?? ""));
-			}
-		} }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-card.tsx
-var EdxCard = (props) => {
-	return /* @__PURE__ */ jsxs(Card, {
-		size: props.size,
-		children: [(props.heading || props.description) && /* @__PURE__ */ jsxs(CardHeader, { children: [props.heading && /* @__PURE__ */ jsx(CardTitle, { children: props.heading }), props.description && /* @__PURE__ */ jsx(CardDescription, { children: props.description })] }), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Slot, {}) })]
-	});
-};
-var registerEdxCard = (ctx) => {
-	defineElement("edx-card", EdxCard, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: [
-			"heading",
-			"description",
-			"size"
-		],
-		transformProps: (raw) => ({
-			heading: raw.heading ?? void 0,
-			description: raw.description ?? void 0,
-			size: raw.size ?? void 0
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-checkbox.tsx
-var EdxCheckbox = (props) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsx(Checkbox, {
-		checked: props.checked ?? props.defaultChecked ?? false,
-		indeterminate: props.indeterminate ?? false,
-		disabled: props.disabled ?? false,
-		readOnly: props.readonly ?? false,
-		required: props.required ?? false,
-		name: props.name,
-		form: props.form,
-		value: props.value,
-		uncheckedValue: props.uncheckedValue,
-		"aria-invalid": props.invalid || void 0,
-		"aria-label": props.ariaLabel,
-		"aria-description": props.ariaDescription,
-		onCheckedChange: (next) => {
-			const checked = next === true;
-			host.removeAttribute("default-checked");
-			host.removeAttribute("indeterminate");
-			if (checked) host.setAttribute("checked", "true");
-			else host.removeAttribute("checked");
-			emit("edx-change", {
-				checked,
-				indeterminate: false
-			});
-		}
-	});
-};
-var registerEdxCheckbox = (ctx) => {
-	defineElement("edx-checkbox", EdxCheckbox, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		delegateClick: true,
-		formAssociated: true,
-		formValue: (props) => {
-			return props.checked ?? props.defaultChecked ?? false ? props.value ?? "on" : props.uncheckedValue ?? null;
-		},
-		observedAttributes: [
-			"checked",
-			"default-checked",
-			"indeterminate",
-			"disabled",
-			"readonly",
-			"required",
-			"name",
-			"form",
-			"value",
-			"unchecked-value",
-			"invalid",
-			"aria-label",
-			"aria-description"
-		],
-		transformProps: (raw) => ({
-			checked: raw.checked == null ? void 0 : coerceBool(raw.checked),
-			defaultChecked: raw["default-checked"] == null ? void 0 : coerceBool(raw["default-checked"]),
-			indeterminate: coerceBool(raw.indeterminate),
-			disabled: coerceBool(raw.disabled),
-			readonly: coerceBool(raw.readonly),
-			required: coerceBool(raw.required),
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			value: raw.value ?? void 0,
-			uncheckedValue: raw["unchecked-value"] ?? void 0,
-			invalid: coerceBool(raw.invalid),
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0
-		}),
-		domProperties: {
-			checked: booleanDomProperty("checked", "default-checked"),
-			indeterminate: booleanDomProperty("indeterminate")
-		}
-	});
-};
-//#endregion
-//#region ../elements/src/edx-combobox.tsx
-var EdxCombobox = (props) => {
-	const { emit, host } = useEdxHost();
-	const portalContainer = usePortalContainer();
-	const options = props.options ?? [];
-	const selected = options.find((opt) => opt.value === props.value) ?? null;
-	return /* @__PURE__ */ jsxs(Combobox, {
-		items: options,
-		itemToStringLabel: (item) => item.label,
-		value: selected,
-		inputValue: props.inputValue ?? "",
-		disabled: props.disabled ?? false,
-		readOnly: props.readonly ?? false,
-		required: props.required ?? false,
-		name: props.name,
-		form: props.form,
-		open: props.open ?? props.defaultOpen ?? false,
-		modal: props.modal,
-		openOnInputClick: props.openOnInputClick ?? true,
-		autoHighlight: props.autoHighlight,
-		highlightItemOnHover: props.highlightItemOnHover ?? true,
-		onOpenChange: (open) => {
-			host.removeAttribute("default-open");
-			if (open) host.setAttribute("open", "true");
-			else host.removeAttribute("open");
-			emit("edx-open-change", { open });
-		},
-		onInputValueChange: (inputValue) => {
-			host.setAttribute("input-value", inputValue);
-			emit("edx-input-change", { value: inputValue });
-		},
-		onValueChange: (next) => {
-			const val = next === null ? null : next.value;
-			if (val != null) host.setAttribute("value", val);
-			else host.removeAttribute("value");
-			emit("edx-change", { value: val });
-		},
-		children: [/* @__PURE__ */ jsx(ComboboxInput, {
-			placeholder: props.placeholder,
-			"aria-label": props.ariaLabel,
-			"aria-description": props.ariaDescription,
-			"aria-invalid": props.invalid || void 0
-		}), /* @__PURE__ */ jsx(ComboboxContent, {
-			portalContainer: portalContainer ?? void 0,
-			children: (item) => /* @__PURE__ */ jsx(ComboboxItem, {
-				value: item,
-				children: item.label
-			}, item.value)
-		})]
-	});
-};
-var registerEdxCombobox = (ctx) => {
-	defineElement("edx-combobox", EdxCombobox, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "block",
-		delegateClick: true,
-		formAssociated: true,
-		formValue: (props) => props.value ?? "",
-		observedAttributes: [
-			"options",
-			"value",
-			"input-value",
-			"placeholder",
-			"disabled",
-			"readonly",
-			"required",
-			"name",
-			"form",
-			"open",
-			"default-open",
-			"modal",
-			"open-on-input-click",
-			"auto-highlight",
-			"highlight-item-on-hover",
-			"aria-label",
-			"aria-description",
-			"invalid"
-		],
-		transformProps: (raw) => ({
-			options: coerceJson(raw.options),
-			value: raw.value ?? null,
-			inputValue: raw["input-value"] ?? void 0,
-			placeholder: raw.placeholder ?? void 0,
-			disabled: coerceBool(raw.disabled),
-			readonly: coerceBool(raw.readonly),
-			required: coerceBool(raw.required),
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"]),
-			modal: raw.modal == null ? void 0 : coerceBool(raw.modal),
-			openOnInputClick: raw["open-on-input-click"] == null ? void 0 : coerceBool(raw["open-on-input-click"]),
-			autoHighlight: raw["auto-highlight"] == null ? void 0 : coerceBool(raw["auto-highlight"]),
-			highlightItemOnHover: raw["highlight-item-on-hover"] == null ? void 0 : coerceBool(raw["highlight-item-on-hover"]),
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0,
-			invalid: coerceBool(raw.invalid)
-		}),
-		domProperties: {
-			value: {
-				get: (host) => host.getAttribute("value") ?? "",
-				set: (host, value) => {
-					host.setAttribute("value", String(value ?? ""));
-				}
-			},
-			inputValue: {
-				get: (host) => host.getAttribute("input-value") ?? "",
-				set: (host, value) => host.setAttribute("input-value", String(value ?? ""))
-			},
-			open: booleanDomProperty("open", "default-open")
-		}
-	});
-};
-//#endregion
-//#region ../elements/src/edx-content-components.tsx
-var EdxAspectRatio = ({ ratio = 16 / 9 }) => {
-	return /* @__PURE__ */ jsx(AspectRatio, {
-		ratio,
-		className: "w-full overflow-hidden rounded-lg bg-muted",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "flex size-full items-center justify-center text-sm text-foreground/70",
-			children: /* @__PURE__ */ jsx(Slot, {})
-		})
-	});
-};
-var EdxAttachment = ({ title = "report.pdf", description = "2.4 MB", state = "done", size = "default", orientation = "horizontal" }) => {
-	return /* @__PURE__ */ jsxs(Attachment, {
-		state,
-		size,
-		orientation,
-		children: [
-			/* @__PURE__ */ jsx(AttachmentMedia, { children: state === "uploading" || state === "processing" ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(IconFile, {}) }),
-			/* @__PURE__ */ jsxs(AttachmentContent, { children: [/* @__PURE__ */ jsx(AttachmentTitle, { children: title }), /* @__PURE__ */ jsx(AttachmentDescription, { children: description })] }),
-			/* @__PURE__ */ jsx(Slot, {})
-		]
-	});
-};
-var EdxBubble = ({ variant = "default", align = "start", content }) => {
-	return /* @__PURE__ */ jsx(Bubble, {
-		variant,
-		align,
-		children: /* @__PURE__ */ jsx(BubbleContent, { children: content ?? /* @__PURE__ */ jsx(Slot, {}) })
-	});
-};
-var EdxEmpty = ({ title = "Nothing here yet", description = "Content will appear here when it is available." }) => {
-	return /* @__PURE__ */ jsxs(Empty, { children: [/* @__PURE__ */ jsxs(EmptyHeader, { children: [
-		/* @__PURE__ */ jsx(EmptyMedia, {
-			variant: "icon",
-			children: /* @__PURE__ */ jsx(IconInbox, {})
-		}),
-		/* @__PURE__ */ jsx(EmptyTitle, { children: title }),
-		/* @__PURE__ */ jsx(EmptyDescription, { children: description })
-	] }), /* @__PURE__ */ jsx(Slot, {})] });
-};
-var EdxItem = ({ title = "Account settings", description = "Manage your profile and preferences.", variant = "outline", size = "default" }) => {
-	return /* @__PURE__ */ jsxs(Item, {
-		variant,
-		size,
-		children: [
-			/* @__PURE__ */ jsx(ItemMedia, {
-				variant: "icon",
-				children: /* @__PURE__ */ jsx(IconFile, {})
-			}),
-			/* @__PURE__ */ jsxs(ItemContent, { children: [/* @__PURE__ */ jsx(ItemTitle, { children: title }), /* @__PURE__ */ jsx(ItemDescription, { children: description })] }),
-			/* @__PURE__ */ jsx(Slot, {})
-		]
-	});
-};
-var EdxKbd = ({ text }) => {
-	return /* @__PURE__ */ jsx(Kbd, { children: text ?? /* @__PURE__ */ jsx(Slot, {}) });
-};
-var EdxMarker = ({ variant = "default", text }) => {
-	return /* @__PURE__ */ jsx(Marker, {
-		variant,
-		children: /* @__PURE__ */ jsx(MarkerContent, { children: text ?? /* @__PURE__ */ jsx(Slot, {}) })
-	});
-};
-var EdxMessage = ({ author = "Support", timestamp = "Now", align = "start", variant = "muted" }) => {
-	return /* @__PURE__ */ jsx(Message, {
-		align,
-		children: /* @__PURE__ */ jsxs(MessageContent, { children: [
-			/* @__PURE__ */ jsx(MessageHeader, { children: author }),
-			/* @__PURE__ */ jsx(Bubble, {
-				variant,
-				align,
-				children: /* @__PURE__ */ jsx(BubbleContent, { children: /* @__PURE__ */ jsx(Slot, {}) })
-			}),
-			/* @__PURE__ */ jsx(MessageFooter, { children: timestamp })
-		] })
-	});
-};
-var EdxNativeSelect = ({ options = [], value, defaultValue, size = "default", disabled = false, name, form, required, autoComplete, ariaLabel = "Select an option", ariaDescription, invalid }) => {
-	const emit = useEmit();
-	const { host } = useEdxHost();
-	const handleChange = (event) => {
-		const nextValue = event.target.value;
-		host.removeAttribute("default-value");
-		host.setAttribute("value", nextValue);
-		emit("edx-change", { value: nextValue });
-		emit("edx-input", { value: nextValue });
-	};
-	return /* @__PURE__ */ jsx(NativeSelect, {
-		value: value ?? defaultValue,
-		size,
-		disabled,
-		name,
-		form,
-		required,
-		autoComplete,
-		"aria-label": ariaLabel,
-		"aria-description": ariaDescription,
-		"aria-invalid": invalid || void 0,
-		onChange: handleChange,
-		children: options.map((option) => /* @__PURE__ */ jsx(NativeSelectOption, {
-			value: option.value,
-			disabled: option.disabled,
-			children: option.label
-		}, option.value))
-	});
-};
-var EdxSpinner = ({ size = "default", label = "Loading" }) => /* @__PURE__ */ jsx(Spinner, {
-	size,
-	"aria-label": label
-});
-var registerEdxContentComponents = (ctx) => {
-	defineElement("edx-aspect-ratio", EdxAspectRatio, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: ["ratio"],
-		transformProps: (raw) => ({ ratio: coerceNumber(raw.ratio) })
-	});
-	defineElement("edx-attachment", EdxAttachment, {
-		mode: "shadow",
-		styles: ctx.styles,
-		display: "inline-flex",
-		observedAttributes: [
-			"title",
-			"description",
-			"state",
-			"size",
-			"orientation"
-		],
-		transformProps: (raw) => ({
-			title: raw.title ?? void 0,
-			description: raw.description ?? void 0,
-			state: raw.state ?? void 0,
-			size: raw.size ?? void 0,
-			orientation: raw.orientation ?? void 0
-		})
-	});
-	defineElement("edx-bubble", EdxBubble, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "contents",
-		observedAttributes: [
-			"variant",
-			"align",
-			"content"
-		],
-		transformProps: (raw) => ({
-			variant: raw.variant ?? void 0,
-			align: raw.align ?? void 0,
-			content: raw.content ?? void 0
-		})
-	});
-	defineElement("edx-empty", EdxEmpty, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: ["title", "description"],
-		transformProps: (raw) => ({
-			title: raw.title ?? void 0,
-			description: raw.description ?? void 0
-		})
-	});
-	defineElement("edx-item", EdxItem, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: [
-			"title",
-			"description",
-			"variant",
-			"size"
-		],
-		transformProps: (raw) => ({
-			title: raw.title ?? void 0,
-			description: raw.description ?? void 0,
-			variant: raw.variant ?? void 0,
-			size: raw.size ?? void 0
-		})
-	});
-	defineElement("edx-kbd", EdxKbd, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		observedAttributes: ["text"],
-		transformProps: (raw) => ({ text: raw.text ?? void 0 })
-	});
-	defineElement("edx-marker", EdxMarker, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "flex",
-		observedAttributes: ["variant", "text"],
-		transformProps: (raw) => ({
-			variant: raw.variant ?? void 0,
-			text: raw.text ?? void 0
-		})
-	});
-	defineElement("edx-message", EdxMessage, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: [
-			"author",
-			"timestamp",
-			"align",
-			"variant"
-		],
-		transformProps: (raw) => ({
-			author: raw.author ?? void 0,
-			timestamp: raw.timestamp ?? void 0,
-			align: raw.align ?? void 0,
-			variant: raw.variant ?? void 0
-		})
-	});
-	defineElement("edx-native-select", EdxNativeSelect, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		observedAttributes: [
-			"options",
-			"value",
-			"default-value",
-			"size",
-			"disabled",
-			"name",
-			"form",
-			"required",
-			"autocomplete",
-			"aria-label",
-			"aria-description",
-			"invalid"
-		],
-		formAssociated: true,
-		formValue: (props) => props.value ?? props.defaultValue ?? "",
-		delegateClick: true,
-		transformProps: (raw) => ({
-			options: coerceJson(raw.options),
-			value: raw.value ?? void 0,
-			defaultValue: raw["default-value"] ?? void 0,
-			size: raw.size ?? void 0,
-			disabled: coerceBool(raw.disabled),
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			required: coerceBool(raw.required),
-			autoComplete: raw.autocomplete ?? void 0,
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0,
-			invalid: coerceBool(raw.invalid)
-		}),
-		domProperties: { value: {
-			get: (host) => host.getAttribute("value") ?? host.getAttribute("default-value") ?? "",
-			set: (host, value) => host.setAttribute("value", String(value ?? ""))
-		} }
-	});
-	defineElement("edx-spinner", EdxSpinner, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		observedAttributes: ["size", "label"],
-		transformProps: (raw) => ({
-			size: raw.size ?? void 0,
-			label: raw.label ?? void 0
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-dialog.tsx
-/**
-* Overlay/portal proof, and the template every class-4 overlay copies. Overlays
-* are pinned to **light mode**: Base UI's DialogContent/Portal always lands in
-* document.body and does not forward a portal `container`, so under shadow mode
-* the portaled content escapes the shadow root, loses the adopted stylesheet, and
-* renders unstyled with no error. Pinning `mode: 'light'` (not `ctx.mode`) makes
-* that footgun impossible to inherit by mistake. See docs/delivery-classes.md.
-*/
-var EdxDialog = (props) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsxs(Dialog, {
-		open: props.open ?? props.defaultOpen ?? false,
-		modal: props.modal ?? true,
-		disablePointerDismissal: props.disablePointerDismissal,
-		onOpenChange: (open) => {
-			host.removeAttribute("default-open");
-			reflectBool(host, "open", open);
-			emit("edx-change", { open });
-		},
-		children: [/* @__PURE__ */ jsx(DialogTrigger, {
-			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
-			children: props.triggerLabel ?? "Open"
-		}), /* @__PURE__ */ jsxs(DialogContent, { children: [
-			(props.heading || props.description) && /* @__PURE__ */ jsxs(DialogHeader, { children: [props.heading && /* @__PURE__ */ jsx(DialogTitle, { children: props.heading }), props.description && /* @__PURE__ */ jsx(DialogDescription, { children: props.description })] }),
-			/* @__PURE__ */ jsx(Slot, {}),
-			/* @__PURE__ */ jsx(DialogFooter, { showCloseButton: true })
-		] })]
-	});
-};
-var registerEdxDialog = (ctx) => {
-	registerOverlayElement("edx-dialog", EdxDialog, ctx, {
-		display: "inline-flex",
-		observedAttributes: [
-			"trigger-label",
-			"heading",
-			"description",
-			"open",
-			"default-open",
-			"modal",
-			"disable-pointer-dismissal"
-		],
-		transformProps: (raw) => ({
-			triggerLabel: raw["trigger-label"] ?? void 0,
-			heading: raw.heading ?? void 0,
-			description: raw.description ?? void 0,
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"]),
-			modal: raw.modal == null ? void 0 : coerceBool(raw.modal),
-			disablePointerDismissal: raw["disable-pointer-dismissal"] == null ? void 0 : coerceBool(raw["disable-pointer-dismissal"])
-		}),
-		domProperties: { open: booleanDomProperty("open", "default-open") }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-drawer.tsx
-/**
-* Side-anchored overlay, the same light-mode pattern as edx-dialog (registered via
-* registerOverlayElement, which pins mode:'light' so the Base UI portal can land
-* in document.body). Content is attribute-driven (trigger-label/heading/description
-* + an optional static slot); `side` chooses the edge.
-*/
-var EdxDrawer = (props) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsxs(Drawer, {
-		open: props.open ?? props.defaultOpen ?? false,
-		modal: props.modal ?? true,
-		disablePointerDismissal: props.disablePointerDismissal,
-		onOpenChange: (open) => {
-			host.removeAttribute("default-open");
-			reflectBool(host, "open", open);
-			emit("edx-change", { open });
-		},
-		children: [/* @__PURE__ */ jsx(DrawerTrigger, {
-			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
-			children: props.triggerLabel ?? "Open"
-		}), /* @__PURE__ */ jsxs(DrawerContent, {
-			side: props.side ?? "right",
-			children: [(props.heading || props.description) && /* @__PURE__ */ jsxs(DrawerHeader, { children: [props.heading && /* @__PURE__ */ jsx(DrawerTitle, { children: props.heading }), props.description && /* @__PURE__ */ jsx(DrawerDescription, { children: props.description })] }), /* @__PURE__ */ jsx(Slot, {})]
-		})]
-	});
-};
-var registerEdxDrawer = (ctx) => {
-	registerOverlayElement("edx-drawer", EdxDrawer, ctx, {
-		display: "inline-flex",
-		observedAttributes: [
-			"trigger-label",
-			"heading",
-			"description",
-			"side",
-			"open",
-			"default-open",
-			"modal",
-			"disable-pointer-dismissal"
-		],
-		transformProps: (raw) => ({
-			triggerLabel: raw["trigger-label"] ?? void 0,
-			heading: raw.heading ?? void 0,
-			description: raw.description ?? void 0,
-			side: raw.side ?? void 0,
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"]),
-			modal: raw.modal == null ? void 0 : coerceBool(raw.modal),
-			disablePointerDismissal: raw["disable-pointer-dismissal"] == null ? void 0 : coerceBool(raw["disable-pointer-dismissal"])
-		}),
-		domProperties: { open: booleanDomProperty("open", "default-open") }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-dropdown-menu.tsx
-/**
-* Action-menu overlay, the same light-mode pattern as edx-dialog (registered via
-* registerOverlayElement, which pins mode:'light' so the Base UI portal can land
-* in document.body). Content is attribute-driven (no `<Slot />`): the menu items
-* come in as a JSON `items` attribute, the same JSON-attribute shape as edx-table.
-*/
-var EdxDropdownMenu = (props) => {
-	const { emit, host } = useEdxHost();
-	const items = props.items ?? [];
-	return /* @__PURE__ */ jsxs(DropdownMenu, {
-		open: props.open ?? props.defaultOpen ?? false,
-		modal: props.modal ?? true,
-		disabled: props.disabled,
-		loopFocus: props.loopFocus ?? true,
-		highlightItemOnHover: props.highlightItemOnHover ?? true,
-		onOpenChange: (open) => {
-			host.removeAttribute("default-open");
-			reflectBool(host, "open", open);
-			emit("edx-change", { open });
-		},
-		children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
-			disabled: props.disabled,
-			children: props.triggerLabel ?? "Open"
-		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-			side: props.side,
-			align: props.align,
-			sideOffset: props.sideOffset,
-			alignOffset: props.alignOffset,
-			children: /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [props.label && /* @__PURE__ */ jsx(DropdownMenuLabel, { children: props.label }), items.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, {
-				disabled: item.disabled,
-				onClick: () => emit("edx-select", { value: item.value ?? item.label }),
-				children: item.label
-			}, `${item.value ?? item.label}-${item.label}`))] })
-		})]
-	});
-};
-var registerEdxDropdownMenu = (ctx) => {
-	registerOverlayElement("edx-dropdown-menu", EdxDropdownMenu, ctx, {
-		display: "inline-flex",
-		observedAttributes: [
-			"trigger-label",
-			"label",
-			"items",
-			"open",
-			"default-open",
-			"modal",
-			"disabled",
-			"loop-focus",
-			"highlight-item-on-hover",
-			"side",
-			"align",
-			"side-offset",
-			"align-offset"
-		],
-		transformProps: (raw) => ({
-			triggerLabel: raw["trigger-label"] ?? void 0,
-			label: raw.label ?? void 0,
-			items: coerceJson(raw.items) ?? [],
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"]),
-			modal: raw.modal == null ? void 0 : coerceBool(raw.modal),
-			disabled: raw.disabled == null ? void 0 : coerceBool(raw.disabled),
-			loopFocus: raw["loop-focus"] == null ? void 0 : coerceBool(raw["loop-focus"]),
-			highlightItemOnHover: raw["highlight-item-on-hover"] == null ? void 0 : coerceBool(raw["highlight-item-on-hover"]),
-			side: raw.side ?? void 0,
-			align: raw.align ?? void 0,
-			sideOffset: coerceNumber(raw["side-offset"]),
-			alignOffset: coerceNumber(raw["align-offset"])
-		}),
-		domProperties: { open: booleanDomProperty("open", "default-open") }
-	});
-};
-//#endregion
-//#region ../elements/src/field-control-bridge.ts
-var FIELD_CONTROL_SELECTOR = "edx-calendar, edx-checkbox, edx-combobox, edx-input, edx-input-group, edx-input-otp, edx-native-select, edx-radio-group, edx-select, edx-slider, edx-switch, edx-textarea, edx-toggle-group";
-var OWNED_ATTRIBUTES = [
-	["aria-label", "edxFieldLabel"],
-	["aria-description", "edxFieldDescription"],
-	["invalid", "edxFieldInvalid"]
-];
-var findControls = (root) => Array.from(root.querySelectorAll(FIELD_CONTROL_SELECTOR));
-var releaseFieldAttributes = (control) => {
-	for (const [attribute, ownershipKey] of OWNED_ATTRIBUTES) if (control.dataset[ownershipKey] === "true") {
-		control.removeAttribute(attribute);
-		delete control.dataset[ownershipKey];
-	}
-};
-var setFieldAttribute = (control, attribute, ownershipKey, value) => {
-	const isFieldOwned = control.dataset[ownershipKey] === "true";
-	if (value !== void 0) {
-		if (!control.hasAttribute(attribute) || isFieldOwned) {
-			control.setAttribute(attribute, value);
-			control.dataset[ownershipKey] = "true";
-		}
-		return;
-	}
-	if (isFieldOwned) {
-		control.removeAttribute(attribute);
-		delete control.dataset[ownershipKey];
-	}
-};
-var syncFieldAttributes = (control, context) => {
-	setFieldAttribute(control, "aria-label", "edxFieldLabel", context.label);
-	setFieldAttribute(control, "aria-description", "edxFieldDescription", context.description || void 0);
-	setFieldAttribute(control, "invalid", "edxFieldInvalid", context.invalid ? "true" : void 0);
-};
-var useFieldControlBridge = (host, context) => {
-	const { description, invalid, label } = context;
-	const refContext = useRef(context);
-	const refControls = useRef(/* @__PURE__ */ new Set());
-	refContext.current = {
-		description,
-		invalid,
-		label
-	};
-	const registerControl = useCallback((control) => {
-		refControls.current.add(control);
-		syncFieldAttributes(control, refContext.current);
-	}, []);
-	const syncControls = useCallback(() => {
-		const controls = new Set(findControls(host));
-		for (const control of refControls.current) if (!controls.has(control)) releaseFieldAttributes(control);
-		for (const control of controls) registerControl(control);
-		refControls.current = controls;
-	}, [host, registerControl]);
-	useEffect(() => {
-		for (const control of refControls.current) syncFieldAttributes(control, {
-			description,
-			invalid,
-			label
-		});
-	}, [
-		description,
-		invalid,
-		label
-	]);
-	useLayoutEffect(() => {
-		const handleControlConnect = (event) => {
-			const registrationEvent = event;
-			const { control, setCleanup } = registrationEvent.detail;
-			if (!host.contains(control)) return;
-			registrationEvent.stopPropagation();
-			registerControl(control);
-			setCleanup(() => {
-				if (refControls.current.delete(control)) releaseFieldAttributes(control);
-			});
-		};
-		host.addEventListener(EDX_FIELD_CONTROL_CONNECT_EVENT, handleControlConnect);
-		const slot = host.shadowRoot?.querySelector("slot");
-		slot?.addEventListener("slotchange", syncControls);
-		syncControls();
-		return () => {
-			host.removeEventListener(EDX_FIELD_CONTROL_CONNECT_EVENT, handleControlConnect);
-			slot?.removeEventListener("slotchange", syncControls);
-			for (const control of refControls.current) releaseFieldAttributes(control);
-			refControls.current.clear();
-		};
-	}, [
-		host,
-		registerControl,
-		syncControls
-	]);
-	return useCallback(() => {
-		const control = host.querySelector(FIELD_CONTROL_SELECTOR);
-		control?.focus();
-		if (control?.matches("edx-checkbox, edx-switch")) control.click();
-	}, [host]);
-};
-//#endregion
-//#region ../elements/src/edx-field.tsx
-var EdxField = (props) => {
-	const { host } = useEdxHost();
-	const accessibleDescription = [props.description, props.invalid ? props.error : void 0].filter(Boolean).join(" ");
-	const focusControl = useFieldControlBridge(host, {
-		label: props.label,
-		description: accessibleDescription,
-		invalid: props.invalid ?? false
-	});
-	return /* @__PURE__ */ jsxs(Field, {
-		invalid: props.invalid ?? false,
-		children: [
-			props.label && /* @__PURE__ */ jsx(FieldLabel, {
-				onClick: focusControl,
-				children: props.label
-			}),
-			/* @__PURE__ */ jsx(Slot, {}),
-			props.description && /* @__PURE__ */ jsx(FieldDescription, { children: props.description }),
-			props.invalid && props.error && /* @__PURE__ */ jsx(FieldError, { children: props.error })
-		]
-	});
-};
-var registerEdxField = (ctx) => {
-	defineElement("edx-field", EdxField, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: [
-			"label",
-			"description",
-			"error",
-			"invalid"
-		],
-		transformProps: (raw) => ({
-			label: raw.label ?? void 0,
-			description: raw.description ?? void 0,
-			error: raw.error ?? void 0,
-			invalid: coerceBool(raw.invalid)
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-indicator.tsx
-var EdxIndicator = (props) => {
-	return /* @__PURE__ */ jsx(Indicator, {
-		variant: props.variant ?? "default",
-		side: props.side ?? "top",
-		align: props.align ?? "end",
-		children: /* @__PURE__ */ jsx(Slot, {})
-	});
-};
-var registerEdxIndicator = (ctx) => {
-	defineElement("edx-indicator", EdxIndicator, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		observedAttributes: [
-			"variant",
-			"side",
-			"align"
-		],
-		transformProps: (raw) => ({
-			variant: raw.variant ?? void 0,
-			side: raw.side ?? void 0,
-			align: raw.align ?? void 0
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-input.tsx
-var EdxInput = (props) => {
-	const { emit, host, setFormValue } = useEdxHost();
-	const isFileInput = props.type === "file";
-	return /* @__PURE__ */ jsx(Input, {
-		type: props.type ?? "text",
-		value: isFileInput ? void 0 : props.value ?? "",
-		placeholder: props.placeholder,
-		disabled: props.disabled ?? false,
-		readOnly: props.readonly ?? false,
-		"aria-invalid": props.invalid || void 0,
-		name: props.name,
-		form: props.form,
-		required: props.required ?? false,
-		autoComplete: props.autoComplete,
-		inputMode: props.inputMode,
-		min: props.min,
-		max: props.max,
-		step: props.step,
-		minLength: props.minLength,
-		maxLength: props.maxLength,
-		pattern: props.pattern,
-		accept: props.accept,
-		multiple: props.multiple ?? false,
-		spellCheck: props.spellCheck,
-		autoFocus: props.autoFocus,
-		"aria-label": props.ariaLabel,
-		"aria-description": props.ariaDescription,
-		onChange: (event) => {
-			const { value } = event.target;
-			host.setAttribute("value", value);
-			if (isFileInput) {
-				const files = Array.from(event.target.files ?? []);
-				setFormValue(props.multiple ? multipleFormValue(host, files) : files[0] ?? null);
-			}
-			emit("edx-change", {
-				value,
-				files: event.target.files ? Array.from(event.target.files) : void 0
-			});
-		}
-	});
-};
-var registerEdxInput = (ctx) => {
-	defineElement("edx-input", EdxInput, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "block",
-		delegateClick: true,
-		formAssociated: true,
-		formValue: (props) => props.type === "file" ? null : props.value ?? "",
-		observedAttributes: [
-			"value",
-			"placeholder",
-			"type",
-			"disabled",
-			"readonly",
-			"invalid",
-			"name",
-			"form",
-			"required",
-			"autocomplete",
-			"inputmode",
-			"min",
-			"max",
-			"step",
-			"minlength",
-			"maxlength",
-			"pattern",
-			"accept",
-			"multiple",
-			"spellcheck",
-			"autofocus",
-			"aria-label",
-			"aria-description"
-		],
-		transformProps: (raw) => ({
-			value: raw.value ?? void 0,
-			placeholder: raw.placeholder ?? void 0,
-			type: raw.type ?? void 0,
-			disabled: coerceBool(raw.disabled),
-			readonly: coerceBool(raw.readonly),
-			invalid: coerceBool(raw.invalid),
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			required: coerceBool(raw.required),
-			autoComplete: raw.autocomplete ?? void 0,
-			inputMode: raw.inputmode ?? void 0,
-			min: raw.min ?? void 0,
-			max: raw.max ?? void 0,
-			step: raw.step ?? void 0,
-			minLength: coerceNumber(raw.minlength),
-			maxLength: coerceNumber(raw.maxlength),
-			pattern: raw.pattern ?? void 0,
-			accept: raw.accept ?? void 0,
-			multiple: coerceBool(raw.multiple),
-			spellCheck: raw.spellcheck == null ? void 0 : coerceBool(raw.spellcheck),
-			autoFocus: coerceBool(raw.autofocus),
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0
-		}),
-		domProperties: { value: {
-			get: (host) => host.getAttribute("value") ?? "",
-			set: (host, value) => {
-				host.setAttribute("value", String(value ?? ""));
-			}
-		} }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-input-group.tsx
-var EdxInputGroup = (props) => {
-	const { emit, host, setFormValue } = useEdxHost();
-	return /* @__PURE__ */ jsxs(InputGroup, {
-		"data-disabled": props.disabled || void 0,
-		"aria-disabled": props.disabled || void 0,
-		children: [
-			(props.prefix ?? props.addon) && /* @__PURE__ */ jsx(InputGroupAddon, { children: props.prefix ?? props.addon }),
-			/* @__PURE__ */ jsx(InputGroupInput, {
-				type: props.type,
-				name: props.name,
-				form: props.form,
-				value: props.type === "file" ? void 0 : props.value ?? "",
-				placeholder: props.placeholder,
-				disabled: props.disabled ?? false,
-				readOnly: props.readonly ?? false,
-				required: props.required ?? false,
-				autoComplete: props.autoComplete,
-				inputMode: props.inputMode,
-				min: props.min,
-				max: props.max,
-				step: props.step,
-				minLength: props.minLength,
-				maxLength: props.maxLength,
-				pattern: props.pattern,
-				accept: props.accept,
-				multiple: props.multiple,
-				spellCheck: props.spellCheck,
-				autoFocus: props.autofocus,
-				"aria-invalid": props.invalid || void 0,
-				"aria-label": props.ariaLabel,
-				"aria-description": props.ariaDescription,
-				onChange: (event) => {
-					const { value } = event.target;
-					host.setAttribute("value", value);
-					const files = event.target.files ? Array.from(event.target.files) : void 0;
-					if (props.type === "file") setFormValue(props.multiple ? multipleFormValue(host, files ?? []) : files?.[0] ?? null);
-					emit("edx-change", {
-						value,
-						files
-					});
-				}
-			}),
-			props.suffix && /* @__PURE__ */ jsx(InputGroupAddon, {
-				align: "inline-end",
-				children: props.suffix
-			}),
-			props.actionLabel && /* @__PURE__ */ jsx(InputGroupAddon, {
-				align: "inline-end",
-				children: /* @__PURE__ */ jsx(InputGroupButton, {
-					onClick: () => emit("edx-action"),
-					children: props.actionLabel
-				})
-			})
-		]
-	});
-};
-var registerEdxInputGroup = (ctx) => {
-	defineElement("edx-input-group", EdxInputGroup, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		delegateClick: true,
-		formAssociated: true,
-		formValue: (props) => props.type === "file" ? null : props.value ?? "",
-		observedAttributes: [
-			"addon",
-			"prefix",
-			"suffix",
-			"action-label",
-			"placeholder",
-			"value",
-			"disabled",
-			"readonly",
-			"invalid",
-			"type",
-			"name",
-			"form",
-			"required",
-			"autocomplete",
-			"inputmode",
-			"min",
-			"max",
-			"step",
-			"minlength",
-			"maxlength",
-			"pattern",
-			"accept",
-			"multiple",
-			"spellcheck",
-			"autofocus",
-			"aria-label",
-			"aria-description"
-		],
-		transformProps: (raw) => ({
-			addon: raw.addon ?? void 0,
-			prefix: raw.prefix ?? void 0,
-			suffix: raw.suffix ?? void 0,
-			actionLabel: raw["action-label"] ?? void 0,
-			placeholder: raw.placeholder ?? void 0,
-			value: raw.value ?? void 0,
-			disabled: coerceBool(raw.disabled),
-			readonly: coerceBool(raw.readonly),
-			invalid: coerceBool(raw.invalid),
-			type: raw.type ?? void 0,
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			required: coerceBool(raw.required),
-			autoComplete: raw.autocomplete ?? void 0,
-			inputMode: raw.inputmode ?? void 0,
-			min: raw.min ?? void 0,
-			max: raw.max ?? void 0,
-			step: raw.step ?? void 0,
-			minLength: raw.minlength == null ? void 0 : Number(raw.minlength),
-			maxLength: raw.maxlength == null ? void 0 : Number(raw.maxlength),
-			pattern: raw.pattern ?? void 0,
-			accept: raw.accept ?? void 0,
-			multiple: coerceBool(raw.multiple),
-			spellCheck: raw.spellcheck == null ? void 0 : coerceBool(raw.spellcheck),
-			autofocus: coerceBool(raw.autofocus),
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0
-		}),
-		domProperties: { value: {
-			get: (host) => host.getAttribute("value") ?? "",
-			set: (host, value) => {
-				host.setAttribute("value", String(value ?? ""));
-			}
-		} }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-input-otp.tsx
-var buildSlots = (props, length, value, onValueChange, onComplete) => {
-	const inputProps = {
-		maxLength: length,
-		value,
-		disabled: props.disabled ?? false,
-		readOnly: props.readonly ?? false,
-		required: props.required ?? false,
-		name: props.name,
-		form: props.form,
-		autoComplete: props.autoComplete,
-		inputMode: props.inputMode,
-		pattern: props.pattern,
-		"aria-invalid": props.invalid || void 0,
-		"aria-label": props.ariaLabel,
-		"aria-description": props.ariaDescription,
-		onChange: onValueChange,
-		onComplete
-	};
-	if (length === 6) return /* @__PURE__ */ jsxs(InputOTP, {
-		...inputProps,
-		children: [
-			/* @__PURE__ */ jsxs(InputOTPGroup, { children: [
-				/* @__PURE__ */ jsx(InputOTPSlot, { index: 0 }),
-				/* @__PURE__ */ jsx(InputOTPSlot, { index: 1 }),
-				/* @__PURE__ */ jsx(InputOTPSlot, { index: 2 })
-			] }),
-			/* @__PURE__ */ jsx(InputOTPSeparator, {}),
-			/* @__PURE__ */ jsxs(InputOTPGroup, { children: [
-				/* @__PURE__ */ jsx(InputOTPSlot, { index: 3 }),
-				/* @__PURE__ */ jsx(InputOTPSlot, { index: 4 }),
-				/* @__PURE__ */ jsx(InputOTPSlot, { index: 5 })
-			] })
-		]
-	});
-	return /* @__PURE__ */ jsx(InputOTP, {
-		...inputProps,
-		children: /* @__PURE__ */ jsx(InputOTPGroup, { children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx(InputOTPSlot, { index: i }, `slot-${i}`)) })
-	});
-};
-var EdxInputOtp = (props) => {
-	const { emit, host } = useEdxHost();
-	const length = props.length ?? 6;
-	const value = props.value ?? props.defaultValue ?? "";
-	const handleValueChange = (next) => {
-		host.removeAttribute("default-value");
-		host.setAttribute("value", next);
-		emit("edx-change", { value: next });
-	};
-	return buildSlots(props, length, value, handleValueChange, (next) => emit("edx-complete", { value: next }));
-};
-var registerEdxInputOtp = (ctx) => {
-	defineElement("edx-input-otp", EdxInputOtp, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		delegateClick: true,
-		formAssociated: true,
-		formValue: (props) => props.value ?? props.defaultValue ?? "",
-		observedAttributes: [
-			"length",
-			"value",
-			"default-value",
-			"disabled",
-			"readonly",
-			"required",
-			"name",
-			"form",
-			"autocomplete",
-			"inputmode",
-			"pattern",
-			"invalid",
-			"aria-label",
-			"aria-description"
-		],
-		transformProps: (raw) => ({
-			length: coerceNumber(raw.length) ?? 6,
-			value: raw.value ?? void 0,
-			defaultValue: raw["default-value"] ?? void 0,
-			disabled: coerceBool(raw.disabled),
-			readonly: coerceBool(raw.readonly),
-			required: coerceBool(raw.required),
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			autoComplete: raw.autocomplete ?? void 0,
-			inputMode: raw.inputmode ?? void 0,
-			pattern: raw.pattern ?? void 0,
-			invalid: coerceBool(raw.invalid),
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0
-		}),
-		domProperties: { value: {
-			get: (host) => host.getAttribute("value") ?? host.getAttribute("default-value") ?? "",
-			set: (host, value) => {
-				host.setAttribute("value", String(value ?? ""));
-			}
-		} }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-interactive-components.tsx
-var EdxAlertDialog = ({ triggerLabel = "Delete item", heading = "Are you absolutely sure?", description = "This action cannot be undone.", confirmLabel = "Continue", cancelLabel = "Cancel", open, defaultOpen }) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsxs(AlertDialog, {
-		open: open ?? defaultOpen ?? false,
-		onOpenChange: (nextOpen) => {
-			host.removeAttribute("default-open");
-			reflectBool(host, "open", nextOpen);
-			emit("edx-change", { open: nextOpen });
-		},
-		children: [/* @__PURE__ */ jsx(AlertDialogTrigger, {
-			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
-			children: triggerLabel
-		}), /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: heading }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: description })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: cancelLabel }), /* @__PURE__ */ jsx(AlertDialogAction, {
-			onClick: () => {
-				emit("edx-action", { action: "confirm" });
-			},
-			children: confirmLabel
-		})] })] })]
-	});
-};
-var EdxCarousel = ({ items = [
-	"First slide",
-	"Second slide",
-	"Third slide"
-], orientation = "horizontal", current, loop, dragFree, startIndex }) => {
-	const { emit, host } = useEdxHost();
-	const [api, setApi] = useState();
-	useEffect(() => {
-		if (!api) return;
-		const handleSelect = () => {
-			const next = api.selectedScrollSnap();
-			if (!Number.isFinite(next)) return;
-			host.setAttribute("current", String(next));
-			emit("edx-change", { value: next });
-		};
-		api.on("select", handleSelect);
-		api.on("reInit", handleSelect);
-		return () => {
-			api.off("select", handleSelect);
-			api.off("reInit", handleSelect);
-		};
-	}, [
-		api,
-		emit,
-		host
-	]);
-	useEffect(() => {
-		if (api && current != null && api.selectedScrollSnap() !== current) api.scrollTo(current);
-	}, [api, current]);
-	return /* @__PURE__ */ jsxs(Carousel, {
-		orientation,
-		opts: {
-			loop: loop ?? false,
-			dragFree: dragFree ?? false,
-			startIndex: startIndex ?? 0
-		},
-		setApi,
-		className: "mx-10 w-64",
-		children: [
-			/* @__PURE__ */ jsx(CarouselContent, { children: items.map((item) => /* @__PURE__ */ jsx(CarouselItem, { children: /* @__PURE__ */ jsx("div", {
-				className: "flex h-28 items-center justify-center rounded-lg border bg-card p-4 text-sm font-medium",
-				children: item
-			}) }, item)) }),
-			/* @__PURE__ */ jsx(CarouselPrevious, {}),
-			/* @__PURE__ */ jsx(CarouselNext, {})
-		]
-	});
-};
-var EdxChart = ({ data = [
-	{
-		label: "Mon",
-		value: 32
-	},
-	{
-		label: "Tue",
-		value: 48
-	},
-	{
-		label: "Wed",
-		value: 40
-	},
-	{
-		label: "Thu",
-		value: 64
-	}
-] }) => {
-	return /* @__PURE__ */ jsx(ChartContainer, {
-		config: { value: {
-			label: "Value",
-			color: "var(--chart-1)"
-		} },
-		className: "h-48 w-full aspect-auto",
-		children: /* @__PURE__ */ jsxs(BarChart, {
-			data,
-			accessibilityLayer: true,
-			children: [
-				/* @__PURE__ */ jsx(CartesianGrid, { vertical: false }),
-				/* @__PURE__ */ jsx(XAxis, {
-					dataKey: "label",
-					tickLine: false,
-					axisLine: false
-				}),
-				/* @__PURE__ */ jsx(Bar, {
-					dataKey: "value",
-					fill: "var(--color-value)",
-					radius: 6
-				})
-			]
-		})
-	});
-};
-var EdxCollapsible = ({ triggerLabel = "Show details", open, defaultOpen, disabled }) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsxs(Collapsible, {
-		open: open ?? defaultOpen ?? false,
-		disabled,
-		onOpenChange: (nextOpen) => {
-			host.removeAttribute("default-open");
-			reflectBool(host, "open", nextOpen);
-			emit("edx-change", { open: nextOpen });
-		},
-		className: "w-full space-y-2",
-		children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
-			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
-			disabled,
-			children: triggerLabel
-		}), /* @__PURE__ */ jsx(CollapsibleContent, {
-			className: "rounded-lg border bg-card p-3 text-sm text-muted-foreground",
-			children: /* @__PURE__ */ jsx(Slot, {})
-		})]
-	});
-};
-var EdxCommand = ({ placeholder = "Type a command or search…", emptyLabel = "No results found.", items = [], query, loop, disablePointerSelection, vimBindings }) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsxs(Command, {
-		loop,
-		disablePointerSelection,
-		vimBindings,
-		className: "w-full rounded-lg border",
-		children: [/* @__PURE__ */ jsx(CommandInput, {
-			placeholder,
-			value: query ?? "",
-			onValueChange: (nextQuery) => {
-				host.setAttribute("query", nextQuery);
-				emit("edx-input-change", { value: nextQuery });
-			}
-		}), /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: emptyLabel }), items.map((item) => /* @__PURE__ */ jsx(CommandItem, {
-			value: item.value ?? item.label,
-			disabled: item.disabled,
-			onSelect: (value) => emit("edx-select", { value }),
-			children: item.label
-		}, item.value ?? item.label))] })]
-	});
-};
-var EdxContextMenu = ({ items = [], label = "Right-click here", open, defaultOpen, disabled, loopFocus = true, highlightItemOnHover = true, side, align, sideOffset, alignOffset }) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsxs(ContextMenu, {
-		open: open ?? defaultOpen ?? false,
-		disabled,
-		loopFocus,
-		highlightItemOnHover,
-		onOpenChange: (nextOpen) => {
-			host.removeAttribute("default-open");
-			reflectBool(host, "open", nextOpen);
-			emit("edx-change", { open: nextOpen });
-		},
-		children: [/* @__PURE__ */ jsx(ContextMenuTrigger, {
-			className: "flex h-28 w-full items-center justify-center rounded-lg border border-dashed text-sm text-muted-foreground",
-			children: label
-		}), /* @__PURE__ */ jsx(ContextMenuContent, {
-			side,
-			align,
-			sideOffset,
-			alignOffset,
-			children: items.map((item) => /* @__PURE__ */ jsx(ContextMenuItem, {
-				disabled: item.disabled,
-				onClick: () => emit("edx-select", { value: item.value ?? item.label }),
-				children: item.label
-			}, item.value ?? item.label))
-		})]
-	});
-};
-var EdxDirection = ({ direction = "ltr" }) => {
-	return /* @__PURE__ */ jsx(DirectionProvider, {
-		direction,
-		children: /* @__PURE__ */ jsx("div", {
-			dir: direction,
-			className: "contents",
-			children: /* @__PURE__ */ jsx(Slot, {})
-		})
-	});
-};
-var EdxHoverCard = ({ triggerLabel = "Hover for details", heading = "Design system", description = "Accessible components for every application.", open, defaultOpen, delay, closeDelay, side, align, sideOffset, alignOffset }) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsxs(HoverCard, {
-		open: open ?? defaultOpen ?? false,
-		onOpenChange: (open) => {
-			host.removeAttribute("default-open");
-			reflectBool(host, "open", open);
-			emit("edx-change", { open });
-		},
-		children: [/* @__PURE__ */ jsx(HoverCardTrigger, {
-			render: /* @__PURE__ */ jsx(Button, { variant: "link" }),
-			delay,
-			closeDelay,
-			children: triggerLabel
-		}), /* @__PURE__ */ jsxs(HoverCardContent, {
-			side,
-			align,
-			sideOffset,
-			alignOffset,
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "font-medium",
-				children: heading
-			}), /* @__PURE__ */ jsx("p", {
-				className: "mt-1 text-sm text-muted-foreground",
-				children: description
-			})]
-		})]
-	});
-};
-var EdxMenubar = ({ menus = [], disabled, modal = true, orientation, loopFocus = true }) => {
-	const emit = useEmit();
-	return /* @__PURE__ */ jsx(Menubar, {
-		disabled,
-		modal,
-		orientation,
-		loopFocus,
-		children: menus.map((menu) => /* @__PURE__ */ jsxs(MenubarMenu, { children: [/* @__PURE__ */ jsx(MenubarTrigger, { children: menu.label }), /* @__PURE__ */ jsx(MenubarContent, { children: menu.items.map((item) => /* @__PURE__ */ jsx(MenubarItem, {
-			disabled: item.disabled,
-			onClick: () => emit("edx-select", { value: item.value ?? item.label }),
-			children: item.label
-		}, item.value ?? item.label)) })] }, menu.label))
-	});
-};
-var EdxMessageScroller = ({ items = [], autoScroll, defaultScrollPosition = "end", scrollEdgeThreshold, scrollPreviousItemPeek, scrollMargin, preserveScrollOnPrepend, buttonDirection, buttonBehavior }) => {
-	return /* @__PURE__ */ jsx(MessageScrollerProvider, {
-		autoScroll,
-		defaultScrollPosition,
-		scrollEdgeThreshold,
-		scrollPreviousItemPeek,
-		scrollMargin,
-		children: /* @__PURE__ */ jsxs(MessageScroller, {
-			className: "h-48 rounded-lg border bg-card",
-			children: [/* @__PURE__ */ jsx(MessageScrollerViewport, {
-				"aria-label": "Messages",
-				preserveScrollOnPrepend,
-				children: /* @__PURE__ */ jsx(MessageScrollerContent, {
-					className: "gap-3 p-3",
-					children: items.map((item, index) => /* @__PURE__ */ jsx(MessageScrollerItem, {
-						messageId: `message-${index}`,
-						className: "rounded-lg bg-muted p-2 text-sm",
-						children: item
-					}, item))
-				})
-			}), /* @__PURE__ */ jsx(MessageScrollerButton, {
-				direction: buttonDirection,
-				behavior: buttonBehavior
-			})]
-		})
-	});
-};
-var EdxNavigationMenu = ({ items = [], value, defaultValue, orientation, delay, closeDelay, align, ariaLabel }) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsx(NavigationMenu, {
-		value: value ?? defaultValue,
-		orientation,
-		delay,
-		closeDelay,
-		align,
-		"aria-label": ariaLabel,
-		onValueChange: (nextValue) => {
-			host.removeAttribute("default-value");
-			if (nextValue) host.setAttribute("value", nextValue);
-			else host.removeAttribute("value");
-			emit("edx-change", { value: nextValue });
-		},
-		children: /* @__PURE__ */ jsx(NavigationMenuList, { children: items.map((item) => /* @__PURE__ */ jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsx(NavigationMenuLink, {
-			href: item.disabled ? void 0 : item.href ?? "#",
-			active: item.active,
-			"aria-disabled": item.disabled || void 0,
-			onClick: (event) => {
-				if (item.disabled) {
-					event.preventDefault();
-					return;
-				}
-				emit("edx-select", { value: item.value ?? item.label });
-			},
-			children: item.label
-		}) }, item.value ?? item.label)) })
-	});
-};
-var EdxQuestionnaire = ({ name = "preference", title = "Choose an option", description, choices = [], required = true, multiple }) => {
-	const emit = useEmit();
-	const handleSubmit = (event) => {
-		event.preventDefault();
-		emit("edx-submit", Object.fromEntries(new FormData(event.currentTarget)));
-	};
-	return /* @__PURE__ */ jsxs(Questionnaire, {
-		items: [{
-			name,
-			required,
-			choices
-		}],
-		defaultItem: name,
-		onSubmit: handleSubmit,
-		children: [
-			/* @__PURE__ */ jsx(QuestionnaireProgress, {}),
-			/* @__PURE__ */ jsxs(QuestionnaireItem, {
-				name,
-				required,
-				multiple,
-				children: [
-					/* @__PURE__ */ jsx(QuestionnaireTitle, { children: title }),
-					description ? /* @__PURE__ */ jsx(QuestionnaireDescription, { children: description }) : null,
-					/* @__PURE__ */ jsx(QuestionnaireChoices, { children: choices.map((choice) => /* @__PURE__ */ jsxs(QuestionnaireChoice, {
-						value: choice.value,
-						disabled: choice.disabled,
-						children: [/* @__PURE__ */ jsx("span", { children: choice.label }), choice.description && /* @__PURE__ */ jsx(QuestionnaireChoiceDescription, { children: choice.description })]
-					}, choice.value)) })
-				]
-			}),
-			/* @__PURE__ */ jsx(QuestionnaireActions, { children: /* @__PURE__ */ jsx(QuestionnaireSubmit, {}) })
-		]
-	});
-};
-var EdxResizable = ({ firstSize = 50, orientation = "horizontal", disabled, firstMinSize, firstMaxSize, firstCollapsible, firstCollapsedSize }) => {
-	const emit = useEmit();
-	return /* @__PURE__ */ jsxs(ResizablePanelGroup, {
-		orientation,
-		disabled,
-		onLayoutChanged: (layout) => emit("edx-change", { value: layout }),
-		className: "h-40 rounded-lg border",
-		children: [
-			/* @__PURE__ */ jsx(ResizablePanel, {
-				defaultSize: firstSize,
-				minSize: firstMinSize,
-				maxSize: firstMaxSize,
-				collapsible: firstCollapsible,
-				collapsedSize: firstCollapsedSize,
-				className: "flex items-center justify-center p-3 text-sm",
-				children: /* @__PURE__ */ jsx(Slot, { name: "first" })
-			}),
-			/* @__PURE__ */ jsx(ResizableHandle, {
-				withHandle: true,
-				disabled
-			}),
-			/* @__PURE__ */ jsx(ResizablePanel, {
-				className: "flex items-center justify-center p-3 text-sm",
-				children: /* @__PURE__ */ jsx(Slot, { name: "second" })
-			})
-		]
-	});
-};
-var EdxSheet = ({ triggerLabel = "Open sheet", heading = "Details", description = "Review and update this information.", side = "right", open, defaultOpen, modal = true, disablePointerDismissal }) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsxs(Sheet, {
-		open: open ?? defaultOpen ?? false,
-		modal,
-		disablePointerDismissal,
-		onOpenChange: (open) => {
-			host.removeAttribute("default-open");
-			reflectBool(host, "open", open);
-			emit("edx-change", { open });
-		},
-		children: [/* @__PURE__ */ jsx(SheetTrigger, {
-			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
-			children: triggerLabel
-		}), /* @__PURE__ */ jsxs(SheetContent, {
-			side,
-			showCloseButton: true,
-			children: [/* @__PURE__ */ jsxs(SheetHeader, { children: [/* @__PURE__ */ jsx(SheetTitle, { children: heading }), /* @__PURE__ */ jsx(SheetDescription, { children: description })] }), /* @__PURE__ */ jsx("div", {
-				className: "p-4",
-				children: /* @__PURE__ */ jsx(Slot, {})
-			})]
-		})]
-	});
-};
-var EdxSidebar = ({ title = "Workspace", items = [], groupLabel = "Navigation", side, variant, collapsible = "none", open, defaultOpen = true }) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsx(SidebarProvider, {
-		open: open ?? defaultOpen,
-		onOpenChange: (nextOpen) => {
-			host.removeAttribute("default-open");
-			host.setAttribute("open", String(nextOpen));
-			emit("edx-change", { open: nextOpen });
-		},
-		className: "min-h-64 overflow-hidden rounded-lg border",
-		children: /* @__PURE__ */ jsxs(Sidebar, {
-			side,
-			variant,
-			collapsible,
-			className: "h-64",
-			children: [/* @__PURE__ */ jsxs(SidebarHeader, {
-				className: "flex-row items-center justify-between font-medium",
-				children: [/* @__PURE__ */ jsx("span", { children: title }), collapsible !== "none" ? /* @__PURE__ */ jsx(SidebarTrigger, { "aria-label": "Toggle sidebar" }) : null]
-			}), /* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsxs(SidebarGroup, { children: [/* @__PURE__ */ jsx(SidebarGroupLabel, { children: groupLabel }), /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((item) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, {
-				isActive: item.active,
-				disabled: item.disabled,
-				onClick: () => emit("edx-select", { value: item.value ?? item.label }),
-				children: item.label
-			}) }, item.value ?? item.label)) }) })] }) })]
-		})
-	});
-};
-var EdxToast = ({ triggerLabel = "Show toast", title = "Saved", description = "Your changes have been saved.", type = "success", timeout = 5e3 }) => {
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
-		variant: "outline",
-		onClick: () => toast.add({
-			title,
-			description,
-			type,
-			timeout
-		}),
-		children: triggerLabel
-	}), /* @__PURE__ */ jsx(Toaster, {})] });
-};
-var registerEdxInteractiveComponents = (ctx) => {
-	registerOverlayElement("edx-alert-dialog", EdxAlertDialog, ctx, {
-		display: "inline-flex",
-		observedAttributes: [
-			"trigger-label",
-			"heading",
-			"description",
-			"confirm-label",
-			"cancel-label",
-			"open",
-			"default-open"
-		],
-		transformProps: (raw) => ({
-			triggerLabel: raw["trigger-label"] ?? void 0,
-			heading: raw.heading ?? void 0,
-			description: raw.description ?? void 0,
-			confirmLabel: raw["confirm-label"] ?? void 0,
-			cancelLabel: raw["cancel-label"] ?? void 0,
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"])
-		}),
-		domProperties: { open: booleanDomProperty("open", "default-open") }
-	});
-	defineElement("edx-carousel", EdxCarousel, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		observedAttributes: [
-			"items",
-			"orientation",
-			"current",
-			"loop",
-			"drag-free",
-			"start-index"
-		],
-		transformProps: (raw) => ({
-			items: coerceJson(raw.items),
-			orientation: raw.orientation ?? void 0,
-			current: coerceNumber(raw.current),
-			loop: raw.loop == null ? void 0 : coerceBool(raw.loop),
-			dragFree: raw["drag-free"] == null ? void 0 : coerceBool(raw["drag-free"]),
-			startIndex: coerceNumber(raw["start-index"])
-		}),
-		domProperties: { current: {
-			get: (host) => coerceNumber(host.getAttribute("current")) ?? 0,
-			set: (host, value) => host.setAttribute("current", String(value ?? 0))
-		} }
-	});
-	defineElement("edx-chart", EdxChart, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		observedAttributes: ["data"],
-		transformProps: (raw) => ({ data: coerceJson(raw.data) })
-	});
-	defineElement("edx-collapsible", EdxCollapsible, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: [
-			"trigger-label",
-			"open",
-			"default-open",
-			"disabled"
-		],
-		transformProps: (raw) => ({
-			triggerLabel: raw["trigger-label"] ?? void 0,
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"]),
-			disabled: raw.disabled == null ? void 0 : coerceBool(raw.disabled)
-		}),
-		domProperties: { open: booleanDomProperty("open", "default-open") }
-	});
-	defineElement("edx-command", EdxCommand, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		observedAttributes: [
-			"placeholder",
-			"empty-label",
-			"items",
-			"query",
-			"loop",
-			"disable-pointer-selection",
-			"vim-bindings"
-		],
-		transformProps: (raw) => ({
-			placeholder: raw.placeholder ?? void 0,
-			emptyLabel: raw["empty-label"] ?? void 0,
-			items: coerceJson(raw.items),
-			query: raw.query ?? void 0,
-			loop: raw.loop == null ? void 0 : coerceBool(raw.loop),
-			disablePointerSelection: raw["disable-pointer-selection"] == null ? void 0 : coerceBool(raw["disable-pointer-selection"]),
-			vimBindings: raw["vim-bindings"] == null ? void 0 : coerceBool(raw["vim-bindings"])
-		}),
-		domProperties: { query: {
-			get: (host) => host.getAttribute("query") ?? "",
-			set: (host, value) => host.setAttribute("query", String(value ?? ""))
-		} }
-	});
-	registerOverlayElement("edx-context-menu", EdxContextMenu, ctx, {
-		observedAttributes: [
-			"items",
-			"label",
-			"open",
-			"default-open",
-			"disabled",
-			"loop-focus",
-			"highlight-item-on-hover",
-			"side",
-			"align",
-			"side-offset",
-			"align-offset"
-		],
-		transformProps: (raw) => ({
-			items: coerceJson(raw.items),
-			label: raw.label ?? void 0,
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"]),
-			disabled: raw.disabled == null ? void 0 : coerceBool(raw.disabled),
-			loopFocus: raw["loop-focus"] == null ? void 0 : coerceBool(raw["loop-focus"]),
-			highlightItemOnHover: raw["highlight-item-on-hover"] == null ? void 0 : coerceBool(raw["highlight-item-on-hover"]),
-			side: raw.side ?? void 0,
-			align: raw.align ?? void 0,
-			sideOffset: coerceNumber(raw["side-offset"]),
-			alignOffset: coerceNumber(raw["align-offset"])
-		}),
-		domProperties: { open: booleanDomProperty("open", "default-open") }
-	});
-	defineElement("edx-direction", EdxDirection, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: ["direction"],
-		transformProps: (raw) => ({ direction: raw.direction ?? void 0 })
-	});
-	registerOverlayElement("edx-hover-card", EdxHoverCard, ctx, {
-		display: "inline-flex",
-		observedAttributes: [
-			"trigger-label",
-			"heading",
-			"description",
-			"open",
-			"default-open",
-			"delay",
-			"close-delay",
-			"side",
-			"align",
-			"side-offset",
-			"align-offset"
-		],
-		transformProps: (raw) => ({
-			triggerLabel: raw["trigger-label"] ?? void 0,
-			heading: raw.heading ?? void 0,
-			description: raw.description ?? void 0,
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"]),
-			delay: coerceNumber(raw.delay),
-			closeDelay: coerceNumber(raw["close-delay"]),
-			side: raw.side ?? void 0,
-			align: raw.align ?? void 0,
-			sideOffset: coerceNumber(raw["side-offset"]),
-			alignOffset: coerceNumber(raw["align-offset"])
-		}),
-		domProperties: { open: booleanDomProperty("open", "default-open") }
-	});
-	registerOverlayElement("edx-menubar", EdxMenubar, ctx, {
-		display: "block",
-		observedAttributes: [
-			"menus",
-			"disabled",
-			"modal",
-			"orientation",
-			"loop-focus"
-		],
-		transformProps: (raw) => ({
-			menus: coerceJson(raw.menus),
-			disabled: raw.disabled == null ? void 0 : coerceBool(raw.disabled),
-			modal: raw.modal == null ? void 0 : coerceBool(raw.modal),
-			orientation: raw.orientation ?? void 0,
-			loopFocus: raw["loop-focus"] == null ? void 0 : coerceBool(raw["loop-focus"])
-		})
-	});
-	defineElement("edx-message-scroller", EdxMessageScroller, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		observedAttributes: [
-			"items",
-			"auto-scroll",
-			"default-scroll-position",
-			"scroll-edge-threshold",
-			"scroll-previous-item-peek",
-			"scroll-margin",
-			"preserve-scroll-on-prepend",
-			"button-direction",
-			"button-behavior"
-		],
-		transformProps: (raw) => ({
-			items: coerceJson(raw.items),
-			autoScroll: raw["auto-scroll"] == null ? void 0 : coerceBool(raw["auto-scroll"]),
-			defaultScrollPosition: raw["default-scroll-position"] ?? void 0,
-			scrollEdgeThreshold: coerceNumber(raw["scroll-edge-threshold"]),
-			scrollPreviousItemPeek: coerceNumber(raw["scroll-previous-item-peek"]),
-			scrollMargin: coerceNumber(raw["scroll-margin"]),
-			preserveScrollOnPrepend: raw["preserve-scroll-on-prepend"] == null ? void 0 : coerceBool(raw["preserve-scroll-on-prepend"]),
-			buttonDirection: raw["button-direction"] ?? void 0,
-			buttonBehavior: raw["button-behavior"] ?? void 0
-		})
-	});
-	registerOverlayElement("edx-navigation-menu", EdxNavigationMenu, ctx, {
-		display: "inline-flex",
-		observedAttributes: [
-			"items",
-			"value",
-			"default-value",
-			"orientation",
-			"delay",
-			"close-delay",
-			"align",
-			"aria-label"
-		],
-		transformProps: (raw) => ({
-			items: coerceJson(raw.items),
-			value: raw.value ?? void 0,
-			defaultValue: raw["default-value"] ?? void 0,
-			orientation: raw.orientation ?? void 0,
-			delay: coerceNumber(raw.delay),
-			closeDelay: coerceNumber(raw["close-delay"]),
-			align: raw.align ?? void 0,
-			ariaLabel: raw["aria-label"] ?? void 0
-		}),
-		domProperties: { value: {
-			get: (host) => host.getAttribute("value") ?? "",
-			set: (host, value) => host.setAttribute("value", String(value ?? ""))
-		} }
-	});
-	defineElement("edx-questionnaire", EdxQuestionnaire, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		observedAttributes: [
-			"name",
-			"title",
-			"description",
-			"choices",
-			"required",
-			"multiple"
-		],
-		transformProps: (raw) => ({
-			name: raw.name ?? void 0,
-			title: raw.title ?? void 0,
-			description: raw.description ?? void 0,
-			choices: coerceJson(raw.choices),
-			required: raw.required == null ? void 0 : coerceBool(raw.required),
-			multiple: raw.multiple == null ? void 0 : coerceBool(raw.multiple)
-		})
-	});
-	defineElement("edx-resizable", EdxResizable, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: [
-			"first-size",
-			"orientation",
-			"disabled",
-			"first-min-size",
-			"first-max-size",
-			"first-collapsible",
-			"first-collapsed-size"
-		],
-		transformProps: (raw) => ({
-			firstSize: coerceNumber(raw["first-size"]),
-			orientation: raw.orientation ?? void 0,
-			disabled: raw.disabled == null ? void 0 : coerceBool(raw.disabled),
-			firstMinSize: coerceNumber(raw["first-min-size"]),
-			firstMaxSize: coerceNumber(raw["first-max-size"]),
-			firstCollapsible: raw["first-collapsible"] == null ? void 0 : coerceBool(raw["first-collapsible"]),
-			firstCollapsedSize: coerceNumber(raw["first-collapsed-size"])
-		})
-	});
-	registerOverlayElement("edx-sheet", EdxSheet, ctx, {
-		display: "inline-flex",
-		observedAttributes: [
-			"trigger-label",
-			"heading",
-			"description",
-			"side",
-			"open",
-			"default-open",
-			"modal",
-			"disable-pointer-dismissal"
-		],
-		transformProps: (raw) => ({
-			triggerLabel: raw["trigger-label"] ?? void 0,
-			heading: raw.heading ?? void 0,
-			description: raw.description ?? void 0,
-			side: raw.side ?? void 0,
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"]),
-			modal: raw.modal == null ? void 0 : coerceBool(raw.modal),
-			disablePointerDismissal: raw["disable-pointer-dismissal"] == null ? void 0 : coerceBool(raw["disable-pointer-dismissal"])
-		}),
-		domProperties: { open: booleanDomProperty("open", "default-open") }
-	});
-	registerOverlayElement("edx-sidebar", EdxSidebar, ctx, {
-		observedAttributes: [
-			"title",
-			"items",
-			"group-label",
-			"side",
-			"variant",
-			"collapsible",
-			"open",
-			"default-open"
-		],
-		transformProps: (raw) => ({
-			title: raw.title ?? void 0,
-			items: coerceJson(raw.items),
-			groupLabel: raw["group-label"] ?? void 0,
-			side: raw.side ?? void 0,
-			variant: raw.variant ?? void 0,
-			collapsible: raw.collapsible ?? void 0,
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"])
-		}),
-		domProperties: { open: {
-			get: (host) => {
-				const explicit = host.getAttribute("open");
-				if (explicit != null) return coerceBool(explicit);
-				const initial = host.getAttribute("default-open");
-				return initial == null ? true : coerceBool(initial);
-			},
-			set: (host, value) => {
-				host.removeAttribute("default-open");
-				host.setAttribute("open", String(Boolean(value)));
-			}
-		} }
-	});
-	registerOverlayElement("edx-toast", EdxToast, ctx, {
-		display: "inline-flex",
-		observedAttributes: [
-			"trigger-label",
-			"title",
-			"description",
-			"type",
-			"timeout"
-		],
-		transformProps: (raw) => ({
-			triggerLabel: raw["trigger-label"] ?? void 0,
-			title: raw.title ?? void 0,
-			description: raw.description ?? void 0,
-			type: raw.type ?? void 0,
-			timeout: coerceNumber(raw.timeout)
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-label.tsx
-var EdxLabel = (props) => {
-	return /* @__PURE__ */ jsx(Label, {
-		htmlFor: props.for,
-		children: /* @__PURE__ */ jsx(Slot, {})
-	});
-};
-var registerEdxLabel = (ctx) => {
-	defineElement("edx-label", EdxLabel, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "flex",
-		observedAttributes: ["for"],
-		transformProps: (raw) => ({ for: raw.for ?? void 0 })
-	});
-};
-//#endregion
-//#region ../elements/src/edx-pagination.tsx
-var EdxPagination = (props) => {
-	const { emit, host } = useEdxHost();
-	const currentPage = props.page ?? 1;
-	const totalPages = props.count ?? 1;
-	const siblings = props.siblingCount ?? 1;
-	return /* @__PURE__ */ jsx(Pagination, {
-		page: currentPage,
-		count: totalPages,
-		siblingCount: siblings,
-		onPageChange: (newPage) => {
-			host.setAttribute("page", String(newPage));
-			emit("edx-change", { value: newPage });
-		}
-	});
-};
-var registerEdxPagination = (ctx) => {
-	defineElement("edx-pagination", EdxPagination, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		observedAttributes: [
-			"page",
-			"count",
-			"sibling-count"
-		],
-		transformProps: (raw) => ({
-			page: coerceNumber(raw.page) ?? 1,
-			count: coerceNumber(raw.count) ?? 1,
-			siblingCount: coerceNumber(raw["sibling-count"]) ?? 1
-		}),
-		domProperties: { page: {
-			get: (host) => {
-				return coerceNumber(host.getAttribute("page")) ?? 1;
-			},
-			set: (host, value) => {
-				host.setAttribute("page", String(value ?? 1));
-			}
-		} }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-popover.tsx
-/**
-* Click-triggered overlay, the same light-mode pattern as edx-dialog (registered
-* via registerOverlayElement, which pins mode:'light' so the Base UI portal can
-* land in document.body). Content is attribute-driven (no `<Slot />`): heading +
-* description cover the common popover body, mirroring the dialog header shape.
-*/
-var EdxPopover = (props) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsxs(Popover, {
-		open: props.open ?? props.defaultOpen ?? false,
-		modal: props.modal,
-		onOpenChange: (open) => {
-			host.removeAttribute("default-open");
-			reflectBool(host, "open", open);
-			emit("edx-change", { open });
-		},
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-			render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
-			openOnHover: props.openOnHover,
-			delay: props.delay,
-			closeDelay: props.closeDelay,
-			children: props.triggerLabel ?? "Open"
-		}), /* @__PURE__ */ jsx(PopoverContent, {
-			side: props.side,
-			align: props.align,
-			sideOffset: props.sideOffset,
-			alignOffset: props.alignOffset,
-			children: (props.heading || props.description) && /* @__PURE__ */ jsxs(PopoverHeader, { children: [props.heading && /* @__PURE__ */ jsx(PopoverTitle, { children: props.heading }), props.description && /* @__PURE__ */ jsx(PopoverDescription, { children: props.description })] })
-		})]
-	});
-};
-var registerEdxPopover = (ctx) => {
-	registerOverlayElement("edx-popover", EdxPopover, ctx, {
-		display: "inline-flex",
-		observedAttributes: [
-			"trigger-label",
-			"heading",
-			"description",
-			"open",
-			"default-open",
-			"modal",
-			"open-on-hover",
-			"delay",
-			"close-delay",
-			"side",
-			"align",
-			"side-offset",
-			"align-offset"
-		],
-		transformProps: (raw) => ({
-			triggerLabel: raw["trigger-label"] ?? void 0,
-			heading: raw.heading ?? void 0,
-			description: raw.description ?? void 0,
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"]),
-			modal: raw.modal == null ? void 0 : coerceBool(raw.modal),
-			openOnHover: raw["open-on-hover"] == null ? void 0 : coerceBool(raw["open-on-hover"]),
-			delay: coerceNumber(raw.delay),
-			closeDelay: coerceNumber(raw["close-delay"]),
-			side: raw.side ?? void 0,
-			align: raw.align ?? void 0,
-			sideOffset: coerceNumber(raw["side-offset"]),
-			alignOffset: coerceNumber(raw["align-offset"])
-		}),
-		domProperties: { open: booleanDomProperty("open", "default-open") }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-progress.tsx
-var EdxProgress = (props) => {
-	return /* @__PURE__ */ jsx(Progress, {
-		value: props.value ?? null,
-		min: props.min,
-		max: props.max,
-		"aria-label": props.label,
-		"aria-valuetext": props.ariaValueText
-	});
-};
-var registerEdxProgress = (ctx) => {
-	defineElement("edx-progress", EdxProgress, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "block",
-		observedAttributes: [
-			"value",
-			"label",
-			"min",
-			"max",
-			"aria-valuetext"
-		],
-		transformProps: (raw) => ({
-			value: raw.value === void 0 ? null : coerceNumber(raw.value) ?? null,
-			label: raw.label ?? void 0,
-			min: coerceNumber(raw.min),
-			max: coerceNumber(raw.max),
-			ariaValueText: raw["aria-valuetext"] ?? void 0
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-radio-group.tsx
-var EdxRadioGroup = (props) => {
-	const { emit, host } = useEdxHost();
-	const options = props.options ?? [];
-	return /* @__PURE__ */ jsx(RadioGroup, {
-		value: props.value ?? props.defaultValue ?? "",
-		disabled: props.disabled ?? false,
-		readOnly: props.readonly ?? false,
-		required: props.required ?? false,
-		name: props.name,
-		form: props.form,
-		orientation: props.orientation ?? "vertical",
-		"aria-invalid": props.invalid || void 0,
-		"aria-label": props.ariaLabel,
-		"aria-description": props.ariaDescription,
-		onValueChange: (next) => {
-			const value = String(next);
-			host.removeAttribute("default-value");
-			host.setAttribute("value", value);
-			emit("edx-change", { value });
-		},
-		children: options.map((option) => /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ jsx(RadioGroupItem, {
-				value: option.value,
-				disabled: (props.disabled ?? false) || option.disabled,
-				"aria-invalid": props.invalid || void 0,
-				id: `${props.name ?? "rg"}-${option.value}`
-			}), /* @__PURE__ */ jsx("label", {
-				htmlFor: `${props.name ?? "rg"}-${option.value}`,
-				className: "text-sm font-medium leading-none",
-				children: option.label
-			})]
-		}, option.value))
-	});
-};
-var registerEdxRadioGroup = (ctx) => {
-	defineElement("edx-radio-group", EdxRadioGroup, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "block",
-		formAssociated: true,
-		formValue: (props) => props.value ?? props.defaultValue ?? "",
-		observedAttributes: [
-			"options",
-			"value",
-			"default-value",
-			"disabled",
-			"readonly",
-			"required",
-			"name",
-			"form",
-			"invalid",
-			"orientation",
-			"aria-label",
-			"aria-description"
-		],
-		transformProps: (raw) => ({
-			options: coerceJson(raw.options) ?? [],
-			value: raw.value ?? void 0,
-			defaultValue: raw["default-value"] ?? void 0,
-			disabled: coerceBool(raw.disabled),
-			readonly: coerceBool(raw.readonly),
-			required: coerceBool(raw.required),
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			invalid: coerceBool(raw.invalid),
-			orientation: raw.orientation ?? void 0,
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0
-		}),
-		domProperties: { value: {
-			get: (host) => host.getAttribute("value") ?? host.getAttribute("default-value") ?? "",
-			set: (host, value) => {
-				host.setAttribute("value", String(value ?? ""));
-			}
-		} }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-scroll-area.tsx
-var EdxScrollArea = (props) => {
-	const { emit } = useEdxHost();
-	const refViewport = useRef(null);
-	const style = {};
-	if (props.height) style.height = props.height;
-	if (props.width) style.width = props.width;
-	const className = props.bordered ? "w-full rounded-md border border-border" : void 0;
-	useEffect(() => {
-		const viewport = refViewport.current;
-		if (!viewport) return;
-		const handleScroll = () => {
-			emit("edx-scroll", {
-				scrollTop: viewport.scrollTop,
-				scrollLeft: viewport.scrollLeft
-			});
-		};
-		viewport.addEventListener("scroll", handleScroll, { passive: true });
-		return () => viewport.removeEventListener("scroll", handleScroll);
-	}, [emit]);
-	return /* @__PURE__ */ jsx(ScrollArea, {
-		orientation: props.orientation ?? "vertical",
-		type: props.type,
-		viewPortId: props.viewportId,
-		viewPortRef: refViewport,
-		className,
-		style,
-		children: /* @__PURE__ */ jsx(Slot, {})
-	});
-};
-var registerEdxScrollArea = (ctx) => {
-	defineElement("edx-scroll-area", EdxScrollArea, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: [
-			"orientation",
-			"height",
-			"width",
-			"bordered",
-			"type",
-			"viewport-id"
-		],
-		transformProps: (raw) => ({
-			orientation: raw.orientation ?? void 0,
-			height: raw.height ?? void 0,
-			width: raw.width ?? void 0,
-			bordered: coerceBool(raw.bordered),
-			type: raw.type ?? void 0,
-			viewportId: raw["viewport-id"] ?? void 0
-		}),
-		domProperties: {
-			scrollTop: {
-				get: (host) => (host.shadowRoot?.querySelector("[data-slot=\"scroll-area-viewport\"]") ?? host.querySelector("[data-slot=\"scroll-area-viewport\"]"))?.scrollTop ?? 0,
-				set: (host, value) => {
-					const viewport = host.shadowRoot?.querySelector("[data-slot=\"scroll-area-viewport\"]") ?? host.querySelector("[data-slot=\"scroll-area-viewport\"]");
-					if (viewport) viewport.scrollTop = Number(value) || 0;
-				}
-			},
-			scrollLeft: {
-				get: (host) => (host.shadowRoot?.querySelector("[data-slot=\"scroll-area-viewport\"]") ?? host.querySelector("[data-slot=\"scroll-area-viewport\"]"))?.scrollLeft ?? 0,
-				set: (host, value) => {
-					const viewport = host.shadowRoot?.querySelector("[data-slot=\"scroll-area-viewport\"]") ?? host.querySelector("[data-slot=\"scroll-area-viewport\"]");
-					if (viewport) viewport.scrollLeft = Number(value) || 0;
-				}
-			}
-		}
-	});
-};
-//#endregion
-//#region ../elements/src/edx-select.tsx
-var isGroup = (entry) => "items" in entry && Array.isArray(entry.items);
-var renderFlatOptions = (items) => items.map((opt) => /* @__PURE__ */ jsx(SelectItem, {
-	value: opt.value,
-	disabled: opt.disabled,
-	children: opt.label
-}, opt.value));
-var EdxSelect = (props) => {
-	const { emit, host } = useEdxHost();
-	const portalContainer = usePortalContainer();
-	const options = props.options ?? [];
-	const hasGroups = options.some(isGroup);
-	const renderOptions = () => {
-		if (!hasGroups) return renderFlatOptions(options);
-		const nodes = [];
-		options.forEach((entry, idx) => {
-			if (isGroup(entry)) {
-				if (idx > 0) nodes.push(/* @__PURE__ */ jsx(SelectSeparator, {}, `sep-before-${entry.label}`));
-				nodes.push(/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: entry.label }), renderFlatOptions(entry.items)] }, entry.label));
-			} else nodes.push(/* @__PURE__ */ jsx(SelectItem, {
-				value: entry.value,
-				children: entry.label
-			}, entry.value));
-		});
-		return nodes;
-	};
-	const flatten = (entries) => entries.flatMap((entry) => isGroup(entry) ? entry.items : [entry]);
-	const items = [{
-		value: null,
-		label: props.placeholder ?? "Select..."
-	}, ...flatten(options).map((opt) => ({
-		value: opt.value,
-		label: opt.label
-	}))];
-	return /* @__PURE__ */ jsxs(Select, {
-		items,
-		value: props.value || null,
-		disabled: props.disabled ?? false,
-		readOnly: props.readonly ?? false,
-		required: props.required ?? false,
-		name: props.name,
-		form: props.form,
-		autoComplete: props.autoComplete,
-		open: props.open ?? props.defaultOpen ?? false,
-		modal: props.modal ?? true,
-		highlightItemOnHover: props.highlightItemOnHover ?? true,
-		onOpenChange: (open) => {
-			host.removeAttribute("default-open");
-			if (open) host.setAttribute("open", "true");
-			else host.removeAttribute("open");
-			emit("edx-open-change", { open });
-		},
-		onValueChange: (next) => {
-			const value = next === null ? "" : String(next);
-			host.setAttribute("value", value);
-			emit("edx-change", { value });
-		},
-		children: [/* @__PURE__ */ jsx(SelectTrigger, {
-			size: props.size ?? "default",
-			disabled: props.disabled ?? false,
-			"aria-label": props.ariaLabel ?? props.label ?? props.placeholder ?? "Select an option",
-			"aria-description": props.ariaDescription,
-			"aria-invalid": props.invalid || void 0,
-			children: /* @__PURE__ */ jsx(SelectValue, {})
-		}), /* @__PURE__ */ jsx(SelectContent, {
-			portalContainer: portalContainer ?? void 0,
-			children: renderOptions()
-		})]
-	});
-};
-var registerEdxSelect = (ctx) => {
-	defineElement("edx-select", EdxSelect, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "block",
-		delegateClick: true,
-		formAssociated: true,
-		formValue: (props) => props.value ?? "",
-		observedAttributes: [
-			"options",
-			"value",
-			"placeholder",
-			"disabled",
-			"readonly",
-			"required",
-			"name",
-			"form",
-			"autocomplete",
-			"open",
-			"default-open",
-			"modal",
-			"highlight-item-on-hover",
-			"size",
-			"label",
-			"aria-label",
-			"aria-description",
-			"invalid"
-		],
-		transformProps: (raw) => ({
-			options: coerceJson(raw.options),
-			value: raw.value ?? void 0,
-			placeholder: raw.placeholder ?? void 0,
-			disabled: coerceBool(raw.disabled),
-			readonly: coerceBool(raw.readonly),
-			required: coerceBool(raw.required),
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			autoComplete: raw.autocomplete ?? void 0,
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"]),
-			modal: raw.modal == null ? void 0 : coerceBool(raw.modal),
-			highlightItemOnHover: raw["highlight-item-on-hover"] == null ? void 0 : coerceBool(raw["highlight-item-on-hover"]),
-			size: raw.size ?? void 0,
-			label: raw.label ?? void 0,
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0,
-			invalid: coerceBool(raw.invalid)
-		}),
-		domProperties: {
-			value: {
-				get: (host) => host.getAttribute("value") ?? "",
-				set: (host, value) => {
-					host.setAttribute("value", String(value ?? ""));
-				}
-			},
-			open: booleanDomProperty("open", "default-open")
-		}
-	});
-};
-//#endregion
-//#region ../elements/src/edx-separator.tsx
-var EdxSeparator = (props) => {
-	return /* @__PURE__ */ jsx(Separator, { orientation: props.orientation ?? "horizontal" });
-};
-var registerEdxSeparator = (ctx) => {
-	defineElement("edx-separator", EdxSeparator, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		observedAttributes: ["orientation"],
-		transformProps: (raw) => ({ orientation: raw.orientation ?? void 0 })
-	});
-};
-//#endregion
-//#region ../elements/src/edx-skeleton.tsx
-var EdxSkeleton = (props) => {
-	const radiusClasses = props.class?.split(/\s+/).filter((className) => className === "rounded" || className.startsWith("rounded-")).join(" ");
-	return /* @__PURE__ */ jsx(Skeleton, { className: cn("size-full", radiusClasses) });
-};
-var registerEdxSkeleton = (ctx) => {
-	defineElement("edx-skeleton", EdxSkeleton, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "block",
-		observedAttributes: ["class"],
-		transformProps: (raw) => ({ class: raw.class ?? void 0 })
-	});
-};
-//#endregion
-//#region ../elements/src/edx-slider.tsx
-var parseSliderValue = (raw) => {
-	const range = coerceJson(raw);
-	if (Array.isArray(range) && range.length > 0 && range.every((item) => typeof item === "number" && Number.isFinite(item))) return range;
-	return coerceNumber(raw);
-};
-var serializeSliderValue = (value) => {
-	return Array.isArray(value) ? JSON.stringify(value) : String(value);
-};
-var EdxSlider = (props) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsx(Slider, {
-		value: props.value,
-		defaultValue: props.defaultValue,
-		min: props.min,
-		max: props.max,
-		step: props.step,
-		minStepsBetweenValues: props.minStepsBetweenValues,
-		disabled: props.disabled ?? false,
-		"aria-invalid": props.invalid || void 0,
-		name: props.name,
-		"aria-label": props.ariaLabel,
-		"aria-description": props.ariaDescription,
-		onValueChange: (next) => {
-			const value = Array.isArray(next) ? [...next] : Number(next);
-			host.removeAttribute("default-value");
-			host.setAttribute("value", serializeSliderValue(value));
-			emit("edx-input", { value });
-		},
-		onValueCommitted: (next) => {
-			const value = Array.isArray(next) ? [...next] : Number(next);
-			host.removeAttribute("default-value");
-			host.setAttribute("value", serializeSliderValue(value));
-			emit("edx-change", { value });
-		}
-	});
-};
-var registerEdxSlider = (ctx) => {
-	defineElement("edx-slider", EdxSlider, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "block",
-		delegateClick: true,
-		formAssociated: true,
-		formValue: (props, host) => {
-			const value = props.value ?? props.defaultValue;
-			if (Array.isArray(value)) return multipleFormValue(host, value.map((item) => String(item)));
-			return value == null ? null : String(value);
-		},
-		observedAttributes: [
-			"value",
-			"default-value",
-			"min",
-			"max",
-			"step",
-			"min-steps-between-values",
-			"disabled",
-			"invalid",
-			"name",
-			"aria-label",
-			"aria-description"
-		],
-		transformProps: (raw) => ({
-			value: parseSliderValue(raw.value),
-			defaultValue: parseSliderValue(raw["default-value"]),
-			min: coerceNumber(raw.min),
-			max: coerceNumber(raw.max),
-			step: coerceNumber(raw.step),
-			minStepsBetweenValues: coerceNumber(raw["min-steps-between-values"]),
-			disabled: coerceBool(raw.disabled),
-			invalid: coerceBool(raw.invalid),
-			name: raw.name ?? void 0,
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0
-		}),
-		domProperties: { value: {
-			get: (host) => {
-				return parseSliderValue(host.getAttribute("value")) ?? parseSliderValue(host.getAttribute("default-value"));
-			},
-			set: (host, value) => {
-				if (Array.isArray(value)) host.setAttribute("value", JSON.stringify(value));
-				else host.setAttribute("value", String(value ?? ""));
-			}
-		} }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-switch.tsx
-var EdxSwitch = (props) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsx(Switch, {
-		checked: props.checked ?? props.defaultChecked ?? false,
-		disabled: props.disabled ?? false,
-		readOnly: props.readonly ?? false,
-		required: props.required ?? false,
-		name: props.name,
-		form: props.form,
-		value: props.value,
-		uncheckedValue: props.uncheckedValue,
-		size: props.size ?? "default",
-		"aria-invalid": props.invalid || void 0,
-		"aria-label": props.ariaLabel,
-		"aria-description": props.ariaDescription,
-		onCheckedChange: (next) => {
-			const checked = next === true;
-			host.removeAttribute("default-checked");
-			if (checked) host.setAttribute("checked", "true");
-			else host.removeAttribute("checked");
-			emit("edx-change", { checked });
-		}
-	});
-};
-var registerEdxSwitch = (ctx) => {
-	defineElement("edx-switch", EdxSwitch, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		delegateClick: true,
-		formAssociated: true,
-		formValue: (props) => {
-			return props.checked ?? props.defaultChecked ?? false ? props.value ?? "on" : props.uncheckedValue ?? null;
-		},
-		observedAttributes: [
-			"checked",
-			"default-checked",
-			"disabled",
-			"readonly",
-			"required",
-			"name",
-			"form",
-			"value",
-			"unchecked-value",
-			"size",
-			"invalid",
-			"aria-label",
-			"aria-description"
-		],
-		transformProps: (raw) => ({
-			checked: raw.checked == null ? void 0 : coerceBool(raw.checked),
-			defaultChecked: raw["default-checked"] == null ? void 0 : coerceBool(raw["default-checked"]),
-			disabled: coerceBool(raw.disabled),
-			readonly: coerceBool(raw.readonly),
-			required: coerceBool(raw.required),
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			value: raw.value ?? void 0,
-			uncheckedValue: raw["unchecked-value"] ?? void 0,
-			size: raw.size ?? void 0,
-			invalid: coerceBool(raw.invalid),
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0
-		}),
-		domProperties: { checked: booleanDomProperty("checked", "default-checked") }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-table.tsx
-/** Map a column alignment to the Tailwind class shared by the header and its cells. */
-var alignClass = (align) => {
-	if (align === "center") return "text-center";
-	if (align === "right") return "text-right";
-};
-var EdxTable = (props) => {
-	const columns = props.columns ?? [];
-	const rows = props.rows ?? [];
-	return /* @__PURE__ */ jsxs(Table, { children: [
-		props.caption ? /* @__PURE__ */ jsx(TableCaption, { children: props.caption }) : null,
-		/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => /* @__PURE__ */ jsx(TableHead, {
-			className: alignClass(col.align),
-			children: col.header
-		}, col.key)) }) }),
-		/* @__PURE__ */ jsx(TableBody, { children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => /* @__PURE__ */ jsx(TableCell, {
-			className: alignClass(col.align),
-			children: row[col.key] ?? ""
-		}, col.key)) }, rowIndex)) })
-	] });
-};
-var registerEdxTable = (ctx) => {
-	defineElement("edx-table", EdxTable, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		observedAttributes: [
-			"columns",
-			"rows",
-			"caption"
-		],
-		transformProps: (raw) => ({
-			columns: coerceJson(raw.columns) ?? [],
-			rows: coerceJson(raw.rows) ?? [],
-			caption: raw.caption ?? void 0
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/edx-tabs.tsx
-var EdxTabs = (props) => {
-	const { emit, host } = useEdxHost();
-	const items = props.tabs ?? [];
-	const firstValue = items[0]?.value ?? "";
-	const currentValue = props.value ?? props.defaultTab ?? firstValue;
-	return /* @__PURE__ */ jsxs(Tabs, {
-		value: currentValue,
-		orientation: props.orientation ?? "horizontal",
-		onValueChange: (next) => {
-			host.setAttribute("value", next);
-			emit("edx-change", { value: next });
-		},
-		children: [/* @__PURE__ */ jsx(TabsList, {
-			variant: props.variant ?? "default",
-			children: items.map((item) => /* @__PURE__ */ jsx(TabsTrigger, {
-				value: item.value,
-				disabled: item.disabled,
-				children: item.label
-			}, item.value))
-		}), items.map((item) => /* @__PURE__ */ jsx(TabsContent, {
-			value: item.value,
-			keepMounted: true,
-			children: /* @__PURE__ */ jsx(Slot, { name: `panel-${item.value}` })
-		}, item.value))]
-	});
-};
-var registerEdxTabs = (ctx) => {
-	defineElement("edx-tabs", EdxTabs, {
-		mode: "shadow",
-		styles: ctx.styles,
-		observedAttributes: [
-			"tabs",
-			"value",
-			"default-tab",
-			"variant",
-			"orientation"
-		],
-		transformProps: (raw) => ({
-			tabs: coerceJson(raw.tabs),
-			value: raw.value ?? void 0,
-			defaultTab: raw["default-tab"] ?? void 0,
-			variant: raw.variant ?? void 0,
-			orientation: raw.orientation ?? void 0
-		}),
-		domProperties: { value: {
-			get: (host) => {
-				const explicitValue = host.getAttribute("value");
-				if (explicitValue != null) return explicitValue;
-				const defaultTab = host.getAttribute("default-tab");
-				if (defaultTab != null) return defaultTab;
-				return coerceJson(host.getAttribute("tabs"))?.[0]?.value ?? "";
-			},
-			set: (host, value) => {
-				host.setAttribute("value", String(value ?? ""));
-			}
-		} }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-textarea.tsx
-var EdxTextarea = (props) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsx(Textarea, {
-		value: props.value ?? "",
-		placeholder: props.placeholder,
-		disabled: props.disabled ?? false,
-		readOnly: props.readonly ?? false,
-		required: props.required ?? false,
-		rows: props.rows,
-		"aria-invalid": props.invalid || void 0,
-		name: props.name,
-		form: props.form,
-		autoComplete: props.autoComplete,
-		minLength: props.minLength,
-		maxLength: props.maxLength,
-		wrap: props.wrap,
-		spellCheck: props.spellCheck,
-		autoFocus: props.autoFocus,
-		"aria-label": props.ariaLabel,
-		"aria-description": props.ariaDescription,
-		onChange: (event) => {
-			const { value } = event.target;
-			host.setAttribute("value", value);
-			emit("edx-change", { value });
-		}
-	});
-};
-var registerEdxTextarea = (ctx) => {
-	defineElement("edx-textarea", EdxTextarea, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "flex",
-		delegateClick: true,
-		formAssociated: true,
-		formValue: (props) => props.value ?? "",
-		observedAttributes: [
-			"value",
-			"placeholder",
-			"disabled",
-			"readonly",
-			"required",
-			"rows",
-			"invalid",
-			"name",
-			"form",
-			"autocomplete",
-			"minlength",
-			"maxlength",
-			"wrap",
-			"spellcheck",
-			"autofocus",
-			"aria-label",
-			"aria-description"
-		],
-		transformProps: (raw) => ({
-			value: raw.value ?? void 0,
-			placeholder: raw.placeholder ?? void 0,
-			disabled: coerceBool(raw.disabled),
-			readonly: coerceBool(raw.readonly),
-			required: coerceBool(raw.required),
-			rows: coerceNumber(raw.rows),
-			invalid: coerceBool(raw.invalid),
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			autoComplete: raw.autocomplete ?? void 0,
-			minLength: coerceNumber(raw.minlength),
-			maxLength: coerceNumber(raw.maxlength),
-			wrap: raw.wrap ?? void 0,
-			spellCheck: raw.spellcheck == null ? void 0 : coerceBool(raw.spellcheck),
-			autoFocus: coerceBool(raw.autofocus),
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0
-		}),
-		domProperties: { value: {
-			get: (host) => host.getAttribute("value") ?? "",
-			set: (host, value) => {
-				host.setAttribute("value", String(value ?? ""));
-			}
-		} }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-toggle.tsx
-var EdxToggle = (props) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsx(Toggle, {
-		pressed: props.pressed ?? props.defaultPressed ?? false,
-		disabled: props.disabled ?? false,
-		value: props.value,
-		variant: props.variant ?? "default",
-		size: props.size ?? "default",
-		"aria-label": props.ariaLabel,
-		"aria-description": props.ariaDescription,
-		name: props.name,
-		form: props.form,
-		type: props.type ?? "button",
-		autoFocus: props.autofocus,
-		onPressedChange: (next) => {
-			const pressed = next === true;
-			host.removeAttribute("default-pressed");
-			if (pressed) host.setAttribute("pressed", "true");
-			else host.removeAttribute("pressed");
-			emit("edx-change", { pressed });
-		},
-		children: /* @__PURE__ */ jsx(Slot, {})
-	});
-};
-var registerEdxToggle = (ctx) => {
-	defineElement("edx-toggle", EdxToggle, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "inline-flex",
-		delegateClick: true,
-		observedAttributes: [
-			"pressed",
-			"default-pressed",
-			"disabled",
-			"value",
-			"variant",
-			"size",
-			"aria-label",
-			"aria-description",
-			"name",
-			"form",
-			"type",
-			"autofocus"
-		],
-		transformProps: (raw) => ({
-			pressed: raw.pressed == null ? void 0 : coerceBool(raw.pressed),
-			defaultPressed: raw["default-pressed"] == null ? void 0 : coerceBool(raw["default-pressed"]),
-			disabled: coerceBool(raw.disabled),
-			value: raw.value ?? void 0,
-			variant: raw.variant ?? void 0,
-			size: raw.size ?? void 0,
-			ariaLabel: raw["aria-label"] ?? void 0,
-			ariaDescription: raw["aria-description"] ?? void 0,
-			name: raw.name ?? void 0,
-			form: raw.form ?? void 0,
-			type: raw.type ?? void 0,
-			autofocus: coerceBool(raw.autofocus)
-		}),
-		domProperties: { pressed: booleanDomProperty("pressed", "default-pressed") }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-toggle-group.tsx
-var EdxToggleGroup = (props) => {
-	const { emit, host } = useEdxHost();
-	const options = props.options ?? [];
-	const multiple = props.multiple ?? false;
-	const variant = props.variant ?? "default";
-	const size = props.size ?? "default";
-	const disabled = props.disabled ?? false;
-	const orientation = props.orientation ?? "horizontal";
-	const spacing = props.spacing ?? 2;
-	const rawValue = props.value ?? props.defaultValue;
-	const groupValue = (() => {
-		if (rawValue == null) return [];
-		if (Array.isArray(rawValue)) return rawValue;
-		return [rawValue];
-	})();
-	const handleValueChange = (next) => {
-		const emitValue = multiple ? next : next[0] ?? "";
-		const serialized = multiple ? JSON.stringify(next) : next[0] ?? "";
-		host.removeAttribute("default-value");
-		host.setAttribute("value", serialized);
-		emit("edx-change", { value: emitValue });
-	};
-	return /* @__PURE__ */ jsx(ToggleGroup, {
-		value: groupValue,
-		multiple,
-		variant,
-		size,
-		disabled,
-		orientation,
-		spacing,
-		loopFocus: props.loopFocus ?? true,
-		"aria-invalid": props.invalid || void 0,
-		"aria-label": props.ariaLabel,
-		"aria-description": props.ariaDescription,
-		onValueChange: handleValueChange,
-		children: options.map((opt) => /* @__PURE__ */ jsx(ToggleGroupItem, {
-			value: opt.value,
-			disabled: opt.disabled,
-			children: opt.label
-		}, opt.value))
-	});
-};
-var registerEdxToggleGroup = (ctx) => {
-	defineElement("edx-toggle-group", EdxToggleGroup, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "block",
-		formAssociated: true,
-		formValue: (props, host) => {
-			const value = props.value ?? props.defaultValue;
-			if (Array.isArray(value)) return multipleFormValue(host, value);
-			return value ?? null;
-		},
-		observedAttributes: [
-			"options",
-			"value",
-			"default-value",
-			"multiple",
-			"variant",
-			"size",
-			"disabled",
-			"orientation",
-			"spacing",
-			"loop-focus",
-			"name",
-			"invalid",
-			"aria-label",
-			"aria-description"
-		],
-		transformProps: (raw) => {
-			const options = coerceJson(raw.options) ?? [];
-			const multiple = coerceBool(raw.multiple);
-			const parseValue = (input) => {
-				if (input == null) return;
-				if (input === "") return multiple ? [] : "";
-				if (multiple) return coerceJson(input) ?? [input];
-				return input;
-			};
-			return {
-				options,
-				value: parseValue(raw.value),
-				defaultValue: parseValue(raw["default-value"]),
-				multiple,
-				variant: raw.variant ?? void 0,
-				size: raw.size ?? void 0,
-				disabled: coerceBool(raw.disabled),
-				orientation: raw.orientation ?? void 0,
-				spacing: raw.spacing == null ? void 0 : Number(raw.spacing),
-				loopFocus: raw["loop-focus"] == null ? void 0 : coerceBool(raw["loop-focus"]),
-				name: raw.name ?? void 0,
-				invalid: coerceBool(raw.invalid),
-				ariaLabel: raw["aria-label"] ?? void 0,
-				ariaDescription: raw["aria-description"] ?? void 0
-			};
-		},
-		domProperties: { value: {
-			get: (host) => {
-				const raw = host.getAttribute("value") ?? host.getAttribute("default-value") ?? "";
-				if (host.hasAttribute("multiple")) return coerceJson(raw) ?? (raw === "" ? [] : [raw]);
-				return raw;
-			},
-			set: (host, value) => {
-				if (Array.isArray(value)) {
-					host.setAttribute("multiple", "");
-					host.setAttribute("value", JSON.stringify(value));
-					return;
-				}
-				host.setAttribute("value", String(value ?? ""));
-			}
-		} }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-tooltip.tsx
-/**
-* Hover/focus overlay, the same light-mode pattern as edx-dialog and edx-drawer
-* (registered via registerOverlayElement, which pins mode:'light' so the Base UI
-* portal can land in document.body). Content is fully attribute-driven (no
-* `<Slot />`): a tooltip's popup body is short label text, not arbitrary markup.
-*/
-var EdxTooltip = (props) => {
-	const { emit, host } = useEdxHost();
-	return /* @__PURE__ */ jsx(TooltipProvider, {
-		delay: props.delay,
-		closeDelay: props.closeDelay,
-		children: /* @__PURE__ */ jsxs(Tooltip, {
-			open: props.open ?? props.defaultOpen ?? false,
-			disabled: props.disabled,
-			disableHoverablePopup: props.disableHoverablePopup,
-			trackCursorAxis: props.trackCursorAxis === "none" ? void 0 : props.trackCursorAxis,
-			onOpenChange: (open) => {
-				host.removeAttribute("default-open");
-				reflectBool(host, "open", open);
-				emit("edx-change", { open });
-			},
-			children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-				render: /* @__PURE__ */ jsx(Button, { variant: "outline" }),
-				closeDelay: props.closeDelay,
-				closeOnClick: props.closeOnClick ?? true,
-				children: props.triggerLabel ?? "Hover"
-			}), /* @__PURE__ */ jsx(TooltipContent, {
-				side: props.side ?? "top",
-				align: props.align ?? "center",
-				sideOffset: props.sideOffset ?? 4,
-				alignOffset: props.alignOffset,
-				children: props.content ?? ""
-			})]
-		})
-	});
-};
-var registerEdxTooltip = (ctx) => {
-	registerOverlayElement("edx-tooltip", EdxTooltip, ctx, {
-		display: "inline-flex",
-		observedAttributes: [
-			"trigger-label",
-			"content",
-			"side",
-			"align",
-			"side-offset",
-			"align-offset",
-			"open",
-			"default-open",
-			"delay",
-			"close-delay",
-			"disabled",
-			"close-on-click",
-			"disable-hoverable-popup",
-			"track-cursor-axis"
-		],
-		transformProps: (raw) => ({
-			triggerLabel: raw["trigger-label"] ?? void 0,
-			content: raw.content ?? void 0,
-			side: raw.side ?? void 0,
-			align: raw.align ?? void 0,
-			sideOffset: coerceNumber(raw["side-offset"]),
-			alignOffset: coerceNumber(raw["align-offset"]),
-			open: raw.open == null ? void 0 : coerceBool(raw.open),
-			defaultOpen: raw["default-open"] == null ? void 0 : coerceBool(raw["default-open"]),
-			delay: coerceNumber(raw.delay),
-			closeDelay: coerceNumber(raw["close-delay"]),
-			disabled: raw.disabled == null ? void 0 : coerceBool(raw.disabled),
-			closeOnClick: raw["close-on-click"] == null ? void 0 : coerceBool(raw["close-on-click"]),
-			disableHoverablePopup: raw["disable-hoverable-popup"] == null ? void 0 : coerceBool(raw["disable-hoverable-popup"]),
-			trackCursorAxis: raw["track-cursor-axis"] ?? void 0
-		}),
-		domProperties: { open: booleanDomProperty("open", "default-open") }
-	});
-};
-//#endregion
-//#region ../elements/src/edx-video-player.tsx
-var EdxVideoPlayer = (props) => {
-	const { emit } = useEdxHost();
-	return /* @__PURE__ */ jsx(VideoPlayer, {
-		src: props.src,
-		poster: props.poster,
-		title: props.title,
-		description: props.description,
-		muted: props.muted ?? false,
-		loop: props.loop ?? false,
-		disabled: props.disabled ?? false,
-		width: props.width,
-		height: props.height,
-		ratio: props.ratio,
-		"aria-label": props.ariaLabel ?? "Video player",
-		onPlay: () => emit("edx-play", {}),
-		onPause: () => emit("edx-pause", {}),
-		onEnded: () => emit("edx-ended", {}),
-		onTimeUpdate: (currentTime, duration) => emit("edx-timeupdate", {
-			currentTime,
-			duration
-		})
-	});
-};
-var registerEdxVideoPlayer = (ctx) => {
-	defineElement("edx-video-player", EdxVideoPlayer, {
-		mode: ctx.mode,
-		styles: ctx.styles,
-		display: "block",
-		observedAttributes: [
-			"src",
-			"poster",
-			"title",
-			"description",
-			"muted",
-			"loop",
-			"disabled",
-			"width",
-			"height",
-			"ratio",
-			"aria-label"
-		],
-		transformProps: (raw) => ({
-			src: raw.src ?? void 0,
-			poster: raw.poster ?? void 0,
-			title: raw.title ?? void 0,
-			description: raw.description ?? void 0,
-			muted: coerceBool(raw.muted),
-			loop: coerceBool(raw.loop),
-			disabled: coerceBool(raw.disabled),
-			width: raw.width ?? void 0,
-			height: raw.height ?? void 0,
-			ratio: raw.ratio ?? void 0,
-			ariaLabel: raw["aria-label"] ?? void 0
-		})
-	});
-};
-//#endregion
-//#region ../elements/src/index.ts
-var REGISTRARS = [
-	registerEdxAccordion,
-	registerEdxAlert,
-	registerEdxAudioPlayer,
-	registerEdxAvatar,
-	registerEdxBadge,
-	registerEdxBreadcrumb,
-	registerEdxButton,
-	registerEdxButtonGroup,
-	registerEdxCalendar,
-	registerEdxCard,
-	registerEdxCheckbox,
-	registerEdxCombobox,
-	registerEdxContentComponents,
-	registerEdxDialog,
-	registerEdxDrawer,
-	registerEdxDropdownMenu,
-	registerEdxField,
-	registerEdxIndicator,
-	registerEdxInput,
-	registerEdxInputGroup,
-	registerEdxInputOtp,
-	registerEdxInteractiveComponents,
-	registerEdxLabel,
-	registerEdxPagination,
-	registerEdxPopover,
-	registerEdxProgress,
-	registerEdxRadioGroup,
-	registerEdxScrollArea,
-	registerEdxSelect,
-	registerEdxSeparator,
-	registerEdxSkeleton,
-	registerEdxSlider,
-	registerEdxSwitch,
-	registerEdxTable,
-	registerEdxTextarea,
-	registerEdxTabs,
-	registerEdxToggle,
-	registerEdxToggleGroup,
-	registerEdxTooltip,
-	registerEdxVideoPlayer
-];
-/**
-* Register every Edynamix custom element. Call once at startup. Pass `mode`
-* (or call setDefaultMode first) plus `styles` for shadow mode.
-*/
-var registerElements$1 = (options = {}) => {
-	const ctx = {
-		mode: options.mode,
-		styles: options.styles
-	};
-	for (const register of REGISTRARS) register(ctx);
-};
-//#endregion
-//#region src/styles.css?inline
-var styles_default = "/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    :root, :host {\n      --shimmer-angle: 20deg;\n    }\n\n    *, :before, :after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-scroll-snap-strictness: proximity;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-content: \"\";\n      --tw-scrollbar-thumb: #0000;\n      --tw-scrollbar-track: #0000;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-animation-delay: 0s;\n      --tw-animation-direction: normal;\n      --tw-animation-duration: initial;\n      --tw-animation-fill-mode: none;\n      --tw-animation-iteration-count: 1;\n      --tw-enter-blur: 0;\n      --tw-enter-opacity: 1;\n      --tw-enter-rotate: 0;\n      --tw-enter-scale: 1;\n      --tw-enter-translate-x: 0;\n      --tw-enter-translate-y: 0;\n      --tw-exit-blur: 0;\n      --tw-exit-opacity: 1;\n      --tw-exit-rotate: 0;\n      --tw-exit-scale: 1;\n      --tw-exit-translate-x: 0;\n      --tw-exit-translate-y: 0;\n      --scroll-fade-t: 0px;\n      --scroll-fade-b: 0px;\n      --scroll-fade-s: 0px;\n      --scroll-fade-e: 0px;\n      --scroll-fade-mask: initial;\n      --shimmer-image: initial;\n      --shimmer-text-fill: initial;\n    }\n  }\n}\n\n@layer theme {\n  :root, :host {\n    --font-sans: \"Inter\", sans-serif;\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --spacing: .25rem;\n    --container-xs: 20rem;\n    --container-sm: 24rem;\n    --text-xs: .75rem;\n    --text-xs--line-height: calc(1 / .75);\n    --text-sm: .875rem;\n    --text-sm--line-height: calc(1.25 / .875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --tracking-tight: -.025em;\n    --tracking-widest: .1em;\n    --leading-tight: 1.25;\n    --leading-snug: 1.375;\n    --leading-normal: 1.5;\n    --leading-relaxed: 1.625;\n    --radius-md: calc(var(--radius) * .8);\n    --ease-out: cubic-bezier(0, 0, .2, 1);\n    --ease-in-out: cubic-bezier(.4, 0, .2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;\n    --blur-xs: 4px;\n    --aspect-video: 16 / 9;\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-border: var(--border);\n  }\n}\n\n@layer base {\n  *, :after, :before, ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  html, :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n\n  b, strong {\n    font-weight: bolder;\n  }\n\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n\n  small {\n    font-size: 80%;\n  }\n\n  sub, sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n\n  :-moz-focusring {\n    outline: auto;\n  }\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  ol, ul, menu {\n    list-style: none;\n  }\n\n  img, svg, video, canvas, audio, iframe, embed, object {\n    vertical-align: middle;\n    display: block;\n  }\n\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  button, input, select, optgroup, textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n\n  ::placeholder {\n    opacity: 1;\n  }\n\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n    appearance: button;\n  }\n\n  ::file-selector-button {\n    appearance: button;\n  }\n\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n\n  :root {\n    color-scheme: light;\n  }\n\n  :root.dark, .dark {\n    color-scheme: dark;\n  }\n\n  .edx-root, .edx-root *, .edx-root :before, .edx-root :after {\n    box-sizing: border-box;\n    border: 0 solid var(--border);\n  }\n\n  .edx-root {\n    -webkit-font-smoothing: antialiased;\n    color: var(--foreground);\n    font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif);\n    line-height: 1.5;\n  }\n\n  .edx-root .edx-root {\n    color: inherit;\n    font-family: inherit;\n  }\n\n  .edx-root :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd) {\n    margin: 0;\n  }\n\n  .edx-root :where(button, input, select, textarea) {\n    color: inherit;\n    font: inherit;\n    letter-spacing: inherit;\n  }\n\n  .edx-root :where(button, [role=\"button\"]):not(:disabled) {\n    cursor: pointer;\n  }\n\n  .edx-root :where(ul, ol) {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n}\n\n@layer components;\n\n@layer utilities {\n  .\\@container\\/card-header {\n    container: card-header / inline-size;\n  }\n\n  .pointer-events-auto {\n    pointer-events: auto;\n  }\n\n  .pointer-events-none {\n    pointer-events: none;\n  }\n\n  .collapse {\n    visibility: collapse;\n  }\n\n  .invisible {\n    visibility: hidden;\n  }\n\n  .visible {\n    visibility: visible;\n  }\n\n  .sr-only {\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border-width: 0;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    position: absolute;\n    overflow: hidden;\n  }\n\n  .absolute {\n    position: absolute;\n  }\n\n  .fixed {\n    position: fixed;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .inset-0 {\n    inset: 0;\n  }\n\n  .inset-x-0 {\n    inset-inline: 0;\n  }\n\n  .inset-x-4 {\n    inset-inline: calc(var(--spacing) * 4);\n  }\n\n  .inset-y-0 {\n    inset-block: 0;\n  }\n\n  .inset-s-1\\/2 {\n    inset-inline-start: 50%;\n  }\n\n  .-top-12 {\n    top: calc(var(--spacing) * -12);\n  }\n\n  .top-0 {\n    top: 0;\n  }\n\n  .top-1\\.5 {\n    top: calc(var(--spacing) * 1.5);\n  }\n\n  .top-1\\/2 {\n    top: 50%;\n  }\n\n  .top-1\\/3 {\n    top: 33.3333%;\n  }\n\n  .top-2 {\n    top: calc(var(--spacing) * 2);\n  }\n\n  .top-2\\.5 {\n    top: calc(var(--spacing) * 2.5);\n  }\n\n  .top-3 {\n    top: calc(var(--spacing) * 3);\n  }\n\n  .top-3\\.5 {\n    top: calc(var(--spacing) * 3.5);\n  }\n\n  .top-\\[60\\%\\] {\n    top: 60%;\n  }\n\n  .top-full {\n    top: 100%;\n  }\n\n  .top-px {\n    top: 1px;\n  }\n\n  .-right-12 {\n    right: calc(var(--spacing) * -12);\n  }\n\n  .right-0 {\n    right: 0;\n  }\n\n  .right-1 {\n    right: var(--spacing);\n  }\n\n  .right-2 {\n    right: calc(var(--spacing) * 2);\n  }\n\n  .right-2\\.5 {\n    right: calc(var(--spacing) * 2.5);\n  }\n\n  .right-3 {\n    right: calc(var(--spacing) * 3);\n  }\n\n  .-bottom-12 {\n    bottom: calc(var(--spacing) * -12);\n  }\n\n  .bottom-0 {\n    bottom: 0;\n  }\n\n  .bottom-4 {\n    bottom: calc(var(--spacing) * 4);\n  }\n\n  .-left-12 {\n    left: calc(var(--spacing) * -12);\n  }\n\n  .left-0 {\n    left: 0;\n  }\n\n  .left-1\\.5 {\n    left: calc(var(--spacing) * 1.5);\n  }\n\n  .left-1\\/2 {\n    left: 50%;\n  }\n\n  .left-2 {\n    left: calc(var(--spacing) * 2);\n  }\n\n  .left-3 {\n    left: calc(var(--spacing) * 3);\n  }\n\n  .isolate {\n    isolation: isolate;\n  }\n\n  .z-0 {\n    z-index: 0;\n  }\n\n  .z-1 {\n    z-index: 1;\n  }\n\n  .z-10 {\n    z-index: 10;\n  }\n\n  .z-20 {\n    z-index: 20;\n  }\n\n  .z-50 {\n    z-index: 50;\n  }\n\n  .z-100 {\n    z-index: 100;\n  }\n\n  .z-\\[calc\\(1000-var\\(--toast-index\\)\\)\\] {\n    z-index: calc(1000 - var(--toast-index));\n  }\n\n  .order-first {\n    order: -9999;\n  }\n\n  .order-last {\n    order: 9999;\n  }\n\n  .col-start-1 {\n    grid-column-start: 1;\n  }\n\n  .col-start-2 {\n    grid-column-start: 2;\n  }\n\n  .col-start-3 {\n    grid-column-start: 3;\n  }\n\n  .row-span-2 {\n    grid-row: span 2 / span 2;\n  }\n\n  .row-start-1 {\n    grid-row-start: 1;\n  }\n\n  .container {\n    width: 100%;\n  }\n\n  @media (min-width: 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n\n  @media (min-width: 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n\n  @media (min-width: 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n\n  @media (min-width: 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n\n  .-mx-1 {\n    margin-inline: calc(var(--spacing) * -1);\n  }\n\n  .-mx-4 {\n    margin-inline: calc(var(--spacing) * -4);\n  }\n\n  .mx-2 {\n    margin-inline: calc(var(--spacing) * 2);\n  }\n\n  .mx-3\\.5 {\n    margin-inline: calc(var(--spacing) * 3.5);\n  }\n\n  .mx-10 {\n    margin-inline: calc(var(--spacing) * 10);\n  }\n\n  .mx-auto {\n    margin-inline: auto;\n  }\n\n  .my-0\\.5 {\n    margin-block: calc(var(--spacing) * .5);\n  }\n\n  .my-1 {\n    margin-block: var(--spacing);\n  }\n\n  .my-2 {\n    margin-block: calc(var(--spacing) * 2);\n  }\n\n  .my-auto {\n    margin-block: auto;\n  }\n\n  .ms-auto {\n    margin-inline-start: auto;\n  }\n\n  .-mt-4 {\n    margin-top: calc(var(--spacing) * -4);\n  }\n\n  .mt-0\\.5 {\n    margin-top: calc(var(--spacing) * .5);\n  }\n\n  .mt-1 {\n    margin-top: var(--spacing);\n  }\n\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n\n  .mt-auto {\n    margin-top: auto;\n  }\n\n  .-mb-4 {\n    margin-bottom: calc(var(--spacing) * -4);\n  }\n\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n\n  .-ml-4 {\n    margin-left: calc(var(--spacing) * -4);\n  }\n\n  .ml-1 {\n    margin-left: var(--spacing);\n  }\n\n  .ml-auto {\n    margin-left: auto;\n  }\n\n  .no-scrollbar::-webkit-scrollbar {\n    display: none;\n  }\n\n  .no-scrollbar {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n  .line-clamp-1 {\n    -webkit-line-clamp: 1;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .line-clamp-2 {\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    display: -webkit-box;\n    overflow: hidden;\n  }\n\n  .block {\n    display: block;\n  }\n\n  .contents {\n    display: contents;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .grid {\n    display: grid;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .inline {\n    display: inline;\n  }\n\n  .inline-block {\n    display: inline-block;\n  }\n\n  .inline-flex {\n    display: inline-flex;\n  }\n\n  .table {\n    display: table;\n  }\n\n  .table-caption {\n    display: table-caption;\n  }\n\n  .table-cell {\n    display: table-cell;\n  }\n\n  .table-row {\n    display: table-row;\n  }\n\n  .field-sizing-content {\n    field-sizing: content;\n  }\n\n  .aspect-\\(--ratio\\) {\n    aspect-ratio: var(--ratio);\n  }\n\n  .aspect-auto {\n    aspect-ratio: auto;\n  }\n\n  .aspect-square {\n    aspect-ratio: 1;\n  }\n\n  .aspect-video {\n    aspect-ratio: var(--aspect-video);\n  }\n\n  .size-\\(--cell-size\\) {\n    width: var(--cell-size);\n    height: var(--cell-size);\n  }\n\n  .size-2 {\n    width: calc(var(--spacing) * 2);\n    height: calc(var(--spacing) * 2);\n  }\n\n  .size-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n    height: calc(var(--spacing) * 2.5);\n  }\n\n  .size-3 {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n\n  .size-3\\.5 {\n    width: calc(var(--spacing) * 3.5);\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .size-4 {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  .size-5 {\n    width: calc(var(--spacing) * 5);\n    height: calc(var(--spacing) * 5);\n  }\n\n  .size-6 {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n\n  .size-7 {\n    width: calc(var(--spacing) * 7);\n    height: calc(var(--spacing) * 7);\n  }\n\n  .size-8 {\n    width: calc(var(--spacing) * 8);\n    height: calc(var(--spacing) * 8);\n  }\n\n  .size-9 {\n    width: calc(var(--spacing) * 9);\n    height: calc(var(--spacing) * 9);\n  }\n\n  .size-10 {\n    width: calc(var(--spacing) * 10);\n    height: calc(var(--spacing) * 10);\n  }\n\n  .size-auto {\n    width: auto;\n    height: auto;\n  }\n\n  .size-full {\n    width: 100%;\n    height: 100%;\n  }\n\n  .h-\\(--cell-size\\) {\n    height: var(--cell-size);\n  }\n\n  .h-\\(--height\\) {\n    height: var(--height);\n  }\n\n  .h-\\(--popup-height\\) {\n    height: var(--popup-height);\n  }\n\n  .h-\\(--positioner-height\\) {\n    height: var(--positioner-height);\n  }\n\n  .h-1\\.5 {\n    height: calc(var(--spacing) * 1.5);\n  }\n\n  .h-2 {\n    height: calc(var(--spacing) * 2);\n  }\n\n  .h-2\\.5 {\n    height: calc(var(--spacing) * 2.5);\n  }\n\n  .h-4 {\n    height: calc(var(--spacing) * 4);\n  }\n\n  .h-5 {\n    height: calc(var(--spacing) * 5);\n  }\n\n  .h-6 {\n    height: calc(var(--spacing) * 6);\n  }\n\n  .h-7 {\n    height: calc(var(--spacing) * 7);\n  }\n\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .h-8\\! {\n    height: calc(var(--spacing) * 8) !important;\n  }\n\n  .h-9 {\n    height: calc(var(--spacing) * 9);\n  }\n\n  .h-10 {\n    height: calc(var(--spacing) * 10);\n  }\n\n  .h-12 {\n    height: calc(var(--spacing) * 12);\n  }\n\n  .h-28 {\n    height: calc(var(--spacing) * 28);\n  }\n\n  .h-32 {\n    height: calc(var(--spacing) * 32);\n  }\n\n  .h-40 {\n    height: calc(var(--spacing) * 40);\n  }\n\n  .h-48 {\n    height: calc(var(--spacing) * 48);\n  }\n\n  .h-64 {\n    height: calc(var(--spacing) * 64);\n  }\n\n  .h-\\[calc\\(100\\%-1px\\)\\] {\n    height: calc(100% - 1px);\n  }\n\n  .h-\\[var\\(--accordion-panel-height\\)\\] {\n    height: var(--accordion-panel-height);\n  }\n\n  .h-auto {\n    height: auto;\n  }\n\n  .h-full {\n    height: 100%;\n  }\n\n  .h-max {\n    height: max-content;\n  }\n\n  .h-px {\n    height: 1px;\n  }\n\n  .h-svh {\n    height: 100svh;\n  }\n\n  .max-h-\\(--available-height\\) {\n    max-height: var(--available-height);\n  }\n\n  .max-h-60 {\n    max-height: calc(var(--spacing) * 60);\n  }\n\n  .max-h-72 {\n    max-height: calc(var(--spacing) * 72);\n  }\n\n  .min-h-0 {\n    min-height: 0;\n  }\n\n  .min-h-4 {\n    min-height: calc(var(--spacing) * 4);\n  }\n\n  .min-h-11 {\n    min-height: calc(var(--spacing) * 11);\n  }\n\n  .min-h-16 {\n    min-height: calc(var(--spacing) * 16);\n  }\n\n  .min-h-64 {\n    min-height: calc(var(--spacing) * 64);\n  }\n\n  .min-h-\\[1lh\\] {\n    min-height: 1lh;\n  }\n\n  .min-h-full {\n    min-height: 100%;\n  }\n\n  .min-h-svh {\n    min-height: 100svh;\n  }\n\n  .w-\\(--anchor-width\\) {\n    width: var(--anchor-width);\n  }\n\n  .w-\\(--cell-size\\) {\n    width: var(--cell-size);\n  }\n\n  .w-\\(--popup-width\\) {\n    width: var(--popup-width);\n  }\n\n  .w-\\(--positioner-width\\) {\n    width: var(--positioner-width);\n  }\n\n  .w-\\(--sidebar-width\\) {\n    width: var(--sidebar-width);\n  }\n\n  .w-0 {\n    width: 0;\n  }\n\n  .w-1 {\n    width: var(--spacing);\n  }\n\n  .w-2 {\n    width: calc(var(--spacing) * 2);\n  }\n\n  .w-2\\.5 {\n    width: calc(var(--spacing) * 2.5);\n  }\n\n  .w-3\\/4 {\n    width: 75%;\n  }\n\n  .w-4 {\n    width: calc(var(--spacing) * 4);\n  }\n\n  .w-5 {\n    width: calc(var(--spacing) * 5);\n  }\n\n  .w-10 {\n    width: calc(var(--spacing) * 10);\n  }\n\n  .w-24 {\n    width: calc(var(--spacing) * 24);\n  }\n\n  .w-64 {\n    width: calc(var(--spacing) * 64);\n  }\n\n  .w-72 {\n    width: calc(var(--spacing) * 72);\n  }\n\n  .w-auto {\n    width: auto;\n  }\n\n  .w-fit {\n    width: fit-content;\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .w-max {\n    width: max-content;\n  }\n\n  .w-px {\n    width: 1px;\n  }\n\n  .max-w-\\(--available-width\\) {\n    max-width: var(--available-width);\n  }\n\n  .max-w-\\(--skeleton-width\\) {\n    max-width: var(--skeleton-width);\n  }\n\n  .max-w-\\[80\\%\\] {\n    max-width: 80%;\n  }\n\n  .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n    max-width: calc(100% - 2rem);\n  }\n\n  .max-w-full {\n    max-width: 100%;\n  }\n\n  .max-w-max {\n    max-width: max-content;\n  }\n\n  .max-w-sm {\n    max-width: var(--container-sm);\n  }\n\n  .max-w-xs {\n    max-width: var(--container-xs);\n  }\n\n  .min-w-\\(--cell-size\\) {\n    min-width: var(--cell-size);\n  }\n\n  .min-w-0 {\n    min-width: 0;\n  }\n\n  .min-w-4 {\n    min-width: calc(var(--spacing) * 4);\n  }\n\n  .min-w-5 {\n    min-width: calc(var(--spacing) * 5);\n  }\n\n  .min-w-8 {\n    min-width: calc(var(--spacing) * 8);\n  }\n\n  .min-w-32 {\n    min-width: calc(var(--spacing) * 32);\n  }\n\n  .min-w-36 {\n    min-width: calc(var(--spacing) * 36);\n  }\n\n  .min-w-40 {\n    min-width: calc(var(--spacing) * 40);\n  }\n\n  .min-w-\\[14ch\\] {\n    min-width: 14ch;\n  }\n\n  .min-w-\\[96px\\] {\n    min-width: 96px;\n  }\n\n  .min-w-\\[var\\(--anchor-width\\)\\] {\n    min-width: var(--anchor-width);\n  }\n\n  .flex-1 {\n    flex: 1;\n  }\n\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .grow {\n    flex-grow: 1;\n  }\n\n  .grow-0 {\n    flex-grow: 0;\n  }\n\n  .basis-full {\n    flex-basis: 100%;\n  }\n\n  .caption-bottom {\n    caption-side: bottom;\n  }\n\n  .border-collapse {\n    border-collapse: collapse;\n  }\n\n  .origin-\\(--transform-origin\\), .origin-\\[var\\(--transform-origin\\)\\] {\n    transform-origin: var(--transform-origin);\n  }\n\n  .origin-bottom {\n    transform-origin: bottom;\n  }\n\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-x-px {\n    --tw-translate-x: -1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-1\\/2 {\n    --tw-translate-x: calc(1 / 2 * 100%);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-x-px {\n    --tw-translate-x: 1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .-translate-y-3\\/4 {\n    --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-0 {\n    --tw-translate-y: 0;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-1\\/2 {\n    --tw-translate-y: calc(1 / 2 * 100%);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-3\\/4 {\n    --tw-translate-y: calc(3 / 4 * 100%);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-\\[--spacing\\(0\\.45\\)\\] {\n    --tw-translate-y: calc(var(--spacing) * .45);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .translate-y-\\[calc\\(-50\\%-2px\\)\\] {\n    --tw-translate-y: calc(-50% - 2px);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .rotate-45 {\n    rotate: 45deg;\n  }\n\n  .rotate-90 {\n    rotate: 90deg;\n  }\n\n  .\\[transform\\:translateX\\(var\\(--toast-swipe-movement-x\\)\\)_translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)-\\(var\\(--toast-index\\)\\*var\\(--peek\\)\\)-\\(var\\(--shrink\\)\\*var\\(--height\\)\\)\\)\\)_scale\\(var\\(--scale\\)\\)\\] {\n    transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale));\n  }\n\n  .scroll-fade-x {\n    --_scroll-fade-size-s: var(--scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n    --_scroll-fade-size-e: var(--scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n    --scroll-fade-inline: linear-gradient(to right,\n    transparent 0,\n    #000 var(--scroll-fade-s, 0px),\n    #000 calc(100% - var(--scroll-fade-e, 0px)),\n    transparent 100%);\n  }\n\n  .scroll-fade-x:where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n    --scroll-fade-inline: linear-gradient(to left,\n      transparent 0,\n      #000 var(--scroll-fade-s, 0px),\n      #000 calc(100% - var(--scroll-fade-e, 0px)),\n      transparent 100%);\n  }\n\n  .scroll-fade-x {\n    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n    mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));\n    -webkit-mask-composite: source-in;\n    -webkit-mask-composite: source-in;\n    -webkit-mask-repeat: no-repeat;\n    mask-repeat: no-repeat;\n    -webkit-mask-composite: source-in;\n    mask-composite: intersect;\n  }\n\n  @supports (animation-timeline: scroll()) {\n    .scroll-fade-x {\n      animation: 1ms ease-in-out scroll-fade-reveal-s, 1ms ease-in-out scroll-fade-reveal-e;\n      animation-timeline: scroll(self inline), scroll(self inline);\n      animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;\n      animation-fill-mode: both;\n    }\n  }\n\n  @supports not (animation-timeline: scroll()) {\n    .scroll-fade-x {\n      --scroll-fade-s: var(--_scroll-fade-size-s);\n      --scroll-fade-e: var(--_scroll-fade-size-e);\n    }\n  }\n\n  .scroll-fade-b {\n    --_scroll-fade-size-b: var(--scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n    --scroll-fade-mask: linear-gradient(to bottom,\n    #000 0,\n    #000 calc(100% - var(--scroll-fade-b, 0px)),\n    transparent 100%);\n    -webkit-mask-image: var(--scroll-fade-mask);\n    -webkit-mask-image: var(--scroll-fade-mask);\n    -webkit-mask-image: var(--scroll-fade-mask);\n    mask-image: var(--scroll-fade-mask);\n    -webkit-mask-composite: source-in;\n    -webkit-mask-composite: source-in;\n    -webkit-mask-repeat: no-repeat;\n    mask-repeat: no-repeat;\n    -webkit-mask-composite: source-in;\n    mask-composite: intersect;\n  }\n\n  @supports (animation-timeline: scroll()) {\n    .scroll-fade-b {\n      animation: 1ms ease-in-out scroll-fade-reveal-b;\n      animation-timeline: scroll(self y);\n      animation-range: calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;\n      animation-fill-mode: both;\n    }\n  }\n\n  @supports not (animation-timeline: scroll()) {\n    .scroll-fade-b {\n      --scroll-fade-b: var(--_scroll-fade-size-b);\n    }\n  }\n\n  .animate-caret-blink {\n    animation: 1.25s ease-out infinite caret-blink;\n  }\n\n  .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n\n  .cursor-default {\n    cursor: default;\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .cursor-text {\n    cursor: text;\n  }\n\n  .touch-manipulation {\n    touch-action: manipulation;\n  }\n\n  .touch-none {\n    touch-action: none;\n  }\n\n  .resize-none {\n    resize: none;\n  }\n\n  .resize-y {\n    resize: vertical;\n  }\n\n  .snap-x {\n    scroll-snap-type: x var(--tw-scroll-snap-strictness);\n  }\n\n  .snap-mandatory {\n    --tw-scroll-snap-strictness: mandatory;\n  }\n\n  .scroll-px-1 {\n    scroll-padding-inline: var(--spacing);\n  }\n\n  .scroll-py-1 {\n    scroll-padding-block: var(--spacing);\n  }\n\n  .scrollbar-none {\n    scrollbar-width: none;\n  }\n\n  .scrollbar-thin {\n    scrollbar-width: thin;\n  }\n\n  .scrollbar-gutter-stable {\n    scrollbar-gutter: stable;\n  }\n\n  .list-none {\n    list-style-type: none;\n  }\n\n  .appearance-none {\n    appearance: none;\n  }\n\n  .auto-rows-min {\n    grid-auto-rows: min-content;\n  }\n\n  .grid-cols-\\[minmax\\(0\\,1fr\\)_auto_auto\\] {\n    grid-template-columns: minmax(0, 1fr) auto auto;\n  }\n\n  .grid-rows-\\[auto_1fr\\] {\n    grid-template-rows: auto 1fr;\n  }\n\n  .flex-col {\n    flex-direction: column;\n  }\n\n  .flex-col-reverse {\n    flex-direction: column-reverse;\n  }\n\n  .flex-row {\n    flex-direction: row;\n  }\n\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n\n  .place-content-center {\n    place-content: center;\n  }\n\n  .place-items-center {\n    place-items: center;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .items-end {\n    align-items: flex-end;\n  }\n\n  .items-start {\n    align-items: flex-start;\n  }\n\n  .items-stretch {\n    align-items: stretch;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .justify-center {\n    justify-content: center;\n  }\n\n  .justify-start {\n    justify-content: flex-start;\n  }\n\n  .gap-0 {\n    gap: 0;\n  }\n\n  .gap-0\\.5 {\n    gap: calc(var(--spacing) * .5);\n  }\n\n  .gap-1 {\n    gap: var(--spacing);\n  }\n\n  .gap-1\\.5 {\n    gap: calc(var(--spacing) * 1.5);\n  }\n\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .gap-2\\.5 {\n    gap: calc(var(--spacing) * 2.5);\n  }\n\n  .gap-3 {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .gap-4 {\n    gap: calc(var(--spacing) * 4);\n  }\n\n  .gap-6 {\n    gap: calc(var(--spacing) * 6);\n  }\n\n  :where(.space-y-2 > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  :where(.-space-x-2 > :not(:last-child)) {\n    --tw-space-x-reverse: 0;\n    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));\n    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));\n  }\n\n  .self-end {\n    align-self: flex-end;\n  }\n\n  .self-start {\n    align-self: flex-start;\n  }\n\n  .self-stretch {\n    align-self: stretch;\n  }\n\n  .justify-self-end {\n    justify-self: flex-end;\n  }\n\n  .justify-self-start {\n    justify-self: flex-start;\n  }\n\n  .truncate {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .overflow-auto {\n    overflow: auto;\n  }\n\n  .overflow-hidden {\n    overflow: hidden;\n  }\n\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n\n  .overscroll-contain {\n    overscroll-behavior: contain;\n  }\n\n  .overscroll-x-contain {\n    overscroll-behavior-x: contain;\n  }\n\n  .rounded {\n    border-radius: .25rem;\n  }\n\n  .rounded-\\(--cell-radius\\) {\n    border-radius: var(--cell-radius);\n  }\n\n  .rounded-2xl {\n    border-radius: calc(var(--radius) * 1.8);\n  }\n\n  .rounded-4xl {\n    border-radius: calc(var(--radius) * 2.6);\n  }\n\n  .rounded-\\[2px\\] {\n    border-radius: 2px;\n  }\n\n  .rounded-\\[4px\\] {\n    border-radius: 4px;\n  }\n\n  .rounded-\\[calc\\(var\\(--radius\\)-3px\\)\\] {\n    border-radius: calc(var(--radius) - 3px);\n  }\n\n  .rounded-\\[inherit\\] {\n    border-radius: inherit;\n  }\n\n  .rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\] {\n    border-radius: min(var(--radius-md), 10px);\n  }\n\n  .rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\] {\n    border-radius: min(var(--radius-md), 12px);\n  }\n\n  .rounded-full {\n    border-radius: 3.40282e38px;\n  }\n\n  .rounded-lg {\n    border-radius: var(--radius);\n  }\n\n  .rounded-lg\\! {\n    border-radius: var(--radius) !important;\n  }\n\n  .rounded-md {\n    border-radius: calc(var(--radius) * .8);\n  }\n\n  .rounded-none {\n    border-radius: 0;\n  }\n\n  .rounded-sm {\n    border-radius: calc(var(--radius) * .6);\n  }\n\n  .rounded-xl {\n    border-radius: calc(var(--radius) * 1.4);\n  }\n\n  .rounded-xl\\! {\n    border-radius: calc(var(--radius) * 1.4) !important;\n  }\n\n  .rounded-t-xl {\n    border-top-left-radius: calc(var(--radius) * 1.4);\n    border-top-right-radius: calc(var(--radius) * 1.4);\n  }\n\n  .rounded-l-\\(--cell-radius\\) {\n    border-top-left-radius: var(--cell-radius);\n    border-bottom-left-radius: var(--cell-radius);\n  }\n\n  .rounded-tl-sm {\n    border-top-left-radius: calc(var(--radius) * .6);\n  }\n\n  .rounded-r-\\(--cell-radius\\) {\n    border-top-right-radius: var(--cell-radius);\n    border-bottom-right-radius: var(--cell-radius);\n  }\n\n  .rounded-b-xl {\n    border-bottom-right-radius: calc(var(--radius) * 1.4);\n    border-bottom-left-radius: calc(var(--radius) * 1.4);\n  }\n\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0;\n  }\n\n  .border-\\[1\\.5px\\] {\n    border-style: var(--tw-border-style);\n    border-width: 1.5px;\n  }\n\n  .border-y {\n    border-block-style: var(--tw-border-style);\n    border-block-width: 1px;\n  }\n\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n\n  .border-\\(--color-border\\) {\n    border-color: var(--color-border);\n  }\n\n  .border-border, .border-border\\/50 {\n    border-color: var(--border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-border\\/50 {\n      border-color: color-mix(in oklab, var(--border) 50%, transparent);\n    }\n  }\n\n  .border-input, .border-input\\/30 {\n    border-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-input\\/30 {\n      border-color: color-mix(in oklab, var(--input) 30%, transparent);\n    }\n  }\n\n  .border-primary\\/50 {\n    border-color: var(--primary);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .border-primary\\/50 {\n      border-color: color-mix(in oklab, var(--primary) 50%, transparent);\n    }\n  }\n\n  .border-sidebar-border {\n    border-color: var(--sidebar-border);\n  }\n\n  .border-transparent {\n    border-color: #0000;\n  }\n\n  .border-t-transparent {\n    border-top-color: #0000;\n  }\n\n  .border-l-transparent {\n    border-left-color: #0000;\n  }\n\n  .bg-\\(--color-bg\\) {\n    background-color: var(--color-bg);\n  }\n\n  .bg-\\[Canvas\\] {\n    background-color: canvas;\n  }\n\n  .bg-background {\n    background-color: var(--background);\n  }\n\n  .bg-border {\n    background-color: var(--border);\n  }\n\n  .bg-card {\n    background-color: var(--card);\n  }\n\n  .bg-destructive, .bg-destructive\\/10 {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-destructive\\/10 {\n      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n    }\n  }\n\n  .bg-foreground {\n    background-color: var(--foreground);\n  }\n\n  .bg-info-ring\\/40 {\n    background-color: var(--info-ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-info-ring\\/40 {\n      background-color: color-mix(in oklab, var(--info-ring) 40%, transparent);\n    }\n  }\n\n  .bg-input\\/30 {\n    background-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-input\\/30 {\n      background-color: color-mix(in oklab, var(--input) 30%, transparent);\n    }\n  }\n\n  .bg-muted {\n    background-color: var(--muted);\n  }\n\n  .bg-muted-foreground, .bg-muted-foreground\\/50 {\n    background-color: var(--muted-foreground);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-muted-foreground\\/50 {\n      background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);\n    }\n  }\n\n  .bg-muted\\/50 {\n    background-color: var(--muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-muted\\/50 {\n      background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n    }\n  }\n\n  .bg-overlay {\n    background-color: var(--overlay);\n  }\n\n  .bg-popover {\n    background-color: var(--popover);\n  }\n\n  .bg-primary {\n    background-color: var(--primary);\n  }\n\n  .bg-primary-foreground {\n    background-color: var(--primary-foreground);\n  }\n\n  .bg-primary\\/20 {\n    background-color: var(--primary);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-primary\\/20 {\n      background-color: color-mix(in oklab, var(--primary) 20%, transparent);\n    }\n  }\n\n  .bg-secondary {\n    background-color: var(--secondary);\n  }\n\n  .bg-sidebar {\n    background-color: var(--sidebar);\n  }\n\n  .bg-sidebar-border {\n    background-color: var(--sidebar-border);\n  }\n\n  .bg-success {\n    background-color: var(--success);\n  }\n\n  .bg-success-ring\\/40 {\n    background-color: var(--success-ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-success-ring\\/40 {\n      background-color: color-mix(in oklab, var(--success-ring) 40%, transparent);\n    }\n  }\n\n  .bg-transparent {\n    background-color: #0000;\n  }\n\n  .bg-warning {\n    background-color: var(--warning);\n  }\n\n  .bg-warning-ring\\/40 {\n    background-color: var(--warning-ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .bg-warning-ring\\/40 {\n      background-color: color-mix(in oklab, var(--warning-ring) 40%, transparent);\n    }\n  }\n\n  .bg-gradient-to-t {\n    --tw-gradient-position: to top in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n\n  .from-background {\n    --tw-gradient-from: var(--background);\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .via-background\\/75 {\n    --tw-gradient-via: var(--background);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .via-background\\/75 {\n      --tw-gradient-via: color-mix(in oklab, var(--background) 75%, transparent);\n    }\n  }\n\n  .via-background\\/75 {\n    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n\n  .to-transparent {\n    --tw-gradient-to: transparent;\n    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));\n  }\n\n  .bg-clip-padding {\n    background-clip: padding-box;\n  }\n\n  .fill-foreground {\n    fill: var(--foreground);\n  }\n\n  .object-contain {\n    object-fit: contain;\n  }\n\n  .object-cover {\n    object-fit: cover;\n  }\n\n  .p-0 {\n    padding: 0;\n  }\n\n  .p-1 {\n    padding: var(--spacing);\n  }\n\n  .p-2 {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .p-2\\.5 {\n    padding: calc(var(--spacing) * 2.5);\n  }\n\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .p-6 {\n    padding: calc(var(--spacing) * 6);\n  }\n\n  .p-\\[3px\\] {\n    padding: 3px;\n  }\n\n  .p-px {\n    padding: 1px;\n  }\n\n  .px-\\(--cell-size\\) {\n    padding-inline: var(--cell-size);\n  }\n\n  .px-1 {\n    padding-inline: var(--spacing);\n  }\n\n  .px-1\\.5 {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .px-2 {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .px-2\\.5 {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n\n  .px-3 {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .px-4 {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n\n  .py-0\\.5 {\n    padding-block: calc(var(--spacing) * .5);\n  }\n\n  .py-1 {\n    padding-block: var(--spacing);\n  }\n\n  .py-1\\.5 {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .py-2 {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .py-2\\.5 {\n    padding-block: calc(var(--spacing) * 2.5);\n  }\n\n  .py-3 {\n    padding-block: calc(var(--spacing) * 3);\n  }\n\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n\n  .py-6 {\n    padding-block: calc(var(--spacing) * 6);\n  }\n\n  .py-\\[2px\\] {\n    padding-block: 2px;\n  }\n\n  .pt-0 {\n    padding-top: 0;\n  }\n\n  .pt-2 {\n    padding-top: calc(var(--spacing) * 2);\n  }\n\n  .pt-3 {\n    padding-top: calc(var(--spacing) * 3);\n  }\n\n  .pt-4 {\n    padding-top: calc(var(--spacing) * 4);\n  }\n\n  .pt-12 {\n    padding-top: calc(var(--spacing) * 12);\n  }\n\n  .pr-1\\.5 {\n    padding-right: calc(var(--spacing) * 1.5);\n  }\n\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n\n  .pr-8 {\n    padding-right: calc(var(--spacing) * 8);\n  }\n\n  .pb-0 {\n    padding-bottom: 0;\n  }\n\n  .pb-2 {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n\n  .pb-3 {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n\n  .pb-4 {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .pl-1\\.5 {\n    padding-left: calc(var(--spacing) * 1.5);\n  }\n\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .pl-2\\.5 {\n    padding-left: calc(var(--spacing) * 2.5);\n  }\n\n  .pl-4 {\n    padding-left: calc(var(--spacing) * 4);\n  }\n\n  .pl-7 {\n    padding-left: calc(var(--spacing) * 7);\n  }\n\n  .pl-8 {\n    padding-left: calc(var(--spacing) * 8);\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .text-left {\n    text-align: left;\n  }\n\n  .text-right {\n    text-align: right;\n  }\n\n  .text-start {\n    text-align: start;\n  }\n\n  .align-middle {\n    vertical-align: middle;\n  }\n\n  .font-mono {\n    font-family: var(--font-mono);\n  }\n\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .text-sm\\/relaxed {\n    font-size: var(--text-sm);\n    line-height: var(--leading-relaxed);\n  }\n\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .text-\\[0\\.8rem\\] {\n    font-size: .8rem;\n  }\n\n  .text-\\[0\\.625rem\\] {\n    font-size: .625rem;\n  }\n\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .leading-normal {\n    --tw-leading: var(--leading-normal);\n    line-height: var(--leading-normal);\n  }\n\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .tracking-tight {\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest);\n    letter-spacing: var(--tracking-widest);\n  }\n\n  .text-balance {\n    text-wrap: balance;\n  }\n\n  .text-pretty {\n    text-wrap: pretty;\n  }\n\n  .wrap-break-word {\n    overflow-wrap: break-word;\n  }\n\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n\n  .text-\\[CanvasText\\] {\n    color: canvastext;\n  }\n\n  .text-background {\n    color: var(--background);\n  }\n\n  .text-card-foreground {\n    color: var(--card-foreground);\n  }\n\n  .text-current {\n    color: currentColor;\n  }\n\n  .text-destructive {\n    color: var(--destructive);\n  }\n\n  .text-destructive-foreground {\n    color: var(--destructive-foreground);\n  }\n\n  .text-foreground, .text-foreground\\/60 {\n    color: var(--foreground);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .text-foreground\\/60 {\n      color: color-mix(in oklab, var(--foreground) 60%, transparent);\n    }\n  }\n\n  .text-foreground\\/70 {\n    color: var(--foreground);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .text-foreground\\/70 {\n      color: color-mix(in oklab, var(--foreground) 70%, transparent);\n    }\n  }\n\n  .text-info {\n    color: var(--info);\n  }\n\n  .text-muted-foreground {\n    color: var(--muted-foreground);\n  }\n\n  .text-popover-foreground {\n    color: var(--popover-foreground);\n  }\n\n  .text-primary {\n    color: var(--primary);\n  }\n\n  .text-primary-foreground {\n    color: var(--primary-foreground);\n  }\n\n  .text-secondary-foreground {\n    color: var(--secondary-foreground);\n  }\n\n  .text-sidebar-foreground, .text-sidebar-foreground\\/70 {\n    color: var(--sidebar-foreground);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .text-sidebar-foreground\\/70 {\n      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);\n    }\n  }\n\n  .text-success {\n    color: var(--success);\n  }\n\n  .text-warning {\n    color: var(--warning);\n  }\n\n  .tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );\n  }\n\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n\n  .opacity-0 {\n    opacity: 0;\n  }\n\n  .opacity-50 {\n    opacity: .5;\n  }\n\n  .opacity-60 {\n    opacity: .6;\n  }\n\n  .bg-blend-color {\n    background-blend-mode: color;\n  }\n\n  .shadow {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-\\[0_0_0_1px_var\\(--sidebar-border\\)\\] {\n    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-lg {\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-md {\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-none {\n    --tw-shadow: 0 0 #0000;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-none\\! {\n    --tw-shadow: 0 0 #0000 !important;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n  }\n\n  .shadow-sm {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .shadow-xl {\n    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-0 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-3 {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .ring-background {\n    --tw-ring-color: var(--background);\n  }\n\n  .ring-card {\n    --tw-ring-color: var(--card);\n  }\n\n  .ring-foreground\\/10 {\n    --tw-ring-color: var(--foreground);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .ring-foreground\\/10 {\n      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);\n    }\n  }\n\n  .ring-sidebar-ring {\n    --tw-ring-color: var(--sidebar-ring);\n  }\n\n  .ring-offset-background {\n    --tw-ring-offset-color: var(--background);\n  }\n\n  .outline-hidden {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  @media (forced-colors: active) {\n    .outline-hidden {\n      outline-offset: 2px;\n      outline: 2px solid #0000;\n    }\n  }\n\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .transition {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[color\\,box-shadow\\,background-color\\] {\n    transition-property: color, box-shadow, background-color;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[height\\] {\n    transition-property: height;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[left\\,right\\,width\\] {\n    transition-property: left, right, width;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[margin\\,opacity\\] {\n    transition-property: margin, opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[opacity\\,transform\\,translate\\] {\n    transition-property: opacity, transform, translate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[opacity\\,transform\\,width\\,height\\,scale\\,translate\\] {\n    transition-property: opacity, transform, width, height, scale, translate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[top\\,left\\,right\\,bottom\\] {\n    transition-property: top, left, right, bottom;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[transform\\,scale\\,opacity\\] {\n    transition-property: transform, scale, opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[translate\\,scale\\,opacity\\] {\n    transition-property: translate, scale, opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[width\\,height\\,padding\\] {\n    transition-property: width, height, padding;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-\\[width\\] {\n    transition-property: width;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .transition-none {\n    transition-property: none;\n  }\n\n  .duration-100 {\n    --tw-duration: .1s;\n    transition-duration: .1s;\n  }\n\n  .duration-150 {\n    --tw-duration: .15s;\n    transition-duration: .15s;\n  }\n\n  .duration-200 {\n    --tw-duration: .2s;\n    transition-duration: .2s;\n  }\n\n  .duration-250 {\n    --tw-duration: .25s;\n    transition-duration: .25s;\n  }\n\n  .duration-300 {\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .duration-1000 {\n    --tw-duration: 1s;\n    transition-duration: 1s;\n  }\n\n  .duration-\\[0\\.35s\\] {\n    --tw-duration: .35s;\n    transition-duration: .35s;\n  }\n\n  .ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\] {\n    --tw-ease: cubic-bezier(.22,1,.36,1);\n    transition-timing-function: cubic-bezier(.22, 1, .36, 1);\n  }\n\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n\n  .ease-linear {\n    --tw-ease: linear;\n    transition-timing-function: linear;\n  }\n\n  .ease-out {\n    --tw-ease: var(--ease-out);\n    transition-timing-function: var(--ease-out);\n  }\n\n  .will-change-transform {\n    will-change: transform;\n  }\n\n  .contain-content {\n    contain: content;\n  }\n\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n\n  .\\[--cell-radius\\:var\\(--radius-md\\)\\] {\n    --cell-radius: var(--radius-md);\n  }\n\n  .\\[--cell-size\\:--spacing\\(7\\)\\] {\n    --cell-size: calc(var(--spacing) * 7);\n  }\n\n  .\\[--gap\\:0\\.75rem\\] {\n    --gap: .75rem;\n  }\n\n  .\\[--height\\:var\\(--toast-frontmost-height\\,var\\(--toast-height\\)\\)\\] {\n    --height: var(--toast-frontmost-height, var(--toast-height));\n  }\n\n  .\\[--offset-y\\:calc\\(var\\(--toast-offset-y\\)\\*-1\\+calc\\(var\\(--toast-index\\)\\*var\\(--gap\\)\\*-1\\)\\+var\\(--toast-swipe-movement-y\\)\\)\\] {\n    --offset-y: calc(var(--toast-offset-y) * -1 + calc(var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y));\n  }\n\n  .\\[--peek\\:0\\.75rem\\] {\n    --peek: .75rem;\n  }\n\n  .\\[--scale\\:calc\\(max\\(0\\,1-\\(var\\(--toast-index\\)\\*0\\.1\\)\\)\\)\\] {\n    --scale: calc(max(0, 1 - (var(--toast-index) * .1)));\n  }\n\n  .\\[--shrink\\:calc\\(1-var\\(--scale\\)\\)\\] {\n    --shrink: calc(1 - var(--scale));\n  }\n\n  .\\[contain-intrinsic-size\\:auto_10rem\\] {\n    contain-intrinsic-size: auto 10rem;\n  }\n\n  .\\[content-visibility\\:auto\\] {\n    content-visibility: auto;\n  }\n\n  .\\[transition\\:transform_500ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\,opacity_500ms\\,height_150ms\\] {\n    transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .5s, height .15s;\n  }\n\n  .fade-out {\n    --tw-exit-opacity: 0;\n  }\n\n  .group-focus-within\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):focus-within *) {\n    opacity: 1;\n  }\n\n  @media (hover: hover) {\n    .group-hover\\/menu-item\\:opacity-100:is(:where(.group\\/menu-item):hover *), .group-hover\\/scroll-area\\:opacity-100:is(:where(.group\\/scroll-area):hover *) {\n      opacity: 1;\n    }\n  }\n\n  .group-focus\\/context-menu-item\\:text-accent-foreground:is(:where(.group\\/context-menu-item):focus *), .group-focus\\/dropdown-menu-item\\:text-accent-foreground:is(:where(.group\\/dropdown-menu-item):focus *), .group-focus\\/menubar-item\\:text-accent-foreground:is(:where(.group\\/menubar-item):focus *) {\n    color: var(--accent-foreground);\n  }\n\n  .group-has-disabled\\/field\\:pointer-events-none:is(:where(.group\\/field):has(:disabled) *) {\n    pointer-events: none;\n  }\n\n  .group-has-disabled\\/field\\:opacity-50:is(:where(.group\\/field):has(:disabled) *) {\n    opacity: .5;\n  }\n\n  .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8:is(:where(.group\\/menu-item):has([data-sidebar=\"menu-action\"]) *) {\n    padding-right: calc(var(--spacing) * 8);\n  }\n\n  .group-has-data-\\[size\\=lg\\]\\/avatar-group\\:size-10:is(:where(.group\\/avatar-group):has([data-size=\"lg\"]) *) {\n    width: calc(var(--spacing) * 10);\n    height: calc(var(--spacing) * 10);\n  }\n\n  .group-has-data-\\[size\\=sm\\]\\/avatar-group\\:size-6:is(:where(.group\\/avatar-group):has([data-size=\"sm\"]) *) {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n\n  .group-has-data-\\[slot\\=command-shortcut\\]\\/command-item\\:hidden:is(:where(.group\\/command-item):has([data-slot=\"command-shortcut\"]) *) {\n    display: none;\n  }\n\n  .group-has-data-\\[slot\\=item-description\\]\\/item\\:translate-y-0\\.5:is(:where(.group\\/item):has([data-slot=\"item-description\"]) *) {\n    --tw-translate-y: calc(var(--spacing) * .5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .group-has-data-\\[slot\\=item-description\\]\\/item\\:self-start:is(:where(.group\\/item):has([data-slot=\"item-description\"]) *) {\n    align-self: flex-start;\n  }\n\n  .group-has-data-\\[slot\\=message-footer\\]\\/message\\:-translate-y-8:is(:where(.group\\/message):has([data-slot=\"message-footer\"]) *) {\n    --tw-translate-y: calc(var(--spacing) * -8);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .group-has-data-\\[slot\\=questionnaire-choice-description\\]\\/questionnaire-choice\\:translate-y-0\\.5:is(:where(.group\\/questionnaire-choice):has([data-slot=\"questionnaire-choice-description\"]) *) {\n    --tw-translate-y: calc(var(--spacing) * .5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .group-has-data-\\[variant\\=ghost\\]\\/message\\:px-0:is(:where(.group\\/message):has([data-variant=\"ghost\"]) *) {\n    padding-inline: 0;\n  }\n\n  .group-has-\\[\\>input\\]\\/input-group\\:pt-2:is(:where(.group\\/input-group):has( > input) *) {\n    padding-top: calc(var(--spacing) * 2);\n  }\n\n  .group-has-\\[\\>input\\]\\/input-group\\:pb-2:is(:where(.group\\/input-group):has( > input) *) {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n\n  .group-has-\\[\\>svg\\]\\/alert\\:col-start-2:is(:where(.group\\/alert):has( > svg) *) {\n    grid-column-start: 2;\n  }\n\n  .group-data-indeterminate\\/checkbox-indicator\\:block:is(:where(.group\\/checkbox-indicator)[data-indeterminate] *) {\n    display: block;\n  }\n\n  .group-data-indeterminate\\/checkbox-indicator\\:hidden:is(:where(.group\\/checkbox-indicator)[data-indeterminate] *) {\n    display: none;\n  }\n\n  .group-data-popup-open\\/navigation-menu-trigger\\:rotate-180:is(:where(.group\\/navigation-menu-trigger)[data-popup-open] *) {\n    rotate: 180deg;\n  }\n\n  .group-data-\\[align\\=end\\]\\/bubble\\:self-end:is(:where(.group\\/bubble)[data-align=\"end\"] *) {\n    align-self: flex-end;\n  }\n\n  .group-data-\\[align\\=end\\]\\/message\\:justify-end:is(:where(.group\\/message)[data-align=\"end\"] *) {\n    justify-content: flex-end;\n  }\n\n  .group-data-\\[align\\=end\\]\\/message\\:self-end:is(:where(.group\\/message)[data-align=\"end\"] *) {\n    align-self: flex-end;\n  }\n\n  .group-data-\\[checked\\=true\\]\\/command-item\\:opacity-100:is(:where(.group\\/command-item)[data-checked=\"true\"] *) {\n    opacity: 1;\n  }\n\n  .group-data-\\[collapsible\\=icon\\]\\:-mt-8:is(:where(.group)[data-collapsible=\"icon\"] *) {\n    margin-top: calc(var(--spacing) * -8);\n  }\n\n  .group-data-\\[collapsible\\=icon\\]\\:hidden:is(:where(.group)[data-collapsible=\"icon\"] *) {\n    display: none;\n  }\n\n  .group-data-\\[collapsible\\=icon\\]\\:size-8\\!:is(:where(.group)[data-collapsible=\"icon\"] *) {\n    width: calc(var(--spacing) * 8) !important;\n    height: calc(var(--spacing) * 8) !important;\n  }\n\n  .group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\):is(:where(.group)[data-collapsible=\"icon\"] *) {\n    width: var(--sidebar-width-icon);\n  }\n\n  .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\)\\]:is(:where(.group)[data-collapsible=\"icon\"] *) {\n    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));\n  }\n\n  .group-data-\\[collapsible\\=icon\\]\\:w-\\[calc\\(var\\(--sidebar-width-icon\\)\\+\\(--spacing\\(4\\)\\)\\+2px\\)\\]:is(:where(.group)[data-collapsible=\"icon\"] *) {\n    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);\n  }\n\n  .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden:is(:where(.group)[data-collapsible=\"icon\"] *) {\n    overflow: hidden;\n  }\n\n  .group-data-\\[collapsible\\=icon\\]\\:p-0\\!:is(:where(.group)[data-collapsible=\"icon\"] *) {\n    padding: 0 !important;\n  }\n\n  .group-data-\\[collapsible\\=icon\\]\\:p-2\\!:is(:where(.group)[data-collapsible=\"icon\"] *) {\n    padding: calc(var(--spacing) * 2) !important;\n  }\n\n  .group-data-\\[collapsible\\=icon\\]\\:opacity-0:is(:where(.group)[data-collapsible=\"icon\"] *) {\n    opacity: 0;\n  }\n\n  .group-data-\\[collapsible\\=offcanvas\\]\\:w-0:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n    width: 0;\n  }\n\n  .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n    --tw-translate-x: 0;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=\"true\"] *) {\n    pointer-events: none;\n  }\n\n  .group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=\"true\"] *) {\n    opacity: .5;\n  }\n\n  .group-data-\\[focused\\=true\\]\\/day\\:relative:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n    position: relative;\n  }\n\n  .group-data-\\[focused\\=true\\]\\/day\\:z-10:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n    z-index: 10;\n  }\n\n  .group-data-\\[focused\\=true\\]\\/day\\:border-ring:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n    border-color: var(--ring);\n  }\n\n  .group-data-\\[focused\\=true\\]\\/day\\:ring-\\[3px\\]:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n    --tw-ring-color: var(--ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .group-data-\\[focused\\=true\\]\\/day\\:ring-ring\\/50:is(:where(.group\\/day)[data-focused=\"true\"] *) {\n      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n\n  .group-data-\\[orientation\\=vertical\\]\\/attachment\\:absolute:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n    position: absolute;\n  }\n\n  .group-data-\\[orientation\\=vertical\\]\\/attachment\\:top-3:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n    top: calc(var(--spacing) * 3);\n  }\n\n  .group-data-\\[orientation\\=vertical\\]\\/attachment\\:right-3:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n    right: calc(var(--spacing) * 3);\n  }\n\n  .group-data-\\[orientation\\=vertical\\]\\/attachment\\:w-full:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n    width: 100%;\n  }\n\n  .group-data-\\[orientation\\=vertical\\]\\/attachment\\:gap-1:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n    gap: var(--spacing);\n  }\n\n  .group-data-\\[orientation\\=vertical\\]\\/attachment\\:px-1:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) {\n    padding-inline: var(--spacing);\n  }\n\n  .group-data-\\[shortcut\\]\\/questionnaire-choice\\:inline-flex:is(:where(.group\\/questionnaire-choice)[data-shortcut] *) {\n    display: inline-flex;\n  }\n\n  .group-data-\\[side\\=left\\]\\:-right-4:is(:where(.group)[data-side=\"left\"] *) {\n    right: calc(var(--spacing) * -4);\n  }\n\n  .group-data-\\[side\\=left\\]\\:border-r:is(:where(.group)[data-side=\"left\"] *) {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .group-data-\\[side\\=right\\]\\:left-0:is(:where(.group)[data-side=\"right\"] *) {\n    left: 0;\n  }\n\n  .group-data-\\[side\\=right\\]\\:rotate-180:is(:where(.group)[data-side=\"right\"] *) {\n    rotate: 180deg;\n  }\n\n  .group-data-\\[side\\=right\\]\\:border-l:is(:where(.group)[data-side=\"right\"] *) {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .group-data-\\[size\\=default\\]\\/avatar\\:size-2\\.5:is(:where(.group\\/avatar)[data-size=\"default\"] *) {\n    width: calc(var(--spacing) * 2.5);\n    height: calc(var(--spacing) * 2.5);\n  }\n\n  .group-data-\\[size\\=default\\]\\/switch\\:size-4:is(:where(.group\\/switch)[data-size=\"default\"] *) {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  .group-data-\\[size\\=lg\\]\\/avatar\\:size-3:is(:where(.group\\/avatar)[data-size=\"lg\"] *) {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n\n  .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid:is(:where(.group\\/alert-dialog-content)[data-size=\"sm\"] *) {\n    display: grid;\n  }\n\n  .group-data-\\[size\\=sm\\]\\/alert-dialog-content\\:grid-cols-2:is(:where(.group\\/alert-dialog-content)[data-size=\"sm\"] *) {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .group-data-\\[size\\=sm\\]\\/attachment\\:w-8:is(:where(.group\\/attachment)[data-size=\"sm\"] *) {\n    width: calc(var(--spacing) * 8);\n  }\n\n  .group-data-\\[size\\=sm\\]\\/avatar\\:size-2:is(:where(.group\\/avatar)[data-size=\"sm\"] *) {\n    width: calc(var(--spacing) * 2);\n    height: calc(var(--spacing) * 2);\n  }\n\n  .group-data-\\[size\\=sm\\]\\/avatar\\:text-xs:is(:where(.group\\/avatar)[data-size=\"sm\"] *) {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .group-data-\\[size\\=sm\\]\\/card\\:p-3:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .group-data-\\[size\\=sm\\]\\/card\\:px-3:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n    padding-inline: calc(var(--spacing) * 3);\n  }\n\n  .group-data-\\[size\\=sm\\]\\/card\\:text-sm:is(:where(.group\\/card)[data-size=\"sm\"] *) {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .group-data-\\[size\\=sm\\]\\/item\\:size-8:is(:where(.group\\/item)[data-size=\"sm\"] *) {\n    width: calc(var(--spacing) * 8);\n    height: calc(var(--spacing) * 8);\n  }\n\n  .group-data-\\[size\\=sm\\]\\/switch\\:size-3:is(:where(.group\\/switch)[data-size=\"sm\"] *) {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n\n  .group-data-\\[size\\=xs\\]\\/attachment\\:w-7:is(:where(.group\\/attachment)[data-size=\"xs\"] *) {\n    width: calc(var(--spacing) * 7);\n  }\n\n  .group-data-\\[size\\=xs\\]\\/attachment\\:rounded-md:is(:where(.group\\/attachment)[data-size=\"xs\"] *) {\n    border-radius: calc(var(--radius) * .8);\n  }\n\n  .group-data-\\[size\\=xs\\]\\/item\\:size-6:is(:where(.group\\/item)[data-size=\"xs\"] *) {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n\n  .group-data-\\[size\\=xs\\]\\/item\\:gap-0:is(:where(.group\\/item)[data-size=\"xs\"] *) {\n    gap: 0;\n  }\n\n  .group-data-\\[size\\=xs\\]\\/item\\:text-xs:is(:where(.group\\/item)[data-size=\"xs\"] *) {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .group-data-\\[spacing\\=0\\]\\/toggle-group\\:rounded-none:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n    border-radius: 0;\n  }\n\n  .group-data-\\[spacing\\=0\\]\\/toggle-group\\:px-2:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *) {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .group-data-\\[state\\=done\\]\\/attachment\\:opacity-100:is(:where(.group\\/attachment)[data-state=\"done\"] *) {\n    opacity: 1;\n  }\n\n  .group-data-\\[state\\=error\\]\\/attachment\\:bg-destructive\\/10:is(:where(.group\\/attachment)[data-state=\"error\"] *) {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .group-data-\\[state\\=error\\]\\/attachment\\:bg-destructive\\/10:is(:where(.group\\/attachment)[data-state=\"error\"] *) {\n      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n    }\n  }\n\n  .group-data-\\[state\\=error\\]\\/attachment\\:text-destructive:is(:where(.group\\/attachment)[data-state=\"error\"] *) {\n    color: var(--destructive);\n  }\n\n  .group-data-\\[state\\=idle\\]\\/attachment\\:opacity-100:is(:where(.group\\/attachment)[data-state=\"idle\"] *) {\n    opacity: 1;\n  }\n\n  .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *) {\n    --_spread: var(--shimmer-spread, calc(3ch + 40px));\n    --_base: currentColor;\n    --_highlight: var(--shimmer-color, oklch(from currentColor l c h / calc(alpha* .2)));\n    background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *) {\n      background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n    }\n  }\n\n  .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *) {\n    background-repeat: no-repeat;\n    background-size: calc(200% + var(--_spread) * 2) 100%;\n    -webkit-text-fill-color: var(--shimmer-text-fill, transparent);\n    animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;\n    background-position: 0 0;\n    -webkit-background-clip: text;\n    background-clip: text;\n  }\n\n  .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *):is(.dark *) {\n    --_highlight: var(--shimmer-color, oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)));\n  }\n\n  .group-data-\\[state\\=processing\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"processing\"] *):where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n    animation-direction: reverse;\n  }\n\n  .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *) {\n    --_spread: var(--shimmer-spread, calc(3ch + 40px));\n    --_base: currentColor;\n    --_highlight: var(--shimmer-color, oklch(from currentColor l c h / calc(alpha* .2)));\n    background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *) {\n      background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));\n    }\n  }\n\n  .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *) {\n    background-repeat: no-repeat;\n    background-size: calc(200% + var(--_spread) * 2) 100%;\n    -webkit-text-fill-color: var(--shimmer-text-fill, transparent);\n    animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;\n    background-position: 0 0;\n    -webkit-background-clip: text;\n    background-clip: text;\n  }\n\n  .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *):is(.dark *) {\n    --_highlight: var(--shimmer-color, oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)));\n  }\n\n  .group-data-\\[state\\=uploading\\]\\/attachment\\:shimmer:is(:where(.group\\/attachment)[data-state=\"uploading\"] *):where([dir=\"rtl\"], [dir=\"rtl\"] *) {\n    animation-direction: reverse;\n  }\n\n  .group-data-\\[type\\=checkbox\\]\\/questionnaire-choice\\:hidden:is(:where(.group\\/questionnaire-choice)[data-type=\"checkbox\"] *), .group-data-\\[type\\=radio\\]\\/questionnaire-choice\\:hidden:is(:where(.group\\/questionnaire-choice)[data-type=\"radio\"] *) {\n    display: none;\n  }\n\n  .group-data-\\[type\\=radio\\]\\/questionnaire-choice\\:rounded-full:is(:where(.group\\/questionnaire-choice)[data-type=\"radio\"] *) {\n    border-radius: 3.40282e38px;\n  }\n\n  .group-data-\\[variant\\=floating\\]\\:rounded-lg:is(:where(.group)[data-variant=\"floating\"] *) {\n    border-radius: var(--radius);\n  }\n\n  .group-data-\\[variant\\=floating\\]\\:shadow-sm:is(:where(.group)[data-variant=\"floating\"] *) {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .group-data-\\[variant\\=floating\\]\\:ring-1:is(:where(.group)[data-variant=\"floating\"] *) {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .group-data-\\[variant\\=floating\\]\\:ring-sidebar-border:is(:where(.group)[data-variant=\"floating\"] *) {\n    --tw-ring-color: var(--sidebar-border);\n  }\n\n  .group-data-\\[variant\\=line\\]\\/tabs-list\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *) {\n    background-color: #0000;\n  }\n\n  .group-data-\\[variant\\=separator\\]\\/marker\\:flex-none:is(:where(.group\\/marker)[data-variant=\"separator\"] *) {\n    flex: none;\n  }\n\n  .group-data-\\[variant\\=separator\\]\\/marker\\:text-center:is(:where(.group\\/marker)[data-variant=\"separator\"] *) {\n    text-align: center;\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:rounded-lg:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n    border-radius: var(--radius);\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:bg-popover:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n    background-color: var(--popover);\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:text-popover-foreground:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n    color: var(--popover-foreground);\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:shadow:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-1:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-foreground\\/10:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n    --tw-ring-color: var(--foreground);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:ring-foreground\\/10:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);\n    }\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:duration-300:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n    --tw-duration: .3s;\n    transition-duration: .3s;\n  }\n\n  .group-data-open\\/navigation-menu-trigger\\:rotate-180:is(:is(:where(.group\\/navigation-menu-trigger):where([data-state=\"open\"]), :where(.group\\/navigation-menu-trigger):where([data-open]:not([data-open=\"false\"]))) *) {\n    rotate: 180deg;\n  }\n\n  .group-data-checked\\/questionnaire-choice\\:block:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n    display: block;\n  }\n\n  .group-data-checked\\/questionnaire-choice\\:border-primary:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n    border-color: var(--primary);\n  }\n\n  .group-data-checked\\/questionnaire-choice\\:bg-primary:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n    background-color: var(--primary);\n  }\n\n  .group-data-checked\\/questionnaire-choice\\:text-primary-foreground:is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n    color: var(--primary-foreground);\n  }\n\n  .group-data-selected\\/command-item\\:text-foreground:is(:where(.group\\/command-item):where([data-selected=\"true\"]) *) {\n    color: var(--foreground);\n  }\n\n  .group-data-horizontal\\/tabs\\:h-8:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *) {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .group-data-vertical\\/tabs\\:h-fit:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n    height: fit-content;\n  }\n\n  .group-data-vertical\\/tabs\\:w-full:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n    width: 100%;\n  }\n\n  .group-data-vertical\\/tabs\\:flex-col:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n    flex-direction: column;\n  }\n\n  .group-data-vertical\\/tabs\\:justify-start:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *) {\n    justify-content: flex-start;\n  }\n\n  @media (hover: hover) {\n    .peer-hover\\/menu-button\\:text-sidebar-accent-foreground:is(:where(.peer\\/menu-button):hover ~ *) {\n      color: var(--sidebar-accent-foreground);\n    }\n  }\n\n  .peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {\n    cursor: not-allowed;\n  }\n\n  .peer-disabled\\:opacity-50:is(:where(.peer):disabled ~ *) {\n    opacity: .5;\n  }\n\n  .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5:is(:where(.peer\\/menu-button)[data-size=\"default\"] ~ *) {\n    top: calc(var(--spacing) * 1.5);\n  }\n\n  .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5:is(:where(.peer\\/menu-button)[data-size=\"lg\"] ~ *) {\n    top: calc(var(--spacing) * 2.5);\n  }\n\n  .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1:is(:where(.peer\\/menu-button)[data-size=\"sm\"] ~ *) {\n    top: var(--spacing);\n  }\n\n  .peer-data-active\\/menu-button\\:text-sidebar-accent-foreground:is(:is(:where(.peer\\/menu-button):where([data-state=\"active\"]), :where(.peer\\/menu-button):where([data-active]:not([data-active=\"false\"]))) ~ *) {\n    color: var(--sidebar-accent-foreground);\n  }\n\n  .selection\\:bg-primary ::selection {\n    background-color: var(--primary);\n  }\n\n  .selection\\:bg-primary::selection {\n    background-color: var(--primary);\n  }\n\n  .selection\\:text-primary-foreground ::selection {\n    color: var(--primary-foreground);\n  }\n\n  .selection\\:text-primary-foreground::selection {\n    color: var(--primary-foreground);\n  }\n\n  .file\\:inline-flex::file-selector-button {\n    display: inline-flex;\n  }\n\n  .file\\:h-6::file-selector-button {\n    height: calc(var(--spacing) * 6);\n  }\n\n  .file\\:border-0::file-selector-button {\n    border-style: var(--tw-border-style);\n    border-width: 0;\n  }\n\n  .file\\:bg-transparent::file-selector-button {\n    background-color: #0000;\n  }\n\n  .file\\:text-sm::file-selector-button {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .file\\:font-medium::file-selector-button {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .file\\:text-foreground::file-selector-button {\n    color: var(--foreground);\n  }\n\n  .placeholder\\:text-muted-foreground::placeholder {\n    color: var(--muted-foreground);\n  }\n\n  .before\\:mr-1:before {\n    content: var(--tw-content);\n    margin-right: var(--spacing);\n  }\n\n  .before\\:h-px:before {\n    content: var(--tw-content);\n    height: 1px;\n  }\n\n  .before\\:min-w-0:before {\n    content: var(--tw-content);\n    min-width: 0;\n  }\n\n  .before\\:flex-1:before {\n    content: var(--tw-content);\n    flex: 1;\n  }\n\n  .before\\:bg-border:before {\n    content: var(--tw-content);\n    background-color: var(--border);\n  }\n\n  .after\\:absolute:after {\n    content: var(--tw-content);\n    position: absolute;\n  }\n\n  .after\\:-inset-2:after {\n    content: var(--tw-content);\n    inset: calc(var(--spacing) * -2);\n  }\n\n  .after\\:inset-0:after {\n    content: var(--tw-content);\n    inset: 0;\n  }\n\n  .after\\:-inset-x-3:after {\n    content: var(--tw-content);\n    inset-inline: calc(var(--spacing) * -3);\n  }\n\n  .after\\:-inset-y-2:after {\n    content: var(--tw-content);\n    inset-block: calc(var(--spacing) * -2);\n  }\n\n  .after\\:inset-y-0:after {\n    content: var(--tw-content);\n    inset-block: 0;\n  }\n\n  .after\\:start-1\\/2:after {\n    content: var(--tw-content);\n    inset-inline-start: 50%;\n  }\n\n  .after\\:top-full:after {\n    content: var(--tw-content);\n    top: 100%;\n  }\n\n  .after\\:right-0:after {\n    content: var(--tw-content);\n    right: 0;\n  }\n\n  .after\\:left-0:after {\n    content: var(--tw-content);\n    left: 0;\n  }\n\n  .after\\:left-1\\/2:after {\n    content: var(--tw-content);\n    left: 50%;\n  }\n\n  .after\\:ml-1:after {\n    content: var(--tw-content);\n    margin-left: var(--spacing);\n  }\n\n  .after\\:h-\\[calc\\(var\\(--gap\\)\\+1px\\)\\]:after {\n    content: var(--tw-content);\n    height: calc(var(--gap) + 1px);\n  }\n\n  .after\\:h-px:after {\n    content: var(--tw-content);\n    height: 1px;\n  }\n\n  .after\\:w-1:after {\n    content: var(--tw-content);\n    width: var(--spacing);\n  }\n\n  .after\\:w-4:after {\n    content: var(--tw-content);\n    width: calc(var(--spacing) * 4);\n  }\n\n  .after\\:w-\\[2px\\]:after {\n    content: var(--tw-content);\n    width: 2px;\n  }\n\n  .after\\:w-full:after {\n    content: var(--tw-content);\n    width: 100%;\n  }\n\n  .after\\:min-w-0:after {\n    content: var(--tw-content);\n    min-width: 0;\n  }\n\n  .after\\:flex-1:after {\n    content: var(--tw-content);\n    flex: 1;\n  }\n\n  .after\\:-translate-x-1\\/2:after {\n    content: var(--tw-content);\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .after\\:rounded-full:after {\n    content: var(--tw-content);\n    border-radius: 3.40282e38px;\n  }\n\n  .after\\:border:after {\n    content: var(--tw-content);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n\n  .after\\:border-border:after {\n    content: var(--tw-content);\n    border-color: var(--border);\n  }\n\n  .after\\:bg-border:after {\n    content: var(--tw-content);\n    background-color: var(--border);\n  }\n\n  .after\\:bg-foreground:after {\n    content: var(--tw-content);\n    background-color: var(--foreground);\n  }\n\n  .after\\:bg-muted:after {\n    content: var(--tw-content);\n    background-color: var(--muted);\n  }\n\n  .after\\:opacity-0:after {\n    content: var(--tw-content);\n    opacity: 0;\n  }\n\n  .after\\:mix-blend-darken:after {\n    content: var(--tw-content);\n    mix-blend-mode: darken;\n  }\n\n  .after\\:transition-opacity:after {\n    content: var(--tw-content);\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .after\\:content-\\[\\'\\'\\]:after {\n    --tw-content: \"\";\n    content: var(--tw-content);\n  }\n\n  .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full:is(:where(.group)[data-collapsible=\"offcanvas\"] *):after {\n    content: var(--tw-content);\n    left: 100%;\n  }\n\n  .group-data-horizontal\\/tabs\\:after\\:inset-x-0:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *):after {\n    content: var(--tw-content);\n    inset-inline: 0;\n  }\n\n  .group-data-horizontal\\/tabs\\:after\\:bottom-\\[-5px\\]:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *):after {\n    content: var(--tw-content);\n    bottom: -5px;\n  }\n\n  .group-data-horizontal\\/tabs\\:after\\:h-0\\.5:is(:where(.group\\/tabs):where([data-orientation=\"horizontal\"]) *):after {\n    content: var(--tw-content);\n    height: calc(var(--spacing) * .5);\n  }\n\n  .group-data-vertical\\/tabs\\:after\\:inset-y-0:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *):after {\n    content: var(--tw-content);\n    inset-block: 0;\n  }\n\n  .group-data-vertical\\/tabs\\:after\\:-right-1:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *):after {\n    content: var(--tw-content);\n    right: calc(var(--spacing) * -1);\n  }\n\n  .group-data-vertical\\/tabs\\:after\\:w-0\\.5:is(:where(.group\\/tabs):where([data-orientation=\"vertical\"]) *):after {\n    content: var(--tw-content);\n    width: calc(var(--spacing) * .5);\n  }\n\n  .first\\:rounded-l-lg:first-child {\n    border-top-left-radius: var(--radius);\n    border-bottom-left-radius: var(--radius);\n  }\n\n  .first\\:border-l:first-child {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .last\\:rounded-r-lg:last-child {\n    border-top-right-radius: var(--radius);\n    border-bottom-right-radius: var(--radius);\n  }\n\n  .empty\\:py-0:empty {\n    padding-block: 0;\n  }\n\n  .focus-within\\:ring-1:focus-within {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-within\\:ring-ring\\/50:focus-within {\n    --tw-ring-color: var(--ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .focus-within\\:ring-ring\\/50:focus-within {\n      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n\n  @media (hover: hover) {\n    .hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover {\n      background-color: var(--secondary);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\]:hover {\n        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);\n      }\n    }\n\n    .hover\\:bg-destructive\\/15:hover {\n      background-color: var(--destructive);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-destructive\\/15:hover {\n        background-color: color-mix(in oklab, var(--destructive) 15%, transparent);\n      }\n    }\n\n    .hover\\:bg-muted:hover {\n      background-color: var(--muted);\n    }\n\n    .hover\\:bg-muted-foreground\\/70:hover {\n      background-color: var(--muted-foreground);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-muted-foreground\\/70:hover {\n        background-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);\n      }\n    }\n\n    .hover\\:bg-muted\\/50:hover {\n      background-color: var(--muted);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-muted\\/50:hover {\n        background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n      }\n    }\n\n    .hover\\:bg-primary\\/80:hover {\n      background-color: var(--primary);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .hover\\:bg-primary\\/80:hover {\n        background-color: color-mix(in oklab, var(--primary) 80%, transparent);\n      }\n    }\n\n    .hover\\:bg-sidebar-accent:hover {\n      background-color: var(--sidebar-accent);\n    }\n\n    .hover\\:text-foreground:hover {\n      color: var(--foreground);\n    }\n\n    .hover\\:text-muted-foreground:hover {\n      color: var(--muted-foreground);\n    }\n\n    .hover\\:text-sidebar-accent-foreground:hover {\n      color: var(--sidebar-accent-foreground);\n    }\n\n    .hover\\:underline:hover {\n      text-decoration-line: underline;\n    }\n\n    .hover\\:shadow-\\[0_0_0_1px_var\\(--sidebar-accent\\)\\]:hover {\n      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .hover\\:group-data-\\[collapsible\\=offcanvas\\]\\:bg-sidebar:hover:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      background-color: var(--sidebar);\n    }\n\n    .hover\\:after\\:bg-sidebar-border:hover:after {\n      content: var(--tw-content);\n      background-color: var(--sidebar-border);\n    }\n  }\n\n  .focus\\:z-10:focus {\n    z-index: 10;\n  }\n\n  .focus\\:bg-accent:focus {\n    background-color: var(--accent);\n  }\n\n  .focus\\:bg-muted:focus {\n    background-color: var(--muted);\n  }\n\n  .focus\\:text-accent-foreground:focus, :is(.focus\\:\\*\\*\\:text-accent-foreground:focus *), :is(.not-data-\\[variant\\=destructive\\]\\:focus\\:\\*\\*\\:text-accent-foreground:not([data-variant=\"destructive\"]):focus *) {\n    color: var(--accent-foreground);\n  }\n\n  .focus-visible\\:z-10:focus-visible {\n    z-index: 10;\n  }\n\n  .focus-visible\\:border-destructive\\/40:focus-visible {\n    border-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .focus-visible\\:border-destructive\\/40:focus-visible {\n      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n    }\n  }\n\n  .focus-visible\\:border-ring:focus-visible {\n    border-color: var(--ring);\n  }\n\n  .focus-visible\\:ring-0:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-visible\\:ring-1:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-visible\\:ring-2:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-visible\\:ring-3:focus-visible, .focus-visible\\:ring-\\[3px\\]:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .focus-visible\\:ring-destructive\\/20:focus-visible {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .focus-visible\\:ring-destructive\\/20:focus-visible {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .focus-visible\\:ring-info\\/20:focus-visible {\n    --tw-ring-color: var(--info);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .focus-visible\\:ring-info\\/20:focus-visible {\n      --tw-ring-color: color-mix(in oklab, var(--info) 20%, transparent);\n    }\n  }\n\n  .focus-visible\\:ring-ring:focus-visible, .focus-visible\\:ring-ring\\/50:focus-visible {\n    --tw-ring-color: var(--ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .focus-visible\\:ring-ring\\/50:focus-visible {\n      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n\n  .focus-visible\\:ring-success\\/20:focus-visible {\n    --tw-ring-color: var(--success);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .focus-visible\\:ring-success\\/20:focus-visible {\n      --tw-ring-color: color-mix(in oklab, var(--success) 20%, transparent);\n    }\n  }\n\n  .focus-visible\\:ring-warning\\/20:focus-visible {\n    --tw-ring-color: var(--warning);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .focus-visible\\:ring-warning\\/20:focus-visible {\n      --tw-ring-color: color-mix(in oklab, var(--warning) 20%, transparent);\n    }\n  }\n\n  .focus-visible\\:ring-offset-2:focus-visible {\n    --tw-ring-offset-width: 2px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n\n  .focus-visible\\:outline-hidden:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  @media (forced-colors: active) {\n    .focus-visible\\:outline-hidden:focus-visible {\n      outline-offset: 2px;\n      outline: 2px solid #0000;\n    }\n  }\n\n  .focus-visible\\:outline-1:focus-visible {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n\n  .focus-visible\\:outline-ring:focus-visible {\n    outline-color: var(--ring);\n  }\n\n  .focus-visible\\:outline-none:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .active\\:bg-sidebar-accent:active {\n    background-color: var(--sidebar-accent);\n  }\n\n  .active\\:text-sidebar-accent-foreground:active {\n    color: var(--sidebar-accent-foreground);\n  }\n\n  .active\\:not-aria-\\[haspopup\\]\\:translate-y-px:active:not([aria-haspopup]) {\n    --tw-translate-y: 1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .disabled\\:pointer-events-none:disabled {\n    pointer-events: none;\n  }\n\n  .disabled\\:cursor-not-allowed:disabled {\n    cursor: not-allowed;\n  }\n\n  .disabled\\:bg-input\\/50:disabled {\n    background-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .disabled\\:bg-input\\/50:disabled {\n      background-color: color-mix(in oklab, var(--input) 50%, transparent);\n    }\n  }\n\n  .disabled\\:bg-transparent:disabled {\n    background-color: #0000;\n  }\n\n  .disabled\\:opacity-50:disabled {\n    opacity: .5;\n  }\n\n  :where([data-edx-button-group-position=\"horizontal-first\"]) .in-data-\\[edx-button-group-position\\=horizontal-first\\]\\:rounded-r-none {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  :where([data-edx-button-group-position=\"horizontal-last\"]) .in-data-\\[edx-button-group-position\\=horizontal-last\\]\\:rounded-l-none {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  :where([data-edx-button-group-position=\"horizontal-middle\"]) .in-data-\\[edx-button-group-position\\=horizontal-middle\\]\\:rounded-none {\n    border-radius: 0;\n  }\n\n  :where([data-edx-button-group-position=\"vertical-first\"]) .in-data-\\[edx-button-group-position\\=vertical-first\\]\\:rounded-b-none {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  :where([data-edx-button-group-position=\"vertical-last\"]) .in-data-\\[edx-button-group-position\\=vertical-last\\]\\:rounded-t-none {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  :where([data-edx-button-group-position=\"vertical-middle\"]) .in-data-\\[edx-button-group-position\\=vertical-middle\\]\\:rounded-none {\n    border-radius: 0;\n  }\n\n  :where([data-orientation=\"horizontal\"]) .in-data-\\[orientation\\=horizontal\\]\\:w-px {\n    width: 1px;\n  }\n\n  :where([data-orientation=\"vertical\"]) .in-data-\\[orientation\\=vertical\\]\\:h-px {\n    height: 1px;\n  }\n\n  :where([data-orientation=\"vertical\"]) .in-data-\\[orientation\\=vertical\\]\\:w-full {\n    width: 100%;\n  }\n\n  :where([data-orientation=\"vertical\"]) .in-data-\\[orientation\\=vertical\\]\\:self-auto {\n    align-self: auto;\n  }\n\n  :where([data-side=\"left\"]) .in-data-\\[side\\=left\\]\\:cursor-w-resize {\n    cursor: w-resize;\n  }\n\n  :where([data-side=\"right\"]) .in-data-\\[side\\=right\\]\\:cursor-e-resize {\n    cursor: e-resize;\n  }\n\n  :where([data-slot=\"button-group\"]) .in-data-\\[slot\\=button-group\\]\\:rounded-lg {\n    border-radius: var(--radius);\n  }\n\n  :where([data-slot=\"card-content\"]) .in-data-\\[slot\\=card-content\\]\\:bg-transparent {\n    background-color: #0000;\n  }\n\n  :where([data-slot=\"dialog-content\"]) .in-data-\\[slot\\=dialog-content\\]\\:rounded-lg\\! {\n    border-radius: var(--radius) !important;\n  }\n\n  :where([data-slot=\"dropdown-menu-content\"]) .in-data-\\[slot\\=dropdown-menu-content\\]\\:p-0 {\n    padding: 0;\n  }\n\n  :where([data-slot=\"navigation-menu-content\"]) .in-data-\\[slot\\=navigation-menu-content\\]\\:rounded-md {\n    border-radius: calc(var(--radius) * .8);\n  }\n\n  :where([data-slot=\"popover-content\"]) .in-data-\\[slot\\=popover-content\\]\\:bg-transparent {\n    background-color: #0000;\n  }\n\n  :where([data-slot=\"tooltip-content\"]) .in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/20 {\n    background-color: var(--background);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    :where([data-slot=\"tooltip-content\"]) .in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/20 {\n      background-color: color-mix(in oklab, var(--background) 20%, transparent);\n    }\n  }\n\n  :where([data-slot=\"tooltip-content\"]) .in-data-\\[slot\\=tooltip-content\\]\\:text-background {\n    color: var(--background);\n  }\n\n  .has-disabled\\:bg-input\\/50:has(:disabled) {\n    background-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .has-disabled\\:bg-input\\/50:has(:disabled) {\n      background-color: color-mix(in oklab, var(--input) 50%, transparent);\n    }\n  }\n\n  .has-disabled\\:opacity-50:has(:disabled) {\n    opacity: .5;\n  }\n\n  .has-aria-invalid\\:border-destructive:has([aria-invalid=\"true\"]) {\n    border-color: var(--destructive);\n  }\n\n  .has-aria-invalid\\:ring-3:has([aria-invalid=\"true\"]) {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .has-aria-invalid\\:ring-destructive\\/20:has([aria-invalid=\"true\"]) {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .has-aria-invalid\\:ring-destructive\\/20:has([aria-invalid=\"true\"]) {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=\"inline-end\"]) {\n    padding-right: calc(var(--spacing) * 1.5);\n  }\n\n  .has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=\"inline-end\"]) {\n    padding-right: calc(var(--spacing) * 2);\n  }\n\n  .group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *):has([data-icon=\"inline-end\"]) {\n    padding-right: calc(var(--spacing) * 1.5);\n  }\n\n  .has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=\"inline-start\"]) {\n    padding-left: calc(var(--spacing) * 1.5);\n  }\n\n  .has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=\"inline-start\"]) {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .group-data-\\[spacing\\=0\\]\\/toggle-group\\:has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:is(:where(.group\\/toggle-group)[data-spacing=\"0\"] *):has([data-icon=\"inline-start\"]) {\n    padding-left: calc(var(--spacing) * 1.5);\n  }\n\n  .has-data-\\[size\\=sm\\]\\:gap-2\\.5:has([data-size=\"sm\"]) {\n    gap: calc(var(--spacing) * 2.5);\n  }\n\n  .has-data-\\[size\\=xs\\]\\:gap-2:has([data-size=\"xs\"]) {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .has-data-\\[slot\\=alert-action\\]\\:relative:has([data-slot=\"alert-action\"]) {\n    position: relative;\n  }\n\n  .has-data-\\[slot\\=alert-action\\]\\:pr-18:has([data-slot=\"alert-action\"]) {\n    padding-right: calc(var(--spacing) * 18);\n  }\n\n  .has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_auto_1fr\\]:has([data-slot=\"alert-dialog-media\"]) {\n    grid-template-rows: auto auto 1fr;\n  }\n\n  .has-data-\\[slot\\=alert-dialog-media\\]\\:gap-x-4:has([data-slot=\"alert-dialog-media\"]) {\n    column-gap: calc(var(--spacing) * 4);\n  }\n\n  .has-data-\\[slot\\=attachment-content\\]\\:w-30:has([data-slot=\"attachment-content\"]) {\n    width: calc(var(--spacing) * 30);\n  }\n\n  .has-data-\\[slot\\=attachment-content\\]\\:px-1\\.5:has([data-slot=\"attachment-content\"]) {\n    padding-inline: calc(var(--spacing) * 1.5);\n  }\n\n  .has-data-\\[slot\\=attachment-content\\]\\:px-2:has([data-slot=\"attachment-content\"]) {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  .has-data-\\[slot\\=attachment-content\\]\\:px-2\\.5:has([data-slot=\"attachment-content\"]) {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n\n  .has-data-\\[slot\\=attachment-content\\]\\:py-1:has([data-slot=\"attachment-content\"]) {\n    padding-block: var(--spacing);\n  }\n\n  .has-data-\\[slot\\=attachment-content\\]\\:py-1\\.5:has([data-slot=\"attachment-content\"]) {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .has-data-\\[slot\\=attachment-content\\]\\:py-2:has([data-slot=\"attachment-content\"]) {\n    padding-block: calc(var(--spacing) * 2);\n  }\n\n  .has-data-\\[slot\\=attachment-media\\]\\:p-1:has([data-slot=\"attachment-media\"]) {\n    padding: var(--spacing);\n  }\n\n  .has-data-\\[slot\\=attachment-media\\]\\:p-1\\.5:has([data-slot=\"attachment-media\"]) {\n    padding: calc(var(--spacing) * 1.5);\n  }\n\n  .has-data-\\[slot\\=attachment-media\\]\\:p-2:has([data-slot=\"attachment-media\"]) {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=\"card-action\"]) {\n    grid-template-columns: 1fr auto;\n  }\n\n  .has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\]:has([data-slot=\"card-description\"]) {\n    grid-template-rows: auto auto;\n  }\n\n  .has-data-\\[slot\\=card-footer\\]\\:pb-0:has([data-slot=\"card-footer\"]) {\n    padding-bottom: 0;\n  }\n\n  .has-data-\\[slot\\=kbd\\]\\:pr-1\\.5:has([data-slot=\"kbd\"]) {\n    padding-right: calc(var(--spacing) * 1.5);\n  }\n\n  .has-data-\\[variant\\=inset\\]\\:bg-sidebar:has([data-variant=\"inset\"]) {\n    background-color: var(--sidebar);\n  }\n\n  .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:border-ring:has([data-slot=\"input-group-control\"]:focus-visible) {\n    border-color: var(--ring);\n  }\n\n  .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-3:has([data-slot=\"input-group-control\"]:focus-visible) {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50:has([data-slot=\"input-group-control\"]:focus-visible) {\n    --tw-ring-color: var(--ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .has-\\[\\[data-slot\\=input-group-control\\]\\:focus-visible\\]\\:ring-ring\\/50:has([data-slot=\"input-group-control\"]:focus-visible) {\n      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n\n  .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:border-destructive:has([data-slot][aria-invalid=\"true\"]) {\n    border-color: var(--destructive);\n  }\n\n  .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-3:has([data-slot][aria-invalid=\"true\"]) {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20:has([data-slot][aria-invalid=\"true\"]) {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/20:has([data-slot][aria-invalid=\"true\"]) {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .has-\\[button\\]\\:p-0:has(:is(button)) {\n    padding: 0;\n  }\n\n  .has-\\[select\\:disabled\\]\\:opacity-50:has(:is(select:disabled)) {\n    opacity: .5;\n  }\n\n  .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:h-auto:has( > [data-align=\"block-end\"]) {\n    height: auto;\n  }\n\n  .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:flex-col:has( > [data-align=\"block-end\"]) {\n    flex-direction: column;\n  }\n\n  .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:h-auto:has( > [data-align=\"block-start\"]) {\n    height: auto;\n  }\n\n  .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:flex-col:has( > [data-align=\"block-start\"]) {\n    flex-direction: column;\n  }\n\n  @media (hover: hover) {\n    .has-\\[\\>a\\,\\>button\\]\\:hover\\:bg-muted\\/50:has( > a,  > button):hover {\n      background-color: var(--muted);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .has-\\[\\>a\\,\\>button\\]\\:hover\\:bg-muted\\/50:has( > a,  > button):hover {\n        background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n      }\n    }\n  }\n\n  .has-\\[\\>button\\]\\:mr-\\[-0\\.3rem\\]:has( > button) {\n    margin-right: -.3rem;\n  }\n\n  .has-\\[\\>button\\]\\:ml-\\[-0\\.3rem\\]:has( > button) {\n    margin-left: -.3rem;\n  }\n\n  .has-\\[\\>img\\:first-child\\]\\:pt-0:has( > img:first-child) {\n    padding-top: 0;\n  }\n\n  .has-\\[\\>input\\:focus-visible\\]\\:border-ring:has( > input:focus-visible) {\n    border-color: var(--ring);\n  }\n\n  .has-\\[\\>input\\:focus-visible\\]\\:ring-3:has( > input:focus-visible) {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .has-\\[\\>input\\:focus-visible\\]\\:ring-ring\\/50:has( > input:focus-visible) {\n    --tw-ring-color: var(--ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .has-\\[\\>input\\:focus-visible\\]\\:ring-ring\\/50:has( > input:focus-visible) {\n      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n\n  .has-\\[\\>kbd\\]\\:mr-\\[-0\\.15rem\\]:has( > kbd) {\n    margin-right: -.15rem;\n  }\n\n  .has-\\[\\>kbd\\]\\:ml-\\[-0\\.15rem\\]:has( > kbd) {\n    margin-left: -.15rem;\n  }\n\n  .has-\\[\\>svg\\]\\:grid-cols-\\[auto_1fr\\]:has( > svg) {\n    grid-template-columns: auto 1fr;\n  }\n\n  .has-\\[\\>svg\\]\\:gap-x-2:has( > svg) {\n    column-gap: calc(var(--spacing) * 2);\n  }\n\n  .has-\\[\\>svg\\]\\:p-0:has( > svg) {\n    padding: 0;\n  }\n\n  .has-\\[\\>textarea\\]\\:h-auto:has( > textarea) {\n    height: auto;\n  }\n\n  .aria-disabled\\:pointer-events-none[aria-disabled=\"true\"] {\n    pointer-events: none;\n  }\n\n  .aria-disabled\\:opacity-50[aria-disabled=\"true\"] {\n    opacity: .5;\n  }\n\n  .aria-expanded\\:bg-muted[aria-expanded=\"true\"] {\n    background-color: var(--muted);\n  }\n\n  .aria-expanded\\:bg-secondary[aria-expanded=\"true\"] {\n    background-color: var(--secondary);\n  }\n\n  .aria-expanded\\:text-foreground[aria-expanded=\"true\"] {\n    color: var(--foreground);\n  }\n\n  .aria-expanded\\:text-secondary-foreground[aria-expanded=\"true\"] {\n    color: var(--secondary-foreground);\n  }\n\n  .aria-expanded\\:opacity-100[aria-expanded=\"true\"] {\n    opacity: 1;\n  }\n\n  .aria-invalid\\:border-destructive[aria-invalid=\"true\"] {\n    border-color: var(--destructive);\n  }\n\n  .aria-invalid\\:ring-0[aria-invalid=\"true\"] {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .aria-invalid\\:ring-3[aria-invalid=\"true\"] {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .aria-invalid\\:ring-destructive\\/20[aria-invalid=\"true\"] {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .aria-invalid\\:ring-destructive\\/20[aria-invalid=\"true\"] {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .aria-invalid\\:aria-checked\\:border-primary[aria-invalid=\"true\"][aria-checked=\"true\"] {\n    border-color: var(--primary);\n  }\n\n  .aria-selected\\:text-muted-foreground[aria-selected=\"true\"] {\n    color: var(--muted-foreground);\n  }\n\n  .aria-\\[orientation\\=horizontal\\]\\:h-px[aria-orientation=\"horizontal\"] {\n    height: 1px;\n  }\n\n  .aria-\\[orientation\\=horizontal\\]\\:w-full[aria-orientation=\"horizontal\"] {\n    width: 100%;\n  }\n\n  .aria-\\[orientation\\=horizontal\\]\\:after\\:left-0[aria-orientation=\"horizontal\"]:after {\n    content: var(--tw-content);\n    left: 0;\n  }\n\n  .aria-\\[orientation\\=horizontal\\]\\:after\\:h-1[aria-orientation=\"horizontal\"]:after {\n    content: var(--tw-content);\n    height: var(--spacing);\n  }\n\n  .aria-\\[orientation\\=horizontal\\]\\:after\\:w-full[aria-orientation=\"horizontal\"]:after {\n    content: var(--tw-content);\n    width: 100%;\n  }\n\n  .aria-\\[orientation\\=horizontal\\]\\:after\\:translate-x-0[aria-orientation=\"horizontal\"]:after {\n    content: var(--tw-content);\n    --tw-translate-x: 0;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .aria-\\[orientation\\=horizontal\\]\\:after\\:-translate-y-1\\/2[aria-orientation=\"horizontal\"]:after {\n    content: var(--tw-content);\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .aria-\\[orientation\\=vertical\\]\\:flex-col[aria-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .data-autoscrolling\\:scrollbar-thumb-transparent[data-autoscrolling] {\n    --tw-scrollbar-thumb: transparent;\n    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n  }\n\n  .data-autoscrolling\\:scrollbar-track-transparent[data-autoscrolling] {\n    --tw-scrollbar-track: transparent;\n    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);\n  }\n\n  .data-behind\\:opacity-0[data-behind] {\n    opacity: 0;\n  }\n\n  .data-ending-style\\:h-0[data-ending-style] {\n    height: 0;\n  }\n\n  .data-ending-style\\:scale-90[data-ending-style] {\n    --tw-scale-x: 90%;\n    --tw-scale-y: 90%;\n    --tw-scale-z: 90%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .data-ending-style\\:opacity-0[data-ending-style] {\n    opacity: 0;\n  }\n\n  .data-ending-style\\:duration-150[data-ending-style] {\n    --tw-duration: .15s;\n    transition-duration: .15s;\n  }\n\n  .data-expanded\\:h-\\(--toast-height\\)[data-expanded] {\n    height: var(--toast-height);\n  }\n\n  .data-expanded\\:\\[transform\\:translateX\\(var\\(--toast-swipe-movement-x\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-expanded] {\n    transform: translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));\n  }\n\n  .data-expanded\\:opacity-100[data-expanded] {\n    opacity: 1;\n  }\n\n  .data-highlighted\\:bg-accent[data-highlighted] {\n    background-color: var(--accent);\n  }\n\n  .data-highlighted\\:text-accent-foreground[data-highlighted] {\n    color: var(--accent-foreground);\n  }\n\n  .data-hovering\\:opacity-100[data-hovering] {\n    opacity: 1;\n  }\n\n  .data-indeterminate\\:w-1\\/3[data-indeterminate] {\n    width: 33.3333%;\n  }\n\n  .data-indeterminate\\:animate-\\[progress-indeterminate_1\\.5s_ease-in-out_infinite\\][data-indeterminate] {\n    animation: 1.5s ease-in-out infinite progress-indeterminate;\n  }\n\n  .data-instant\\:transition-none[data-instant] {\n    transition-property: none;\n  }\n\n  .data-invalid\\:border-destructive[data-invalid] {\n    border-color: var(--destructive);\n  }\n\n  .data-limited\\:opacity-0[data-limited] {\n    opacity: 0;\n  }\n\n  .data-pending-scroll\\:invisible[data-pending-scroll] {\n    visibility: hidden;\n  }\n\n  .data-placeholder\\:text-muted-foreground[data-placeholder] {\n    color: var(--muted-foreground);\n  }\n\n  .data-popup-open\\:border-ring[data-popup-open] {\n    border-color: var(--ring);\n  }\n\n  .data-popup-open\\:bg-accent[data-popup-open] {\n    background-color: var(--accent);\n  }\n\n  .data-popup-open\\:bg-muted\\/50[data-popup-open] {\n    background-color: var(--muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .data-popup-open\\:bg-muted\\/50[data-popup-open] {\n      background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n    }\n  }\n\n  .data-popup-open\\:text-accent-foreground[data-popup-open] {\n    color: var(--accent-foreground);\n  }\n\n  .data-popup-open\\:ring-3[data-popup-open] {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .data-popup-open\\:ring-ring\\/50[data-popup-open] {\n    --tw-ring-color: var(--ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .data-popup-open\\:ring-ring\\/50[data-popup-open] {\n      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n\n  @media (hover: hover) {\n    .data-popup-open\\:hover\\:bg-muted[data-popup-open]:hover {\n      background-color: var(--muted);\n    }\n  }\n\n  .data-pressed\\:bg-muted[data-pressed] {\n    background-color: var(--muted);\n  }\n\n  .data-pressed\\:text-foreground[data-pressed] {\n    color: var(--foreground);\n  }\n\n  .data-scrolling\\:bg-muted-foreground\\/70[data-scrolling] {\n    background-color: var(--muted-foreground);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .data-scrolling\\:bg-muted-foreground\\/70[data-scrolling] {\n      background-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);\n    }\n  }\n\n  .data-scrolling\\:opacity-100[data-scrolling] {\n    opacity: 1;\n  }\n\n  :is(.group-data-\\[align\\=end\\]\\/message\\:\\*\\:data-slot\\:self-end:is(:where(.group\\/message)[data-align=\"end\"] *) > *)[data-slot] {\n    align-self: flex-end;\n  }\n\n  .data-starting-style\\:h-0[data-starting-style] {\n    height: 0;\n  }\n\n  .data-starting-style\\:scale-90[data-starting-style] {\n    --tw-scale-x: 90%;\n    --tw-scale-y: 90%;\n    --tw-scale-z: 90%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .data-starting-style\\:\\[transform\\:translateY\\(150\\%\\)\\][data-starting-style] {\n    transform: translateY(150%);\n  }\n\n  .data-starting-style\\:opacity-0[data-starting-style] {\n    opacity: 0;\n  }\n\n  .data-ending-style\\:data-\\[activation-direction\\=left\\]\\:translate-x-\\[50\\%\\][data-ending-style][data-activation-direction=\"left\"] {\n    --tw-translate-x: 50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-starting-style\\:data-\\[activation-direction\\=left\\]\\:translate-x-\\[-50\\%\\][data-starting-style][data-activation-direction=\"left\"], .data-ending-style\\:data-\\[activation-direction\\=right\\]\\:translate-x-\\[-50\\%\\][data-ending-style][data-activation-direction=\"right\"] {\n    --tw-translate-x: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-starting-style\\:data-\\[activation-direction\\=right\\]\\:translate-x-\\[50\\%\\][data-starting-style][data-activation-direction=\"right\"] {\n    --tw-translate-x: 50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[active\\=false\\]\\:pointer-events-none[data-active=\"false\"] {\n    pointer-events: none;\n  }\n\n  .data-\\[active\\=false\\]\\:scale-95[data-active=\"false\"] {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .data-\\[active\\=false\\]\\:opacity-0[data-active=\"false\"] {\n    opacity: 0;\n  }\n\n  .data-\\[active\\=false\\]\\:duration-400[data-active=\"false\"] {\n    --tw-duration: .4s;\n    transition-duration: .4s;\n  }\n\n  .data-\\[active\\=false\\]\\:ease-\\[cubic-bezier\\(0\\.7\\,0\\,0\\.84\\,0\\)\\][data-active=\"false\"] {\n    --tw-ease: cubic-bezier(.7,0,.84,0);\n    transition-timing-function: cubic-bezier(.7, 0, .84, 0);\n  }\n\n  .data-\\[active\\=true\\]\\:z-10[data-active=\"true\"] {\n    z-index: 10;\n  }\n\n  .data-\\[active\\=true\\]\\:translate-y-0[data-active=\"true\"] {\n    --tw-translate-y: 0;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[active\\=true\\]\\:scale-100[data-active=\"true\"] {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .data-\\[active\\=true\\]\\:border-ring[data-active=\"true\"] {\n    border-color: var(--ring);\n  }\n\n  .data-\\[active\\=true\\]\\:opacity-100[data-active=\"true\"] {\n    opacity: 1;\n  }\n\n  .data-\\[active\\=true\\]\\:ring-3[data-active=\"true\"] {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .data-\\[active\\=true\\]\\:ring-ring\\/50[data-active=\"true\"] {\n    --tw-ring-color: var(--ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .data-\\[active\\=true\\]\\:ring-ring\\/50[data-active=\"true\"] {\n      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n\n  .data-\\[active\\=true\\]\\:ease-\\[cubic-bezier\\(0\\.23\\,1\\,0\\.32\\,1\\)\\][data-active=\"true\"] {\n    --tw-ease: cubic-bezier(.23,1,.32,1);\n    transition-timing-function: cubic-bezier(.23, 1, .32, 1);\n  }\n\n  .data-\\[active\\=true\\]\\:aria-invalid\\:border-destructive[data-active=\"true\"][aria-invalid=\"true\"] {\n    border-color: var(--destructive);\n  }\n\n  .data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/20[data-active=\"true\"][aria-invalid=\"true\"] {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/20[data-active=\"true\"][aria-invalid=\"true\"] {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .data-\\[align\\=end\\]\\:flex-row-reverse[data-align=\"end\"] {\n    flex-direction: row-reverse;\n  }\n\n  .data-\\[align\\=end\\]\\:self-end[data-align=\"end\"] {\n    align-self: flex-end;\n  }\n\n  .data-\\[direction\\=end\\]\\:bottom-4[data-direction=\"end\"] {\n    bottom: calc(var(--spacing) * 4);\n  }\n\n  .data-\\[direction\\=end\\]\\:data-\\[active\\=false\\]\\:translate-y-full[data-direction=\"end\"][data-active=\"false\"] {\n    --tw-translate-y: 100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[direction\\=start\\]\\:top-4[data-direction=\"start\"] {\n    top: calc(var(--spacing) * 4);\n  }\n\n  .data-\\[direction\\=start\\]\\:data-\\[active\\=false\\]\\:-translate-y-full[data-direction=\"start\"][data-active=\"false\"] {\n    --tw-translate-y: -100%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[disabled\\=true\\]\\:pointer-events-none[data-disabled=\"true\"] {\n    pointer-events: none;\n  }\n\n  .data-\\[disabled\\=true\\]\\:opacity-50[data-disabled=\"true\"] {\n    opacity: .5;\n  }\n\n  .data-\\[inset\\=true\\]\\:pl-7[data-inset=\"true\"] {\n    padding-left: calc(var(--spacing) * 7);\n  }\n\n  .data-\\[motion\\=from-end\\]\\:slide-in-from-right-52[data-motion=\"from-end\"] {\n    --tw-enter-translate-x: calc(52*var(--spacing));\n  }\n\n  .data-\\[motion\\=from-start\\]\\:slide-in-from-left-52[data-motion=\"from-start\"] {\n    --tw-enter-translate-x: calc(52*var(--spacing)*-1);\n  }\n\n  .data-\\[motion\\=to-end\\]\\:slide-out-to-right-52[data-motion=\"to-end\"] {\n    --tw-exit-translate-x: calc(52*var(--spacing));\n  }\n\n  .data-\\[motion\\=to-start\\]\\:slide-out-to-left-52[data-motion=\"to-start\"] {\n    --tw-exit-translate-x: calc(52*var(--spacing)*-1);\n  }\n\n  .data-\\[motion\\^\\=from-\\]\\:animate-in[data-motion^=\"from-\"] {\n    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n  }\n\n  .data-\\[motion\\^\\=from-\\]\\:fade-in[data-motion^=\"from-\"] {\n    --tw-enter-opacity: 0;\n  }\n\n  .data-\\[motion\\^\\=to-\\]\\:animate-out[data-motion^=\"to-\"] {\n    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n  }\n\n  .data-\\[motion\\^\\=to-\\]\\:fade-out[data-motion^=\"to-\"] {\n    --tw-exit-opacity: 0;\n  }\n\n  .data-\\[orientation\\=horizontal\\]\\:flex[data-orientation=\"horizontal\"] {\n    display: flex;\n  }\n\n  .data-\\[orientation\\=horizontal\\]\\:items-center[data-orientation=\"horizontal\"] {\n    align-items: center;\n  }\n\n  .data-\\[orientation\\=vertical\\]\\:flex-col[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .data-\\[range-end\\=true\\]\\:rounded-\\(--cell-radius\\)[data-range-end=\"true\"] {\n    border-radius: var(--cell-radius);\n  }\n\n  .data-\\[range-end\\=true\\]\\:rounded-r-\\(--cell-radius\\)[data-range-end=\"true\"] {\n    border-top-right-radius: var(--cell-radius);\n    border-bottom-right-radius: var(--cell-radius);\n  }\n\n  .data-\\[range-end\\=true\\]\\:bg-primary[data-range-end=\"true\"] {\n    background-color: var(--primary);\n  }\n\n  .data-\\[range-end\\=true\\]\\:text-primary-foreground[data-range-end=\"true\"] {\n    color: var(--primary-foreground);\n  }\n\n  .data-\\[range-middle\\=true\\]\\:rounded-none[data-range-middle=\"true\"] {\n    border-radius: 0;\n  }\n\n  .data-\\[range-middle\\=true\\]\\:bg-muted[data-range-middle=\"true\"] {\n    background-color: var(--muted);\n  }\n\n  .data-\\[range-middle\\=true\\]\\:text-foreground[data-range-middle=\"true\"] {\n    color: var(--foreground);\n  }\n\n  .data-\\[range-start\\=true\\]\\:rounded-\\(--cell-radius\\)[data-range-start=\"true\"] {\n    border-radius: var(--cell-radius);\n  }\n\n  .data-\\[range-start\\=true\\]\\:rounded-l-\\(--cell-radius\\)[data-range-start=\"true\"] {\n    border-top-left-radius: var(--cell-radius);\n    border-bottom-left-radius: var(--cell-radius);\n  }\n\n  .data-\\[range-start\\=true\\]\\:bg-primary[data-range-start=\"true\"] {\n    background-color: var(--primary);\n  }\n\n  .data-\\[range-start\\=true\\]\\:text-primary-foreground[data-range-start=\"true\"] {\n    color: var(--primary-foreground);\n  }\n\n  .data-\\[selected\\]\\:font-medium[data-selected] {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .data-\\[selected-single\\=true\\]\\:bg-primary[data-selected-single=\"true\"] {\n    background-color: var(--primary);\n  }\n\n  .data-\\[selected-single\\=true\\]\\:text-primary-foreground[data-selected-single=\"true\"] {\n    color: var(--primary-foreground);\n  }\n\n  .data-\\[selected\\=true\\]\\:rounded-none[data-selected=\"true\"] {\n    border-radius: 0;\n  }\n\n  .data-\\[side\\=bottom\\]\\:inset-x-0[data-side=\"bottom\"] {\n    inset-inline: 0;\n  }\n\n  .data-\\[side\\=bottom\\]\\:top-1[data-side=\"bottom\"] {\n    top: var(--spacing);\n  }\n\n  .data-\\[side\\=bottom\\]\\:bottom-0[data-side=\"bottom\"] {\n    bottom: 0;\n  }\n\n  .data-\\[side\\=bottom\\]\\:h-auto[data-side=\"bottom\"] {\n    height: auto;\n  }\n\n  .data-\\[side\\=bottom\\]\\:border-t[data-side=\"bottom\"] {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  .data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=\"bottom\"] {\n    --tw-enter-translate-y: calc(2*var(--spacing)*-1);\n  }\n\n  .data-\\[side\\=bottom\\]\\:before\\:top-\\[-10px\\][data-side=\"bottom\"]:before {\n    content: var(--tw-content);\n    top: -10px;\n  }\n\n  .data-\\[side\\=bottom\\]\\:before\\:right-0[data-side=\"bottom\"]:before {\n    content: var(--tw-content);\n    right: 0;\n  }\n\n  .data-\\[side\\=bottom\\]\\:before\\:left-0[data-side=\"bottom\"]:before {\n    content: var(--tw-content);\n    left: 0;\n  }\n\n  .data-\\[side\\=bottom\\]\\:data-ending-style\\:translate-y-\\[2\\.5rem\\][data-side=\"bottom\"][data-ending-style], .data-\\[side\\=bottom\\]\\:data-starting-style\\:translate-y-\\[2\\.5rem\\][data-side=\"bottom\"][data-starting-style] {\n    --tw-translate-y: 2.5rem;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[side\\=inline-end\\]\\:top-1\\/2\\![data-side=\"inline-end\"] {\n    top: 50% !important;\n  }\n\n  .data-\\[side\\=inline-end\\]\\:-left-1[data-side=\"inline-end\"] {\n    left: calc(var(--spacing) * -1);\n  }\n\n  .data-\\[side\\=inline-end\\]\\:-translate-y-1\\/2[data-side=\"inline-end\"] {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[side\\=inline-end\\]\\:slide-in-from-left-2[data-side=\"inline-end\"] {\n    --tw-enter-translate-x: calc(2*var(--spacing)*-1);\n  }\n\n  .data-\\[side\\=inline-start\\]\\:top-1\\/2\\![data-side=\"inline-start\"] {\n    top: 50% !important;\n  }\n\n  .data-\\[side\\=inline-start\\]\\:-right-1[data-side=\"inline-start\"] {\n    right: calc(var(--spacing) * -1);\n  }\n\n  .data-\\[side\\=inline-start\\]\\:-translate-y-1\\/2[data-side=\"inline-start\"] {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[side\\=inline-start\\]\\:slide-in-from-right-2[data-side=\"inline-start\"] {\n    --tw-enter-translate-x: calc(2*var(--spacing));\n  }\n\n  .data-\\[side\\=left\\]\\:inset-y-0[data-side=\"left\"] {\n    inset-block: 0;\n  }\n\n  .data-\\[side\\=left\\]\\:top-1\\/2\\![data-side=\"left\"] {\n    top: 50% !important;\n  }\n\n  .data-\\[side\\=left\\]\\:-right-1[data-side=\"left\"] {\n    right: calc(var(--spacing) * -1);\n  }\n\n  .data-\\[side\\=left\\]\\:left-0[data-side=\"left\"] {\n    left: 0;\n  }\n\n  .data-\\[side\\=left\\]\\:h-full[data-side=\"left\"] {\n    height: 100%;\n  }\n\n  .data-\\[side\\=left\\]\\:w-3\\/4[data-side=\"left\"] {\n    width: 75%;\n  }\n\n  .data-\\[side\\=left\\]\\:-translate-y-1\\/2[data-side=\"left\"] {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[side\\=left\\]\\:border-r[data-side=\"left\"] {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n\n  .data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=\"left\"] {\n    --tw-enter-translate-x: calc(2*var(--spacing));\n  }\n\n  .data-\\[side\\=left\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\][data-side=\"left\"]:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n    left: calc(var(--sidebar-width) * -1);\n  }\n\n  .data-\\[side\\=left\\]\\:data-ending-style\\:translate-x-\\[-2\\.5rem\\][data-side=\"left\"][data-ending-style], .data-\\[side\\=left\\]\\:data-starting-style\\:translate-x-\\[-2\\.5rem\\][data-side=\"left\"][data-starting-style] {\n    --tw-translate-x: -2.5rem;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[side\\=right\\]\\:inset-y-0[data-side=\"right\"] {\n    inset-block: 0;\n  }\n\n  .data-\\[side\\=right\\]\\:top-1\\/2\\![data-side=\"right\"] {\n    top: 50% !important;\n  }\n\n  .data-\\[side\\=right\\]\\:right-0[data-side=\"right\"] {\n    right: 0;\n  }\n\n  .data-\\[side\\=right\\]\\:-left-1[data-side=\"right\"] {\n    left: calc(var(--spacing) * -1);\n  }\n\n  .data-\\[side\\=right\\]\\:h-full[data-side=\"right\"] {\n    height: 100%;\n  }\n\n  .data-\\[side\\=right\\]\\:w-3\\/4[data-side=\"right\"] {\n    width: 75%;\n  }\n\n  .data-\\[side\\=right\\]\\:-translate-y-1\\/2[data-side=\"right\"] {\n    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[side\\=right\\]\\:border-l[data-side=\"right\"] {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=\"right\"] {\n    --tw-enter-translate-x: calc(2*var(--spacing)*-1);\n  }\n\n  .data-\\[side\\=right\\]\\:group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\][data-side=\"right\"]:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n    right: calc(var(--sidebar-width) * -1);\n  }\n\n  .data-\\[side\\=right\\]\\:data-ending-style\\:translate-x-\\[2\\.5rem\\][data-side=\"right\"][data-ending-style], .data-\\[side\\=right\\]\\:data-starting-style\\:translate-x-\\[2\\.5rem\\][data-side=\"right\"][data-starting-style] {\n    --tw-translate-x: 2.5rem;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[side\\=top\\]\\:inset-x-0[data-side=\"top\"] {\n    inset-inline: 0;\n  }\n\n  .data-\\[side\\=top\\]\\:top-0[data-side=\"top\"] {\n    top: 0;\n  }\n\n  .data-\\[side\\=top\\]\\:-bottom-2\\.5[data-side=\"top\"] {\n    bottom: calc(var(--spacing) * -2.5);\n  }\n\n  .data-\\[side\\=top\\]\\:h-auto[data-side=\"top\"] {\n    height: auto;\n  }\n\n  .data-\\[side\\=top\\]\\:border-b[data-side=\"top\"] {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=\"top\"] {\n    --tw-enter-translate-y: calc(2*var(--spacing));\n  }\n\n  .data-\\[side\\=top\\]\\:data-ending-style\\:translate-y-\\[-2\\.5rem\\][data-side=\"top\"][data-ending-style], .data-\\[side\\=top\\]\\:data-starting-style\\:translate-y-\\[-2\\.5rem\\][data-side=\"top\"][data-starting-style] {\n    --tw-translate-y: -2.5rem;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .data-\\[size\\=default\\]\\:h-4\\.5[data-size=\"default\"] {\n    height: calc(var(--spacing) * 4.5);\n  }\n\n  .data-\\[size\\=default\\]\\:w-8[data-size=\"default\"] {\n    width: calc(var(--spacing) * 8);\n  }\n\n  .data-\\[size\\=default\\]\\:max-w-xs[data-size=\"default\"] {\n    max-width: var(--container-xs);\n  }\n\n  .data-\\[size\\=lg\\]\\:size-10[data-size=\"lg\"] {\n    width: calc(var(--spacing) * 10);\n    height: calc(var(--spacing) * 10);\n  }\n\n  .data-\\[size\\=md\\]\\:text-sm[data-size=\"md\"] {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .data-\\[size\\=sm\\]\\:size-6[data-size=\"sm\"] {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n\n  .data-\\[size\\=sm\\]\\:h-3\\.5[data-size=\"sm\"] {\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .data-\\[size\\=sm\\]\\:h-7[data-size=\"sm\"] {\n    height: calc(var(--spacing) * 7);\n  }\n\n  .data-\\[size\\=sm\\]\\:w-6[data-size=\"sm\"] {\n    width: calc(var(--spacing) * 6);\n  }\n\n  .data-\\[size\\=sm\\]\\:max-w-xs[data-size=\"sm\"] {\n    max-width: var(--container-xs);\n  }\n\n  .data-\\[size\\=sm\\]\\:gap-3[data-size=\"sm\"] {\n    gap: calc(var(--spacing) * 3);\n  }\n\n  .data-\\[size\\=sm\\]\\:rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\][data-size=\"sm\"] {\n    border-radius: min(var(--radius-md), 10px);\n  }\n\n  .data-\\[size\\=sm\\]\\:py-0\\.5[data-size=\"sm\"] {\n    padding-block: calc(var(--spacing) * .5);\n  }\n\n  .data-\\[size\\=sm\\]\\:py-3[data-size=\"sm\"] {\n    padding-block: calc(var(--spacing) * 3);\n  }\n\n  .data-\\[size\\=sm\\]\\:text-xs[data-size=\"sm\"] {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .data-\\[size\\=sm\\]\\:has-data-\\[slot\\=card-footer\\]\\:pb-0[data-size=\"sm\"]:has([data-slot=\"card-footer\"]) {\n    padding-bottom: 0;\n  }\n\n  :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-destructive > *)[data-slot=\"alert-description\"] {\n    color: var(--destructive);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-info > *)[data-slot=\"alert-description\"] {\n    color: var(--info);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-success > *)[data-slot=\"alert-description\"] {\n    color: var(--success);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=alert-description\\]\\:text-warning > *)[data-slot=\"alert-description\"] {\n    color: var(--warning);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=attachment\\]\\:flex-none > *)[data-slot=\"attachment\"] {\n    flex: none;\n  }\n\n  :is(.\\*\\:data-\\[slot\\=attachment\\]\\:snap-start > *)[data-slot=\"attachment\"] {\n    scroll-snap-align: start;\n  }\n\n  :is(.\\*\\:data-\\[slot\\=avatar\\]\\:ring-2 > *)[data-slot=\"avatar\"] {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=avatar\\]\\:ring-background > *)[data-slot=\"avatar\"] {\n    --tw-ring-color: var(--background);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:rounded-none > *)[data-slot=\"bubble-content\"] {\n    border-radius: 0;\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:border-border > *)[data-slot=\"bubble-content\"] {\n    border-color: var(--border);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.93_calc\\(c\\*0\\.4\\)_h\\)\\] > *)[data-slot=\"bubble-content\"] {\n    background-color: oklch(from var(--primary) .93 calc(c * .4) h);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-background > *)[data-slot=\"bubble-content\"] {\n    background-color: var(--background);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/10 > *)[data-slot=\"bubble-content\"] {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/10 > *)[data-slot=\"bubble-content\"] {\n      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n    }\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-muted > *)[data-slot=\"bubble-content\"] {\n    background-color: var(--muted);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-primary > *)[data-slot=\"bubble-content\"] {\n    background-color: var(--primary);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-secondary > *)[data-slot=\"bubble-content\"] {\n    background-color: var(--secondary);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-transparent > *)[data-slot=\"bubble-content\"] {\n    background-color: #0000;\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:p-0 > *)[data-slot=\"bubble-content\"] {\n    padding: 0;\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-destructive > *)[data-slot=\"bubble-content\"] {\n    color: var(--destructive);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-foreground > *)[data-slot=\"bubble-content\"] {\n    color: var(--foreground);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-primary-foreground > *)[data-slot=\"bubble-content\"] {\n    color: var(--primary-foreground);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=bubble-content\\]\\:text-secondary-foreground > *)[data-slot=\"bubble-content\"] {\n    color: var(--secondary-foreground);\n  }\n\n  :is(.\\*\\:data-\\[slot\\=input-group-addon\\]\\:pl-2\\! > *)[data-slot=\"input-group-addon\"] {\n    padding-left: calc(var(--spacing) * 2) !important;\n  }\n\n  :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:relative *)[data-slot=\"kbd\"] {\n    position: relative;\n  }\n\n  :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:isolate *)[data-slot=\"kbd\"] {\n    isolation: isolate;\n  }\n\n  :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:z-50 *)[data-slot=\"kbd\"] {\n    z-index: 50;\n  }\n\n  :is(.\\*\\*\\:data-\\[slot\\=kbd\\]\\:rounded-sm *)[data-slot=\"kbd\"] {\n    border-radius: calc(var(--radius) * .6);\n  }\n\n  :is(.\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:ring-0 *)[data-slot=\"navigation-menu-link\"]:focus {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  :is(.\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:outline-none *)[data-slot=\"navigation-menu-link\"]:focus {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  :is(.group-data-\\[orientation\\=vertical\\]\\/attachment\\:\\*\\:data-\\[slot\\=spinner\\]\\:size-6\\!:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) > *)[data-slot=\"spinner\"] {\n    width: calc(var(--spacing) * 6) !important;\n    height: calc(var(--spacing) * 6) !important;\n  }\n\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-l-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"]:first-child {\n    border-top-left-radius: var(--radius);\n    border-bottom-left-radius: var(--radius);\n  }\n\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:first\\:rounded-t-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"]:first-child {\n    border-top-left-radius: var(--radius);\n    border-top-right-radius: var(--radius);\n  }\n\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-r-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"]:last-child {\n    border-top-right-radius: var(--radius);\n    border-bottom-right-radius: var(--radius);\n  }\n\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:last\\:rounded-b-lg:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"]:last-child {\n    border-bottom-right-radius: var(--radius);\n    border-bottom-left-radius: var(--radius);\n  }\n\n  .data-\\[state\\=delayed-open\\]\\:animate-in[data-state=\"delayed-open\"] {\n    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n  }\n\n  .data-\\[state\\=delayed-open\\]\\:fade-in-0[data-state=\"delayed-open\"] {\n    --tw-enter-opacity: 0;\n  }\n\n  .data-\\[state\\=delayed-open\\]\\:zoom-in-95[data-state=\"delayed-open\"] {\n    --tw-enter-scale: .95;\n  }\n\n  .data-\\[state\\=error\\]\\:border-destructive\\/30[data-state=\"error\"] {\n    border-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .data-\\[state\\=error\\]\\:border-destructive\\/30[data-state=\"error\"] {\n      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);\n    }\n  }\n\n  .data-\\[state\\=hidden\\]\\:animate-out[data-state=\"hidden\"] {\n    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n  }\n\n  .data-\\[state\\=hidden\\]\\:fade-out[data-state=\"hidden\"] {\n    --tw-exit-opacity: 0;\n  }\n\n  .data-\\[state\\=idle\\]\\:border-dashed[data-state=\"idle\"] {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n\n  .data-\\[state\\=selected\\]\\:bg-muted[data-state=\"selected\"] {\n    background-color: var(--muted);\n  }\n\n  .data-\\[state\\=visible\\]\\:animate-in[data-state=\"visible\"] {\n    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n  }\n\n  .data-\\[state\\=visible\\]\\:fade-in[data-state=\"visible\"] {\n    --tw-enter-opacity: 0;\n  }\n\n  .data-ending-style\\:data-\\[swipe-direction\\=down\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)\\+150\\%\\)\\)\\][data-ending-style][data-swipe-direction=\"down\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=down\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)\\+150\\%\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"down\"] {\n    transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));\n  }\n\n  .data-ending-style\\:data-\\[swipe-direction\\=left\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)-150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-ending-style][data-swipe-direction=\"left\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=left\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)-150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"left\"] {\n    transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));\n  }\n\n  .data-ending-style\\:data-\\[swipe-direction\\=right\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)\\+150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-ending-style][data-swipe-direction=\"right\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=right\\]\\:\\[transform\\:translateX\\(calc\\(var\\(--toast-swipe-movement-x\\)\\+150\\%\\)\\)_translateY\\(var\\(--offset-y\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"right\"] {\n    transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));\n  }\n\n  .data-ending-style\\:data-\\[swipe-direction\\=up\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)-150\\%\\)\\)\\][data-ending-style][data-swipe-direction=\"up\"], .data-expanded\\:data-ending-style\\:data-\\[swipe-direction\\=up\\]\\:\\[transform\\:translateY\\(calc\\(var\\(--toast-swipe-movement-y\\)-150\\%\\)\\)\\][data-expanded][data-ending-style][data-swipe-direction=\"up\"] {\n    transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));\n  }\n\n  .data-\\[variant\\=destructive\\]\\:text-destructive[data-variant=\"destructive\"] {\n    color: var(--destructive);\n  }\n\n  .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=\"destructive\"]:focus {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10[data-variant=\"destructive\"]:focus {\n      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n    }\n  }\n\n  .data-\\[variant\\=destructive\\]\\:focus\\:text-destructive[data-variant=\"destructive\"]:focus {\n    color: var(--destructive);\n  }\n\n  .data-\\[variant\\=ghost\\]\\:max-w-full[data-variant=\"ghost\"] {\n    max-width: 100%;\n  }\n\n  .data-\\[variant\\=line\\]\\:rounded-none[data-variant=\"line\"] {\n    border-radius: 0;\n  }\n\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-l-0:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"] {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0;\n  }\n\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:border-t-0:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"] {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 0;\n  }\n\n  .group-data-horizontal\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-l:is(:where(.group\\/toggle-group):where([data-orientation=\"horizontal\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"]:first-child {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n\n  .group-data-vertical\\/toggle-group\\:data-\\[spacing\\=0\\]\\:data-\\[variant\\=outline\\]\\:first\\:border-t:is(:where(.group\\/toggle-group):where([data-orientation=\"vertical\"]) *)[data-spacing=\"0\"][data-variant=\"outline\"]:first-child {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n\n  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {\n    .supports-backdrop-filter\\:backdrop-blur-xs {\n      --tw-backdrop-blur: blur(var(--blur-xs));\n      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n    }\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    .motion-safe\\:transition-opacity {\n      transition-property: opacity;\n      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n      transition-duration: var(--tw-duration, var(--default-transition-duration));\n    }\n\n    .motion-safe\\:duration-150 {\n      --tw-duration: .15s;\n      transition-duration: .15s;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .motion-reduce\\:transform-none {\n      transform: none;\n    }\n\n    .motion-reduce\\:animate-none {\n      animation: none;\n    }\n\n    .motion-reduce\\:transition-none {\n      transition-property: none;\n    }\n  }\n\n  @media (min-width: 40rem) {\n    .sm\\:right-4 {\n      right: calc(var(--spacing) * 4);\n    }\n\n    .sm\\:left-auto {\n      left: auto;\n    }\n\n    .sm\\:mx-0 {\n      margin-inline: 0;\n    }\n\n    .sm\\:flex {\n      display: flex;\n    }\n\n    .sm\\:min-h-0 {\n      min-height: 0;\n    }\n\n    .sm\\:min-h-8 {\n      min-height: calc(var(--spacing) * 8);\n    }\n\n    .sm\\:w-full {\n      width: 100%;\n    }\n\n    .sm\\:max-w-sm {\n      max-width: var(--container-sm);\n    }\n\n    .sm\\:flex-row {\n      flex-direction: row;\n    }\n\n    .sm\\:justify-end {\n      justify-content: flex-end;\n    }\n\n    .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:row-span-2:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n      grid-row: span 2 / span 2;\n    }\n\n    .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:place-items-start:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n      place-items: start;\n    }\n\n    .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:text-left:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *) {\n      text-align: left;\n    }\n\n    .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:group-has-data-\\[slot\\=alert-dialog-media\\]\\/alert-dialog-content\\:col-start-2:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *):is(:where(.group\\/alert-dialog-content):has([data-slot=\"alert-dialog-media\"]) *) {\n      grid-column-start: 2;\n    }\n\n    .sm\\:group-data-\\[size\\=default\\]\\/alert-dialog-content\\:has-data-\\[slot\\=alert-dialog-media\\]\\:grid-rows-\\[auto_1fr\\]:is(:where(.group\\/alert-dialog-content)[data-size=\"default\"] *):has([data-slot=\"alert-dialog-media\"]) {\n      grid-template-rows: auto 1fr;\n    }\n\n    .data-\\[side\\=left\\]\\:sm\\:max-w-sm[data-side=\"left\"], .data-\\[side\\=right\\]\\:sm\\:max-w-sm[data-side=\"right\"], .data-\\[size\\=default\\]\\:sm\\:max-w-sm[data-size=\"default\"] {\n      max-width: var(--container-sm);\n    }\n  }\n\n  @media (min-width: 48rem) {\n    .md\\:block {\n      display: block;\n    }\n\n    .md\\:flex {\n      display: flex;\n    }\n\n    .md\\:flex-row {\n      flex-direction: row;\n    }\n\n    .md\\:text-sm {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n\n    .md\\:text-pretty {\n      text-wrap: pretty;\n    }\n\n    .md\\:opacity-0 {\n      opacity: 0;\n    }\n\n    .md\\:peer-data-\\[variant\\=inset\\]\\:m-2:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n      margin: calc(var(--spacing) * 2);\n    }\n\n    .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n      margin-left: 0;\n    }\n\n    .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n      border-radius: calc(var(--radius) * 1.4);\n    }\n\n    .md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n\n    .md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ml-2:is(:where(.peer)[data-variant=\"inset\"] ~ *):is(:where(.peer)[data-state=\"collapsed\"] ~ *) {\n      margin-left: calc(var(--spacing) * 2);\n    }\n\n    .md\\:after\\:hidden:after {\n      content: var(--tw-content);\n      display: none;\n    }\n  }\n\n  .ltr\\:-translate-x-1\\/2:where(:dir(ltr), [dir=\"ltr\"], [dir=\"ltr\"] *), .rtl\\:-translate-x-1\\/2:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) {\n    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .rtl\\:translate-x-1\\/2:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) {\n    --tw-translate-x: calc(1 / 2 * 100%);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .dark\\:border-input:is(.dark *) {\n    border-color: var(--input);\n  }\n\n  .dark\\:bg-destructive\\/15:is(.dark *) {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:bg-destructive\\/15:is(.dark *) {\n      background-color: color-mix(in oklab, var(--destructive) 15%, transparent);\n    }\n  }\n\n  .dark\\:bg-destructive\\/20:is(.dark *) {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:bg-destructive\\/20:is(.dark *) {\n      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .dark\\:bg-info-ring\\/30:is(.dark *) {\n    background-color: var(--info-ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:bg-info-ring\\/30:is(.dark *) {\n      background-color: color-mix(in oklab, var(--info-ring) 30%, transparent);\n    }\n  }\n\n  .dark\\:bg-input\\/20:is(.dark *) {\n    background-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:bg-input\\/20:is(.dark *) {\n      background-color: color-mix(in oklab, var(--input) 20%, transparent);\n    }\n  }\n\n  .dark\\:bg-input\\/30:is(.dark *) {\n    background-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:bg-input\\/30:is(.dark *) {\n      background-color: color-mix(in oklab, var(--input) 30%, transparent);\n    }\n  }\n\n  .dark\\:bg-success-ring\\/30:is(.dark *) {\n    background-color: var(--success-ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:bg-success-ring\\/30:is(.dark *) {\n      background-color: color-mix(in oklab, var(--success-ring) 30%, transparent);\n    }\n  }\n\n  .dark\\:bg-transparent:is(.dark *) {\n    background-color: #0000;\n  }\n\n  .dark\\:bg-warning-ring\\/30:is(.dark *) {\n    background-color: var(--warning-ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:bg-warning-ring\\/30:is(.dark *) {\n      background-color: color-mix(in oklab, var(--warning-ring) 30%, transparent);\n    }\n  }\n\n  .dark\\:text-background:is(.dark *) {\n    color: var(--background);\n  }\n\n  .dark\\:text-muted-foreground:is(.dark *) {\n    color: var(--muted-foreground);\n  }\n\n  .dark\\:group-data-checked\\/questionnaire-choice\\:bg-primary:is(.dark *):is(:is(:where(.group\\/questionnaire-choice):where([data-state=\"checked\"]), :where(.group\\/questionnaire-choice):where([data-checked]:not([data-checked=\"false\"]))) *) {\n    background-color: var(--primary);\n  }\n\n  .dark\\:after\\:mix-blend-lighten:is(.dark *):after {\n    content: var(--tw-content);\n    mix-blend-mode: lighten;\n  }\n\n  @media (hover: hover) {\n    .dark\\:hover\\:bg-destructive\\/20:is(.dark *):hover {\n      background-color: var(--destructive);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .dark\\:hover\\:bg-destructive\\/20:is(.dark *):hover {\n        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n      }\n    }\n\n    .dark\\:hover\\:bg-input\\/50:is(.dark *):hover {\n      background-color: var(--input);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .dark\\:hover\\:bg-input\\/50:is(.dark *):hover {\n        background-color: color-mix(in oklab, var(--input) 50%, transparent);\n      }\n    }\n\n    .dark\\:hover\\:bg-muted\\/50:is(.dark *):hover {\n      background-color: var(--muted);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .dark\\:hover\\:bg-muted\\/50:is(.dark *):hover {\n        background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n      }\n    }\n\n    .dark\\:hover\\:text-foreground:is(.dark *):hover {\n      color: var(--foreground);\n    }\n  }\n\n  .dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n    }\n  }\n\n  .dark\\:disabled\\:bg-input\\/80:is(.dark *):disabled {\n    background-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:disabled\\:bg-input\\/80:is(.dark *):disabled {\n      background-color: color-mix(in oklab, var(--input) 80%, transparent);\n    }\n  }\n\n  .dark\\:disabled\\:bg-transparent:is(.dark *):disabled {\n    background-color: #0000;\n  }\n\n  :where([data-slot=\"tooltip-content\"]) .dark\\:in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/10:is(.dark *) {\n    background-color: var(--background);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    :where([data-slot=\"tooltip-content\"]) .dark\\:in-data-\\[slot\\=tooltip-content\\]\\:bg-background\\/10:is(.dark *) {\n      background-color: color-mix(in oklab, var(--background) 10%, transparent);\n    }\n  }\n\n  .dark\\:has-disabled\\:bg-input\\/80:is(.dark *):has(:disabled) {\n    background-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:has-disabled\\:bg-input\\/80:is(.dark *):has(:disabled) {\n      background-color: color-mix(in oklab, var(--input) 80%, transparent);\n    }\n  }\n\n  .dark\\:has-aria-invalid\\:ring-destructive\\/40:is(.dark *):has([aria-invalid=\"true\"]) {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:has-aria-invalid\\:ring-destructive\\/40:is(.dark *):has([aria-invalid=\"true\"]) {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n    }\n  }\n\n  .dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40:is(.dark *):has([data-slot][aria-invalid=\"true\"]) {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:has-\\[\\[data-slot\\]\\[aria-invalid\\=true\\]\\]\\:ring-destructive\\/40:is(.dark *):has([data-slot][aria-invalid=\"true\"]) {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n    }\n  }\n\n  .dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=\"true\"] {\n    border-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=\"true\"] {\n      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);\n    }\n  }\n\n  .dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=\"true\"] {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=\"true\"] {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n    }\n  }\n\n  .dark\\:data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[data-active=\"true\"][aria-invalid=\"true\"] {\n    --tw-ring-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[data-active=\"true\"][aria-invalid=\"true\"] {\n      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n    }\n  }\n\n  :is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.3_calc\\(c\\*0\\.4\\)_h\\)\\]:is(.dark *) > *)[data-slot=\"bubble-content\"] {\n    background-color: oklch(from var(--primary) .3 calc(c * .4) h);\n  }\n\n  :is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/20:is(.dark *) > *)[data-slot=\"bubble-content\"] {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    :is(.dark\\:\\*\\:data-\\[slot\\=bubble-content\\]\\:bg-destructive\\/20:is(.dark *) > *)[data-slot=\"bubble-content\"] {\n      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=\"destructive\"]:focus {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20:is(.dark *)[data-variant=\"destructive\"]:focus {\n      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .data-open\\:scale-100:where([data-state=\"open\"]), .data-open\\:scale-100:where([data-open]:not([data-open=\"false\"])) {\n    --tw-scale-x: 100%;\n    --tw-scale-y: 100%;\n    --tw-scale-z: 100%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .data-open\\:animate-in:where([data-state=\"open\"]), .data-open\\:animate-in:where([data-open]:not([data-open=\"false\"])) {\n    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n  }\n\n  .data-open\\:bg-accent:where([data-state=\"open\"]), .data-open\\:bg-accent:where([data-open]:not([data-open=\"false\"])) {\n    background-color: var(--accent);\n  }\n\n  .data-open\\:bg-muted\\/50:where([data-state=\"open\"]), .data-open\\:bg-muted\\/50:where([data-open]:not([data-open=\"false\"])) {\n    background-color: var(--muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .data-open\\:bg-muted\\/50:where([data-state=\"open\"]), .data-open\\:bg-muted\\/50:where([data-open]:not([data-open=\"false\"])) {\n      background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n    }\n  }\n\n  .data-open\\:text-accent-foreground:where([data-state=\"open\"]), .data-open\\:text-accent-foreground:where([data-open]:not([data-open=\"false\"])) {\n    color: var(--accent-foreground);\n  }\n\n  .data-open\\:opacity-100:where([data-state=\"open\"]), .data-open\\:opacity-100:where([data-open]:not([data-open=\"false\"])) {\n    opacity: 1;\n  }\n\n  .data-open\\:fade-in-0:where([data-state=\"open\"]), .data-open\\:fade-in-0:where([data-open]:not([data-open=\"false\"])) {\n    --tw-enter-opacity: 0;\n  }\n\n  .data-open\\:zoom-in-95:where([data-state=\"open\"]), .data-open\\:zoom-in-95:where([data-open]:not([data-open=\"false\"])) {\n    --tw-enter-scale: .95;\n  }\n\n  .data-open\\:slide-in-from-bottom:where([data-state=\"open\"]), .data-open\\:slide-in-from-bottom:where([data-open]:not([data-open=\"false\"])) {\n    --tw-enter-translate-y: 100%;\n  }\n\n  .data-open\\:slide-in-from-left:where([data-state=\"open\"]), .data-open\\:slide-in-from-left:where([data-open]:not([data-open=\"false\"])) {\n    --tw-enter-translate-x: -100%;\n  }\n\n  .data-open\\:slide-in-from-right:where([data-state=\"open\"]), .data-open\\:slide-in-from-right:where([data-open]:not([data-open=\"false\"])) {\n    --tw-enter-translate-x: 100%;\n  }\n\n  .data-open\\:slide-in-from-top:where([data-state=\"open\"]), .data-open\\:slide-in-from-top:where([data-open]:not([data-open=\"false\"])) {\n    --tw-enter-translate-y: -100%;\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:animate-in:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"open\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:animate-in:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-open]:not([data-open=\"false\"])) {\n    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:fade-in-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"open\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:fade-in-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-open]:not([data-open=\"false\"])) {\n    --tw-enter-opacity: 0;\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:zoom-in-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"open\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-open\\:zoom-in-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-open]:not([data-open=\"false\"])) {\n    --tw-enter-scale: .95;\n  }\n\n  @media (hover: hover) {\n    :is(.data-open\\:hover\\:bg-muted:where([data-state=\"open\"]), .data-open\\:hover\\:bg-muted:where([data-open]:not([data-open=\"false\"]))):hover {\n      background-color: var(--muted);\n    }\n\n    :is(.data-open\\:hover\\:bg-sidebar-accent:where([data-state=\"open\"]), .data-open\\:hover\\:bg-sidebar-accent:where([data-open]:not([data-open=\"false\"]))):hover {\n      background-color: var(--sidebar-accent);\n    }\n\n    :is(.data-open\\:hover\\:text-sidebar-accent-foreground:where([data-state=\"open\"]), .data-open\\:hover\\:text-sidebar-accent-foreground:where([data-open]:not([data-open=\"false\"]))):hover {\n      color: var(--sidebar-accent-foreground);\n    }\n  }\n\n  :is(.data-open\\:focus\\:bg-muted:where([data-state=\"open\"]), .data-open\\:focus\\:bg-muted:where([data-open]:not([data-open=\"false\"]))):focus {\n    background-color: var(--muted);\n  }\n\n  .data-closed\\:scale-95:where([data-state=\"closed\"]), .data-closed\\:scale-95:where([data-closed]:not([data-closed=\"false\"])) {\n    --tw-scale-x: 95%;\n    --tw-scale-y: 95%;\n    --tw-scale-z: 95%;\n    scale: var(--tw-scale-x) var(--tw-scale-y);\n  }\n\n  .data-closed\\:animate-out:where([data-state=\"closed\"]), .data-closed\\:animate-out:where([data-closed]:not([data-closed=\"false\"])) {\n    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n  }\n\n  .data-closed\\:overflow-hidden:where([data-state=\"closed\"]), .data-closed\\:overflow-hidden:where([data-closed]:not([data-closed=\"false\"])) {\n    overflow: hidden;\n  }\n\n  .data-closed\\:opacity-0:where([data-state=\"closed\"]), .data-closed\\:opacity-0:where([data-closed]:not([data-closed=\"false\"])) {\n    opacity: 0;\n  }\n\n  .data-closed\\:fade-out-0:where([data-state=\"closed\"]), .data-closed\\:fade-out-0:where([data-closed]:not([data-closed=\"false\"])) {\n    --tw-exit-opacity: 0;\n  }\n\n  .data-closed\\:zoom-out-95:where([data-state=\"closed\"]), .data-closed\\:zoom-out-95:where([data-closed]:not([data-closed=\"false\"])) {\n    --tw-exit-scale: .95;\n  }\n\n  .data-closed\\:slide-out-to-bottom:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-bottom:where([data-closed]:not([data-closed=\"false\"])) {\n    --tw-exit-translate-y: 100%;\n  }\n\n  .data-closed\\:slide-out-to-left:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-left:where([data-closed]:not([data-closed=\"false\"])) {\n    --tw-exit-translate-x: -100%;\n  }\n\n  .data-closed\\:slide-out-to-right:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-right:where([data-closed]:not([data-closed=\"false\"])) {\n    --tw-exit-translate-x: 100%;\n  }\n\n  .data-closed\\:slide-out-to-top:where([data-state=\"closed\"]), .data-closed\\:slide-out-to-top:where([data-closed]:not([data-closed=\"false\"])) {\n    --tw-exit-translate-y: -100%;\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:animate-out:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"closed\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:animate-out:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-closed]:not([data-closed=\"false\"])) {\n    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:fade-out-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"closed\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:fade-out-0:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-closed]:not([data-closed=\"false\"])) {\n    --tw-exit-opacity: 0;\n  }\n\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:zoom-out-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-state=\"closed\"]), .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-closed\\:zoom-out-95:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *):where([data-closed]:not([data-closed=\"false\"])) {\n    --tw-exit-scale: .95;\n  }\n\n  .data-checked\\:border-primary:where([data-state=\"checked\"]), .data-checked\\:border-primary:where([data-checked]:not([data-checked=\"false\"])), .data-checked\\:border-primary\\/40:where([data-state=\"checked\"]), .data-checked\\:border-primary\\/40:where([data-checked]:not([data-checked=\"false\"])) {\n    border-color: var(--primary);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .data-checked\\:border-primary\\/40:where([data-state=\"checked\"]), .data-checked\\:border-primary\\/40:where([data-checked]:not([data-checked=\"false\"])) {\n      border-color: color-mix(in oklab, var(--primary) 40%, transparent);\n    }\n  }\n\n  .data-checked\\:bg-muted:where([data-state=\"checked\"]), .data-checked\\:bg-muted:where([data-checked]:not([data-checked=\"false\"])) {\n    background-color: var(--muted);\n  }\n\n  .data-checked\\:bg-primary:where([data-state=\"checked\"]), .data-checked\\:bg-primary:where([data-checked]:not([data-checked=\"false\"])) {\n    background-color: var(--primary);\n  }\n\n  .data-checked\\:text-primary-foreground:where([data-state=\"checked\"]), .data-checked\\:text-primary-foreground:where([data-checked]:not([data-checked=\"false\"])) {\n    color: var(--primary-foreground);\n  }\n\n  .group-data-\\[size\\=default\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-state=\"checked\"]), .group-data-\\[size\\=default\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-checked]:not([data-checked=\"false\"])), .group-data-\\[size\\=sm\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-state=\"checked\"]), .group-data-\\[size\\=sm\\]\\/switch\\:data-checked\\:translate-x-\\[calc\\(100\\%-2px\\)\\]:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-checked]:not([data-checked=\"false\"])) {\n    --tw-translate-x: calc(100% - 2px);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .dark\\:data-checked\\:bg-muted:is(.dark *):where([data-state=\"checked\"]), .dark\\:data-checked\\:bg-muted:is(.dark *):where([data-checked]:not([data-checked=\"false\"])) {\n    background-color: var(--muted);\n  }\n\n  .dark\\:data-checked\\:bg-primary:is(.dark *):where([data-state=\"checked\"]), .dark\\:data-checked\\:bg-primary:is(.dark *):where([data-checked]:not([data-checked=\"false\"])) {\n    background-color: var(--primary);\n  }\n\n  .dark\\:data-checked\\:bg-primary-foreground:is(.dark *):where([data-state=\"checked\"]), .dark\\:data-checked\\:bg-primary-foreground:is(.dark *):where([data-checked]:not([data-checked=\"false\"])) {\n    background-color: var(--primary-foreground);\n  }\n\n  .data-unchecked\\:bg-input:where([data-state=\"unchecked\"]), .data-unchecked\\:bg-input:where([data-unchecked]:not([data-unchecked=\"false\"])) {\n    background-color: var(--input);\n  }\n\n  .group-data-\\[size\\=default\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-state=\"unchecked\"]), .group-data-\\[size\\=default\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"default\"] *):where([data-unchecked]:not([data-unchecked=\"false\"])), .group-data-\\[size\\=sm\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-state=\"unchecked\"]), .group-data-\\[size\\=sm\\]\\/switch\\:data-unchecked\\:translate-x-0:is(:where(.group\\/switch)[data-size=\"sm\"] *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n    --tw-translate-x: 0;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .dark\\:data-unchecked\\:bg-foreground:is(.dark *):where([data-state=\"unchecked\"]), .dark\\:data-unchecked\\:bg-foreground:is(.dark *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n    background-color: var(--foreground);\n  }\n\n  .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-state=\"unchecked\"]), .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n    background-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-state=\"unchecked\"]), .dark\\:data-unchecked\\:bg-input\\/80:is(.dark *):where([data-unchecked]:not([data-unchecked=\"false\"])) {\n      background-color: color-mix(in oklab, var(--input) 80%, transparent);\n    }\n  }\n\n  .data-selected\\:bg-muted:where([data-selected=\"true\"]) {\n    background-color: var(--muted);\n  }\n\n  .data-selected\\:text-foreground:where([data-selected=\"true\"]) {\n    color: var(--foreground);\n  }\n\n  .data-disabled\\:pointer-events-none:where([data-disabled=\"true\"]), .data-disabled\\:pointer-events-none:where([data-disabled]:not([data-disabled=\"false\"])) {\n    pointer-events: none;\n  }\n\n  .data-disabled\\:cursor-not-allowed:where([data-disabled=\"true\"]), .data-disabled\\:cursor-not-allowed:where([data-disabled]:not([data-disabled=\"false\"])) {\n    cursor: not-allowed;\n  }\n\n  .data-disabled\\:opacity-50:where([data-disabled=\"true\"]), .data-disabled\\:opacity-50:where([data-disabled]:not([data-disabled=\"false\"])) {\n    opacity: .5;\n  }\n\n  .data-active\\:bg-background:where([data-state=\"active\"]), .data-active\\:bg-background:where([data-active]:not([data-active=\"false\"])) {\n    background-color: var(--background);\n  }\n\n  .data-active\\:bg-muted\\/50:where([data-state=\"active\"]), .data-active\\:bg-muted\\/50:where([data-active]:not([data-active=\"false\"])) {\n    background-color: var(--muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .data-active\\:bg-muted\\/50:where([data-state=\"active\"]), .data-active\\:bg-muted\\/50:where([data-active]:not([data-active=\"false\"])) {\n      background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n    }\n  }\n\n  .data-active\\:bg-sidebar-accent:where([data-state=\"active\"]), .data-active\\:bg-sidebar-accent:where([data-active]:not([data-active=\"false\"])) {\n    background-color: var(--sidebar-accent);\n  }\n\n  .data-active\\:font-medium:where([data-state=\"active\"]), .data-active\\:font-medium:where([data-active]:not([data-active=\"false\"])) {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .data-active\\:text-foreground:where([data-state=\"active\"]), .data-active\\:text-foreground:where([data-active]:not([data-active=\"false\"])) {\n    color: var(--foreground);\n  }\n\n  .data-active\\:text-sidebar-accent-foreground:where([data-state=\"active\"]), .data-active\\:text-sidebar-accent-foreground:where([data-active]:not([data-active=\"false\"])) {\n    color: var(--sidebar-accent-foreground);\n  }\n\n  .group-data-\\[variant\\=default\\]\\/tabs-list\\:data-active\\:shadow-sm:is(:where(.group\\/tabs-list)[data-variant=\"default\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=default\\]\\/tabs-list\\:data-active\\:shadow-sm:is(:where(.group\\/tabs-list)[data-variant=\"default\"] *):where([data-active]:not([data-active=\"false\"])) {\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n    background-color: #0000;\n  }\n\n  .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:shadow-none:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:shadow-none:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n    --tw-shadow: 0 0 #0000;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  :is(.group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:after\\:opacity-100:is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"]))):after {\n    content: var(--tw-content);\n    opacity: 1;\n  }\n\n  @media (hover: hover) {\n    :is(.data-active\\:hover\\:bg-muted:where([data-state=\"active\"]), .data-active\\:hover\\:bg-muted:where([data-active]:not([data-active=\"false\"]))):hover {\n      background-color: var(--muted);\n    }\n  }\n\n  :is(.data-active\\:focus\\:bg-muted:where([data-state=\"active\"]), .data-active\\:focus\\:bg-muted:where([data-active]:not([data-active=\"false\"]))):focus {\n    background-color: var(--muted);\n  }\n\n  .dark\\:data-active\\:border-input:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:border-input:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n    border-color: var(--input);\n  }\n\n  .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n    background-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:bg-input\\/30:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n      background-color: color-mix(in oklab, var(--input) 30%, transparent);\n    }\n  }\n\n  .dark\\:data-active\\:text-foreground:is(.dark *):where([data-state=\"active\"]), .dark\\:data-active\\:text-foreground:is(.dark *):where([data-active]:not([data-active=\"false\"])) {\n    color: var(--foreground);\n  }\n\n  .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:border-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n    border-color: #0000;\n  }\n\n  .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-state=\"active\"]), .dark\\:group-data-\\[variant\\=line\\]\\/tabs-list\\:data-active\\:bg-transparent:is(.dark *):is(:where(.group\\/tabs-list)[data-variant=\"line\"] *):where([data-active]:not([data-active=\"false\"])) {\n    background-color: #0000;\n  }\n\n  .data-horizontal\\:h-px:where([data-orientation=\"horizontal\"]) {\n    height: 1px;\n  }\n\n  .data-horizontal\\:w-full:where([data-orientation=\"horizontal\"]) {\n    width: 100%;\n  }\n\n  .data-horizontal\\:flex-col:where([data-orientation=\"horizontal\"]) {\n    flex-direction: column;\n  }\n\n  .data-vertical\\:w-px:where([data-orientation=\"vertical\"]) {\n    width: 1px;\n  }\n\n  .data-vertical\\:flex-col:where([data-orientation=\"vertical\"]) {\n    flex-direction: column;\n  }\n\n  .data-vertical\\:items-stretch:where([data-orientation=\"vertical\"]) {\n    align-items: stretch;\n  }\n\n  .data-vertical\\:self-stretch:where([data-orientation=\"vertical\"]) {\n    align-self: stretch;\n  }\n\n  .\\[\\&_\\.recharts-cartesian-axis-tick_text\\]\\:fill-muted-foreground .recharts-cartesian-axis-tick text {\n    fill: var(--muted-foreground);\n  }\n\n  .\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke=\"#ccc\"] {\n    stroke: var(--border);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 .recharts-cartesian-grid line[stroke=\"#ccc\"] {\n      stroke: color-mix(in oklab, var(--border) 50%, transparent);\n    }\n  }\n\n  .\\[\\&_\\.recharts-curve\\.recharts-tooltip-cursor\\]\\:stroke-border .recharts-curve.recharts-tooltip-cursor {\n    stroke: var(--border);\n  }\n\n  .\\[\\&_\\.recharts-dot\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-dot[stroke=\"#fff\"] {\n    stroke: #0000;\n  }\n\n  .\\[\\&_\\.recharts-layer\\]\\:outline-hidden .recharts-layer {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  @media (forced-colors: active) {\n    .\\[\\&_\\.recharts-layer\\]\\:outline-hidden .recharts-layer {\n      outline-offset: 2px;\n      outline: 2px solid #0000;\n    }\n  }\n\n  .\\[\\&_\\.recharts-polar-grid_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-polar-grid [stroke=\"#ccc\"] {\n    stroke: var(--border);\n  }\n\n  .\\[\\&_\\.recharts-radial-bar-background-sector\\]\\:fill-muted .recharts-radial-bar-background-sector, .\\[\\&_\\.recharts-rectangle\\.recharts-tooltip-cursor\\]\\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {\n    fill: var(--muted);\n  }\n\n  .\\[\\&_\\.recharts-reference-line_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border .recharts-reference-line [stroke=\"#ccc\"] {\n    stroke: var(--border);\n  }\n\n  .\\[\\&_\\.recharts-sector\\]\\:outline-hidden .recharts-sector {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  @media (forced-colors: active) {\n    .\\[\\&_\\.recharts-sector\\]\\:outline-hidden .recharts-sector {\n      outline-offset: 2px;\n      outline: 2px solid #0000;\n    }\n  }\n\n  .\\[\\&_\\.recharts-sector\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent .recharts-sector[stroke=\"#fff\"] {\n    stroke: #0000;\n  }\n\n  .\\[\\&_\\.recharts-surface\\]\\:outline-hidden .recharts-surface {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  @media (forced-colors: active) {\n    .\\[\\&_\\.recharts-surface\\]\\:outline-hidden .recharts-surface {\n      outline-offset: 2px;\n      outline: 2px solid #0000;\n    }\n  }\n\n  .\\[\\&_\\[data-slot\\=slider-control\\]\\]\\:py-1\\.5 [data-slot=\"slider-control\"] {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  .\\[\\&_\\[data-slot\\=slider-thumb\\]\\]\\:size-3 [data-slot=\"slider-thumb\"] {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n\n  .\\[\\&_\\[data-slot\\=slider-track\\]\\]\\:h-1 [data-slot=\"slider-track\"] {\n    height: var(--spacing);\n  }\n\n  .\\[\\&_\\[data-slot\\=slider-track\\]\\]\\:bg-foreground\\/15 [data-slot=\"slider-track\"] {\n    background-color: var(--foreground);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .\\[\\&_\\[data-slot\\=slider-track\\]\\]\\:bg-foreground\\/15 [data-slot=\"slider-track\"] {\n      background-color: color-mix(in oklab, var(--foreground) 15%, transparent);\n    }\n  }\n\n  .\\[\\&_a\\]\\:underline a {\n    text-decoration-line: underline;\n  }\n\n  .\\[\\&_a\\]\\:underline-offset-3 a {\n    text-underline-offset: 3px;\n  }\n\n  @media (hover: hover) {\n    .\\[\\&_a\\]\\:hover\\:text-foreground a:hover {\n      color: var(--foreground);\n    }\n  }\n\n  .\\[\\&_img\\]\\:size-full img {\n    width: 100%;\n    height: 100%;\n  }\n\n  .\\[\\&_img\\]\\:object-cover img {\n    object-fit: cover;\n  }\n\n  .\\[\\&_p\\:not\\(\\:last-child\\)\\]\\:mb-4 p:not(:last-child) {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n\n  .\\[\\&_svg\\]\\:pointer-events-none svg {\n    pointer-events: none;\n  }\n\n  .\\[\\&_svg\\]\\:size-4 svg {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  .\\[\\&_svg\\]\\:shrink-0 svg {\n    flex-shrink: 0;\n  }\n\n  .data-\\[direction\\=start\\]\\:\\[\\&_svg\\]\\:rotate-180[data-direction=\"start\"] svg {\n    rotate: 180deg;\n  }\n\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\\"size-\\\"\\]\\)\\]\\:size-4 svg:not([class*=\"size-\"]) {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=\"size-\"]) {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 svg:not([class*=\"size-\"]) {\n    width: calc(var(--spacing) * 3.5);\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=\"size-\"]) {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  .group-data-\\[orientation\\=vertical\\]\\/attachment\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-6:is(:where(.group\\/attachment)[data-orientation=\"vertical\"] *) svg:not([class*=\"size-\"]) {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n\n  .group-data-\\[size\\=xs\\]\\/attachment\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5:is(:where(.group\\/attachment)[data-size=\"xs\"] *) svg:not([class*=\"size-\"]) {\n    width: calc(var(--spacing) * 3.5);\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .\\[\\&_tr\\]\\:border-b tr {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n\n  .\\[\\&_tr\\:last-child\\]\\:border-0 tr:last-child {\n    border-style: var(--tw-border-style);\n    border-width: 0;\n  }\n\n  .\\[\\&\\+\\[data-slot\\=item-content\\]\\]\\:flex-none + [data-slot=\"item-content\"] {\n    flex: none;\n  }\n\n  .\\[\\&\\:first-child\\[data-selected\\=true\\]_button\\]\\:rounded-l-\\(--cell-radius\\):first-child[data-selected=\"true\"] button {\n    border-top-left-radius: var(--cell-radius);\n    border-bottom-left-radius: var(--cell-radius);\n  }\n\n  .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0:has([role=\"checkbox\"]) {\n    padding-right: 0;\n  }\n\n  .\\[\\.border-b\\]\\:pb-2.border-b {\n    padding-bottom: calc(var(--spacing) * 2);\n  }\n\n  .\\[\\.border-b\\]\\:pb-4.border-b {\n    padding-bottom: calc(var(--spacing) * 4);\n  }\n\n  .group-data-\\[size\\=sm\\]\\/card\\:\\[\\.border-b\\]\\:pb-3:is(:where(.group\\/card)[data-size=\"sm\"] *).border-b {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n\n  .\\[\\.border-t\\]\\:pt-2.border-t {\n    padding-top: calc(var(--spacing) * 2);\n  }\n\n  :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_next\\>svg\\]\\:rotate-180:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) *):is(.rdp-button_next > svg), :is(.rtl\\:\\*\\*\\:\\[\\.rdp-button\\\\_previous\\>svg\\]\\:rotate-180:where(:dir(rtl), [dir=\"rtl\"], [dir=\"rtl\"] *) *):is(.rdp-button_previous > svg) {\n    rotate: 180deg;\n  }\n\n  :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:px-2 *)[cmdk-group-heading] {\n    padding-inline: calc(var(--spacing) * 2);\n  }\n\n  :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:py-1\\.5 *)[cmdk-group-heading] {\n    padding-block: calc(var(--spacing) * 1.5);\n  }\n\n  :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:text-xs *)[cmdk-group-heading] {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:font-medium *)[cmdk-group-heading] {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  :is(.\\*\\*\\:\\[\\[cmdk-group-heading\\]\\]\\:text-muted-foreground *)[cmdk-group-heading] {\n    color: var(--muted-foreground);\n  }\n\n  .\\[a\\]\\:underline:is(a) {\n    text-decoration-line: underline;\n  }\n\n  .\\[a\\]\\:underline-offset-3:is(a) {\n    text-underline-offset: 3px;\n  }\n\n  .\\[a\\]\\:transition-colors:is(a) {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  :is(.\\*\\:\\[a\\]\\:underline > *):is(a) {\n    text-decoration-line: underline;\n  }\n\n  :is(.\\*\\:\\[a\\]\\:underline-offset-3 > *):is(a) {\n    text-underline-offset: 3px;\n  }\n\n  @media (hover: hover) {\n    .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover {\n      background-color: var(--destructive);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .\\[a\\]\\:hover\\:bg-destructive\\/20:is(a):hover {\n        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n      }\n    }\n\n    .\\[a\\]\\:hover\\:bg-info-ring\\/60:is(a):hover {\n      background-color: var(--info-ring);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .\\[a\\]\\:hover\\:bg-info-ring\\/60:is(a):hover {\n        background-color: color-mix(in oklab, var(--info-ring) 60%, transparent);\n      }\n    }\n\n    .\\[a\\]\\:hover\\:bg-muted:is(a):hover {\n      background-color: var(--muted);\n    }\n\n    .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover {\n      background-color: var(--primary);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover {\n        background-color: color-mix(in oklab, var(--primary) 80%, transparent);\n      }\n    }\n\n    .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover {\n      background-color: var(--secondary);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .\\[a\\]\\:hover\\:bg-secondary\\/80:is(a):hover {\n        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);\n      }\n    }\n\n    .\\[a\\]\\:hover\\:bg-success-ring\\/60:is(a):hover {\n      background-color: var(--success-ring);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .\\[a\\]\\:hover\\:bg-success-ring\\/60:is(a):hover {\n        background-color: color-mix(in oklab, var(--success-ring) 60%, transparent);\n      }\n    }\n\n    .\\[a\\]\\:hover\\:bg-warning-ring\\/60:is(a):hover {\n      background-color: var(--warning-ring);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .\\[a\\]\\:hover\\:bg-warning-ring\\/60:is(a):hover {\n        background-color: color-mix(in oklab, var(--warning-ring) 60%, transparent);\n      }\n    }\n\n    .\\[a\\]\\:hover\\:text-foreground:is(a):hover {\n      color: var(--foreground);\n    }\n\n    .\\[a\\]\\:hover\\:text-muted-foreground:is(a):hover {\n      color: var(--muted-foreground);\n    }\n\n    :is(.\\*\\:\\[a\\]\\:hover\\:text-foreground > *):is(a):hover {\n      color: var(--foreground);\n    }\n  }\n\n  .\\[button\\]\\:text-left:is(button) {\n    text-align: left;\n  }\n\n  .\\[button\\,a\\]\\:transition-colors:is(button, a) {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n\n  .\\[button\\,a\\]\\:outline-none:is(button, a) {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .\\[button\\,a\\]\\:focus-visible\\:border-ring:is(button, a):focus-visible {\n    border-color: var(--ring);\n  }\n\n  .\\[button\\,a\\]\\:focus-visible\\:ring-3:is(button, a):focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n\n  .\\[button\\,a\\]\\:focus-visible\\:ring-ring\\/50:is(button, a):focus-visible {\n    --tw-ring-color: var(--ring);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .\\[button\\,a\\]\\:focus-visible\\:ring-ring\\/50:is(button, a):focus-visible {\n      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n\n  :is(.\\*\\:\\[img\\]\\:aspect-square > *):is(img) {\n    aspect-ratio: 1;\n  }\n\n  :is(.\\*\\:\\[img\\]\\:w-full > *):is(img) {\n    width: 100%;\n  }\n\n  :is(.\\*\\:\\[img\\]\\:object-cover > *):is(img) {\n    object-fit: cover;\n  }\n\n  :is(.\\*\\:\\[img\\:first-child\\]\\:rounded-t-xl > *):is(img:first-child) {\n    border-top-left-radius: calc(var(--radius) * 1.4);\n    border-top-right-radius: calc(var(--radius) * 1.4);\n  }\n\n  :is(.\\*\\:\\[img\\:last-child\\]\\:rounded-b-xl > *):is(img:last-child) {\n    border-bottom-right-radius: calc(var(--radius) * 1.4);\n    border-bottom-left-radius: calc(var(--radius) * 1.4);\n  }\n\n  :is(.\\*\\:\\[svg\\]\\:row-span-2 > *):is(svg) {\n    grid-row: span 2 / span 2;\n  }\n\n  :is(.\\*\\:\\[svg\\]\\:translate-y-0\\.5 > *):is(svg) {\n    --tw-translate-y: calc(var(--spacing) * .5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  :is(.\\*\\:\\[svg\\]\\:text-current > *):is(svg) {\n    color: currentColor;\n  }\n\n  :is(.focus\\:\\*\\:\\[svg\\]\\:text-accent-foreground:focus > *):is(svg) {\n    color: var(--accent-foreground);\n  }\n\n  :is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:text-destructive[data-variant=\"destructive\"] > *):is(svg) {\n    color: var(--destructive);\n  }\n\n  :is(.data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:text-destructive\\![data-variant=\"destructive\"] > *):is(svg) {\n    color: var(--destructive) !important;\n  }\n\n  :is(.data-selected\\:\\*\\:\\[svg\\]\\:text-foreground:where([data-selected=\"true\"]) > *):is(svg) {\n    color: var(--foreground);\n  }\n\n  :is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 > *):is(svg:not([class*=\"size-\"])) {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  :is(.\\*\\:\\[svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-6 > *):is(svg:not([class*=\"size-\"])) {\n    width: calc(var(--spacing) * 6);\n    height: calc(var(--spacing) * 6);\n  }\n\n  .\\[\\&\\:last-child\\[data-selected\\=true\\]_button\\]\\:rounded-r-\\(--cell-radius\\):last-child[data-selected=\"true\"] button {\n    border-top-right-radius: var(--cell-radius);\n    border-bottom-right-radius: var(--cell-radius);\n  }\n\n  .\\[\\&\\:not\\(\\:has\\(\\~\\[data-slot\\=questionnaire-description\\]\\)\\)\\]\\:mb-4:not(:has( ~ [data-slot=\"questionnaire-description\"])) {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n\n  .\\[\\&\\:nth-child\\(2\\)\\[data-selected\\=true\\]_button\\]\\:rounded-l-\\(--cell-radius\\):nth-child(2)[data-selected=\"true\"] button {\n    border-top-left-radius: var(--cell-radius);\n    border-bottom-left-radius: var(--cell-radius);\n  }\n\n  .\\[\\&\\>\\*\\]\\:relative > * {\n    position: relative;\n  }\n\n  .\\[\\&\\>\\*\\]\\:z-0 > * {\n    z-index: 0;\n  }\n\n  .data-\\[orientation\\=horizontal\\]\\:\\[\\&\\>\\*\\:first-child\\]\\:rounded-r-none[data-orientation=\"horizontal\"] > :first-child {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  .data-\\[orientation\\=vertical\\]\\:\\[\\&\\>\\*\\:first-child\\]\\:rounded-b-none[data-orientation=\"vertical\"] > :first-child {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  .\\[\\&\\>\\*\\:focus-visible\\]\\:z-10 > :focus-visible, .\\[\\&\\>\\*\\:hover\\]\\:z-10 > :hover {\n    z-index: 10;\n  }\n\n  .data-\\[orientation\\=horizontal\\]\\:\\[\\&\\>\\*\\:last-child\\]\\:rounded-l-none[data-orientation=\"horizontal\"] > :last-child {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  .data-\\[orientation\\=vertical\\]\\:\\[\\&\\>\\*\\:last-child\\]\\:rounded-t-none[data-orientation=\"vertical\"] > :last-child {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .data-\\[orientation\\=horizontal\\]\\:\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:-ml-px[data-orientation=\"horizontal\"] > :not(:first-child) {\n    margin-left: -1px;\n  }\n\n  .data-\\[orientation\\=vertical\\]\\:\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\]\\:-mt-px[data-orientation=\"vertical\"] > :not(:first-child) {\n    margin-top: -1px;\n  }\n\n  .\\[\\&\\>\\*\\:not\\(\\:first-child\\)\\:not\\(\\:last-child\\)\\]\\:rounded-none > :not(:first-child):not(:last-child) {\n    border-radius: 0;\n  }\n\n  .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--muted\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n    background-color: var(--muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--muted\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n      background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);\n    }\n  }\n\n  .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n    background-color: var(--secondary);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[color-mix\\(in_oklch\\,var\\(--secondary\\)\\,var\\(--foreground\\)_5\\%\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n      background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);\n    }\n  }\n\n  .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.88_calc\\(c\\*0\\.5\\)_h\\)\\] > [data-slot=\"bubble-content\"]:is(button, a):hover {\n    background-color: oklch(from var(--primary) .88 calc(c * .5) h);\n  }\n\n  .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/20 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/20 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    }\n  }\n\n  .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted > [data-slot=\"bubble-content\"]:is(button, a):hover {\n    background-color: var(--muted);\n  }\n\n  .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-primary\\/80 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n    background-color: var(--primary);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-primary\\/80 > [data-slot=\"bubble-content\"]:is(button, a):hover {\n      background-color: color-mix(in oklab, var(--primary) 80%, transparent);\n    }\n  }\n\n  .\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:text-foreground > [data-slot=\"bubble-content\"]:is(button, a):hover {\n    color: var(--foreground);\n  }\n\n  .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-\\[oklch\\(from_var\\(--primary\\)_0\\.35_calc\\(c\\*0\\.5\\)_h\\)\\]:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n    background-color: oklch(from var(--primary) .35 calc(c * .5) h);\n  }\n\n  .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n    background-color: var(--destructive);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-destructive\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n      background-color: color-mix(in oklab, var(--destructive) 30%, transparent);\n    }\n  }\n\n  .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-input\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n    background-color: var(--input);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-input\\/30:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n      background-color: color-mix(in oklab, var(--input) 30%, transparent);\n    }\n  }\n\n  .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted\\/50:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n    background-color: var(--muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark\\:\\[\\&\\>\\[data-slot\\=bubble-content\\]\\:is\\(button\\,a\\)\\:hover\\]\\:bg-muted\\/50:is(.dark *) > [data-slot=\"bubble-content\"]:is(button, a):hover {\n      background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n    }\n  }\n\n  .\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] > [role=\"checkbox\"] {\n    --tw-translate-y: 2px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n\n  .\\[\\&\\>a\\]\\:underline > a {\n    text-decoration-line: underline;\n  }\n\n  .\\[\\&\\>a\\]\\:underline-offset-4 > a {\n    text-underline-offset: 4px;\n  }\n\n  .\\[\\&\\>a\\:hover\\]\\:text-primary > a:hover {\n    color: var(--primary);\n  }\n\n  .\\[\\&\\>button\\]\\:hidden > button {\n    display: none;\n  }\n\n  .has-\\[\\>\\[data-align\\=block-end\\]\\]\\:\\[\\&\\>input\\]\\:pt-3:has( > [data-align=\"block-end\"]) > input {\n    padding-top: calc(var(--spacing) * 3);\n  }\n\n  .has-\\[\\>\\[data-align\\=block-start\\]\\]\\:\\[\\&\\>input\\]\\:pb-3:has( > [data-align=\"block-start\"]) > input {\n    padding-bottom: calc(var(--spacing) * 3);\n  }\n\n  .has-\\[\\>\\[data-align\\=inline-end\\]\\]\\:\\[\\&\\>input\\]\\:pr-1\\.5:has( > [data-align=\"inline-end\"]) > input {\n    padding-right: calc(var(--spacing) * 1.5);\n  }\n\n  .has-\\[\\>\\[data-align\\=inline-start\\]\\]\\:\\[\\&\\>input\\]\\:pl-1\\.5:has( > [data-align=\"inline-start\"]) > input {\n    padding-left: calc(var(--spacing) * 1.5);\n  }\n\n  .\\[\\&\\>kbd\\]\\:rounded-\\[calc\\(var\\(--radius\\)-5px\\)\\] > kbd {\n    border-radius: calc(var(--radius) - 5px);\n  }\n\n  .\\[\\&\\>span\\]\\:text-xs > span {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .\\[\\&\\>span\\]\\:opacity-70 > span {\n    opacity: .7;\n  }\n\n  .\\[\\&\\>span\\:last-child\\]\\:truncate > span:last-child {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n\n  .\\[\\&\\>svg\\]\\:pointer-events-none > svg {\n    pointer-events: none;\n  }\n\n  .\\[\\&\\>svg\\]\\:size-3\\! > svg {\n    width: calc(var(--spacing) * 3) !important;\n    height: calc(var(--spacing) * 3) !important;\n  }\n\n  .\\[\\&\\>svg\\]\\:size-3\\.5 > svg {\n    width: calc(var(--spacing) * 3.5);\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .\\[\\&\\>svg\\]\\:size-4 > svg {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  .\\[\\&\\>svg\\]\\:h-2\\.5 > svg {\n    height: calc(var(--spacing) * 2.5);\n  }\n\n  .\\[\\&\\>svg\\]\\:h-3 > svg {\n    height: calc(var(--spacing) * 3);\n  }\n\n  .\\[\\&\\>svg\\]\\:w-2\\.5 > svg {\n    width: calc(var(--spacing) * 2.5);\n  }\n\n  .\\[\\&\\>svg\\]\\:w-3 > svg {\n    width: calc(var(--spacing) * 3);\n  }\n\n  .\\[\\&\\>svg\\]\\:shrink-0 > svg {\n    flex-shrink: 0;\n  }\n\n  .\\[\\&\\>svg\\]\\:text-muted-foreground > svg {\n    color: var(--muted-foreground);\n  }\n\n  .\\[\\&\\>svg\\]\\:text-sidebar-accent-foreground > svg {\n    color: var(--sidebar-accent-foreground);\n  }\n\n  .group-has-data-\\[size\\=lg\\]\\/avatar-group\\:\\[\\&\\>svg\\]\\:size-5:is(:where(.group\\/avatar-group):has([data-size=\"lg\"]) *) > svg {\n    width: calc(var(--spacing) * 5);\n    height: calc(var(--spacing) * 5);\n  }\n\n  .group-has-data-\\[size\\=sm\\]\\/avatar-group\\:\\[\\&\\>svg\\]\\:size-3:is(:where(.group\\/avatar-group):has([data-size=\"sm\"]) *) > svg {\n    width: calc(var(--spacing) * 3);\n    height: calc(var(--spacing) * 3);\n  }\n\n  .group-data-\\[size\\=default\\]\\/avatar\\:\\[\\&\\>svg\\]\\:size-2:is(:where(.group\\/avatar)[data-size=\"default\"] *) > svg, .group-data-\\[size\\=lg\\]\\/avatar\\:\\[\\&\\>svg\\]\\:size-2:is(:where(.group\\/avatar)[data-size=\"lg\"] *) > svg {\n    width: calc(var(--spacing) * 2);\n    height: calc(var(--spacing) * 2);\n  }\n\n  .group-data-\\[size\\=sm\\]\\/avatar\\:\\[\\&\\>svg\\]\\:hidden:is(:where(.group\\/avatar)[data-size=\"sm\"] *) > svg {\n    display: none;\n  }\n\n  .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 > svg:not([class*=\"size-\"]) {\n    width: calc(var(--spacing) * 3.5);\n    height: calc(var(--spacing) * 3.5);\n  }\n\n  .\\[\\&\\>svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 > svg:not([class*=\"size-\"]) {\n    width: calc(var(--spacing) * 4);\n    height: calc(var(--spacing) * 4);\n  }\n\n  .\\[\\&\\>tr\\]\\:last\\:border-b-0 > tr:last-child {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0;\n  }\n\n  .\\[\\&\\[aria-orientation\\=horizontal\\]\\>div\\]\\:rotate-90[aria-orientation=\"horizontal\"] > div {\n    rotate: 90deg;\n  }\n\n  .\\[\\&\\[data-ending-style\\]\\:not\\(\\[data-limited\\]\\)\\:not\\(\\[data-swipe-direction\\]\\)\\]\\:\\[transform\\:translateY\\(150\\%\\)\\][data-ending-style]:not([data-limited]):not([data-swipe-direction]) {\n    transform: translateY(150%);\n  }\n\n  .\\[\\&\\[data-panel-open\\]\\>svg\\]\\:rotate-180[data-panel-open] > svg {\n    rotate: 180deg;\n  }\n\n  [data-side=\"left\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 {\n    right: calc(var(--spacing) * -2);\n  }\n\n  [data-side=\"left\"][data-state=\"collapsed\"] .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize {\n    cursor: e-resize;\n  }\n\n  [data-side=\"right\"][data-collapsible=\"offcanvas\"] .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 {\n    left: calc(var(--spacing) * -2);\n  }\n\n  [data-side=\"right\"][data-state=\"collapsed\"] .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize {\n    cursor: w-resize;\n  }\n}\n\n@property --tw-animation-delay {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0s;\n}\n\n@property --tw-animation-direction {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: normal;\n}\n\n@property --tw-animation-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-animation-fill-mode {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: none;\n}\n\n@property --tw-animation-iteration-count {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-enter-blur {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-enter-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-enter-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-enter-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-enter-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-enter-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-exit-blur {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-exit-opacity {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-exit-rotate {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-exit-scale {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-exit-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-exit-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --scroll-fade-t {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --scroll-fade-b {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --scroll-fade-s {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --scroll-fade-e {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --scroll-fade-mask {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --shimmer-angle {\n  syntax: \"<angle>\";\n  inherits: true;\n  initial-value: 20deg;\n}\n\n@property --shimmer-image {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --shimmer-text-fill {\n  syntax: \"*\";\n  inherits: false\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .shimmer {\n    -webkit-text-fill-color: currentColor;\n    background-image: none;\n    animation: none;\n  }\n}\n\n@keyframes edx-faded-under-reveal {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n:root {\n  --radius: .625rem;\n  --background: oklch(100% 0 0);\n  --foreground: oklch(14.5% 0 0);\n  --card: oklch(100% 0 0);\n  --card-foreground: oklch(14.5% 0 0);\n  --popover: oklch(100% 0 0);\n  --popover-foreground: oklch(14.5% 0 0);\n  --overlay: oklch(0% 0 0 / .1);\n  --primary: oklch(20.5% 0 0);\n  --primary-foreground: oklch(98.5% 0 0);\n  --secondary: oklch(97% 0 0);\n  --secondary-foreground: oklch(20.5% 0 0);\n  --muted: oklch(97% 0 0);\n  --muted-foreground: oklch(55.6% 0 0);\n  --accent: oklch(97% 0 0);\n  --accent-foreground: oklch(20.5% 0 0);\n  --destructive: oklch(50.5% .213 27.518);\n  --destructive-foreground: oklch(98.5% 0 0);\n  --success: oklch(44.8% .119 151.328);\n  --success-foreground: oklch(97.9% .021 166.113);\n  --success-ring: oklch(90.5% .093 164.15);\n  --warning: oklch(47.3% .137 46.201);\n  --warning-foreground: oklch(98.7% .022 95.277);\n  --warning-ring: oklch(92.4% .12 95.746);\n  --info: oklch(50% .134 242.749);\n  --info-foreground: oklch(97.7% .013 236.62);\n  --info-ring: oklch(90.1% .058 230.902);\n  --border: oklch(92.2% 0 0);\n  --input: oklch(92.2% 0 0);\n  --ring: oklch(70.8% 0 0);\n  --chart-1: oklch(64.6% .222 41.116);\n  --chart-2: oklch(60% .118 184.704);\n  --chart-3: oklch(39.8% .07 227.392);\n  --chart-4: oklch(82.8% .189 84.429);\n  --chart-5: oklch(76.9% .188 70.08);\n  --sidebar: oklch(98.5% 0 0);\n  --sidebar-foreground: oklch(14.5% 0 0);\n  --sidebar-primary: oklch(20.5% 0 0);\n  --sidebar-primary-foreground: oklch(98.5% 0 0);\n  --sidebar-accent: oklch(97% 0 0);\n  --sidebar-accent-foreground: oklch(20.5% 0 0);\n  --sidebar-border: oklch(92.2% 0 0);\n  --sidebar-ring: oklch(70.8% 0 0);\n}\n\n.dark {\n  --background: oklch(14.5% 0 0);\n  --foreground: oklch(98.5% 0 0);\n  --card: oklch(20.5% 0 0);\n  --card-foreground: oklch(98.5% 0 0);\n  --popover: oklch(20.5% 0 0);\n  --popover-foreground: oklch(98.5% 0 0);\n  --overlay: oklch(0% 0 0 / .1);\n  --primary: oklch(92.2% 0 0);\n  --primary-foreground: oklch(20.5% 0 0);\n  --secondary: oklch(26.9% 0 0);\n  --secondary-foreground: oklch(98.5% 0 0);\n  --muted: oklch(26.9% 0 0);\n  --muted-foreground: oklch(70.8% 0 0);\n  --accent: oklch(26.9% 0 0);\n  --accent-foreground: oklch(98.5% 0 0);\n  --destructive: oklch(70.4% .191 22.216);\n  --destructive-foreground: oklch(98.5% 0 0);\n  --success: oklch(79.2% .209 151.711);\n  --success-foreground: oklch(26.2% .051 172.552);\n  --success-ring: oklch(43.2% .095 166.913);\n  --warning: oklch(87.9% .169 91.605);\n  --warning-foreground: oklch(27.9% .077 45.635);\n  --warning-ring: oklch(47.3% .137 46.201);\n  --info: oklch(82.8% .111 230.318);\n  --info-foreground: oklch(29.3% .066 243.157);\n  --info-ring: oklch(44.3% .11 240.79);\n  --border: oklch(100% 0 0 / .1);\n  --input: oklch(100% 0 0 / .15);\n  --ring: oklch(55.6% 0 0);\n  --chart-1: oklch(48.8% .243 264.376);\n  --chart-2: oklch(69.6% .17 162.48);\n  --chart-3: oklch(76.9% .188 70.08);\n  --chart-4: oklch(62.7% .265 303.9);\n  --chart-5: oklch(64.5% .246 16.439);\n  --sidebar: oklch(20.5% 0 0);\n  --sidebar-foreground: oklch(98.5% 0 0);\n  --sidebar-primary: oklch(48.8% .243 264.376);\n  --sidebar-primary-foreground: oklch(98.5% 0 0);\n  --sidebar-accent: oklch(26.9% 0 0);\n  --sidebar-accent-foreground: oklch(98.5% 0 0);\n  --sidebar-border: oklch(100% 0 0 / .1);\n  --sidebar-ring: oklch(55.6% 0 0);\n}\n\n@keyframes progress-indeterminate {\n  from {\n    translate: -100%;\n  }\n\n  to {\n    translate: 300%;\n  }\n}\n\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-scroll-snap-strictness {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: proximity;\n}\n\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-space-x-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-gradient-position {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-gradient-from {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-via {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-to {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-gradient-stops {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-gradient-via-stops {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-gradient-from-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0%;\n}\n\n@property --tw-gradient-via-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 50%;\n}\n\n@property --tw-gradient-to-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ordinal {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-slashed-zero {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-numeric-figure {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-numeric-spacing {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-numeric-fraction {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-content {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: \"\";\n}\n\n@property --tw-scrollbar-thumb {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-scrollbar-track {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity, 1);\n    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));\n    filter: blur(var(--tw-enter-blur, 0));\n  }\n}\n\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity, 1);\n    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));\n    filter: blur(var(--tw-exit-blur, 0));\n  }\n}\n\n@keyframes caret-blink {\n  0%, 70%, 100% {\n    opacity: 1;\n  }\n\n  20%, 50% {\n    opacity: 0;\n  }\n}\n\n@keyframes scroll-fade-reveal-b {\n  from {\n    --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n  }\n\n  to {\n    --scroll-fade-b: 0px;\n  }\n}\n\n@keyframes scroll-fade-reveal-s {\n  from {\n    --scroll-fade-s: 0px;\n  }\n\n  to {\n    --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n  }\n}\n\n@keyframes scroll-fade-reveal-e {\n  from {\n    --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));\n  }\n\n  to {\n    --scroll-fade-e: 0px;\n  }\n}\n\n@keyframes tw-shimmer {\n  from {\n    background-position: 100% 0;\n  }\n\n  to {\n    background-position: 0 0;\n  }\n}\n";
-//#endregion
-//#region src/elements.ts
-/** The design system's compiled CSS, as a string, for shadow roots. */
-var elementStyles = styles_default;
-/**
-* Register every `<edx-*>` element. Defaults to shadow DOM with the bundled
-* stylesheet; pass `styles` to override, or `mode: 'light'` to opt out of
-* shadow DOM. Calling it more than once is harmless.
-*/
-var registerElements = (options = {}) => {
-	registerElements$1({
-		mode: "shadow",
-		styles: styles_default,
-		...options
-	});
-};
-//#endregion
-export { EDX_FIELD_CONTROL_CONNECT_EVENT, EdxHostProvider, Slot, coerceBool, coerceJson, coerceNumber, defineElement, elementStyles, getDefaultMode, getStyleSheet, registerElements, setDefaultMode, useDomMode, useEdxHost, useEmit, usePortalContainer };
-
-//# sourceMappingURL=elements.js.map