@monimesl/dot-renderer-react 0.1.0-alpha.7 → 0.1.0-alpha.9

package/dist/page-root.d.ts

@@ -0,0 +1,2 @@
+import { ComponentType, ReactNode } from "react";
+import "@monimesl/dot-webview";

package/dist/page-root.js

@@ -0,0 +1,20 @@
+import { toList, toText } from "@monimesl/dot-core";
+import { Fragment, createElement, useMemo, useSyncExternalStore } from "react";
+//#region src/page-root.tsx
+function PageRoot({ page, components }) {
+	const state = useSyncExternalStore(page.subscribe, page.getState);
+	const context = useMemo(() => ({
+		h(type, props, ...children) {
+			const component = components[type];
+			if (!component) throw new Error(`The renderer has no component registered for tag '<${type}>'`);
+			return createElement(component, props, ...children);
+		},
+		text: toText,
+		on: (handler, data) => page.on(handler, data),
+		each: (items, render, key) => createElement(Fragment, null, toList(items).map((item, index) => createElement(Fragment, { key: key ? String(key(item, index)) : index }, ...render(item, index))))
+	}), [page, components]);
+	if (!state) return null;
+	return page.viewRenderer(state, context);
+}
+//#endregion
+export { PageRoot };

package/dist/portal.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from "react";
+//#region src/portal.ts
+const PortalContainerContext = createContext(null);
+function usePortalContainer() {
+	return useContext(PortalContainerContext) ?? void 0;
+}
+//#endregion
+export { PortalContainerContext, usePortalContainer };

package/dist/renderer.d.ts

@@ -0,0 +1,17 @@
+import { Wrapper } from "./root.js";
+import { BuiltinReactComponents } from "./types.js";
+import { JSXElementConstructor } from "react";
+import { Renderer } from "@monimesl/dot-webview";
+//#region src/renderer.d.ts
+type ComponentImplementations = Readonly<Record<string, JSXElementConstructor<never>>>;
+export interface ReactRendererOptions {
+  components?: Partial<BuiltinReactComponents> & ComponentImplementations;
+  wrapper?: Wrapper | undefined;
+}
+export interface CreateReactRendererOptions {
+  components: ComponentImplementations;
+  wrapper?: Wrapper | undefined;
+}
+export declare function createReactRenderer({ components, wrapper }: CreateReactRendererOptions): Renderer;
+export declare function reactRenderer({ components, wrapper }?: ReactRendererOptions): Renderer;
+//#endregion

package/dist/renderer.js

@@ -0,0 +1,33 @@
+import { components_exports } from "./components/index.js";
+import { Root } from "./root.js";
+import { createRoot } from "react-dom/client";
+import { jsx } from "react/jsx-runtime";
+//#region src/renderer.tsx
+const builtins = components_exports;
+function createReactRenderer({ components, wrapper }) {
+	const registry = components;
+	return {
+		name: "react",
+		mount(container, page, dotContext) {
+			const root = createRoot(container);
+			root.render(/* @__PURE__ */ jsx(Root, {
+				page,
+				dotContext,
+				components: registry,
+				wrapper
+			}));
+			return () => root.unmount();
+		}
+	};
+}
+function reactRenderer({ components = {}, wrapper } = {}) {
+	return createReactRenderer({
+		components: {
+			...builtins,
+			...components
+		},
+		wrapper
+	});
+}
+//#endregion
+export { createReactRenderer, reactRenderer };

package/dist/root.d.ts

@@ -0,0 +1,10 @@
+import "./page-root.js";
+import { Theme } from "@monimesl/dot-core";
+import { ComponentType, ReactNode } from "react";
+import "@monimesl/dot-webview";
+//#region src/root.d.ts
+export type Wrapper = ComponentType<{
+  theme: Theme;
+  children: ReactNode;
+}>;
+//#endregion

package/dist/root.js

@@ -0,0 +1,51 @@
+import { FONT_FAMILY, ThemeContext, resolveTheme, useTheme } from "./theme.js";
+import { PortalContainerContext } from "./portal.js";
+import { PageRoot } from "./page-root.js";
+import { useMemo, useState, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/root.tsx
+function Root({ page, dotContext, components, wrapper: Wrapper }) {
+	const theme = useSyncExternalStore(dotContext.theme.subscribe, dotContext.theme.get);
+	const systemContext = useSyncExternalStore(dotContext.systemContext.subscribe, dotContext.systemContext.get);
+	const resolved = useMemo(() => resolveTheme(theme, systemContext.scheme), [theme, systemContext.scheme]);
+	const [rootElement, setRootElement] = useState(null);
+	const content = /* @__PURE__ */ jsx(PageRoot, {
+		page,
+		components
+	});
+	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
+		value: resolved,
+		children: /* @__PURE__ */ jsx("div", {
+			ref: setRootElement,
+			className: "dot-theme-root",
+			"data-dot-scheme": resolved.scheme,
+			children: /* @__PURE__ */ jsx(PortalContainerContext.Provider, {
+				value: rootElement,
+				children: Wrapper ? /* @__PURE__ */ jsx(Wrapper, {
+					theme: {
+						...theme,
+						scheme: resolved.scheme
+					},
+					children: content
+				}) : /* @__PURE__ */ jsx(DefaultSurface, { children: content })
+			})
+		})
+	});
+}
+function DefaultSurface({ children }) {
+	const { colors } = useTheme();
+	return /* @__PURE__ */ jsx("div", {
+		className: "dot-surface",
+		style: {
+			minHeight: "100vh",
+			display: "flex",
+			flexDirection: "column",
+			background: colors.background,
+			color: colors.text,
+			fontFamily: FONT_FAMILY
+		},
+		children
+	});
+}
+//#endregion
+export { Root };

package/dist/styles.css

@@ -1 +1,95 @@
-@layer reset;@layer base{[data-garra-adornment]{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}[data-garra-adornment]>[data-garra-icon]{display:block}[data-garra-icon][data-color=muted]{color:var(--garra-colors-icon-secondary)}[data-garra-icon][data-color=danger]{color:var(--garra-colors-feedback-danger-icon)}[data-garra-icon][data-color=success]{color:var(--garra-colors-feedback-success-icon)}[data-garra-icon][data-size=sm]{width:var(--garra-sizes-icon-small);height:var(--garra-sizes-icon-small)}[data-garra-icon][data-size=md]{width:var(--garra-sizes-icon-default);height:var(--garra-sizes-icon-default)}[data-garra-icon][data-size=lg]{width:var(--garra-sizes-icon-large);height:var(--garra-sizes-icon-large)}:root,[data-garra-mode],[data-garra-preset]{color:var(--garra-colors-text-primary);font-family:Inter,system-ui,sans-serif}:root,[data-garra-mode=system]{color-scheme:light dark}[data-garra-mode=light]{color-scheme:light}[data-garra-mode=dark]{color-scheme:dark}[data-garra-mode] *,[data-garra-mode] :before,[data-garra-mode] :after{box-sizing:border-box}}@layer tokens{:where(:root,:host,[data-garra-mode]),[data-garra-mode=light]{--garra-border-widths-default:1px;--garra-border-widths-emphasis:2px;--garra-border-widths-none:0px;--garra-border-widths-focus-ring-width:2px;--garra-colors-accent-icon:#1c1c1e;--garra-colors-accent-inverse-default:#7e7e7f;--garra-colors-accent-inverse-hover:#7e7e7f;--garra-colors-accent-inverse-pressed:#7e7e7f;--garra-colors-accent-solid-background-default:#1c1c1e;--garra-colors-accent-solid-background-hover:#1c1c1d;--garra-colors-accent-solid-background-pressed:#1b1b1d;--garra-colors-accent-solid-foreground-default:#fff;--garra-colors-accent-solid-foreground-hover:#fff;--garra-colors-accent-solid-foreground-pressed:#fff;--garra-colors-accent-surface-background:#ededed;--garra-colors-accent-surface-background-hover:#e1e1e2;--garra-colors-accent-surface-border:#1c1c1e;--garra-colors-accent-surface-foreground:#1c1c1e;--garra-colors-accent-text:#1c1c1e;--garra-colors-action-destructive-background-default:#ce2c31;--garra-colors-action-destructive-background-hover:#c62b30;--garra-colors-action-destructive-background-pressed:#bf2a2e;--garra-colors-action-destructive-border-default:#ce2c31;--garra-colors-action-destructive-border-hover:#ce2c31;--garra-colors-action-destructive-border-pressed:#ce2c31;--garra-colors-action-destructive-foreground-default:#fff;--garra-colors-action-destructive-foreground-hover:#fff;--garra-colors-action-destructive-foreground-pressed:#fff;--garra-colors-action-destructive-subtle-background-default:#f9e6e6;--garra-colors-action-destructive-subtle-background-hover:#f7ddde;--garra-colors-action-destructive-subtle-background-pressed:#f5d5d6;--garra-colors-action-destructive-text:#b7272c;--garra-colors-action-notice-background-default:#6550b9;--garra-colors-action-notice-background-hover:#624db2;--garra-colors-action-notice-background-pressed:#5e4bac;--garra-colors-action-notice-border-default:#6550b9;--garra-colors-action-notice-border-hover:#6550b9;--garra-colors-action-notice-border-pressed:#6550b9;--garra-colors-action-notice-foreground-default:#fff;--garra-colors-action-notice-foreground-hover:#fff;--garra-colors-action-notice-foreground-pressed:#fff;--garra-colors-action-notice-subtle-background-default:#edeaf7;--garra-colors-action-notice-subtle-background-hover:#e6e3f4;--garra-colors-action-notice-subtle-background-pressed:#e0dcf1;--garra-colors-action-notice-text:#6550b9;--garra-colors-action-primary-background-default:var(--garra-colors-accent-solid-background-default);--garra-colors-action-primary-background-hover:var(--garra-colors-accent-solid-background-hover);--garra-colors-action-primary-background-pressed:var(--garra-colors-accent-solid-background-pressed);--garra-colors-action-primary-border-default:var(--garra-colors-accent-surface-border);--garra-colors-action-primary-border-hover:var(--garra-colors-accent-surface-border);--garra-colors-action-primary-border-pressed:var(--garra-colors-accent-surface-border);--garra-colors-action-primary-foreground-default:var(--garra-colors-accent-solid-foreground-default);--garra-colors-action-primary-foreground-hover:var(--garra-colors-accent-solid-foreground-hover);--garra-colors-action-primary-foreground-pressed:var(--garra-colors-accent-solid-foreground-pressed);--garra-colors-action-primary-subtle-background-default:#e1e1e2;--garra-colors-action-primary-subtle-background-hover:#d8d8d9;--garra-colors-action-primary-subtle-background-pressed:#cfcfd0;--garra-colors-action-primary-text:#1c1c1e;--garra-colors-action-quiet-background-default:#0000;--garra-colors-action-quiet-background-hover:#f9f9f9;--garra-colors-action-quiet-background-pressed:#f1f1f1;--garra-colors-action-quiet-foreground-default:var(--garra-colors-text-primary);--garra-colors-action-quiet-foreground-hover:var(--garra-colors-text-primary);--garra-colors-action-quiet-foreground-pressed:var(--garra-colors-text-primary);--garra-colors-action-secondary-background-default:#fff;--garra-colors-action-secondary-background-hover:#f9f9f9;--garra-colors-action-secondary-background-pressed:#f1f1f1;--garra-colors-action-secondary-border-default:var(--garra-colors-border-control);--garra-colors-action-secondary-border-hover:var(--garra-colors-border-control-hover);--garra-colors-action-secondary-border-pressed:var(--garra-colors-border-control-hover);--garra-colors-action-secondary-foreground-default:var(--garra-colors-text-primary);--garra-colors-action-secondary-foreground-hover:var(--garra-colors-text-primary);--garra-colors-action-secondary-foreground-pressed:var(--garra-colors-text-primary);--garra-colors-action-secondary-subtle-background-default:#f1f1f1;--garra-colors-action-secondary-subtle-background-hover:#e7e7e7;--garra-colors-action-secondary-subtle-background-pressed:#dedede;--garra-colors-action-secondary-text:#111;--garra-colors-action-success-background-default:#218358;--garra-colors-action-success-background-hover:#207e55;--garra-colors-action-success-background-pressed:#207a52;--garra-colors-action-success-border-default:#218358;--garra-colors-action-success-border-hover:#218358;--garra-colors-action-success-border-pressed:#218358;--garra-colors-action-success-foreground-default:#fff;--garra-colors-action-success-foreground-hover:#fff;--garra-colors-action-success-foreground-pressed:#fff;--garra-colors-action-success-subtle-background-default:#e4f0eb;--garra-colors-action-success-subtle-background-hover:#dbebe4;--garra-colors-action-success-subtle-background-pressed:#d3e6de;--garra-colors-action-success-text:#1d724d;--garra-colors-action-warning-background-default:#ab6400;--garra-colors-action-warning-background-hover:#a56101;--garra-colors-action-warning-background-pressed:#9f5d01;--garra-colors-action-warning-border-default:#ab6400;--garra-colors-action-warning-border-hover:#ab6400;--garra-colors-action-warning-border-pressed:#ab6400;--garra-colors-action-warning-foreground-default:#fff;--garra-colors-action-warning-foreground-hover:#fff;--garra-colors-action-warning-foreground-pressed:#fff;--garra-colors-action-warning-subtle-background-default:#f5ece0;--garra-colors-action-warning-subtle-background-hover:#f2e6d6;--garra-colors-action-warning-subtle-background-pressed:#eee0cc;--garra-colors-action-warning-text:#935600;--garra-colors-background-canvas:#f2f2f2;--garra-colors-background-inverse:#111;--garra-colors-background-overlay:var(--garra-colors-background-surface-raised);--garra-colors-background-scrim:#0000007a;--garra-colors-background-surface:#fff;--garra-colors-background-surface-raised:var(--garra-colors-background-surface);--garra-colors-background-surface-sunken:var(--garra-colors-background-canvas);--garra-colors-border-control:#838383;--garra-colors-border-control-hover:#7c7c7c;--garra-colors-border-decorative:#d9d9d9;--garra-colors-border-disabled:var(--garra-colors-disabled-border);--garra-colors-disabled-background:#f1f1f1;--garra-colors-disabled-border:var(--garra-colors-border-decorative);--garra-colors-disabled-foreground:#8a8a8a;--garra-colors-feedback-danger-background:#fbeeef;--garra-colors-feedback-danger-border:#ebaaad;--garra-colors-feedback-danger-icon:#ce2c31;--garra-colors-feedback-danger-text:#ce2c31;--garra-colors-feedback-neutral-background:var(--garra-colors-fill-tertiary);--garra-colors-feedback-neutral-border:var(--garra-colors-border-decorative);--garra-colors-feedback-neutral-icon:var(--garra-colors-icon-secondary);--garra-colors-feedback-neutral-text:var(--garra-colors-text-primary);--garra-colors-feedback-notice-background:#f3f1f9;--garra-colors-feedback-notice-border:#c1b9e3;--garra-colors-feedback-notice-icon:#6550b9;--garra-colors-feedback-notice-text:#6550b9;--garra-colors-feedback-success-background:#edf5f2;--garra-colors-feedback-success-border:#a6cdbc;--garra-colors-feedback-success-icon:#218358;--garra-colors-feedback-success-text:#207d54;--garra-colors-feedback-warning-background:#f8f3eb;--garra-colors-feedback-warning-border:#ddc199;--garra-colors-feedback-warning-icon:#ab6400;--garra-colors-feedback-warning-text:#a15e00;--garra-colors-fill-primary:#e7e7e7;--garra-colors-fill-secondary:#f1f1f1;--garra-colors-fill-tertiary:#f9f9f9;--garra-colors-focus-inverse-ring:#0d74ce;--garra-colors-focus-inverse-separation:var(--garra-colors-background-inverse);--garra-colors-focus-ring:#0d74ce;--garra-colors-focus-separation:var(--garra-colors-background-surface);--garra-colors-icon-disabled:var(--garra-colors-disabled-foreground);--garra-colors-icon-inverse:var(--garra-colors-text-inverse);--garra-colors-icon-inverse-secondary:var(--garra-colors-text-inverse-secondary);--garra-colors-icon-primary:var(--garra-colors-text-primary);--garra-colors-icon-secondary:var(--garra-colors-text-secondary);--garra-colors-icon-tertiary:var(--garra-colors-text-tertiary);--garra-colors-intent-danger-border:#f4a9aa;--garra-colors-intent-danger-solid:#ce2c31;--garra-colors-intent-danger-solid-hover:#be292f;--garra-colors-intent-danger-solid-pressed:#ae262d;--garra-colors-intent-danger-surface:#feebec;--garra-colors-intent-danger-surface-hover:#ffdbdc;--garra-colors-intent-danger-surface-pressed:#ffcdce;--garra-colors-intent-danger-text:#641723;--garra-colors-intent-notice-border:#c2b5f5;--garra-colors-intent-notice-solid:#6550b9;--garra-colors-intent-notice-solid-hover:#5d4aac;--garra-colors-intent-notice-solid-pressed:#55439e;--garra-colors-intent-notice-surface:#f4f0fe;--garra-colors-intent-notice-surface-hover:#ebe4ff;--garra-colors-intent-notice-surface-pressed:#e1d9ff;--garra-colors-intent-notice-text:#2f265f;--garra-colors-intent-success-border:#8eceaa;--garra-colors-intent-success-solid:#218358;--garra-colors-intent-success-solid-hover:#207852;--garra-colors-intent-success-solid-pressed:#1f6d4b;--garra-colors-intent-success-surface:#e6f6eb;--garra-colors-intent-success-surface-hover:#d6f1df;--garra-colors-intent-success-surface-pressed:#c4e8d1;--garra-colors-intent-success-text:#193b2d;--garra-colors-intent-warning-border:#e9c162;--garra-colors-intent-warning-solid:#ab6400;--garra-colors-intent-warning-solid-hover:#9d5d05;--garra-colors-intent-warning-solid-pressed:#8f560a;--garra-colors-intent-warning-surface:#fff7c2;--garra-colors-intent-warning-surface-hover:#ffee9c;--garra-colors-intent-warning-surface-pressed:#fbe577;--garra-colors-intent-warning-text:#4f3422;--garra-colors-interaction-background-default:#fff;--garra-colors-interaction-background-hover:#f9f9f9;--garra-colors-interaction-background-pressed:#f1f1f1;--garra-colors-link-default:var(--garra-colors-accent-text);--garra-colors-link-hover:var(--garra-colors-accent-text);--garra-colors-link-inverse-default:var(--garra-colors-accent-inverse-default);--garra-colors-link-inverse-hover:var(--garra-colors-accent-inverse-hover);--garra-colors-link-inverse-pressed:var(--garra-colors-accent-inverse-pressed);--garra-colors-link-inverse-visited:var(--garra-colors-text-inverse-secondary);--garra-colors-link-pressed:var(--garra-colors-accent-text);--garra-colors-link-visited:#646464;--garra-colors-progress-indicator:#1c1c1e;--garra-colors-progress-track:var(--garra-colors-fill-primary);--garra-colors-read-only-background:var(--garra-colors-background-surface-sunken);--garra-colors-read-only-border:var(--garra-colors-border-decorative);--garra-colors-read-only-foreground:var(--garra-colors-text-primary);--garra-colors-selection-background:#e7e7e7;--garra-colors-selection-background-hover:#dedede;--garra-colors-selection-border:var(--garra-colors-border-control-hover);--garra-colors-selection-foreground:var(--garra-colors-text-primary);--garra-colors-skeleton-base:var(--garra-colors-fill-tertiary);--garra-colors-skeleton-highlight:var(--garra-colors-fill-primary);--garra-colors-text-disabled:var(--garra-colors-disabled-foreground);--garra-colors-text-inverse:#fff;--garra-colors-text-inverse-secondary:#b8b8b8;--garra-colors-text-placeholder:var(--garra-colors-text-tertiary);--garra-colors-text-primary:#111;--garra-colors-text-secondary:#646464;--garra-colors-text-tertiary:#676767;--garra-colors-validation-invalid-background:var(--garra-colors-feedback-danger-background);--garra-colors-validation-invalid-border:var(--garra-colors-feedback-danger-icon);--garra-colors-validation-invalid-icon:var(--garra-colors-feedback-danger-icon);--garra-colors-validation-invalid-text:var(--garra-colors-feedback-danger-text);--garra-shadows-flat:0px 0px 0px 0px #0000000f;--garra-shadows-floating:0px 4px 8px -2px #0000001a, 0px 12px 24px -8px #0000001a;--garra-shadows-modal:0px 8px 16px -4px #0000001a, 0px 24px 48px -12px #00000029;--garra-shadows-raised:0px 1px 2px 0px #0000000f, 0px 2px 4px -1px #0000000f;--garra-spacing-focus-ring-offset:-2px;--garra-spacing-layout-gutter-narrow:1rem;--garra-spacing-layout-gutter-wide:2rem;--garra-spacing-content-gap:1rem;--garra-spacing-field-gap:1rem;--garra-spacing-help-gap:.25rem;--garra-spacing-inline-gap:.5rem;--garra-spacing-inset-comfortable:1.5rem;--garra-spacing-inset-compact:.5rem;--garra-spacing-inset-default:.75rem;--garra-spacing-label-gap:.5rem;--garra-spacing-page-gutter-narrow:var(--garra-spacing-layout-gutter-narrow);--garra-spacing-page-gutter-wide:var(--garra-spacing-layout-gutter-wide);--garra-spacing-panel-inset:var(--garra-spacing-inset-comfortable);--garra-spacing-section-gap:2rem;--garra-spacing-stack-default:var(--garra-spacing-inline-gap);--garra-spacing-stack-loose:1.5rem;--garra-spacing-stack-tight:.375rem;--garra-z-index-base:0;--garra-z-index-floating:200;--garra-z-index-modal:300;--garra-z-index-notification:400;--garra-z-index-sticky:100;--garra-sizes-layout-content-default:64rem;--garra-sizes-layout-content-form:40rem;--garra-sizes-layout-content-wide:80rem;--garra-sizes-control-comfortable:3rem;--garra-sizes-control-compact:1.75rem;--garra-sizes-control-default:2rem;--garra-sizes-icon-default:1.25rem;--garra-sizes-icon-large:1.5rem;--garra-sizes-icon-small:1rem;--garra-sizes-target-touch:44px;--garra-durations-motion-expand-duration:.2s;--garra-durations-motion-expand-reduced-duration:0s;--garra-durations-motion-feedback-duration:.1s;--garra-durations-motion-feedback-reduced-duration:0s;--garra-durations-motion-floating-duration:.12s;--garra-durations-motion-floating-reduced-duration:0s;--garra-durations-motion-immediate-duration:0s;--garra-durations-motion-immediate-reduced-duration:0s;--garra-durations-motion-overlay-enter-duration:.18s;--garra-durations-motion-overlay-enter-reduced-duration:0s;--garra-durations-motion-overlay-exit-duration:.18s;--garra-durations-motion-overlay-exit-reduced-duration:0s;--garra-durations-motion-position-duration:.18s;--garra-durations-motion-position-reduced-duration:0s;--garra-durations-motion-progress-duration:.5s;--garra-durations-motion-progress-reduced-duration:0s;--garra-durations-motion-progress-update-duration:.15s;--garra-durations-motion-progress-update-reduced-duration:0s;--garra-easings-motion-expand-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-feedback-easing:cubic-bezier(.2, 0, 0, 1);--garra-easings-motion-floating-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-immediate-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-overlay-enter-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-overlay-exit-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-position-easing:cubic-bezier(.2, 0, 0, 1);--garra-easings-motion-progress-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-progress-update-easing:cubic-bezier(.2, 0, 0, 1);--garra-radii-control:6px;--garra-radii-full:9999px;--garra-radii-overlay:12px;--garra-radii-pill:var(--garra-radii-full);--garra-radii-surface:8px}[data-garra-mode=dark]{--garra-border-widths-default:1px;--garra-border-widths-emphasis:2px;--garra-border-widths-none:0px;--garra-border-widths-focus-ring-width:2px;--garra-colors-accent-icon:#f5f5f5;--garra-colors-accent-inverse-default:#6e6e6e;--garra-colors-accent-inverse-hover:#6e6e6e;--garra-colors-accent-inverse-pressed:#6e6e6e;--garra-colors-accent-solid-background-default:#f5f5f5;--garra-colors-accent-solid-background-hover:#f5f5f5;--garra-colors-accent-solid-background-pressed:#f6f6f6;--garra-colors-accent-solid-foreground-default:#111;--garra-colors-accent-solid-foreground-hover:#111;--garra-colors-accent-solid-foreground-pressed:#111;--garra-colors-accent-surface-background:#2f2f2f;--garra-colors-accent-surface-background-hover:#3a3a3a;--garra-colors-accent-surface-border:#f5f5f5;--garra-colors-accent-surface-foreground:#f5f5f5;--garra-colors-accent-text:#f5f5f5;--garra-colors-action-destructive-background-default:#ff9592;--garra-colors-action-destructive-background-hover:#ff9996;--garra-colors-action-destructive-background-pressed:#fe9d9a;--garra-colors-action-destructive-border-default:#ff9592;--garra-colors-action-destructive-border-hover:#ff9592;--garra-colors-action-destructive-border-pressed:#ff9592;--garra-colors-action-destructive-foreground-default:#1e1e1e;--garra-colors-action-destructive-foreground-hover:#1e1e1e;--garra-colors-action-destructive-foreground-pressed:#1e1e1e;--garra-colors-action-destructive-subtle-background-default:#392c2c;--garra-colors-action-destructive-subtle-background-hover:#423131;--garra-colors-action-destructive-subtle-background-pressed:#4b3635;--garra-colors-action-destructive-text:#ff9592;--garra-colors-action-notice-background-default:#baa7ff;--garra-colors-action-notice-background-hover:#bcaaff;--garra-colors-action-notice-background-pressed:#bfadfe;--garra-colors-action-notice-border-default:#baa7ff;--garra-colors-action-notice-border-hover:#baa7ff;--garra-colors-action-notice-border-pressed:#baa7ff;--garra-colors-action-notice-foreground-default:#1e1e1e;--garra-colors-action-notice-foreground-hover:#1e1e1e;--garra-colors-action-notice-foreground-pressed:#1e1e1e;--garra-colors-action-notice-subtle-background-default:#312e39;--garra-colors-action-notice-subtle-background-hover:#373442;--garra-colors-action-notice-subtle-background-pressed:#3d394b;--garra-colors-action-notice-text:#baa7ff;--garra-colors-action-primary-background-default:var(--garra-colors-accent-solid-background-default);--garra-colors-action-primary-background-hover:var(--garra-colors-accent-solid-background-hover);--garra-colors-action-primary-background-pressed:var(--garra-colors-accent-solid-background-pressed);--garra-colors-action-primary-border-default:var(--garra-colors-accent-surface-border);--garra-colors-action-primary-border-hover:var(--garra-colors-accent-surface-border);--garra-colors-action-primary-border-pressed:var(--garra-colors-accent-surface-border);--garra-colors-action-primary-foreground-default:var(--garra-colors-accent-solid-foreground-default);--garra-colors-action-primary-foreground-hover:var(--garra-colors-accent-solid-foreground-hover);--garra-colors-action-primary-foreground-pressed:var(--garra-colors-accent-solid-foreground-pressed);--garra-colors-action-primary-subtle-background-default:#3a3a3a;--garra-colors-action-primary-subtle-background-hover:#434343;--garra-colors-action-primary-subtle-background-pressed:#4b4b4b;--garra-colors-action-primary-text:#f5f5f5;--garra-colors-action-quiet-background-default:#0000;--garra-colors-action-quiet-background-hover:#232323;--garra-colors-action-quiet-background-pressed:#2b2b2b;--garra-colors-action-quiet-foreground-default:var(--garra-colors-text-primary);--garra-colors-action-quiet-foreground-hover:var(--garra-colors-text-primary);--garra-colors-action-quiet-foreground-pressed:var(--garra-colors-text-primary);--garra-colors-action-secondary-background-default:#1e1e1e;--garra-colors-action-secondary-background-hover:#232323;--garra-colors-action-secondary-background-pressed:#2b2b2b;--garra-colors-action-secondary-border-default:var(--garra-colors-border-control);--garra-colors-action-secondary-border-hover:var(--garra-colors-border-control-hover);--garra-colors-action-secondary-border-pressed:var(--garra-colors-border-control-hover);--garra-colors-action-secondary-foreground-default:var(--garra-colors-text-primary);--garra-colors-action-secondary-foreground-hover:var(--garra-colors-text-primary);--garra-colors-action-secondary-foreground-pressed:var(--garra-colors-text-primary);--garra-colors-action-secondary-subtle-background-default:#2b2b2b;--garra-colors-action-secondary-subtle-background-hover:#343434;--garra-colors-action-secondary-subtle-background-pressed:#3c3c3c;--garra-colors-action-secondary-text:#f5f5f5;--garra-colors-action-success-background-default:#3dd68c;--garra-colors-action-success-background-hover:#44d790;--garra-colors-action-success-background-pressed:#4cd894;--garra-colors-action-success-border-default:#3dd68c;--garra-colors-action-success-border-hover:#3dd68c;--garra-colors-action-success-border-pressed:#3dd68c;--garra-colors-action-success-foreground-default:#1e1e1e;--garra-colors-action-success-foreground-hover:#1e1e1e;--garra-colors-action-success-foreground-pressed:#1e1e1e;--garra-colors-action-success-subtle-background-default:#22342b;--garra-colors-action-success-subtle-background-hover:#233b30;--garra-colors-action-success-subtle-background-pressed:#244334;--garra-colors-action-success-text:#3dd68c;--garra-colors-action-warning-background-default:#ffca16;--garra-colors-action-warning-background-hover:#ffcc1f;--garra-colors-action-warning-background-pressed:#fecd28;--garra-colors-action-warning-border-default:#ffca16;--garra-colors-action-warning-border-hover:#ffca16;--garra-colors-action-warning-border-pressed:#ffca16;--garra-colors-action-warning-foreground-default:#1e1e1e;--garra-colors-action-warning-foreground-hover:#1e1e1e;--garra-colors-action-warning-foreground-pressed:#1e1e1e;--garra-colors-action-warning-subtle-background-default:#39331d;--garra-colors-action-warning-subtle-background-hover:#423a1d;--garra-colors-action-warning-subtle-background-pressed:#4b401c;--garra-colors-action-warning-text:#ffca16;--garra-colors-background-canvas:#121212;--garra-colors-background-inverse:#f5f5f5;--garra-colors-background-overlay:var(--garra-colors-background-surface-raised);--garra-colors-background-scrim:#0000007a;--garra-colors-background-surface:#1e1e1e;--garra-colors-background-surface-raised:var(--garra-colors-background-surface);--garra-colors-background-surface-sunken:var(--garra-colors-background-canvas);--garra-colors-border-control:#7e7e7e;--garra-colors-border-control-hover:#949494;--garra-colors-border-decorative:#404040;--garra-colors-border-disabled:var(--garra-colors-disabled-border);--garra-colors-disabled-background:#2b2b2b;--garra-colors-disabled-border:var(--garra-colors-border-decorative);--garra-colors-disabled-foreground:#747474;--garra-colors-feedback-danger-background:#302827;--garra-colors-feedback-danger-border:#784e4c;--garra-colors-feedback-danger-icon:#ff9592;--garra-colors-feedback-danger-text:#ff9592;--garra-colors-feedback-neutral-background:var(--garra-colors-fill-tertiary);--garra-colors-feedback-neutral-border:var(--garra-colors-border-decorative);--garra-colors-feedback-neutral-icon:var(--garra-colors-icon-secondary);--garra-colors-feedback-neutral-text:var(--garra-colors-text-primary);--garra-colors-feedback-notice-background:#2a2930;--garra-colors-feedback-notice-border:#5c5578;--garra-colors-feedback-notice-icon:#baa7ff;--garra-colors-feedback-notice-text:#baa7ff;--garra-colors-feedback-success-background:#202d27;--garra-colors-feedback-success-border:#2a684a;--garra-colors-feedback-success-icon:#3dd68c;--garra-colors-feedback-success-text:#3dd68c;--garra-colors-feedback-warning-background:#302c1d;--garra-colors-feedback-warning-border:#78631b;--garra-colors-feedback-warning-icon:#ffca16;--garra-colors-feedback-warning-text:#ffca16;--garra-colors-fill-primary:#343434;--garra-colors-fill-secondary:#2b2b2b;--garra-colors-fill-tertiary:#232323;--garra-colors-focus-inverse-ring:#0d74ce;--garra-colors-focus-inverse-separation:var(--garra-colors-background-inverse);--garra-colors-focus-ring:#70b8ff;--garra-colors-focus-separation:var(--garra-colors-background-surface);--garra-colors-icon-disabled:var(--garra-colors-disabled-foreground);--garra-colors-icon-inverse:var(--garra-colors-text-inverse);--garra-colors-icon-inverse-secondary:var(--garra-colors-text-inverse-secondary);--garra-colors-icon-primary:var(--garra-colors-text-primary);--garra-colors-icon-secondary:var(--garra-colors-text-secondary);--garra-colors-icon-tertiary:var(--garra-colors-text-tertiary);--garra-colors-intent-danger-border:#8c333a;--garra-colors-intent-danger-solid:#ff9592;--garra-colors-intent-danger-solid-hover:#ff9e9d;--garra-colors-intent-danger-solid-pressed:#ffa7a7;--garra-colors-intent-danger-surface:#3b1219;--garra-colors-intent-danger-surface-hover:#500f1c;--garra-colors-intent-danger-surface-pressed:#611623;--garra-colors-intent-danger-text:#ffd1d9;--garra-colors-intent-notice-border:#56468b;--garra-colors-intent-notice-solid:#baa7ff;--garra-colors-intent-notice-solid-hover:#c0afff;--garra-colors-intent-notice-solid-pressed:#c6b7ff;--garra-colors-intent-notice-surface:#291f43;--garra-colors-intent-notice-surface-hover:#33255b;--garra-colors-intent-notice-surface-pressed:#3c2e69;--garra-colors-intent-notice-text:#e2ddfe;--garra-colors-intent-success-border:#28684a;--garra-colors-intent-success-solid:#3dd68c;--garra-colors-intent-success-solid-hover:#4eda95;--garra-colors-intent-success-solid-pressed:#60de9f;--garra-colors-intent-success-surface:#132d21;--garra-colors-intent-success-surface-hover:#113b29;--garra-colors-intent-success-surface-pressed:#174933;--garra-colors-intent-success-text:#b1f1cb;--garra-colors-intent-warning-border:#714f19;--garra-colors-intent-warning-solid:#ffca16;--garra-colors-intent-warning-solid-hover:#ffce2e;--garra-colors-intent-warning-solid-pressed:#ffd345;--garra-colors-intent-warning-surface:#302008;--garra-colors-intent-warning-surface-hover:#3f2700;--garra-colors-intent-warning-surface-pressed:#4d3000;--garra-colors-intent-warning-text:#ffe7b3;--garra-colors-interaction-background-default:#1e1e1e;--garra-colors-interaction-background-hover:#232323;--garra-colors-interaction-background-pressed:#2b2b2b;--garra-colors-link-default:var(--garra-colors-accent-text);--garra-colors-link-hover:var(--garra-colors-accent-text);--garra-colors-link-inverse-default:var(--garra-colors-accent-inverse-default);--garra-colors-link-inverse-hover:var(--garra-colors-accent-inverse-hover);--garra-colors-link-inverse-pressed:var(--garra-colors-accent-inverse-pressed);--garra-colors-link-inverse-visited:var(--garra-colors-text-inverse-secondary);--garra-colors-link-pressed:var(--garra-colors-accent-text);--garra-colors-link-visited:#b4b4b4;--garra-colors-progress-indicator:#f5f5f5;--garra-colors-progress-track:var(--garra-colors-fill-primary);--garra-colors-read-only-background:var(--garra-colors-background-surface-sunken);--garra-colors-read-only-border:var(--garra-colors-border-decorative);--garra-colors-read-only-foreground:var(--garra-colors-text-primary);--garra-colors-selection-background:#343434;--garra-colors-selection-background-hover:#3c3c3c;--garra-colors-selection-border:var(--garra-colors-border-control-hover);--garra-colors-selection-foreground:var(--garra-colors-text-primary);--garra-colors-skeleton-base:var(--garra-colors-fill-tertiary);--garra-colors-skeleton-highlight:var(--garra-colors-fill-primary);--garra-colors-text-disabled:var(--garra-colors-disabled-foreground);--garra-colors-text-inverse:#1e1e1e;--garra-colors-text-inverse-secondary:#5f5f5f;--garra-colors-text-placeholder:var(--garra-colors-text-tertiary);--garra-colors-text-primary:#f5f5f5;--garra-colors-text-secondary:#aaa;--garra-colors-text-tertiary:#9c9c9c;--garra-colors-validation-invalid-background:var(--garra-colors-feedback-danger-background);--garra-colors-validation-invalid-border:var(--garra-colors-feedback-danger-icon);--garra-colors-validation-invalid-icon:var(--garra-colors-feedback-danger-icon);--garra-colors-validation-invalid-text:var(--garra-colors-feedback-danger-text);--garra-shadows-flat:0px 0px 0px 0px #0000000f;--garra-shadows-floating:0px 4px 8px -2px #0000001a, 0px 12px 24px -8px #0000001a;--garra-shadows-modal:0px 8px 16px -4px #0000001a, 0px 24px 48px -12px #00000029;--garra-shadows-raised:0px 1px 2px 0px #0000000f, 0px 2px 4px -1px #0000000f;--garra-spacing-focus-ring-offset:-2px;--garra-spacing-layout-gutter-narrow:1rem;--garra-spacing-layout-gutter-wide:2rem;--garra-spacing-content-gap:1rem;--garra-spacing-field-gap:1rem;--garra-spacing-help-gap:.25rem;--garra-spacing-inline-gap:.5rem;--garra-spacing-inset-comfortable:1.5rem;--garra-spacing-inset-compact:.5rem;--garra-spacing-inset-default:.75rem;--garra-spacing-label-gap:.5rem;--garra-spacing-page-gutter-narrow:var(--garra-spacing-layout-gutter-narrow);--garra-spacing-page-gutter-wide:var(--garra-spacing-layout-gutter-wide);--garra-spacing-panel-inset:var(--garra-spacing-inset-comfortable);--garra-spacing-section-gap:2rem;--garra-spacing-stack-default:var(--garra-spacing-inline-gap);--garra-spacing-stack-loose:1.5rem;--garra-spacing-stack-tight:.375rem;--garra-z-index-base:0;--garra-z-index-floating:200;--garra-z-index-modal:300;--garra-z-index-notification:400;--garra-z-index-sticky:100;--garra-sizes-layout-content-default:64rem;--garra-sizes-layout-content-form:40rem;--garra-sizes-layout-content-wide:80rem;--garra-sizes-control-comfortable:3rem;--garra-sizes-control-compact:1.75rem;--garra-sizes-control-default:2rem;--garra-sizes-icon-default:1.25rem;--garra-sizes-icon-large:1.5rem;--garra-sizes-icon-small:1rem;--garra-sizes-target-touch:44px;--garra-durations-motion-expand-duration:.2s;--garra-durations-motion-expand-reduced-duration:0s;--garra-durations-motion-feedback-duration:.1s;--garra-durations-motion-feedback-reduced-duration:0s;--garra-durations-motion-floating-duration:.12s;--garra-durations-motion-floating-reduced-duration:0s;--garra-durations-motion-immediate-duration:0s;--garra-durations-motion-immediate-reduced-duration:0s;--garra-durations-motion-overlay-enter-duration:.18s;--garra-durations-motion-overlay-enter-reduced-duration:0s;--garra-durations-motion-overlay-exit-duration:.18s;--garra-durations-motion-overlay-exit-reduced-duration:0s;--garra-durations-motion-position-duration:.18s;--garra-durations-motion-position-reduced-duration:0s;--garra-durations-motion-progress-duration:.5s;--garra-durations-motion-progress-reduced-duration:0s;--garra-durations-motion-progress-update-duration:.15s;--garra-durations-motion-progress-update-reduced-duration:0s;--garra-easings-motion-expand-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-feedback-easing:cubic-bezier(.2, 0, 0, 1);--garra-easings-motion-floating-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-immediate-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-overlay-enter-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-overlay-exit-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-position-easing:cubic-bezier(.2, 0, 0, 1);--garra-easings-motion-progress-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-progress-update-easing:cubic-bezier(.2, 0, 0, 1);--garra-radii-control:6px;--garra-radii-full:9999px;--garra-radii-overlay:12px;--garra-radii-pill:var(--garra-radii-full);--garra-radii-surface:8px}[data-garra-density=dense]{--garra-spacing-content-gap:12px;--garra-spacing-field-gap:12px;--garra-spacing-inline-gap:4px;--garra-spacing-inset-comfortable:16px;--garra-spacing-inset-compact:6px;--garra-spacing-inset-default:8px;--garra-spacing-section-gap:24px;--garra-spacing-stack-loose:16px;--garra-spacing-stack-tight:4px;--garra-sizes-control-comfortable:40px;--garra-sizes-control-compact:24px;--garra-sizes-control-default:28px}[data-garra-density=compact]{--garra-spacing-content-gap:16px;--garra-spacing-field-gap:16px;--garra-spacing-inline-gap:8px;--garra-spacing-inset-comfortable:24px;--garra-spacing-inset-compact:8px;--garra-spacing-inset-default:12px;--garra-spacing-section-gap:32px;--garra-spacing-stack-loose:24px;--garra-spacing-stack-tight:6px;--garra-sizes-control-comfortable:48px;--garra-sizes-control-compact:28px;--garra-sizes-control-default:32px}[data-garra-density=comfortable]{--garra-spacing-content-gap:24px;--garra-spacing-field-gap:20px;--garra-spacing-inline-gap:12px;--garra-spacing-inset-comfortable:32px;--garra-spacing-inset-compact:12px;--garra-spacing-inset-default:16px;--garra-spacing-section-gap:40px;--garra-spacing-stack-loose:32px;--garra-spacing-stack-tight:8px;--garra-sizes-control-comfortable:48px;--garra-sizes-control-compact:32px;--garra-sizes-control-default:40px}[data-garra-shape=square]{--garra-radii-control:0px;--garra-radii-overlay:0px;--garra-radii-pill:0px;--garra-radii-surface:0px}[data-garra-shape=subtle]{--garra-radii-control:2px;--garra-radii-overlay:6px;--garra-radii-pill:9999px;--garra-radii-surface:4px}[data-garra-shape=soft]{--garra-radii-control:6px;--garra-radii-overlay:12px;--garra-radii-pill:9999px;--garra-radii-surface:8px}[data-garra-shape=rounded]{--garra-radii-control:12px;--garra-radii-overlay:16px;--garra-radii-pill:9999px;--garra-radii-surface:16px}@keyframes garra-fade-enter{0%{opacity:0}to{opacity:1}}@keyframes garra-fade-exit{0%{opacity:1}to{opacity:0}}@keyframes garra-floating-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes garra-floating-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes garra-overlay-enter{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes garra-overlay-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.98)}}@keyframes garra-progress-slide-rtl{0%{transform:translate(100%)}to{transform:translate(-350%)}}@keyframes garra-progress-arc{0%{stroke-dasharray:1 100;stroke-dashoffset:0}50%{stroke-dasharray:70 100;stroke-dashoffset:-15px}to{stroke-dasharray:1 100;stroke-dashoffset:-100px}}@keyframes garra-progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes garra-progress-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes garra-spin{to{transform:rotate(360deg)}}@keyframes garra-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-color-scheme:dark){:where(:root,:host,[data-garra-mode]){--garra-border-widths-default:1px;--garra-border-widths-emphasis:2px;--garra-border-widths-none:0px;--garra-border-widths-focus-ring-width:2px;--garra-colors-accent-icon:#f5f5f5;--garra-colors-accent-inverse-default:#6e6e6e;--garra-colors-accent-inverse-hover:#6e6e6e;--garra-colors-accent-inverse-pressed:#6e6e6e;--garra-colors-accent-solid-background-default:#f5f5f5;--garra-colors-accent-solid-background-hover:#f5f5f5;--garra-colors-accent-solid-background-pressed:#f6f6f6;--garra-colors-accent-solid-foreground-default:#111;--garra-colors-accent-solid-foreground-hover:#111;--garra-colors-accent-solid-foreground-pressed:#111;--garra-colors-accent-surface-background:#2f2f2f;--garra-colors-accent-surface-background-hover:#3a3a3a;--garra-colors-accent-surface-border:#f5f5f5;--garra-colors-accent-surface-foreground:#f5f5f5;--garra-colors-accent-text:#f5f5f5;--garra-colors-action-destructive-background-default:#ff9592;--garra-colors-action-destructive-background-hover:#ff9996;--garra-colors-action-destructive-background-pressed:#fe9d9a;--garra-colors-action-destructive-border-default:#ff9592;--garra-colors-action-destructive-border-hover:#ff9592;--garra-colors-action-destructive-border-pressed:#ff9592;--garra-colors-action-destructive-foreground-default:#1e1e1e;--garra-colors-action-destructive-foreground-hover:#1e1e1e;--garra-colors-action-destructive-foreground-pressed:#1e1e1e;--garra-colors-action-destructive-subtle-background-default:#392c2c;--garra-colors-action-destructive-subtle-background-hover:#423131;--garra-colors-action-destructive-subtle-background-pressed:#4b3635;--garra-colors-action-destructive-text:#ff9592;--garra-colors-action-notice-background-default:#baa7ff;--garra-colors-action-notice-background-hover:#bcaaff;--garra-colors-action-notice-background-pressed:#bfadfe;--garra-colors-action-notice-border-default:#baa7ff;--garra-colors-action-notice-border-hover:#baa7ff;--garra-colors-action-notice-border-pressed:#baa7ff;--garra-colors-action-notice-foreground-default:#1e1e1e;--garra-colors-action-notice-foreground-hover:#1e1e1e;--garra-colors-action-notice-foreground-pressed:#1e1e1e;--garra-colors-action-notice-subtle-background-default:#312e39;--garra-colors-action-notice-subtle-background-hover:#373442;--garra-colors-action-notice-subtle-background-pressed:#3d394b;--garra-colors-action-notice-text:#baa7ff;--garra-colors-action-primary-background-default:var(--garra-colors-accent-solid-background-default);--garra-colors-action-primary-background-hover:var(--garra-colors-accent-solid-background-hover);--garra-colors-action-primary-background-pressed:var(--garra-colors-accent-solid-background-pressed);--garra-colors-action-primary-border-default:var(--garra-colors-accent-surface-border);--garra-colors-action-primary-border-hover:var(--garra-colors-accent-surface-border);--garra-colors-action-primary-border-pressed:var(--garra-colors-accent-surface-border);--garra-colors-action-primary-foreground-default:var(--garra-colors-accent-solid-foreground-default);--garra-colors-action-primary-foreground-hover:var(--garra-colors-accent-solid-foreground-hover);--garra-colors-action-primary-foreground-pressed:var(--garra-colors-accent-solid-foreground-pressed);--garra-colors-action-primary-subtle-background-default:#3a3a3a;--garra-colors-action-primary-subtle-background-hover:#434343;--garra-colors-action-primary-subtle-background-pressed:#4b4b4b;--garra-colors-action-primary-text:#f5f5f5;--garra-colors-action-quiet-background-default:#0000;--garra-colors-action-quiet-background-hover:#232323;--garra-colors-action-quiet-background-pressed:#2b2b2b;--garra-colors-action-quiet-foreground-default:var(--garra-colors-text-primary);--garra-colors-action-quiet-foreground-hover:var(--garra-colors-text-primary);--garra-colors-action-quiet-foreground-pressed:var(--garra-colors-text-primary);--garra-colors-action-secondary-background-default:#1e1e1e;--garra-colors-action-secondary-background-hover:#232323;--garra-colors-action-secondary-background-pressed:#2b2b2b;--garra-colors-action-secondary-border-default:var(--garra-colors-border-control);--garra-colors-action-secondary-border-hover:var(--garra-colors-border-control-hover);--garra-colors-action-secondary-border-pressed:var(--garra-colors-border-control-hover);--garra-colors-action-secondary-foreground-default:var(--garra-colors-text-primary);--garra-colors-action-secondary-foreground-hover:var(--garra-colors-text-primary);--garra-colors-action-secondary-foreground-pressed:var(--garra-colors-text-primary);--garra-colors-action-secondary-subtle-background-default:#2b2b2b;--garra-colors-action-secondary-subtle-background-hover:#343434;--garra-colors-action-secondary-subtle-background-pressed:#3c3c3c;--garra-colors-action-secondary-text:#f5f5f5;--garra-colors-action-success-background-default:#3dd68c;--garra-colors-action-success-background-hover:#44d790;--garra-colors-action-success-background-pressed:#4cd894;--garra-colors-action-success-border-default:#3dd68c;--garra-colors-action-success-border-hover:#3dd68c;--garra-colors-action-success-border-pressed:#3dd68c;--garra-colors-action-success-foreground-default:#1e1e1e;--garra-colors-action-success-foreground-hover:#1e1e1e;--garra-colors-action-success-foreground-pressed:#1e1e1e;--garra-colors-action-success-subtle-background-default:#22342b;--garra-colors-action-success-subtle-background-hover:#233b30;--garra-colors-action-success-subtle-background-pressed:#244334;--garra-colors-action-success-text:#3dd68c;--garra-colors-action-warning-background-default:#ffca16;--garra-colors-action-warning-background-hover:#ffcc1f;--garra-colors-action-warning-background-pressed:#fecd28;--garra-colors-action-warning-border-default:#ffca16;--garra-colors-action-warning-border-hover:#ffca16;--garra-colors-action-warning-border-pressed:#ffca16;--garra-colors-action-warning-foreground-default:#1e1e1e;--garra-colors-action-warning-foreground-hover:#1e1e1e;--garra-colors-action-warning-foreground-pressed:#1e1e1e;--garra-colors-action-warning-subtle-background-default:#39331d;--garra-colors-action-warning-subtle-background-hover:#423a1d;--garra-colors-action-warning-subtle-background-pressed:#4b401c;--garra-colors-action-warning-text:#ffca16;--garra-colors-background-canvas:#121212;--garra-colors-background-inverse:#f5f5f5;--garra-colors-background-overlay:var(--garra-colors-background-surface-raised);--garra-colors-background-scrim:#0000007a;--garra-colors-background-surface:#1e1e1e;--garra-colors-background-surface-raised:var(--garra-colors-background-surface);--garra-colors-background-surface-sunken:var(--garra-colors-background-canvas);--garra-colors-border-control:#7e7e7e;--garra-colors-border-control-hover:#949494;--garra-colors-border-decorative:#404040;--garra-colors-border-disabled:var(--garra-colors-disabled-border);--garra-colors-disabled-background:#2b2b2b;--garra-colors-disabled-border:var(--garra-colors-border-decorative);--garra-colors-disabled-foreground:#747474;--garra-colors-feedback-danger-background:#302827;--garra-colors-feedback-danger-border:#784e4c;--garra-colors-feedback-danger-icon:#ff9592;--garra-colors-feedback-danger-text:#ff9592;--garra-colors-feedback-neutral-background:var(--garra-colors-fill-tertiary);--garra-colors-feedback-neutral-border:var(--garra-colors-border-decorative);--garra-colors-feedback-neutral-icon:var(--garra-colors-icon-secondary);--garra-colors-feedback-neutral-text:var(--garra-colors-text-primary);--garra-colors-feedback-notice-background:#2a2930;--garra-colors-feedback-notice-border:#5c5578;--garra-colors-feedback-notice-icon:#baa7ff;--garra-colors-feedback-notice-text:#baa7ff;--garra-colors-feedback-success-background:#202d27;--garra-colors-feedback-success-border:#2a684a;--garra-colors-feedback-success-icon:#3dd68c;--garra-colors-feedback-success-text:#3dd68c;--garra-colors-feedback-warning-background:#302c1d;--garra-colors-feedback-warning-border:#78631b;--garra-colors-feedback-warning-icon:#ffca16;--garra-colors-feedback-warning-text:#ffca16;--garra-colors-fill-primary:#343434;--garra-colors-fill-secondary:#2b2b2b;--garra-colors-fill-tertiary:#232323;--garra-colors-focus-inverse-ring:#0d74ce;--garra-colors-focus-inverse-separation:var(--garra-colors-background-inverse);--garra-colors-focus-ring:#70b8ff;--garra-colors-focus-separation:var(--garra-colors-background-surface);--garra-colors-icon-disabled:var(--garra-colors-disabled-foreground);--garra-colors-icon-inverse:var(--garra-colors-text-inverse);--garra-colors-icon-inverse-secondary:var(--garra-colors-text-inverse-secondary);--garra-colors-icon-primary:var(--garra-colors-text-primary);--garra-colors-icon-secondary:var(--garra-colors-text-secondary);--garra-colors-icon-tertiary:var(--garra-colors-text-tertiary);--garra-colors-intent-danger-border:#8c333a;--garra-colors-intent-danger-solid:#ff9592;--garra-colors-intent-danger-solid-hover:#ff9e9d;--garra-colors-intent-danger-solid-pressed:#ffa7a7;--garra-colors-intent-danger-surface:#3b1219;--garra-colors-intent-danger-surface-hover:#500f1c;--garra-colors-intent-danger-surface-pressed:#611623;--garra-colors-intent-danger-text:#ffd1d9;--garra-colors-intent-notice-border:#56468b;--garra-colors-intent-notice-solid:#baa7ff;--garra-colors-intent-notice-solid-hover:#c0afff;--garra-colors-intent-notice-solid-pressed:#c6b7ff;--garra-colors-intent-notice-surface:#291f43;--garra-colors-intent-notice-surface-hover:#33255b;--garra-colors-intent-notice-surface-pressed:#3c2e69;--garra-colors-intent-notice-text:#e2ddfe;--garra-colors-intent-success-border:#28684a;--garra-colors-intent-success-solid:#3dd68c;--garra-colors-intent-success-solid-hover:#4eda95;--garra-colors-intent-success-solid-pressed:#60de9f;--garra-colors-intent-success-surface:#132d21;--garra-colors-intent-success-surface-hover:#113b29;--garra-colors-intent-success-surface-pressed:#174933;--garra-colors-intent-success-text:#b1f1cb;--garra-colors-intent-warning-border:#714f19;--garra-colors-intent-warning-solid:#ffca16;--garra-colors-intent-warning-solid-hover:#ffce2e;--garra-colors-intent-warning-solid-pressed:#ffd345;--garra-colors-intent-warning-surface:#302008;--garra-colors-intent-warning-surface-hover:#3f2700;--garra-colors-intent-warning-surface-pressed:#4d3000;--garra-colors-intent-warning-text:#ffe7b3;--garra-colors-interaction-background-default:#1e1e1e;--garra-colors-interaction-background-hover:#232323;--garra-colors-interaction-background-pressed:#2b2b2b;--garra-colors-link-default:var(--garra-colors-accent-text);--garra-colors-link-hover:var(--garra-colors-accent-text);--garra-colors-link-inverse-default:var(--garra-colors-accent-inverse-default);--garra-colors-link-inverse-hover:var(--garra-colors-accent-inverse-hover);--garra-colors-link-inverse-pressed:var(--garra-colors-accent-inverse-pressed);--garra-colors-link-inverse-visited:var(--garra-colors-text-inverse-secondary);--garra-colors-link-pressed:var(--garra-colors-accent-text);--garra-colors-link-visited:#b4b4b4;--garra-colors-progress-indicator:#f5f5f5;--garra-colors-progress-track:var(--garra-colors-fill-primary);--garra-colors-read-only-background:var(--garra-colors-background-surface-sunken);--garra-colors-read-only-border:var(--garra-colors-border-decorative);--garra-colors-read-only-foreground:var(--garra-colors-text-primary);--garra-colors-selection-background:#343434;--garra-colors-selection-background-hover:#3c3c3c;--garra-colors-selection-border:var(--garra-colors-border-control-hover);--garra-colors-selection-foreground:var(--garra-colors-text-primary);--garra-colors-skeleton-base:var(--garra-colors-fill-tertiary);--garra-colors-skeleton-highlight:var(--garra-colors-fill-primary);--garra-colors-text-disabled:var(--garra-colors-disabled-foreground);--garra-colors-text-inverse:#1e1e1e;--garra-colors-text-inverse-secondary:#5f5f5f;--garra-colors-text-placeholder:var(--garra-colors-text-tertiary);--garra-colors-text-primary:#f5f5f5;--garra-colors-text-secondary:#aaa;--garra-colors-text-tertiary:#9c9c9c;--garra-colors-validation-invalid-background:var(--garra-colors-feedback-danger-background);--garra-colors-validation-invalid-border:var(--garra-colors-feedback-danger-icon);--garra-colors-validation-invalid-icon:var(--garra-colors-feedback-danger-icon);--garra-colors-validation-invalid-text:var(--garra-colors-feedback-danger-text);--garra-shadows-flat:0px 0px 0px 0px #0000000f;--garra-shadows-floating:0px 4px 8px -2px #0000001a, 0px 12px 24px -8px #0000001a;--garra-shadows-modal:0px 8px 16px -4px #0000001a, 0px 24px 48px -12px #00000029;--garra-shadows-raised:0px 1px 2px 0px #0000000f, 0px 2px 4px -1px #0000000f;--garra-spacing-focus-ring-offset:-2px;--garra-spacing-layout-gutter-narrow:1rem;--garra-spacing-layout-gutter-wide:2rem;--garra-spacing-content-gap:1rem;--garra-spacing-field-gap:1rem;--garra-spacing-help-gap:.25rem;--garra-spacing-inline-gap:.5rem;--garra-spacing-inset-comfortable:1.5rem;--garra-spacing-inset-compact:.5rem;--garra-spacing-inset-default:.75rem;--garra-spacing-label-gap:.5rem;--garra-spacing-page-gutter-narrow:var(--garra-spacing-layout-gutter-narrow);--garra-spacing-page-gutter-wide:var(--garra-spacing-layout-gutter-wide);--garra-spacing-panel-inset:var(--garra-spacing-inset-comfortable);--garra-spacing-section-gap:2rem;--garra-spacing-stack-default:var(--garra-spacing-inline-gap);--garra-spacing-stack-loose:1.5rem;--garra-spacing-stack-tight:.375rem;--garra-z-index-base:0;--garra-z-index-floating:200;--garra-z-index-modal:300;--garra-z-index-notification:400;--garra-z-index-sticky:100;--garra-sizes-layout-content-default:64rem;--garra-sizes-layout-content-form:40rem;--garra-sizes-layout-content-wide:80rem;--garra-sizes-control-comfortable:3rem;--garra-sizes-control-compact:1.75rem;--garra-sizes-control-default:2rem;--garra-sizes-icon-default:1.25rem;--garra-sizes-icon-large:1.5rem;--garra-sizes-icon-small:1rem;--garra-sizes-target-touch:44px;--garra-durations-motion-expand-duration:.2s;--garra-durations-motion-expand-reduced-duration:0s;--garra-durations-motion-feedback-duration:.1s;--garra-durations-motion-feedback-reduced-duration:0s;--garra-durations-motion-floating-duration:.12s;--garra-durations-motion-floating-reduced-duration:0s;--garra-durations-motion-immediate-duration:0s;--garra-durations-motion-immediate-reduced-duration:0s;--garra-durations-motion-overlay-enter-duration:.18s;--garra-durations-motion-overlay-enter-reduced-duration:0s;--garra-durations-motion-overlay-exit-duration:.18s;--garra-durations-motion-overlay-exit-reduced-duration:0s;--garra-durations-motion-position-duration:.18s;--garra-durations-motion-position-reduced-duration:0s;--garra-durations-motion-progress-duration:.5s;--garra-durations-motion-progress-reduced-duration:0s;--garra-durations-motion-progress-update-duration:.15s;--garra-durations-motion-progress-update-reduced-duration:0s;--garra-easings-motion-expand-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-feedback-easing:cubic-bezier(.2, 0, 0, 1);--garra-easings-motion-floating-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-immediate-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-overlay-enter-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-overlay-exit-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-position-easing:cubic-bezier(.2, 0, 0, 1);--garra-easings-motion-progress-easing:cubic-bezier(0, 0, 1, 1);--garra-easings-motion-progress-update-easing:cubic-bezier(.2, 0, 0, 1);--garra-radii-control:6px;--garra-radii-full:9999px;--garra-radii-overlay:12px;--garra-radii-pill:var(--garra-radii-full);--garra-radii-surface:8px}}}@layer recipes{@layer _base{.garra-garra-toggle{gap:var(--garra-spacing-inline-gap);border-radius:var(--garra-radii-control);border-width:var(--garra-border-widths-default);padding-inline:var(--garra-spacing-inset-default);padding-block:var(--garra-spacing-help-gap);letter-spacing:0;color:var(--garra-colors-text-secondary);cursor:pointer;transition-property:background-color,color,border-color;transition-duration:var(--garra-durations-motion-feedback-duration);transition-timing-function:var(--garra-easings-motion-feedback-easing);min-height:var(--garra-sizes-control-default);background:0 0;border-style:solid;border-color:#0000;flex-shrink:0;justify-content:center;align-items:center;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.42857;display:inline-flex}.garra-garra-toggle[data-pressed]{background:var(--toggle-bg);border-color:var(--toggle-border);color:var(--toggle-fg)}.garra-garra-toggle[data-pressed]:is(:hover,[data-hover]){background:var(--toggle-bg-hover,color-mix(in srgb, var(--toggle-bg) 92%, var(--toggle-fg)))}.garra-garra-toggle[data-disabled]{background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground);cursor:not-allowed}.garra-garra-toggle[data-dot-chip]{background:var(--garra-colors-background-surface);border-radius:var(--garra-radii-pill);border-color:var(--garra-colors-border-control);color:var(--garra-colors-text-primary);gap:.375rem;padding-block:0;font-size:.8125rem}.garra-garra-toggle[data-dot-chip][data-pressed]{background:var(--garra-colors-action-primary-background-default);border-color:var(--garra-colors-action-primary-border-default);color:var(--garra-colors-action-primary-foreground-default)}.garra-garra-toggle[data-dot-chip][data-pressed]:is(:hover,[data-hover]){background:var(--garra-colors-action-primary-background-hover)}.garra-garra-toggle[data-dot-chip][data-disabled]{background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground)}.garra-garra-toggle:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-toggle:is(:hover,[data-hover]){background:var(--garra-colors-interaction-background-hover);color:var(--garra-colors-text-primary)}.garra-garra-toggle:is(:active,[data-active]){background:var(--garra-colors-interaction-background-pressed)}.garra-dot-footer{background:var(--garra-colors-background-canvas);gap:var(--garra-spacing-inline-gap);padding-block:var(--garra-spacing-inline-gap);margin-top:auto;position:sticky;bottom:0}.garra-garra-badge{padding-inline:var(--garra-spacing-help-gap);letter-spacing:0;vertical-align:middle;white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.75rem;font-weight:500;line-height:1.33333;display:inline-flex}.garra-garra-text{overflow-wrap:anywhere;color:var(--garra-colors-text-primary);min-width:0;margin:0}.garra-dot-image{max-width:100%;display:block}.garra-dot-qr-code{background:var(--garra-colors-background-surface);border-radius:var(--garra-radii-surface);flex-shrink:0;display:block;overflow:hidden}.garra-garra-heading{overflow-wrap:anywhere;color:var(--garra-colors-text-primary);min-width:0;margin:0}.garra-dot-view[data-dot-view-card]{overflow:visible}.garra-dot-view[data-dot-view]{min-width:auto}.garra-garra-stack{flex-direction:column;min-width:0;display:flex}.garra-garra-inline{flex-wrap:wrap;align-items:center;min-width:0;display:flex}.garra-garra-skeleton{background:var(--garra-colors-border-decorative);border-radius:var(--garra-radii-control);flex-shrink:0;display:block}.garra-garra-button{gap:var(--garra-spacing-inline-gap);border-width:var(--garra-border-widths-default);padding-inline:var(--garra-spacing-inset-default);padding-block:var(--garra-spacing-help-gap);border-radius:var(--garra-radii-control);vertical-align:middle;-webkit-appearance:none;appearance:none;letter-spacing:0;cursor:pointer;white-space:normal;overflow-wrap:anywhere;transition-property:background-color,border-color,color;transition-duration:var(--garra-durations-motion-feedback-duration);transition-timing-function:var(--garra-easings-motion-feedback-easing);min-width:0;max-width:100%;min-height:var(--garra-sizes-control-default);border-style:solid;flex-shrink:0;justify-content:center;align-items:center;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.42857;text-decoration:none;display:inline-flex;position:relative}.garra-garra-button:disabled,.garra-garra-button[data-disabled]:not([data-loading]),.garra-garra-button[aria-disabled=true]:not([data-loading]){background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground);cursor:not-allowed}.garra-garra-button [data-spinner]{animation:1s linear infinite garra-spin;display:inline-flex}.garra-garra-button[data-loading]{cursor:progress}.garra-garra-button [data-garra-icon]{flex-shrink:0}.garra-garra-button:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-divider{background:currentColor;border:0;flex-shrink:0;margin:0}.garra-garra-divider[data-orientation=vertical]{width:var(--divider-thickness,1px);align-self:stretch;min-height:1em}.garra-garra-divider[data-orientation=horizontal]{width:100%;height:var(--divider-thickness,1px)}@media (pointer:coarse){.garra-garra-toggle,.garra-garra-button,.garra-garra-icon-button:not([data-embedded]){min-height:var(--garra-sizes-target-touch)}}@media (prefers-reduced-motion:reduce){.garra-garra-toggle,.garra-garra-button{transition-duration:0s}.garra-garra-button [data-spinner]{animation:none}}}.garra-garra-toggle--size_sm{padding-inline:var(--garra-spacing-inset-compact);min-height:var(--garra-sizes-control-compact)}.garra-garra-toggle--size_sm[data-dot-chip]{min-height:2.125rem;padding-inline:.875rem}.garra-garra-toggle--intent_default{--toggle-bg:var(--garra-colors-selection-background);--toggle-bg-hover:var(--garra-colors-selection-background-hover);--toggle-fg:var(--garra-colors-selection-foreground);--toggle-border:var(--garra-colors-selection-border)}.garra-garra-toggle--size_md{min-height:var(--garra-sizes-control-default)}.garra-garra-toggle--intent_primary{--toggle-bg:var(--garra-colors-selection-background);--toggle-bg-hover:var(--garra-colors-selection-background-hover);--toggle-fg:var(--garra-colors-selection-foreground);--toggle-border:var(--garra-colors-selection-border)}.garra-garra-toggle--intent_notice{--toggle-bg:var(--garra-colors-feedback-notice-background);--toggle-fg:var(--garra-colors-feedback-notice-text);--toggle-border:var(--garra-colors-feedback-notice-icon)}.garra-garra-toggle--intent_success{--toggle-bg:var(--garra-colors-feedback-success-background);--toggle-fg:var(--garra-colors-feedback-success-text);--toggle-border:var(--garra-colors-feedback-success-icon)}.garra-garra-toggle--intent_warning{--toggle-bg:var(--garra-colors-feedback-warning-background);--toggle-fg:var(--garra-colors-feedback-warning-text);--toggle-border:var(--garra-colors-feedback-warning-icon)}.garra-garra-toggle--intent_danger{--toggle-bg:var(--garra-colors-feedback-danger-background);--toggle-fg:var(--garra-colors-feedback-danger-text);--toggle-border:var(--garra-colors-feedback-danger-icon)}.garra-garra-toggle--fullWidth_true{width:100%}.garra-garra-toggle--size_lg{min-height:2.5rem}.garra-garra-toggle--size_xlg{padding-inline:var(--garra-spacing-inset-comfortable);min-height:var(--garra-sizes-control-comfortable)}.garra-garra-badge--size_sm{min-width:1rem;min-height:1rem}.garra-garra-badge--rounding_full{border-radius:var(--garra-radii-pill)}.garra-garra-badge--intent_danger{background:var(--garra-colors-feedback-danger-background);color:var(--garra-colors-feedback-danger-text)}.garra-garra-badge--intent_danger[data-dot-grid-badge]{background:var(--garra-colors-action-destructive-background-default);color:var(--garra-colors-action-destructive-foreground-default)}.garra-garra-badge--intent_primary{background:var(--garra-colors-selection-background);color:var(--garra-colors-selection-foreground)}.garra-garra-badge--intent_primary[data-dot-tab-badge]{background:var(--garra-colors-action-primary-background-default);color:var(--garra-colors-action-primary-foreground-default)}.garra-garra-badge--size_md{min-width:1.5rem;min-height:1.5rem}.garra-garra-badge--size_lg{min-width:2rem;min-height:2rem}.garra-garra-badge--size_lg,.garra-garra-badge--size_xlg{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.42857}.garra-garra-badge--size_xlg{min-width:2.5rem;min-height:2.5rem}.garra-garra-badge--rounding_sm{border-radius:min(2px, var(--garra-radii-control))}.garra-garra-badge--rounding_md{border-radius:var(--garra-radii-control)}.garra-garra-badge--rounding_lg{border-radius:var(--garra-radii-surface)}.garra-garra-badge--intent_default{background:var(--garra-colors-background-surface-sunken);color:var(--garra-colors-text-primary)}.garra-garra-badge--intent_notice{background:var(--garra-colors-feedback-notice-background);color:var(--garra-colors-feedback-notice-text)}.garra-garra-badge--intent_success{background:var(--garra-colors-feedback-success-background);color:var(--garra-colors-feedback-success-text)}.garra-garra-badge--intent_warning{background:var(--garra-colors-feedback-warning-background);color:var(--garra-colors-feedback-warning-text)}.garra-garra-text--variant_caption{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.33333}.garra-garra-text--align_center{text-align:center}.garra-garra-text--variant_body{font-size:1rem;line-height:1.5}.garra-garra-text--variant_body,.garra-garra-text--variant_bodySmall{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-weight:400}.garra-garra-text--variant_bodySmall{font-size:.875rem;line-height:1.42857}.garra-garra-text--variant_bodyLarge{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.55556}.garra-garra-text--variant_label{font-size:.875rem;line-height:1.42857}.garra-garra-text--variant_label,.garra-garra-text--variant_labelSmall{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-weight:500}.garra-garra-text--variant_labelSmall{font-size:.75rem;line-height:1.33333}.garra-garra-text--variant_code{letter-spacing:0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem;font-weight:400;line-height:1.42857}.garra-garra-text--align_left{text-align:left}.garra-garra-text--align_right{text-align:right}.garra-garra-text--tone_default{color:var(--garra-colors-text-primary)}.garra-garra-text--tone_secondary{color:var(--garra-colors-text-secondary)}.garra-garra-text--tone_danger{color:var(--garra-colors-feedback-danger-text)}.garra-garra-text--tone_success{color:var(--garra-colors-feedback-success-text)}.garra-garra-text--tone_inherit{color:inherit}.garra-dot-image--shape_rounded{border-radius:var(--garra-radii-surface)}.garra-dot-image--shape_square{border-radius:0}.garra-dot-image--shape_circle{border-radius:var(--garra-radii-full)}.garra-garra-heading--variant_headingMedium{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.33333}.garra-garra-heading--align_right{text-align:right}.garra-garra-heading--align_left{text-align:left}.garra-garra-heading--variant_headingSmall{letter-spacing:0;font-size:1.25rem;line-height:1.4}.garra-garra-heading--variant_headingSmall,.garra-garra-heading--variant_headingLarge{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-weight:600}.garra-garra-heading--variant_headingLarge{letter-spacing:-.01875rem;font-size:1.875rem;line-height:1.26667}.garra-garra-heading--variant_displaySmall{font-size:2.25rem;line-height:1.22222}.garra-garra-heading--variant_displaySmall,.garra-garra-heading--variant_display{letter-spacing:-.0375rem;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-weight:600}.garra-garra-heading--variant_display{font-size:3rem;line-height:1.16667}.garra-garra-heading--align_center{text-align:center}.garra-dot-view--direction_column{flex-direction:column}.garra-dot-view--gap_medium{gap:var(--garra-spacing-inline-gap)}.garra-dot-view--align_stretch{align-items:stretch}.garra-dot-view--justify_start{justify-content:flex-start}.garra-dot-view--wrap_false{flex-wrap:nowrap}.garra-dot-view--padding_none{padding:0}.garra-dot-view--interactive_true{cursor:pointer}.garra-dot-view--padding_large{padding:var(--garra-spacing-content-gap)}.garra-dot-view--direction_row{flex-direction:row}.garra-dot-view--gap_none{gap:0}.garra-dot-view--gap_small{gap:var(--garra-spacing-help-gap)}.garra-dot-view--gap_large{gap:var(--garra-spacing-content-gap)}.garra-dot-view--align_start{align-items:flex-start}.garra-dot-view--align_center{align-items:center}.garra-dot-view--align_end{align-items:flex-end}.garra-dot-view--justify_center{justify-content:center}.garra-dot-view--justify_end{justify-content:flex-end}.garra-dot-view--justify_between{justify-content:space-between}.garra-dot-view--wrap_true{flex-wrap:wrap}.garra-dot-view--grow_true{flex-grow:1}.garra-dot-view--grow_true[data-dot-view-grow]{min-width:0}.garra-dot-view--padding_small{padding:var(--garra-spacing-help-gap)}.garra-dot-view--padding_medium{padding:var(--garra-spacing-inline-gap)}.garra-dot-view--paddingTop_none{padding-top:0}.garra-dot-view--paddingTop_small{padding-top:var(--garra-spacing-help-gap)}.garra-dot-view--paddingTop_medium{padding-top:var(--garra-spacing-inline-gap)}.garra-dot-view--paddingTop_large{padding-top:var(--garra-spacing-content-gap)}.garra-dot-view--paddingStart_none{padding-inline-start:0}.garra-dot-view--paddingStart_small{padding-inline-start:var(--garra-spacing-help-gap)}.garra-dot-view--paddingStart_medium{padding-inline-start:var(--garra-spacing-inline-gap)}.garra-dot-view--paddingStart_large{padding-inline-start:var(--garra-spacing-content-gap)}.garra-dot-view--paddingEnd_none{padding-inline-end:0}.garra-dot-view--paddingEnd_small{padding-inline-end:var(--garra-spacing-help-gap)}.garra-dot-view--paddingEnd_medium{padding-inline-end:var(--garra-spacing-inline-gap)}.garra-dot-view--paddingEnd_large{padding-inline-end:var(--garra-spacing-content-gap)}.garra-dot-view--paddingBottom_none{padding-bottom:0}.garra-dot-view--paddingBottom_small{padding-bottom:var(--garra-spacing-help-gap)}.garra-dot-view--paddingBottom_medium{padding-bottom:var(--garra-spacing-inline-gap)}.garra-dot-view--paddingBottom_large{padding-bottom:var(--garra-spacing-content-gap)}.garra-garra-stack--role_content{gap:var(--garra-spacing-content-gap)}.garra-garra-stack--align_stretch{align-items:stretch}.garra-garra-stack--role_fields{gap:var(--garra-spacing-field-gap)}.garra-garra-stack--role_sections{gap:var(--garra-spacing-section-gap)}.garra-garra-stack--role_related{gap:var(--garra-spacing-stack-default)}.garra-garra-stack--role_supporting{gap:var(--garra-spacing-help-gap)}.garra-garra-stack--align_start{align-items:flex-start}.garra-garra-stack--align_center{align-items:center}.garra-garra-stack--align_end{align-items:flex-end}.garra-garra-inline--role_related{gap:var(--garra-spacing-inline-gap)}.garra-garra-inline--align_center{align-items:center}.garra-garra-inline--justify_start{justify-content:flex-start}.garra-garra-inline--role_controls{gap:var(--garra-spacing-inline-gap)}.garra-garra-inline--role_supporting{gap:var(--garra-spacing-help-gap)}.garra-garra-inline--align_start{align-items:flex-start}.garra-garra-inline--align_end{align-items:flex-end}.garra-garra-inline--align_baseline{align-items:baseline}.garra-garra-inline--justify_end{justify-content:flex-end}.garra-garra-inline--justify_between{justify-content:space-between}.garra-garra-inline--justify_center{justify-content:center}.garra-garra-inline--wrap_false{flex-wrap:nowrap}.garra-garra-skeleton--variant_text{border-radius:min(2px, var(--garra-radii-control));width:100%;height:1rem}.garra-garra-skeleton--animated_true{animation:1.8s ease-in-out infinite garra-skeleton-pulse}.garra-garra-skeleton--variant_icon{width:1rem;height:1rem}.garra-garra-skeleton--variant_circle{border-radius:var(--garra-radii-full);width:2.5rem;height:2.5rem}.garra-garra-skeleton--variant_block{border-radius:var(--garra-radii-surface);width:100%;height:6rem}.garra-garra-skeleton--intent_brand{background:var(--garra-colors-selection-background)}.garra-garra-skeleton--intent_danger{background:var(--garra-colors-feedback-danger-background)}.garra-garra-skeleton--intent_success{background:var(--garra-colors-feedback-success-background)}.garra-garra-skeleton--intent_warning{background:var(--garra-colors-feedback-warning-background)}.garra-garra-button--variant_fill{background:var(--action-bg);border-color:var(--action-border);color:var(--action-fg)}.garra-garra-button--variant_fill:is(:disabled,[data-disabled],[aria-disabled=true]):not([data-loading]){background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground);cursor:not-allowed}.garra-garra-button--variant_fill:is(:focus-visible,[data-focus-visible]){outline-color:currentColor}.garra-garra-button--variant_fill:is(:hover,[data-hover]){background:var(--action-hover);border-color:var(--action-border-hover);color:var(--action-fg-hover)}.garra-garra-button--variant_fill:is(:active,[data-active]){background:var(--action-pressed);border-color:var(--action-border-pressed);color:var(--action-fg-pressed)}.garra-garra-button--intent_primary{--action-bg:var(--garra-colors-action-primary-background-default);--action-hover:var(--garra-colors-action-primary-background-hover);--action-pressed:var(--garra-colors-action-primary-background-pressed);--action-fg:var(--garra-colors-action-primary-foreground-default);--action-fg-hover:var(--garra-colors-action-primary-foreground-hover);--action-fg-pressed:var(--garra-colors-action-primary-foreground-pressed);--action-ink:var(--garra-colors-action-primary-text);--action-border:var(--garra-colors-action-primary-border-default);--action-border-hover:var(--garra-colors-action-primary-border-hover);--action-border-pressed:var(--garra-colors-action-primary-border-pressed);--action-soft-default:var(--garra-colors-action-primary-subtle-background-default);--action-soft-hover:var(--garra-colors-action-primary-subtle-background-hover);--action-soft-pressed:var(--garra-colors-action-primary-subtle-background-pressed)}.garra-garra-button--size_md{min-height:var(--garra-sizes-control-default)}.garra-garra-button--rounding_basic{border-radius:var(--garra-radii-control)}.garra-garra-button--intent_default{--action-bg:var(--garra-colors-action-secondary-background-default);--action-hover:var(--garra-colors-action-secondary-background-hover);--action-pressed:var(--garra-colors-action-secondary-background-pressed);--action-fg:var(--garra-colors-action-secondary-foreground-default);--action-fg-hover:var(--garra-colors-action-secondary-foreground-hover);--action-fg-pressed:var(--garra-colors-action-secondary-foreground-pressed);--action-ink:var(--garra-colors-action-secondary-text);--action-border:var(--garra-colors-action-secondary-border-default);--action-border-hover:var(--garra-colors-action-secondary-border-hover);--action-border-pressed:var(--garra-colors-action-secondary-border-pressed);--action-soft-default:var(--garra-colors-action-secondary-subtle-background-default);--action-soft-hover:var(--garra-colors-action-secondary-subtle-background-hover);--action-soft-pressed:var(--garra-colors-action-secondary-subtle-background-pressed)}.garra-garra-button--intent_danger{--action-bg:var(--garra-colors-action-destructive-background-default);--action-hover:var(--garra-colors-action-destructive-background-hover);--action-pressed:var(--garra-colors-action-destructive-background-pressed);--action-fg:var(--garra-colors-action-destructive-foreground-default);--action-fg-hover:var(--garra-colors-action-destructive-foreground-hover);--action-fg-pressed:var(--garra-colors-action-destructive-foreground-pressed);--action-ink:var(--garra-colors-action-destructive-text);--action-border:var(--garra-colors-action-destructive-border-default);--action-border-hover:var(--garra-colors-action-destructive-border-hover);--action-border-pressed:var(--garra-colors-action-destructive-border-pressed);--action-soft-default:var(--garra-colors-action-destructive-subtle-background-default);--action-soft-hover:var(--garra-colors-action-destructive-subtle-background-hover);--action-soft-pressed:var(--garra-colors-action-destructive-subtle-background-pressed)}.garra-garra-button--intent_notice{--action-bg:var(--garra-colors-action-notice-background-default);--action-hover:var(--garra-colors-action-notice-background-hover);--action-pressed:var(--garra-colors-action-notice-background-pressed);--action-fg:var(--garra-colors-action-notice-foreground-default);--action-fg-hover:var(--garra-colors-action-notice-foreground-hover);--action-fg-pressed:var(--garra-colors-action-notice-foreground-pressed);--action-ink:var(--garra-colors-action-notice-text);--action-border:var(--garra-colors-action-notice-border-default);--action-border-hover:var(--garra-colors-action-notice-border-hover);--action-border-pressed:var(--garra-colors-action-notice-border-pressed);--action-soft-default:var(--garra-colors-action-notice-subtle-background-default);--action-soft-hover:var(--garra-colors-action-notice-subtle-background-hover);--action-soft-pressed:var(--garra-colors-action-notice-subtle-background-pressed)}.garra-garra-button--intent_success{--action-bg:var(--garra-colors-action-success-background-default);--action-hover:var(--garra-colors-action-success-background-hover);--action-pressed:var(--garra-colors-action-success-background-pressed);--action-fg:var(--garra-colors-action-success-foreground-default);--action-fg-hover:var(--garra-colors-action-success-foreground-hover);--action-fg-pressed:var(--garra-colors-action-success-foreground-pressed);--action-ink:var(--garra-colors-action-success-text);--action-border:var(--garra-colors-action-success-border-default);--action-border-hover:var(--garra-colors-action-success-border-hover);--action-border-pressed:var(--garra-colors-action-success-border-pressed);--action-soft-default:var(--garra-colors-action-success-subtle-background-default);--action-soft-hover:var(--garra-colors-action-success-subtle-background-hover);--action-soft-pressed:var(--garra-colors-action-success-subtle-background-pressed)}.garra-garra-button--intent_warning{--action-bg:var(--garra-colors-action-warning-background-default);--action-hover:var(--garra-colors-action-warning-background-hover);--action-pressed:var(--garra-colors-action-warning-background-pressed);--action-fg:var(--garra-colors-action-warning-foreground-default);--action-fg-hover:var(--garra-colors-action-warning-foreground-hover);--action-fg-pressed:var(--garra-colors-action-warning-foreground-pressed);--action-ink:var(--garra-colors-action-warning-text);--action-border:var(--garra-colors-action-warning-border-default);--action-border-hover:var(--garra-colors-action-warning-border-hover);--action-border-pressed:var(--garra-colors-action-warning-border-pressed);--action-soft-default:var(--garra-colors-action-warning-subtle-background-default);--action-soft-hover:var(--garra-colors-action-warning-subtle-background-hover);--action-soft-pressed:var(--garra-colors-action-warning-subtle-background-pressed)}.garra-garra-button--variant_outline{background:var(--garra-colors-background-surface);border-color:var(--action-border);color:var(--action-ink)}.garra-garra-button--variant_outline:is(:disabled,[data-disabled],[aria-disabled=true]):not([data-loading]){background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground);cursor:not-allowed}.garra-garra-button--variant_outline:is(:hover,[data-hover]){background:var(--action-soft-hover)}.garra-garra-button--variant_outline:is(:active,[data-active]){background:var(--action-soft-pressed)}.garra-garra-button--variant_text{color:var(--action-ink);background:0 0;border-color:#0000}.garra-garra-button--variant_text:is(:disabled,[data-disabled],[aria-disabled=true]):not([data-loading]){background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground);cursor:not-allowed}.garra-garra-button--variant_text:is(:hover,[data-hover]){background:var(--action-soft-default)}.garra-garra-button--variant_text:is(:active,[data-active]){background:var(--action-soft-hover)}.garra-garra-button--variant_ghost{background:var(--action-soft-default);color:var(--action-ink);border-color:#0000}.garra-garra-button--variant_ghost:is(:disabled,[data-disabled],[aria-disabled=true]):not([data-loading]){background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground);cursor:not-allowed}.garra-garra-button--variant_ghost:is(:hover,[data-hover]){background:var(--action-soft-hover)}.garra-garra-button--variant_ghost:is(:active,[data-active]){background:var(--action-soft-pressed)}.garra-garra-button--size_sm{padding-inline:var(--garra-spacing-inset-compact);min-height:var(--garra-sizes-control-compact)}.garra-garra-button--size_lg{min-height:2.5rem}.garra-garra-button--size_xlg{padding-inline:var(--garra-spacing-inset-comfortable);min-height:var(--garra-sizes-control-comfortable)}.garra-garra-button--rounding_none{border-radius:0}.garra-garra-button--rounding_medium{border-radius:var(--garra-radii-surface)}.garra-garra-button--rounding_full{border-radius:var(--garra-radii-pill)}.garra-garra-button--spacing_compact{padding-inline:var(--garra-spacing-inset-compact);min-height:var(--garra-sizes-control-compact)}.garra-garra-button--spacing_none{padding:0}.garra-garra-button--fullWidth_true{width:100%}.garra-garra-divider--intent_default{color:var(--garra-colors-border-decorative)}.garra-garra-divider--intent_primary{color:var(--garra-colors-selection-border)}.garra-garra-divider--intent_success{color:var(--garra-colors-feedback-success-border)}.garra-garra-divider--intent_warning{color:var(--garra-colors-feedback-warning-border)}.garra-garra-divider--intent_danger{color:var(--garra-colors-feedback-danger-border)}.garra-garra-divider--intent_notice{color:var(--garra-colors-feedback-notice-border)}@media (pointer:coarse){.garra-garra-toggle--size_sm{min-height:var(--garra-sizes-target-touch)}.garra-garra-toggle--size_sm[data-dot-chip]{min-height:2.125rem}.garra-garra-toggle--size_md,.garra-garra-toggle--size_lg,.garra-garra-toggle--size_xlg,.garra-garra-button--size_md,.garra-garra-button--size_sm,.garra-garra-button--size_lg,.garra-garra-button--size_xlg,.garra-garra-button--spacing_compact,.garra-garra-icon-button--size_md:not([data-embedded]),.garra-garra-icon-button--size_sm:not([data-embedded]),.garra-garra-icon-button--size_lg:not([data-embedded]),.garra-garra-icon-button--size_xlg:not([data-embedded]),.garra-garra-icon-button--spacing_compact:not([data-embedded]){min-height:var(--garra-sizes-target-touch)}}@media (prefers-reduced-motion:reduce){.garra-garra-skeleton--animated_true{animation:none}}}@layer utilities{@layer compositions{.garra-textStyle_bodyStrong{font-size:1rem;line-height:1.5}.garra-textStyle_bodyStrong,.garra-textStyle_bodySmallStrong{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-weight:600}.garra-textStyle_bodySmallStrong{font-size:.875rem;line-height:1.42857}}.garra-bdr_md{border-radius:md}.garra-gap_8px{gap:8px}.garra-flex_0_0_auto{flex:none}.garra-c_currentColor{color:currentColor}.garra-d_flex{display:flex}.garra-flex-d_column{flex-direction:column}.garra-ai_center{align-items:center}.garra-resize_none{resize:none}.garra-w_40{width:40px}.garra-h_40{height:40px}.garra-h_80{height:80px}.garra-w_100\%{width:100%}.garra-w_60\%{width:60%}.garra-h_12{height:12px}}@layer recipes.slots{@layer _base{.garra-garra-number-field__root{width:min(16rem,100%);min-width:0}.garra-garra-number-field__root[data-dot-amount-input]{width:100%}.garra-garra-number-field__group{background:var(--garra-colors-background-surface);border:1px solid;border-color:var(--garra-colors-border-control);border-radius:var(--garra-radii-control);display:flex;overflow:hidden}.garra-garra-number-field__group[data-disabled]{background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border)}.garra-garra-number-field__group[data-invalid]{border-color:var(--garra-colors-feedback-danger-border)}.garra-garra-number-field__group[data-dot-amount-group]{align-items:center}.garra-garra-number-field__group [data-dot-amount-currency]{color:var(--garra-colors-text-primary);flex-shrink:0;padding-inline-start:var(--garra-spacing-inset-compact);font-size:1.25rem;font-weight:500}.garra-garra-number-field__group:has(input:focus-visible){border-color:var(--garra-colors-focus-ring);box-shadow:inset 0 0 0 1px var(--garra-colors-focus-ring)}.garra-garra-number-field__input{padding-inline:var(--garra-spacing-inset-compact);letter-spacing:0;color:var(--garra-colors-text-primary);width:100%;min-width:0;min-height:calc(var(--garra-sizes-control-default) - 2px);background:0 0;border:0;outline:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.42857}.garra-garra-number-field__input:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){color:var(--garra-colors-disabled-foreground)}.garra-garra-number-field__input[data-dot-amount-control]{min-height:var(--garra-sizes-target-touch);font-size:1.75rem;font-weight:600}.garra-garra-number-field__increment{color:var(--garra-colors-icon-secondary);cursor:pointer;transition-property:color;transition-duration:var(--garra-durations-motion-feedback-duration);transition-timing-function:var(--garra-easings-motion-feedback-easing);width:var(--garra-sizes-control-default);min-height:calc(var(--garra-sizes-control-default) - 2px);background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.garra-garra-number-field__increment:is(:disabled,[data-disabled],[aria-disabled=true]){color:var(--garra-colors-disabled-foreground);cursor:default;background:0 0}.garra-garra-number-field__increment:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-number-field__increment:is(:hover,:active,[data-pressed]){color:var(--garra-colors-icon-primary);background:0 0}.garra-garra-number-field__decrement{color:var(--garra-colors-icon-secondary);cursor:pointer;transition-property:color;transition-duration:var(--garra-durations-motion-feedback-duration);transition-timing-function:var(--garra-easings-motion-feedback-easing);width:var(--garra-sizes-control-default);min-height:calc(var(--garra-sizes-control-default) - 2px);background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.garra-garra-number-field__decrement:is(:disabled,[data-disabled],[aria-disabled=true]){color:var(--garra-colors-disabled-foreground);cursor:default;background:0 0}.garra-garra-number-field__decrement:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-number-field__decrement:is(:hover,:active,[data-pressed]){color:var(--garra-colors-icon-primary);background:0 0}.garra-garra-linear-progress__root{gap:var(--garra-spacing-help-gap);grid-template-columns:1fr auto;align-items:center;width:min(20rem,100%);display:grid}.garra-garra-linear-progress__root[data-full-width]{width:100%}.garra-garra-linear-progress__label{color:var(--garra-colors-text-primary);font-size:.875rem;font-weight:500;line-height:1.42857}.garra-garra-linear-progress__label,.garra-garra-linear-progress__value{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.garra-garra-linear-progress__value{color:var(--garra-colors-text-secondary);grid-column:2;font-size:.75rem;font-weight:400;line-height:1.33333}.garra-garra-linear-progress__track{background:var(--garra-colors-progress-track);border-radius:var(--progress-radius,0px);height:var(--progress-height,4px);grid-column:1/-1;position:relative;overflow:hidden}.garra-garra-linear-progress__indicator{background:var(--progress-color);border-radius:inherit;transition-property:width;transition-duration:var(--garra-durations-motion-progress-update-duration);transition-timing-function:var(--garra-easings-motion-progress-update-easing)}.garra-garra-linear-progress__indicator[data-indeterminate]{width:40%;height:100%;animation:1.4s ease-in-out infinite garra-progress-slide}.garra-garra-linear-progress__indicator[data-indeterminate]:dir(rtl){animation-name:garra-progress-slide-rtl}.garra-garra-callout__root{--callout-bg:var(--garra-colors-background-surface-sunken);--callout-fg:var(--garra-colors-text-primary);--callout-icon:var(--garra-colors-text-secondary);--callout-border:var(--garra-colors-border-decorative);padding:var(--garra-spacing-inset-default);background:var(--callout-bg);gap:var(--garra-spacing-inline-gap);border-radius:var(--garra-radii-surface);border:1px solid;border-color:var(--callout-border);color:var(--callout-fg);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.garra-garra-callout__root[data-has-icon]{grid-template-columns:auto minmax(0,1fr)}.garra-garra-callout__root[data-has-title]>[data-garra-adornment]{min-height:1.5rem}.garra-garra-callout__icon{color:var(--callout-icon);justify-content:center;align-items:center;min-height:1.25rem;display:inline-flex}.garra-garra-callout__content{min-width:0}.garra-garra-callout__title{font-size:1rem;font-weight:600;line-height:1.5}.garra-garra-callout__title,.garra-garra-callout__body{letter-spacing:0;color:inherit;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.garra-garra-callout__body{opacity:.88;font-size:.875rem;font-weight:400;line-height:1.42857}.garra-garra-callout__body:not(:first-child){margin-top:var(--garra-spacing-help-gap)}.garra-garra-callout__actions{gap:var(--garra-spacing-inline-gap);margin-top:var(--garra-spacing-content-gap);flex-wrap:wrap;align-items:center;display:flex}.garra-dot-grid__root{display:grid}.garra-dot-grid__item{padding-block:var(--garra-spacing-help-gap);gap:.375rem;position:relative}.garra-dot-grid__item[data-interactive]{cursor:pointer}.garra-dot-grid__picture{background:var(--garra-colors-fill-primary);border-radius:var(--garra-radii-surface);color:var(--garra-colors-accent-icon);flex-shrink:0;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:flex;position:relative}.garra-dot-grid__image{border-radius:inherit;width:100%;height:100%;display:block}.garra-dot-grid__badge{inset-inline-end:-.625rem;position:absolute;top:-.375rem}.garra-dot-grid__label{color:var(--garra-colors-text-primary);-webkit-box-orient:vertical;width:100%;font-size:.8125rem;line-height:normal;display:-webkit-box;overflow:hidden}.garra-garra-text-field__control{background:var(--garra-colors-background-surface);gap:var(--garra-spacing-help-gap);border-width:var(--garra-border-widths-default);border-style:solid;border-color:var(--garra-colors-border-control);border-radius:var(--garra-radii-control);padding-inline:var(--garra-spacing-inset-compact);color:var(--garra-colors-text-primary);min-height:var(--garra-sizes-control-default);align-items:center;display:flex}.garra-garra-text-field__control[data-disabled]{background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground)}.garra-garra-text-field__control[data-invalid]{border-color:var(--garra-colors-validation-invalid-border)}.garra-garra-text-field__control:has(>[data-slot=start]>[data-embedded]){padding-inline-start:2px}.garra-garra-text-field__control:has(>[data-slot=end]>[data-embedded]){padding-inline-end:2px}.garra-garra-text-field__control:has(input:focus-visible){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-text-field__control:hover:not([data-disabled]){border-color:var(--garra-colors-border-control-hover)}.garra-garra-text-field__start,.garra-garra-text-field__end{white-space:nowrap;color:var(--garra-colors-icon-secondary);flex-shrink:0;display:inline-flex}.garra-garra-text-field__start,.garra-garra-text-field__end,.garra-garra-text-field__input{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.42857}.garra-garra-text-field__input{padding-block:var(--garra-spacing-help-gap);color:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0;padding-inline:0}.garra-garra-text-field__input::placeholder,.garra-garra-text-field__input[data-placeholder]{color:var(--garra-colors-text-placeholder)}.garra-garra-text-field__input:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){cursor:not-allowed;color:var(--garra-colors-disabled-foreground)}.garra-dot-select-sheet__list{gap:var(--garra-spacing-stack-tight);display:grid}.garra-dot-select-sheet__option{text-align:start;justify-content:space-between}.garra-garra-circular-progress__root{gap:var(--garra-spacing-help-gap);vertical-align:middle;flex-direction:column;align-items:center;display:inline-flex}.garra-garra-circular-progress__label{color:var(--garra-colors-text-primary);font-size:.875rem;font-weight:500;line-height:1.42857}.garra-garra-circular-progress__label,.garra-garra-circular-progress__value{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.garra-garra-circular-progress__value{color:var(--garra-colors-text-secondary);font-size:.75rem;font-weight:400;line-height:1.33333}.garra-garra-circular-progress__track{width:var(--progress-size,40px);height:var(--progress-size,40px);display:block;transform:rotate(-90deg)}.garra-garra-circular-progress__track[data-indeterminate]{animation:1.4s linear infinite garra-progress-rotate}.garra-garra-circular-progress__indicator{stroke:var(--progress-color);fill:none;transition-property:stroke-dashoffset;transition-duration:var(--garra-durations-motion-progress-update-duration);transition-timing-function:var(--garra-easings-motion-progress-update-easing)}.garra-garra-circular-progress__indicator[data-indeterminate]{animation:1.4s ease-in-out infinite garra-progress-arc}.garra-garra-toast__viewport{gap:var(--garra-spacing-stack-tight);z-index:var(--garra-z-index-notification);max-height:calc(100dvh - 2rem);inset-inline-start:var(--garra-spacing-page-gutter-narrow);inset-inline-end:var(--garra-spacing-page-gutter-narrow);top:calc(env(safe-area-inset-top,0px) + var(--garra-spacing-page-gutter-narrow));outline:0;flex-direction:column;width:20rem;max-width:calc(100vw - 2rem);margin-inline:auto;display:flex;position:fixed;bottom:auto;overflow-y:auto}.garra-garra-toast__root{padding:var(--garra-spacing-inset-default);background:var(--garra-colors-background-surface-raised);border:1px solid;border-color:var(--garra-colors-border-decorative);border-radius:var(--garra-radii-overlay);padding-block:var(--garra-spacing-inset-compact);color:var(--garra-colors-text-primary);box-shadow:var(--garra-shadows-floating);opacity:1;transform:translateX(var(--toast-swipe-movement-x,0px));transition-property:opacity,transform;transition-duration:var(--garra-durations-motion-position-duration);transition-timing-function:var(--garra-easings-motion-position-easing);outline:0;flex-shrink:0;padding-inline-end:2.75rem;position:relative}.garra-garra-toast__root [data-spinner]{animation:.8s linear infinite garra-spin;display:inline-flex}.garra-garra-toast__root[data-swiping]{transition:none}.garra-garra-toast__root[data-starting-style],.garra-garra-toast__root[data-ending-style]{opacity:0;transform:translateY(8px)}.garra-garra-toast__root[data-ending-style]{transition-duration:var(--garra-durations-motion-feedback-duration)}.garra-garra-toast__root[data-ending-style][data-swipe-direction=right]{transform:translate(110%)}.garra-garra-toast__root[data-limited]{display:none}.garra-garra-toast__root[data-type=success] [data-toast-icon]{color:var(--garra-colors-feedback-success-icon)}.garra-garra-toast__root[data-type=danger] [data-toast-icon]{color:var(--garra-colors-feedback-danger-icon)}.garra-garra-toast__root[data-type=warning] [data-toast-icon]{color:var(--garra-colors-feedback-warning-icon)}.garra-garra-toast__root[data-type=notice] [data-toast-icon]{color:var(--garra-colors-feedback-notice-icon)}.garra-garra-toast__root:focus-visible{outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-toast__content{gap:var(--garra-spacing-inline-gap);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.garra-garra-toast__title{margin:0;font-weight:500}.garra-garra-toast__title,.garra-garra-toast__description{letter-spacing:0;overflow-wrap:anywhere;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;line-height:1.42857}.garra-garra-toast__description{color:var(--garra-colors-text-secondary);margin-top:var(--garra-spacing-help-gap);font-weight:400}.garra-garra-toast__icon{margin-top:2px;display:inline-flex}.garra-garra-toast__close{box-shadow:none;inset-inline-end:var(--garra-spacing-help-gap);top:var(--garra-spacing-help-gap);background:0 0;border-color:#0000;position:absolute}.garra-garra-toast__action{margin-top:var(--garra-spacing-inline-gap)}.garra-garra-card__root{background:var(--garra-colors-background-surface);border-radius:var(--garra-radii-surface);color:var(--garra-colors-text-primary);flex-direction:column;min-width:0;display:flex;overflow:hidden}.garra-garra-card__header{padding:var(--card-padding);padding-bottom:0}.garra-garra-card__title{color:var(--garra-colors-text-primary);font-size:1rem;font-weight:600;line-height:1.5}.garra-garra-card__title,.garra-garra-card__description{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.garra-garra-card__description{color:var(--garra-colors-text-secondary);margin-top:var(--garra-spacing-help-gap);font-size:.875rem;font-weight:400;line-height:1.42857}.garra-garra-card__body{padding:var(--card-padding);min-width:0}.garra-garra-card__footer{padding:var(--card-padding);gap:var(--garra-spacing-inline-gap);flex-wrap:wrap;align-items:center;padding-top:0;display:flex}.garra-garra-list__root{color:var(--garra-colors-text-primary);min-width:0;margin:0;padding:0;list-style:none}.garra-garra-list__item{padding:var(--list-padding);gap:var(--garra-spacing-inline-gap);border-bottom:var(--list-divider);border-color:var(--garra-colors-border-decorative);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-width:0;display:grid}.garra-garra-list__item[data-interactive]{padding:0;display:block}.garra-garra-list__item:last-child{border-bottom:0}.garra-garra-list__interactive{padding:var(--list-padding);gap:var(--garra-spacing-inline-gap);border-radius:var(--garra-radii-control);color:inherit;text-align:start;cursor:pointer;width:100%;min-width:0;min-height:var(--garra-sizes-target-touch);background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.garra-garra-list__interactive:disabled,.garra-garra-list__interactive[aria-disabled=true]{color:var(--garra-colors-disabled-foreground);cursor:not-allowed}.garra-garra-list__interactive:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-list__interactive:is(:hover,[data-hover]){background:var(--garra-colors-action-quiet-background-hover)}.garra-garra-list__leading{color:var(--garra-colors-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.garra-garra-list__content{min-width:0}.garra-garra-list__title{color:var(--garra-colors-text-primary);font-size:1rem;line-height:1.5}.garra-garra-list__title,.garra-garra-list__description{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-weight:400}.garra-garra-list__description{color:var(--garra-colors-text-secondary);margin-top:var(--garra-spacing-help-gap);font-size:.875rem;line-height:1.42857}.garra-garra-list__trailing{color:var(--garra-colors-text-secondary);justify-content:flex-end;align-items:center;min-width:0;display:inline-flex}.garra-garra-empty-state__root{padding:var(--garra-spacing-panel-inset);text-align:center;color:var(--garra-colors-text-primary);flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.garra-garra-empty-state__icon{background:var(--garra-colors-background-surface-sunken);border-radius:var(--garra-radii-full);color:var(--garra-colors-text-secondary);width:3rem;height:3rem;margin-bottom:var(--garra-spacing-content-gap);justify-content:center;align-items:center;display:inline-flex}.garra-garra-empty-state__title{color:var(--garra-colors-text-primary);font-size:1.25rem;font-weight:600;line-height:1.4}.garra-garra-empty-state__title,.garra-garra-empty-state__description{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.garra-garra-empty-state__description{color:var(--garra-colors-text-secondary);max-width:32rem;margin-top:var(--garra-spacing-help-gap);font-size:.875rem;font-weight:400;line-height:1.42857}.garra-garra-empty-state__actions{gap:var(--garra-spacing-inline-gap);margin-top:var(--garra-spacing-content-gap);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.garra-garra-otp-field__root{gap:var(--garra-spacing-help-gap);flex-wrap:wrap;align-items:center;display:flex}.garra-garra-otp-field__input{background:var(--garra-colors-background-surface);border:1px solid;border-color:var(--garra-colors-border-control);border-radius:var(--garra-radii-control);text-align:center;letter-spacing:0;color:var(--garra-colors-text-primary);width:var(--garra-sizes-control-default);min-width:0;min-height:var(--garra-sizes-control-comfortable);outline:0;padding-inline:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.garra-garra-otp-field__input:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground)}.garra-garra-otp-field__input[data-invalid]{border-color:var(--garra-colors-feedback-danger-border)}.garra-garra-otp-field__input:is(:focus,[data-focus]){border-color:var(--garra-colors-focus-ring);box-shadow:inset 0 0 0 1px var(--garra-colors-focus-ring)}.garra-garra-otp-field__separator{background:var(--garra-colors-border-decorative);margin-inline:var(--garra-spacing-help-gap);width:inlineGap;height:1px}.garra-garra-checkbox__control{background:var(--garra-colors-background-surface);border-radius:min(2px, var(--garra-radii-control));border-width:var(--garra-border-widths-default);border-style:solid;border-color:var(--garra-colors-border-control);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.garra-garra-checkbox__control[data-checked],.garra-garra-checkbox__control[data-indeterminate]{background:var(--choice-fill);border-color:var(--choice-fill);color:var(--choice-ink)}.garra-garra-checkbox__control[data-disabled]{background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground);cursor:not-allowed}.garra-garra-checkbox__control[data-invalid]{border-color:var(--garra-colors-validation-invalid-border)}.garra-garra-checkbox__control:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-checkbox__indicator{opacity:0;transition-property:opacity,transform;transition-duration:0s;transition-timing-function:var(--garra-easings-motion-feedback-easing);justify-content:center;align-items:center;display:inline-flex;transform:scale(.95)}.garra-garra-checkbox__indicator[data-checked],.garra-garra-checkbox__indicator[data-indeterminate]{opacity:1;transition-duration:var(--garra-durations-motion-feedback-duration);transform:scale(1)}.garra-garra-checkbox__indicator[data-disabled],[role=checkbox]:focus-visible .garra-garra-checkbox__indicator,[role=radiogroup]:has(:focus-visible) .garra-garra-checkbox__indicator{transition-duration:0s}.garra-garra-radio-group__root{gap:var(--garra-spacing-inline-gap);flex-direction:column;display:flex}.garra-garra-radio-group__item{gap:var(--garra-spacing-inline-gap);cursor:pointer;min-height:var(--garra-sizes-control-default);align-items:center;display:flex}.garra-garra-radio-group__item:has([data-disabled]){cursor:not-allowed}.garra-garra-radio-group__control{background:var(--garra-colors-background-surface);border-radius:var(--garra-radii-full);border-width:var(--garra-border-widths-default);border-style:solid;border-color:var(--garra-colors-border-control);flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.garra-garra-radio-group__control[data-checked]{background:var(--choice-fill);border-color:var(--choice-fill);color:var(--choice-ink)}.garra-garra-radio-group__control[data-disabled]{background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground)}.garra-garra-radio-group__control[data-invalid]{border-color:var(--garra-colors-validation-invalid-border)}.garra-garra-radio-group__control:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-radio-group__indicator{border-radius:var(--garra-radii-full);opacity:0;transition-property:opacity,transform;transition-duration:0s;transition-timing-function:var(--garra-easings-motion-feedback-easing);background:currentColor;width:50%;height:50%;transform:scale(.95)}.garra-garra-radio-group__indicator[data-checked],.garra-garra-radio-group__indicator[data-indeterminate]{opacity:1;transition-duration:var(--garra-durations-motion-feedback-duration);transform:scale(1)}.garra-garra-radio-group__indicator[data-disabled],[role=checkbox]:focus-visible .garra-garra-radio-group__indicator,[role=radiogroup]:has(:focus-visible) .garra-garra-radio-group__indicator{transition-duration:0s}.garra-garra-radio-group__label{font-weight:500}.garra-garra-radio-group__label,.garra-garra-text-area__control{letter-spacing:0;color:var(--garra-colors-text-primary);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;line-height:1.42857}.garra-garra-text-area__control{background:var(--garra-colors-background-surface);padding:var(--garra-spacing-inset-compact);border-width:var(--garra-border-widths-default);border-style:solid;border-color:var(--garra-colors-border-control);border-radius:var(--garra-radii-control);box-sizing:border-box;resize:vertical;width:20rem;min-width:0;max-width:100%;font-weight:400;display:block}.garra-garra-text-area__control:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground);cursor:not-allowed}.garra-garra-text-area__control[data-invalid]{border-color:var(--garra-colors-validation-invalid-border)}.garra-garra-text-area__control::placeholder,.garra-garra-text-area__control[data-placeholder]{color:var(--garra-colors-text-placeholder)}.garra-garra-text-area__control:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-text-area__control:hover:not(:disabled){border-color:var(--garra-colors-border-control-hover)}.garra-garra-select__root{width:16rem;max-width:100%}.garra-garra-select__control{background:var(--garra-colors-background-surface);gap:var(--garra-spacing-inline-gap);padding-inline:var(--garra-spacing-inset-compact);border:1px solid;border-color:var(--garra-colors-border-control);border-radius:var(--garra-radii-control);color:var(--garra-colors-text-primary);letter-spacing:0;width:100%;min-height:var(--garra-sizes-control-default);justify-content:space-between;align-items:center;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.42857;display:flex}.garra-garra-select__control[data-disabled],.garra-garra-select__control:has(input:disabled){background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);color:var(--garra-colors-disabled-foreground)}.garra-garra-select__control[data-invalid],.garra-garra-select__control:has(input[aria-invalid=true]){border-color:var(--garra-colors-validation-invalid-border)}.garra-garra-select__control:focus-visible,.garra-garra-select__control:has(input:focus-visible){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-select__value{text-align:start}.garra-garra-select__value[data-placeholder]{color:var(--garra-colors-text-placeholder)}.garra-garra-select__icon{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.garra-garra-select__positioner{z-index:var(--garra-z-index-floating)}.garra-garra-select__popup{background:var(--garra-colors-background-surface-raised);padding:var(--garra-spacing-help-gap);border:1px solid;border-color:var(--garra-colors-border-decorative);border-radius:var(--garra-radii-overlay);transform-origin:var(--garra-floating-transform-origin,center);opacity:1;transition-property:opacity,transform;transition-duration:var(--garra-durations-motion-floating-duration);transition-timing-function:var(--garra-easings-motion-floating-easing);color:var(--garra-colors-text-primary);box-shadow:var(--garra-shadows-floating);width:var(--garra-floating-anchor-inline-size,auto);min-width:12rem;max-width:var(--garra-floating-available-inline-size,calc(100vw - 2rem));max-height:var(--garra-floating-available-block-size,calc(100vh - 2rem));outline:0;animation-fill-mode:both;overflow-y:auto;transform:scale(1)}.garra-garra-select__popup[data-garra-instant],.garra-garra-select__popup[data-instant]{transition:none;animation:none}.garra-garra-select__popup:is([open],[data-open],[data-state=open],:popover-open){animation-name:garra-floating-enter;animation-duration:var(--garra-durations-motion-floating-duration);animation-timing-function:var(--garra-easings-motion-floating-easing)}.garra-garra-select__popup:is([closed],[data-closed],[data-state=closed]){animation-name:garra-floating-exit;animation-duration:var(--garra-durations-motion-floating-duration);animation-timing-function:var(--garra-easings-motion-floating-easing)}.garra-garra-select__popup[data-garra-state=open]{animation-name:garra-floating-enter;animation-duration:var(--garra-durations-motion-floating-duration);animation-timing-function:var(--garra-easings-motion-floating-easing)}.garra-garra-select__popup[data-garra-state=closed]{animation-name:garra-floating-exit;animation-duration:var(--garra-durations-motion-floating-duration);animation-timing-function:var(--garra-easings-motion-floating-easing)}.garra-garra-select__popup[data-garra-transition=entering],.garra-garra-select__popup[data-starting-style],.garra-garra-select__popup[data-garra-transition=exiting],.garra-garra-select__popup[data-ending-style]{opacity:0;animation-name:none;transform:scale(.97)}.garra-garra-select__list{outline:0;max-height:16rem;overflow-y:auto}.garra-garra-select__item{gap:var(--garra-spacing-inline-gap);padding-inline:var(--garra-spacing-inset-compact);padding-block:var(--garra-spacing-help-gap);border-radius:var(--garra-radii-control);letter-spacing:0;cursor:default;min-height:var(--garra-sizes-control-default);outline:0;justify-content:space-between;align-items:center;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.42857;display:flex}.garra-garra-select__item[data-highlighted]{background:var(--garra-colors-selection-background);color:var(--garra-colors-selection-foreground)}.garra-garra-select__item[data-disabled]{color:var(--garra-colors-disabled-foreground)}.garra-garra-select__empty{padding:var(--garra-spacing-inset-compact);letter-spacing:0;color:var(--garra-colors-text-secondary);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.42857}.garra-garra-select__empty:empty{display:none}.garra-garra-select__groupLabel{padding:var(--garra-spacing-inset-compact);letter-spacing:0;color:var(--garra-colors-text-secondary);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.75rem;font-weight:500;line-height:1.33333}.garra-garra-sheet__backdrop{background:var(--garra-colors-background-scrim);z-index:var(--garra-z-index-modal);transition-property:opacity;transition-duration:var(--garra-durations-motion-overlay-enter-duration);transition-timing-function:var(--garra-easings-motion-overlay-enter-easing);animation-fill-mode:both;position:fixed;inset:0}.garra-garra-sheet__backdrop[data-garra-instant],.garra-garra-sheet__backdrop[data-instant]{transition:none;animation:none}.garra-garra-sheet__backdrop:is([open],[data-open],[data-state=open],:popover-open){animation-name:garra-fade-enter;animation-duration:var(--garra-durations-motion-overlay-enter-duration);animation-timing-function:var(--garra-easings-motion-overlay-enter-easing)}.garra-garra-sheet__backdrop:is([closed],[data-closed],[data-state=closed]){animation-name:garra-fade-exit;animation-duration:var(--garra-durations-motion-overlay-exit-duration);animation-timing-function:var(--garra-easings-motion-overlay-exit-easing)}.garra-garra-sheet__backdrop[data-garra-state=open]{animation-name:garra-fade-enter;animation-duration:var(--garra-durations-motion-overlay-enter-duration);animation-timing-function:var(--garra-easings-motion-overlay-enter-easing)}.garra-garra-sheet__backdrop[data-garra-state=closed]{animation-name:garra-fade-exit;animation-duration:var(--garra-durations-motion-overlay-exit-duration);animation-timing-function:var(--garra-easings-motion-overlay-exit-easing)}.garra-garra-sheet__backdrop[data-garra-transition=entering],.garra-garra-sheet__backdrop[data-starting-style]{opacity:0;animation-name:none}.garra-garra-sheet__backdrop[data-garra-transition=exiting],.garra-garra-sheet__backdrop[data-ending-style]{opacity:0;transition-duration:var(--garra-durations-motion-overlay-exit-duration);transition-timing-function:var(--garra-easings-motion-overlay-exit-easing);animation-name:none}.garra-garra-sheet__viewport{z-index:var(--garra-z-index-modal);justify-content:flex-end;align-items:center;padding:0;display:flex;position:fixed;inset:0;overflow:clip}.garra-garra-sheet__popup{background:var(--garra-colors-background-surface-raised);border:1px solid;border-color:var(--garra-colors-border-decorative);overflow-wrap:anywhere;box-shadow:var(--garra-shadows-modal);color:var(--garra-colors-text-primary);transition-property:transform;transition-duration:var(--garra-durations-motion-overlay-enter-duration);transition-timing-function:var(--garra-easings-motion-overlay-enter-easing);opacity:1;border-radius:0;outline:0;flex-direction:column;flex-shrink:0;width:100%;min-width:0;max-width:30rem;height:100dvh;min-height:0;max-height:100dvh;animation-fill-mode:both;display:flex;position:relative;overflow-y:auto;transform:translate(0)}.garra-garra-sheet__popup[data-garra-instant],.garra-garra-sheet__popup[data-instant]{transition:none;animation:none}.garra-garra-sheet__popup:is([open],[data-open],[data-state=open],:popover-open){animation-name:garra-overlay-enter;animation-duration:var(--garra-durations-motion-overlay-enter-duration);animation-timing-function:var(--garra-easings-motion-overlay-enter-easing)}.garra-garra-sheet__popup:is([closed],[data-closed],[data-state=closed]){animation-name:garra-overlay-exit;animation-duration:var(--garra-durations-motion-overlay-exit-duration);animation-timing-function:var(--garra-easings-motion-overlay-exit-easing)}.garra-garra-sheet__popup[data-garra-state=open]{animation-name:garra-overlay-enter;animation-duration:var(--garra-durations-motion-overlay-enter-duration);animation-timing-function:var(--garra-easings-motion-overlay-enter-easing)}.garra-garra-sheet__popup[data-garra-state=closed]{animation-name:garra-overlay-exit;animation-duration:var(--garra-durations-motion-overlay-exit-duration);animation-timing-function:var(--garra-easings-motion-overlay-exit-easing)}.garra-garra-sheet__popup[data-garra-transition=entering],.garra-garra-sheet__popup[data-starting-style]{opacity:0;animation-name:none;transform:translateY(4px)scale(.98)}.garra-garra-sheet__popup[data-garra-transition=exiting],.garra-garra-sheet__popup[data-ending-style]{opacity:0;transition-duration:var(--garra-durations-motion-overlay-exit-duration);transition-timing-function:var(--garra-easings-motion-overlay-exit-easing);animation-name:none;transform:translateY(4px)scale(.98)}.garra-garra-sheet__popup[data-starting-style],.garra-garra-sheet__popup[data-ending-style]{opacity:1;transform:translate3d(var(--sheet-enter-x,100%), var(--sheet-enter-y,0%), 0)}.garra-garra-sheet__header{padding:var(--garra-spacing-panel-inset);padding-inline-end:3.5rem;padding-bottom:var(--garra-spacing-inline-gap);flex-shrink:0}.garra-garra-sheet__title{letter-spacing:0;margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.4}.garra-garra-sheet__description{color:var(--garra-colors-text-secondary);margin:0;margin-top:var(--garra-spacing-help-gap)}.garra-garra-sheet__description,.garra-garra-sheet__body{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.42857}.garra-garra-sheet__body{flex:1;min-height:0;overflow-y:auto}.garra-garra-sheet__body,.garra-garra-sheet__footer{padding:var(--garra-spacing-panel-inset);padding-top:var(--garra-spacing-inline-gap)}.garra-garra-sheet__footer{gap:var(--garra-spacing-inline-gap);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.garra-garra-sheet__close{inset-inline-end:var(--garra-spacing-inset-default);top:var(--garra-spacing-inset-default);position:absolute}.garra-garra-base-ui-presence__surface.garra-garra-base-ui-presence__surface:is([open],[data-open],[data-state=open],:popover-open),.garra-garra-base-ui-presence__surface.garra-garra-base-ui-presence__surface:is([closed],[data-closed],[data-state=closed]){animation-name:none}.garra-garra-base-ui-floating__positioner{--garra-floating-anchor-inline-size:var(--anchor-width);--garra-floating-anchor-block-size:var(--anchor-height);--garra-floating-available-inline-size:var(--available-width);--garra-floating-available-block-size:var(--available-height);--garra-floating-transform-origin:var(--transform-origin)}.garra-garra-field__root{gap:var(--garra-spacing-help-gap);width:fit-content;min-width:0;max-width:100%;display:grid}.garra-garra-field__row{gap:var(--garra-spacing-inline-gap);align-items:center;min-width:0;display:flex}.garra-garra-field__label{color:var(--garra-colors-text-primary);font-weight:500}.garra-garra-field__label,.garra-garra-field__description{letter-spacing:0;overflow-wrap:anywhere;min-width:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;line-height:1.42857}.garra-garra-field__description{color:var(--garra-colors-text-secondary);font-weight:400}.garra-garra-field__error{overflow-wrap:anywhere;letter-spacing:0;color:var(--garra-colors-feedback-danger-text);min-width:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.42857}.garra-garra-switch__control{--thumb-size:.75rem;--thumb-travel:.875rem;background:var(--garra-colors-background-surface-sunken);border-radius:var(--garra-radii-full);border-width:var(--garra-border-widths-default);border-style:solid;border-color:var(--garra-colors-border-control);transition-duration:var(--garra-durations-motion-feedback-duration);transition-timing-function:var(--garra-easings-motion-feedback-easing);cursor:pointer;flex-shrink:0;align-items:center;width:2rem;height:1.125rem;margin-inline-start:auto;padding:2px;transition-property:background-color,border-color;display:inline-flex}.garra-garra-switch__control[data-disabled]{background:var(--garra-colors-disabled-background);border-color:var(--garra-colors-disabled-border);cursor:not-allowed;transition-duration:0s}.garra-garra-switch__control[data-checked]{background:var(--choice-fill);border-color:var(--choice-fill)}.garra-garra-switch__control[data-invalid]{border-color:var(--garra-colors-validation-invalid-border)}.garra-garra-switch__control:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-switch__control:focus-visible,[role=switch]:focus-visible .garra-garra-switch__control{transition-duration:0s}.garra-garra-switch__thumb{background:var(--garra-colors-icon-secondary);border-radius:var(--garra-radii-full);transition-duration:var(--garra-durations-motion-feedback-duration);transition-timing-function:var(--garra-easings-motion-feedback-easing);width:var(--thumb-size);height:var(--thumb-size);transition-property:transform,background-color;display:block;transform:translate(0)}.garra-garra-switch__thumb[data-disabled]{background:var(--garra-colors-disabled-foreground);transition-duration:0s}.garra-garra-switch__thumb[data-checked]{background:var(--choice-ink);transform:translateX(var(--thumb-travel))}:where([dir=rtl],:dir(rtl)) .garra-garra-switch__thumb[data-checked]{transform:translateX(calc(-1 * var(--thumb-travel)))}.garra-garra-switch__thumb:focus-visible,[role=switch]:focus-visible .garra-garra-switch__thumb{transition-duration:0s}.garra-garra-tab__root{gap:var(--garra-spacing-content-gap);flex-direction:column;min-width:0;display:flex}.garra-garra-tab__root[data-orientation=vertical]{flex-flow:wrap}.garra-garra-tab__root[data-orientation=vertical]>[role=tabpanel]{flex-basis:12rem}.garra-garra-tab__list{--tab-text:var(--garra-colors-text-secondary);--tab-active:var(--garra-colors-selection-foreground);--tab-hover:var(--garra-colors-action-quiet-background-hover);--tab-disabled:var(--garra-colors-disabled-foreground);--tab-focus:var(--garra-colors-focus-ring);--tab-line:var(--garra-colors-selection-border);flex-shrink:0;gap:0;min-width:0;display:flex;position:relative;overflow-x:auto}.garra-garra-tab__list[data-surface=inverse]{--tab-text:var(--garra-colors-text-inverse);--tab-active:var(--garra-colors-text-inverse);--tab-hover:color-mix(in srgb, var(--garra-colors-text-inverse) 6%, transparent);--tab-disabled:color-mix(in srgb, var(--garra-colors-text-inverse) 38%, var(--garra-colors-background-inverse));--tab-focus:var(--garra-colors-text-inverse);--tab-line:var(--garra-colors-text-inverse);background:var(--garra-colors-background-inverse);padding:var(--garra-spacing-help-gap);border-radius:var(--garra-radii-control);border-color:#0000}.garra-garra-tab__list[data-surface=subtle]{background:var(--garra-colors-background-surface-sunken);padding:var(--garra-spacing-help-gap);border-radius:var(--garra-radii-control)}.garra-garra-tab__list[data-orientation=vertical]{flex-direction:column;flex-shrink:1;flex-basis:min(100%,12rem);max-width:100%}.garra-garra-tab__trigger{border-radius:var(--garra-radii-control);padding-block:0;padding-inline:var(--garra-spacing-inset-default);z-index:1;transition-property:color,background-color;transition-duration:var(--garra-durations-motion-feedback-duration);transition-timing-function:var(--garra-easings-motion-feedback-easing);overflow-wrap:anywhere;color:var(--tab-text);letter-spacing:0;cursor:pointer;white-space:nowrap;min-width:0;min-height:var(--garra-sizes-control-default);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.9375rem;font-weight:500;line-height:normal;display:inline-flex;position:relative}.garra-garra-tab__trigger[data-orientation=vertical]{text-align:start;justify-content:flex-start}.garra-garra-tab__trigger:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){color:var(--tab-disabled);cursor:default}.garra-garra-tab__trigger[data-active]{color:var(--tab-active);font-weight:600}.garra-garra-tab__trigger:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--tab-focus)}.garra-garra-tab__trigger:hover:not([data-active]):not(:disabled):not([data-disabled]){background:var(--tab-hover)}.garra-garra-tab__content{flex:1;min-width:0}.garra-garra-tab__content:is(:focus-visible,[data-focus-visible]){outline:2px solid;outline-color:var(--garra-colors-focus-ring)}.garra-garra-tab__indicator{z-index:0;transform:translateX(var(--active-tab-left));transition-property:transform,width,height;transition-duration:var(--garra-durations-motion-position-duration);transition-timing-function:var(--garra-easings-motion-position-easing);width:var(--active-tab-width);position:absolute;left:0}[data-tab-keyboard] .garra-garra-tab__indicator{transition:none}.garra-garra-tab__adornment{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (pointer:coarse){.garra-garra-number-field__group,.garra-garra-text-field__control{min-height:var(--garra-sizes-target-touch)}.garra-garra-toast__close{width:var(--garra-sizes-control-default)!important;min-width:var(--garra-sizes-control-default)!important;height:var(--garra-sizes-control-default)!important;min-height:var(--garra-sizes-control-default)!important}.garra-garra-breadcrumbs__overflowTrigger,.garra-garra-otp-field__input,.garra-garra-radio-group__item,.garra-garra-slider__control,.garra-garra-select__control,.garra-garra-select__item,.garra-garra-combo-select__control,.garra-garra-combo-select__item,.garra-garra-combo-multi-select__control,.garra-garra-combo-multi-select__item,.garra-garra-tags-input__control,.garra-garra-autocomplete-text-field__control,.garra-garra-autocomplete-text-field__item,.garra-garra-dropdown-menu__item,.garra-garra-context-menu__item,.garra-garra-file-input__input,.garra-garra-tag__root,.garra-garra-tag__remove,.garra-garra-pagination__control,.garra-garra-tab__trigger{min-height:var(--garra-sizes-target-touch)}}@media (prefers-reduced-motion:reduce){.garra-garra-number-field__increment,.garra-garra-number-field__decrement{transition-duration:0s}.garra-garra-linear-progress__indicator{transition:none}.garra-garra-linear-progress__indicator[data-indeterminate],.garra-garra-circular-progress__track[data-indeterminate]{animation:none}.garra-garra-circular-progress__indicator{transition:none}.garra-garra-circular-progress__indicator[data-indeterminate]{animation:none}.garra-garra-toast__root{transition:none}.garra-garra-toast__root [data-spinner]{animation:none}.garra-garra-checkbox__indicator,.garra-garra-radio-group__indicator{transition-duration:0s;transform:none}.garra-garra-select__popup,.garra-garra-combo-select__popup,.garra-garra-combo-multi-select__popup,.garra-garra-autocomplete-text-field__popup,.garra-garra-dialog__backdrop,.garra-garra-dialog__popup,.garra-garra-popover__popup,.garra-garra-dropdown-menu__popup,.garra-garra-context-menu__popup,.garra-garra-tooltip__popup,.garra-garra-hover-card__popup,.garra-garra-alert-dialog__backdrop,.garra-garra-alert-dialog__popup,.garra-garra-sheet__backdrop,.garra-garra-sheet__popup{transition:none;animation:none}.garra-garra-switch__control,.garra-garra-switch__thumb{transition-duration:0s}.garra-garra-tab__indicator{transition:none}}}.garra-garra-linear-progress__root--intent_primary{--progress-color:var(--garra-colors-progress-indicator)}.garra-garra-linear-progress__root--intent_secondary{--progress-color:var(--garra-colors-text-secondary)}.garra-garra-linear-progress__root--intent_warning{--progress-color:var(--garra-colors-feedback-warning-icon)}.garra-garra-linear-progress__root--intent_success{--progress-color:var(--garra-colors-feedback-success-icon)}.garra-garra-linear-progress__root--intent_danger{--progress-color:var(--garra-colors-feedback-danger-icon)}.garra-garra-callout__root--intent_notice{--callout-bg:var(--garra-colors-feedback-notice-background);--callout-fg:var(--garra-colors-feedback-notice-text);--callout-icon:var(--garra-colors-feedback-notice-icon);--callout-border:var(--garra-colors-feedback-notice-border)}.garra-garra-callout__root--intent_primary{--callout-bg:var(--garra-colors-selection-background);--callout-fg:var(--garra-colors-selection-foreground);--callout-icon:var(--garra-colors-selection-foreground);--callout-border:var(--garra-colors-selection-border)}.garra-garra-callout__root--intent_success{--callout-bg:var(--garra-colors-feedback-success-background);--callout-fg:var(--garra-colors-feedback-success-text);--callout-icon:var(--garra-colors-feedback-success-icon);--callout-border:var(--garra-colors-feedback-success-border)}.garra-garra-callout__root--intent_warning{--callout-bg:var(--garra-colors-feedback-warning-background);--callout-fg:var(--garra-colors-feedback-warning-text);--callout-icon:var(--garra-colors-feedback-warning-icon);--callout-border:var(--garra-colors-feedback-warning-border)}.garra-garra-callout__root--intent_danger{--callout-bg:var(--garra-colors-feedback-danger-background);--callout-fg:var(--garra-colors-feedback-danger-text);--callout-icon:var(--garra-colors-feedback-danger-icon);--callout-border:var(--garra-colors-feedback-danger-border)}.garra-garra-callout__root--variant_outline{background:0 0}.garra-dot-grid__root--gap_medium{gap:var(--garra-spacing-inline-gap)}.garra-dot-grid__badge--badgeStyle_solid [data-dot-grid-badge]{min-width:1.125rem;min-height:1rem;padding:1px 6px;font-size:.6875rem;font-weight:600;line-height:1rem}.garra-dot-grid__root--gap_none{gap:0}.garra-dot-grid__root--gap_small{gap:var(--garra-spacing-help-gap)}.garra-dot-grid__root--gap_large{gap:var(--garra-spacing-content-gap)}.garra-garra-text-field__control--size_md{--field-control-size:var(--garra-sizes-control-default);min-height:var(--garra-sizes-control-default)}.garra-garra-text-field__control--rounding_md{border-radius:var(--garra-radii-control)}.garra-garra-text-field__control--size_sm{--field-control-size:var(--garra-sizes-control-compact);min-height:var(--garra-sizes-control-compact);padding-inline:.375rem}.garra-garra-text-field__control--size_lg{--field-control-size:2.5rem;min-height:2.5rem}.garra-garra-text-field__control--size_xlg{--field-control-size:var(--garra-sizes-control-comfortable);min-height:var(--garra-sizes-control-comfortable)}.garra-garra-text-field__control--rounding_sm{border-radius:min(4px, var(--garra-radii-control))}.garra-garra-text-field__control--rounding_lg{border-radius:var(--garra-radii-surface)}.garra-garra-text-field__control--rounding_full{border-radius:var(--garra-radii-pill)}.garra-garra-text-field__control--intent_warning{border-color:var(--garra-colors-feedback-warning-icon)}.garra-garra-text-field__control--intent_warning[data-invalid]{border-color:var(--garra-colors-validation-invalid-border)}.garra-garra-text-field__control--intent_warning[data-disabled]{border-color:var(--garra-colors-disabled-border)}.garra-garra-circular-progress__root--intent_primary{--progress-color:var(--garra-colors-progress-indicator)}.garra-garra-circular-progress__root--intent_secondary{--progress-color:var(--garra-colors-text-secondary)}.garra-garra-circular-progress__root--intent_warning{--progress-color:var(--garra-colors-feedback-warning-icon)}.garra-garra-circular-progress__root--intent_success{--progress-color:var(--garra-colors-feedback-success-icon)}.garra-garra-circular-progress__root--intent_danger{--progress-color:var(--garra-colors-feedback-danger-icon)}.garra-garra-card__root--variant_surface{border:1px solid;border-color:var(--garra-colors-border-decorative)}.garra-garra-card__root--padding_comfortable{--card-padding:var(--garra-spacing-panel-inset)}.garra-garra-card__root--variant_elevated{background:var(--garra-colors-background-surface-raised);border:1px solid;border-color:var(--garra-colors-border-decorative);box-shadow:var(--garra-shadows-raised)}.garra-garra-card__root--variant_subtle{background:var(--garra-colors-background-surface-sunken)}.garra-garra-card__root--padding_compact{--card-padding:var(--garra-spacing-inset-default)}.garra-garra-list__root--variant_plain{--list-divider:0 solid transparent}.garra-garra-list__root--spacing_default{--list-padding:var(--garra-spacing-inset-default)}.garra-garra-list__root--size_md [data-garra-list-title]{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.garra-garra-list__root--size_md [data-garra-list-description]{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;font-weight:400;line-height:1.42857}.garra-garra-list__root--variant_divided{--list-divider:1px solid}.garra-garra-list__root--variant_surface{--list-divider:1px solid;background:var(--garra-colors-background-surface);border:1px solid;border-color:var(--garra-colors-border-decorative);border-radius:var(--garra-radii-surface);overflow:hidden}.garra-garra-list__root--spacing_compact{--list-padding:var(--garra-spacing-inset-compact)}.garra-garra-list__root--size_sm [data-garra-list-title]{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.875rem;font-weight:600;line-height:1.42857}.garra-garra-list__root--size_sm [data-garra-list-description]{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.75rem;font-weight:400;line-height:1.33333}.garra-garra-empty-state__root--variant_surface{background:var(--garra-colors-background-surface-sunken);border:1px solid;border-color:var(--garra-colors-border-decorative);border-radius:var(--garra-radii-surface)}.garra-garra-empty-state__icon--variant_surface{background:var(--garra-colors-background-surface)}.garra-garra-checkbox__control--intent_primary{--choice-fill:var(--garra-colors-action-primary-background-default);--choice-ink:var(--garra-colors-action-primary-foreground-default)}.garra-garra-checkbox__control--size_md{width:1rem;height:1rem}.garra-garra-checkbox__control--intent_notice{--choice-fill:var(--garra-colors-action-notice-background-default);--choice-ink:var(--garra-colors-action-notice-foreground-default)}.garra-garra-checkbox__control--intent_success{--choice-fill:var(--garra-colors-action-success-background-default);--choice-ink:var(--garra-colors-action-success-foreground-default)}.garra-garra-checkbox__control--intent_warning{--choice-fill:var(--garra-colors-action-warning-background-default);--choice-ink:var(--garra-colors-action-warning-foreground-default)}.garra-garra-checkbox__control--intent_danger{--choice-fill:var(--garra-colors-action-destructive-background-default);--choice-ink:var(--garra-colors-action-destructive-foreground-default)}.garra-garra-checkbox__control--size_sm{width:.875rem;height:.875rem}.garra-garra-checkbox__control--size_lg{width:1.25rem;height:1.25rem}.garra-garra-checkbox__control--size_xlg{width:1.5rem;height:1.5rem}.garra-garra-radio-group__control--size_md{width:1rem;height:1rem}.garra-garra-radio-group__control--intent_primary{--choice-fill:var(--garra-colors-action-primary-background-default);--choice-ink:var(--garra-colors-action-primary-foreground-default)}.garra-garra-radio-group__root--orientation_vertical{flex-direction:column}.garra-garra-radio-group__control--intent_notice{--choice-fill:var(--garra-colors-action-notice-background-default);--choice-ink:var(--garra-colors-action-notice-foreground-default)}.garra-garra-radio-group__control--intent_success{--choice-fill:var(--garra-colors-action-success-background-default);--choice-ink:var(--garra-colors-action-success-foreground-default)}.garra-garra-radio-group__control--intent_warning{--choice-fill:var(--garra-colors-action-warning-background-default);--choice-ink:var(--garra-colors-action-warning-foreground-default)}.garra-garra-radio-group__control--intent_danger{--choice-fill:var(--garra-colors-action-destructive-background-default);--choice-ink:var(--garra-colors-action-destructive-foreground-default)}.garra-garra-radio-group__control--size_sm{width:.875rem;height:.875rem}.garra-garra-radio-group__control--size_lg{width:1.25rem;height:1.25rem}.garra-garra-radio-group__control--size_xlg{width:1.5rem;height:1.5rem}.garra-garra-radio-group__root--orientation_horizontal{flex-flow:wrap}.garra-garra-radio-group__item--radioPos_end{flex-direction:row-reverse;justify-content:space-between}.garra-garra-text-area__control--resize_vertical{resize:vertical}.garra-garra-text-area__control--fullWidth_true{width:100%}.garra-garra-text-area__control--size_sm{padding:.375rem}.garra-garra-text-area__control--size_lg,.garra-garra-text-area__control--size_xlg{padding:var(--garra-spacing-inset-default)}.garra-garra-text-area__control--size_xlg{letter-spacing:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.garra-garra-text-area__control--resize_none{resize:none}.garra-garra-text-area__control--resize_both{resize:both}.garra-garra-select__control--size_sm{min-height:var(--garra-sizes-control-compact);padding-inline:.375rem}.garra-garra-select__control--size_lg{min-height:2.5rem}.garra-garra-select__control--size_xlg{min-height:var(--garra-sizes-control-comfortable)}.garra-garra-select__root--fullWidth_true{width:100%}.garra-garra-sheet__popup--size_md{max-width:30rem}.garra-garra-sheet__viewport--anchor_right{justify-content:flex-end}.garra-garra-sheet__popup--anchor_right{--sheet-enter-x:100%;--sheet-enter-y:0%}.garra-garra-sheet__popup--size_sm{max-width:24rem}.garra-garra-sheet__popup--size_lg{max-width:40rem}.garra-garra-sheet__popup--size_xlg{max-width:48rem}.garra-garra-sheet__viewport--anchor_left{justify-content:flex-start}.garra-garra-sheet__popup--anchor_left{--sheet-enter-x:-100%;--sheet-enter-y:0%}.garra-garra-sheet__viewport--anchor_top{align-items:flex-start}.garra-garra-sheet__popup--anchor_top{--sheet-enter-x:0%;--sheet-enter-y:-100%;width:100%;max-width:100%;height:auto;max-height:90dvh}.garra-garra-sheet__viewport--anchor_bottom{align-items:flex-end}.garra-garra-sheet__popup--anchor_bottom{--sheet-enter-x:0%;--sheet-enter-y:100%;width:100%;max-width:100%;height:auto;max-height:90dvh}.garra-garra-sheet__popup--fullScreen_true{width:100%;max-width:100%;height:100dvh;max-height:100dvh}.garra-garra-field__row--inline_false{gap:var(--garra-spacing-label-gap);flex-direction:column;align-items:stretch}.garra-garra-field__root--fullWidth_true{width:100%}.garra-garra-field__row--inline_true{min-height:var(--garra-sizes-control-default)}.garra-garra-switch__control--intent_primary{--choice-fill:var(--garra-colors-action-primary-background-default);--choice-ink:var(--garra-colors-action-primary-foreground-default)}.garra-garra-switch__control--intent_notice{--choice-fill:var(--garra-colors-action-notice-background-default);--choice-ink:var(--garra-colors-action-notice-foreground-default)}.garra-garra-switch__control--intent_success{--choice-fill:var(--garra-colors-action-success-background-default);--choice-ink:var(--garra-colors-action-success-foreground-default)}.garra-garra-switch__control--intent_warning{--choice-fill:var(--garra-colors-action-warning-background-default);--choice-ink:var(--garra-colors-action-warning-foreground-default)}.garra-garra-switch__control--intent_danger{--choice-fill:var(--garra-colors-action-destructive-background-default);--choice-ink:var(--garra-colors-action-destructive-foreground-default)}.garra-garra-switch__control--size_sm{--thumb-size:.625rem;--thumb-travel:.75rem;width:1.75rem;height:1rem}.garra-garra-switch__control--size_lg{--thumb-size:1.125rem;--thumb-travel:1rem;width:2.5rem;height:1.5rem}.garra-garra-switch__control--size_xlg{--thumb-size:1.375rem;--thumb-travel:1.25rem;width:3rem;height:1.75rem}.garra-garra-tab__list--variant_line{--tab-hover-text:var(--garra-colors-text-primary);--tab-active:var(--garra-colors-accent-text);--tab-line:var(--garra-colors-accent-text);border-bottom:1px solid;border-color:var(--garra-colors-fill-primary)}.garra-garra-tab__list--variant_line[data-surface=transparent],.garra-garra-tab__list--variant_line[data-surface=subtle]{--tab-hover:transparent}.garra-garra-tab__list--variant_line[data-surface=inverse]{--tab-hover-text:var(--garra-colors-text-inverse)}.garra-garra-tab__list--variant_line[data-orientation=vertical]{border-bottom:0;border-inline-start:1px solid;border-color:var(--garra-colors-border-decorative)}.garra-garra-tab__trigger--variant_line{min-height:var(--garra-sizes-target-touch);border-radius:0}.garra-garra-tab__trigger--variant_line [data-dot-tab-badge]{min-width:1.125rem;min-height:1rem;padding:1px 6px;font-size:.6875rem;font-weight:600;line-height:1rem}.garra-garra-tab__trigger--variant_line:is(:hover,[data-hover]){color:var(--tab-hover-text)}.garra-garra-tab__trigger--variant_line[data-active]:hover{color:var(--tab-active)}.garra-garra-tab__indicator--variant_line{background:var(--tab-line);z-index:2;height:2px;bottom:0}.garra-garra-tab__indicator--variant_line[data-orientation=vertical]{transform:translateY(var(--active-tab-top));width:2px;height:var(--active-tab-height);top:0;bottom:auto}.garra-garra-tab__trigger--size_sm{letter-spacing:0;min-height:var(--garra-sizes-control-compact);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;font-size:.75rem;font-weight:500;line-height:1.33333}.garra-garra-tab__trigger--size_lg{min-height:2.5rem}.garra-garra-tab__trigger--size_xlg{min-height:var(--garra-sizes-control-comfortable)}.garra-garra-tab__root--fullWidth_true,.garra-garra-tab__list--fullWidth_true[data-orientation=horizontal]{width:100%}.garra-garra-tab__trigger--fullWidth_true[data-orientation=horizontal]{flex:1}.garra-garra-tab__list--variant_ghost{gap:.125rem;padding:.1875rem}.garra-garra-tab__list--variant_ghost[data-surface=inverse]{--tab-active:var(--garra-colors-background-inverse)}.garra-garra-tab__list--variant_ghost[data-surface=subtle]{background:var(--garra-colors-fill-primary);border-radius:var(--garra-radii-overlay)}.garra-garra-tab__trigger--variant_ghost{min-height:2.25rem}.garra-garra-tab__trigger--variant_ghost[data-active]{background:0 0}.garra-garra-tab__trigger--variant_ghost[data-active]:is(:focus-visible,[data-focus-visible]){outline-color:var(--tab-active)}.garra-garra-tab__trigger--variant_ghost [data-dot-tab-badge]{min-width:1.125rem;min-height:1rem;padding:1px 6px;font-size:.6875rem;font-weight:600;line-height:1rem}.garra-garra-tab__indicator--variant_ghost{background:var(--garra-colors-background-surface);border-radius:var(--garra-radii-control);top:var(--active-tab-top);height:var(--active-tab-height);box-shadow:0 1px 3px #00000026}.garra-garra-tab__indicator--variant_ghost[data-orientation=vertical]{transform:translateY(var(--active-tab-top));top:0;left:var(--active-tab-left)}@media (pointer:coarse){.garra-garra-text-field__control--size_md,.garra-garra-text-field__control--size_sm,.garra-garra-text-field__control--size_lg,.garra-garra-text-field__control--size_xlg,.garra-garra-select__control--size_sm,.garra-garra-select__control--size_lg,.garra-garra-select__control--size_xlg,.garra-garra-combo-select__control--size_sm,.garra-garra-combo-select__control--size_lg,.garra-garra-combo-select__control--size_xlg,.garra-garra-combo-multi-select__control--size_sm,.garra-garra-combo-multi-select__control--size_lg,.garra-garra-combo-multi-select__control--size_xlg,.garra-garra-tags-input__control--size_sm,.garra-garra-tags-input__control--size_lg,.garra-garra-tags-input__control--size_xlg,.garra-garra-autocomplete-text-field__control--size_md,.garra-garra-autocomplete-text-field__control--size_sm,.garra-garra-autocomplete-text-field__control--size_lg,.garra-garra-autocomplete-text-field__control--size_xlg,.garra-garra-field__row--inline_true{min-height:var(--garra-sizes-target-touch)}}}
+/*
+ * Dot's own stylesheet: what inline styles can't say, such as pseudo-elements, keyframes and
+ * rules for every element. The global rules join the lowest layer, so they never override a
+ * component's own styles; the components' rules are outside the layers.
+ */
+
+@layer base {
+  .dot-theme-root,
+  .dot-theme-root *,
+  .dot-theme-root ::before,
+  .dot-theme-root ::after {
+    box-sizing: border-box;
+  }
+
+  .dot-theme-root :is(button, input, select, textarea) {
+    font: inherit;
+  }
+
+  [data-dot-scheme='light'] {
+    color-scheme: light;
+  }
+
+  [data-dot-scheme='dark'] {
+    color-scheme: dark;
+  }
+}
+
+/* Skeleton: pulses down to 40% every 1.2s. */
+@keyframes dot-skeleton-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+}
+
+/* Image: no wider than the space it's given, unless a Scroll lets it keep its own width. */
+.dot-image {
+  display: block;
+  max-width: 100%;
+}
+
+/* List: a full-width line under each row but the last, in the color the list passes. */
+.dot-list > .dot-list-item:not(:last-child) {
+  border-bottom: 1px solid var(--dot-list-divider);
+}
+
+/* Scroll: a row that scrolls sideways with the finger, without a scroll bar. */
+.dot-scroll {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  overflow-x: auto;
+  overflow-y: hidden;
+  overscroll-behavior-x: contain;
+  scrollbar-width: none;
+}
+
+.dot-scroll::-webkit-scrollbar {
+  display: none;
+}
+
+/* Each child keeps its width, a View as wide as its widest fixed-size child. Children are styled
+   here rather than wrapped, as a For loop's items reach the row as one child. */
+.dot-scroll > * {
+  flex: 0 0 auto;
+  width: min-content;
+  scroll-snap-align: var(--dot-scroll-snap);
+}
+
+/* A picture's own width sets its item's: with a max-width of 100%, it would count for none. */
+.dot-scroll .dot-image {
+  max-width: none;
+}
+
+/* Sheet: slides up over a page that dims, and back down when it closes. Base UI marks the first
+   and last frames, and waits for the transitions before it removes the sheet. */
+.dot-sheet-backdrop {
+  transition: opacity 0.2s;
+}
+
+.dot-sheet {
+  transition: transform 0.2s ease-out;
+}
+
+.dot-sheet-backdrop:is([data-starting-style], [data-ending-style]) {
+  opacity: 0;
+}
+
+.dot-sheet:is([data-starting-style], [data-ending-style]) {
+  transform: translateY(100%);
+}

package/dist/theme.d.ts

@@ -0,0 +1,25 @@
+import { ColorScheme, Theme, ThemeShape } from "@monimesl/dot-core";
+//#region src/theme.d.ts
+export interface ResolvedColors {
+  primary: string;
+  onPrimary: string;
+  background: string;
+  surface: string;
+  text: string;
+  subtle: string;
+  muted: string;
+  border: string;
+  info: string;
+  success: string;
+  warning: string;
+  danger: string;
+}
+export interface ResolvedTheme {
+  scheme: ColorScheme;
+  colors: ResolvedColors;
+  shape: ThemeShape;
+  radius: number;
+}
+export declare function resolveTheme(theme: Theme, systemScheme: ColorScheme): ResolvedTheme;
+export declare function useTheme(): ResolvedTheme;
+//#endregion