@stackone/malachite 2.41.0 → 2.41.2

package/dist/components/Popover.js

@@ -1,16 +1,16 @@
 import { jsxs as me, Fragment as ve, jsx as C } from "react/jsx-runtime";
-import he, { useContext as be, useState as U, useSyncExternalStore as Ee, useRef as h, useCallback as Pe, useEffect as W, useMemo as ge } from "react";
-import { createPortal as xe } from "react-dom";
+import he, { useContext as be, useState as U, useSyncExternalStore as Pe, useRef as h, useCallback as ge, useEffect as W, useMemo as xe } from "react";
+import { createPortal as Ee } from "react-dom";
 import { ShadowRootWrapper as we } from "../ShadowRootWrapper.js";
-import { PopoverEmpty as Le, PopoverSection as ye, PopoverList as Me, PopoverAction as Se, PopoverHeader as Te } from "./PopoverParts.js";
+import { PopoverEmpty as Le, PopoverSection as Me, PopoverList as ye, PopoverAction as Se, PopoverHeader as Te } from "./PopoverParts.js";
 import { getDeepActiveElement as j } from "./activeElement.js";
-import { elementRef as _e, composeRefs as Ae, chainHandler as m } from "./composeRefs.js";
+import { elementRef as _e, composeRefs as Ae, chainHandler as v } from "./composeRefs.js";
 import { pushEscapeLayer as Ce } from "./escapeLayers.js";
 import { MENU_VIEWPORT_PADDING_PX as De } from "./floatingMenuGeometry.js";
-import { FOCUSABLE_SELECTOR as Ie } from "./overlayBehaviour.js";
+import { FOCUSABLE_SELECTOR as Oe } from "./overlayBehaviour.js";
 import { PopoverTreeContext as q } from "./popoverTree.js";
-import { overlayIdentity as Ne } from "./portalOverlay.js";
-import { useHoverClose as Oe } from "./useHoverClose.js";
+import { overlayIdentity as Ie } from "./portalOverlay.js";
+import { useHoverClose as Ne } from "./useHoverClose.js";
 import { useLatestRef as D } from "./useLatestRef.js";
 import { usePopoverPosition as ke } from "./usePopoverPosition.js";
 import { usePopoverTree as Re } from "./usePopoverTree.js";
@@ -37,13 +37,13 @@ const Ke = "font-sans box-border overflow-auto outline-none rounded-[var(--malac
   const c = o.getRootNode();
   return [o, ...c instanceof ShadowRoot ? V(c.host) : []];
 }, We = () => () => {
-}, je = () => !0, qe = () => !1, G = (o, c) => c ?? o.querySelector(Ie) ?? o, Ge = ({
+}, je = () => !0, qe = () => !1, G = (o, c) => c ?? o.querySelector(Oe) ?? o, Ge = ({
   trigger: o,
   children: c,
   open: b,
   defaultOpen: Y = !1,
   onOpenChange: X,
-  placement: I = "bottom-start",
+  placement: O = "bottom-start",
   openOn: i = "click",
   width: z = "content",
   padding: F = "small",
@@ -51,36 +51,36 @@ const Ke = "font-sans box-border overflow-auto outline-none rounded-[var(--malac
   offset: Q = "small",
   elevation: Z = "default",
   initialFocusRef: d,
-  role: N = "dialog",
+  role: I = "dialog",
   "aria-label": ee,
   "aria-labelledby": re,
   className: oe = ""
 }) => {
-  const te = be(q), [ne, se] = U(Y), t = b ?? ne, ce = Ee(We, je, qe), E = h(null), g = h(null), [u, ue] = U(null), O = h(0), _ = h(!1), x = h(!1), w = h(!1), L = D(t), k = D(b), y = D(X), n = Pe(
+  const te = be(q), [ne, se] = U(Y), t = b ?? ne, ce = Pe(We, je, qe), P = h(null), E = h(null), [u, ue] = U(null), N = h(0), _ = h(!1), w = h(!1), L = h(!1), M = D(t), k = D(b), y = D(X), n = ge(
     (e) => {
-      var p;
-      e !== L.current && (k.current === void 0 && se(e), (p = y.current) == null || p.call(y, e));
+      var m;
+      e !== M.current && (k.current === void 0 && se(e), (m = y.current) == null || m.call(y, e));
     },
-    [L, k, y]
-  ), { pointerInside: M, focusInside: P, triggerFocused: R, cancelClose: v, scheduleClose: S } = Oe({
-    isOpenRef: L,
-    heldByChildren: O,
+    [M, k, y]
+  ), { pointerInside: g, focusInside: x, triggerFocused: R, cancelClose: f, scheduleClose: S } = Ne({
+    isOpenRef: M,
+    heldByChildren: N,
     setOpen: n
   }), { tree: ae, ownedSources: A } = Re({
     parent: te,
     isOpen: t,
     openOn: i,
-    isOpenRef: L,
-    heldByChildren: O,
-    cancelClose: v,
+    isOpenRef: M,
+    heldByChildren: N,
+    cancelClose: f,
     scheduleClose: S
   }), r = ke({
     isOpen: t,
     panel: u,
-    hostRef: g,
-    triggerRef: E,
+    hostRef: E,
+    triggerRef: P,
     anchorRef: J,
-    placement: I,
+    placement: O,
     width: z,
     offset: Q
   });
@@ -90,40 +90,40 @@ const Ke = "font-sans box-border overflow-auto outline-none rounded-[var(--malac
     const e = (a) => {
       const l = a.composedPath();
       He(l, [
+        P.current,
         E.current,
-        g.current,
         ...[...A.current].map((pe) => pe())
       ]) || n(!1);
     };
     document.addEventListener("mousedown", e, !0);
-    const p = Ce(() => n(!1));
+    const m = Ce(() => n(!1));
     return () => {
       var l;
-      document.removeEventListener("mousedown", e, !0), p(), M.current = !1;
+      document.removeEventListener("mousedown", e, !0), m(), g.current = !1;
       const a = j();
-      P.current && (!a || a === document.body) && (x.current = !0, (l = E.current) == null || l.focus({ preventScroll: !0 }), x.current = !1), P.current = !1;
+      x.current && (!a || a === document.body) && (w.current = !0, (l = P.current) == null || l.focus({ preventScroll: !0 }), w.current = !1), x.current = !1;
     };
-  }, [t, n, A, M, P]);
+  }, [t, n, A, g, x]);
   const K = t && u !== null && r !== null;
   W(() => {
     const e = i === "click" || _.current;
     !K || !u || !e || (_.current = !1, G(u, d == null ? void 0 : d.current).focus({ preventScroll: !0 }));
   }, [K, u, i, d]);
   const B = () => {
-    if (v(), t && u) {
+    if (f(), t && u) {
       G(u, d == null ? void 0 : d.current).focus({ preventScroll: !0 });
       return;
     }
     _.current = !0, n(!0);
   }, T = (e) => {
-    const p = [
+    const m = [
+      P.current,
       E.current,
-      g.current,
       u,
       ...[...A.current].map((a) => a())
     ];
     return V(e).some(
-      (a) => p.some((l) => l == null ? void 0 : l.contains(a))
+      (a) => m.some((l) => l == null ? void 0 : l.contains(a))
     );
   }, $ = (e) => {
     e && queueMicrotask(() => {
@@ -131,20 +131,23 @@ const Ke = "font-sans box-border overflow-auto outline-none rounded-[var(--malac
     });
   }, s = i === "hover" ? {
     onMouseEnter: () => {
-      M.current = !0, v(), n(!0);
+      g.current = !0, f(), n(!0);
     },
     onMouseLeave: () => {
-      M.current = !1, S();
+      g.current = !1, S();
+    },
+    onPanelMouseOver: () => {
+      g.current = !0, f();
     }
-  } : null, f = o.props, H = _e(o), le = ge(
-    () => Ae(H, E),
+  } : null, p = o.props, H = _e(o), le = xe(
+    () => Ae(H, P),
     [H]
-  ), ie = Ue[I.split("-")[0]], de = he.cloneElement(o, {
+  ), ie = Ue[O.split("-")[0]], de = he.cloneElement(o, {
     ref: le,
-    "aria-haspopup": N,
+    "aria-haspopup": I,
     "aria-expanded": t,
-    onClick: m(
-      f.onClick,
+    onClick: v(
+      p.onClick,
       (e) => {
         if (i !== "hover") {
           n(!t);
@@ -154,39 +157,39 @@ const Ke = "font-sans box-border overflow-auto outline-none rounded-[var(--malac
           B();
           return;
         }
-        v(), n(!0);
+        f(), n(!0);
       }
     ),
     ...s ? {
-      onMouseEnter: m(
-        f.onMouseEnter,
+      onMouseEnter: v(
+        p.onMouseEnter,
         s.onMouseEnter
       ),
-      onMouseLeave: m(
-        f.onMouseLeave,
+      onMouseLeave: v(
+        p.onMouseLeave,
         s.onMouseLeave
       ),
-      onMouseDown: m(
-        f.onMouseDown,
+      onMouseDown: v(
+        p.onMouseDown,
         () => {
-          w.current = !0, setTimeout(() => {
-            w.current = !1;
+          L.current = !0, setTimeout(() => {
+            L.current = !1;
           });
         }
       ),
-      onFocus: m(f.onFocus, () => {
-        const e = w.current;
-        w.current = !1, R.current = !e && !x.current, !x.current && (v(), n(!0));
+      onFocus: v(p.onFocus, () => {
+        const e = L.current;
+        L.current = !1, R.current = !e && !w.current, !w.current && (f(), n(!0));
       }),
-      onKeyDown: m(
-        f.onKeyDown,
+      onKeyDown: v(
+        p.onKeyDown,
         (e) => {
           e.key === ie && (e.preventDefault(), B());
         }
       )
     } : {},
-    onBlur: m(
-      f.onBlur,
+    onBlur: v(
+      p.onBlur,
       (e) => {
         if (R.current = !1, !(!t || T(e.relatedTarget))) {
           if (i === "hover") {
@@ -204,12 +207,12 @@ const Ke = "font-sans box-border overflow-auto outline-none rounded-[var(--malac
   };
   return /* @__PURE__ */ me(ve, { children: [
     de,
-    t && ce && xe(
+    t && ce && Ee(
       /* @__PURE__ */ C(q.Provider, { value: ae, children: /* @__PURE__ */ C(
         we,
         {
-          hostRef: g,
-          hostProps: Ne("popover"),
+          hostRef: E,
+          hostProps: Ie("popover"),
           hostStyle: {
             position: "fixed",
             top: (r == null ? void 0 : r.top) ?? 0,
@@ -219,21 +222,21 @@ const Ke = "font-sans box-border overflow-auto outline-none rounded-[var(--malac
             "div",
             {
               ref: ue,
-              role: N,
+              role: I,
               "aria-label": ee,
               "aria-labelledby": re,
               "data-side": r == null ? void 0 : r.side,
               tabIndex: -1,
               className: `${Ke} ${Be[Z]} ${$e[F]} ${oe}`.trim(),
               style: fe,
-              onMouseEnter: s == null ? void 0 : s.onMouseEnter,
+              onMouseOver: s == null ? void 0 : s.onPanelMouseOver,
               onMouseLeave: s == null ? void 0 : s.onMouseLeave,
               onFocus: () => {
-                P.current = !0, v();
+                x.current = !0, f();
               },
               onBlur: (e) => {
                 if (!T(e.relatedTarget)) {
-                  if (P.current = !1, i === "hover") {
+                  if (x.current = !1, i === "hover") {
                     S();
                     return;
                   }
@@ -251,8 +254,8 @@ const Ke = "font-sans box-border overflow-auto outline-none rounded-[var(--malac
 }, lr = Object.assign(Ge, {
   Header: Te,
   Action: Se,
-  List: Me,
-  Section: ye,
+  List: ye,
+  Section: Me,
   Empty: Le
 });
 export {

package/dist/components/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../src/components/Popover.tsx"],"sourcesContent":["import React, {\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    useSyncExternalStore,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { ShadowRootWrapper } from '../ShadowRootWrapper';\nimport {\n    PopoverAction,\n    PopoverEmpty,\n    PopoverHeader,\n    PopoverList,\n    PopoverSection,\n} from './PopoverParts';\nimport { getDeepActiveElement } from './activeElement';\nimport { chainHandler, composeRefs, elementRef } from './composeRefs';\nimport { pushEscapeLayer } from './escapeLayers';\nimport {\n    type FloatingOffset,\n    type FloatingPlacement,\n    MENU_VIEWPORT_PADDING_PX,\n} from './floatingMenuGeometry';\nimport { FOCUSABLE_SELECTOR } from './overlayBehaviour';\nimport { PopoverTreeContext } from './popoverTree';\nimport { overlayIdentity } from './portalOverlay';\nimport { useHoverClose } from './useHoverClose';\nimport { useLatestRef } from './useLatestRef';\nimport { usePopoverPosition } from './usePopoverPosition';\nimport { usePopoverTree } from './usePopoverTree';\n\nexport type PopoverPlacement = FloatingPlacement;\n\ninterface PopoverBaseProps {\n    trigger: React.ReactElement;\n    children?: React.ReactNode;\n    open?: boolean;\n    defaultOpen?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    placement?: PopoverPlacement;\n    openOn?: 'click' | 'hover';\n    width?: 'content' | 'trigger';\n    padding?: 'none' | 'small' | 'medium';\n    anchorRef?: React.RefObject<HTMLElement | null>;\n    offset?: FloatingOffset;\n    elevation?: 'default' | 'raised';\n    initialFocusRef?: React.RefObject<HTMLElement | null>;\n    role?: 'dialog' | 'menu' | 'listbox';\n    className?: string;\n}\n\ntype PopoverName =\n    | { 'aria-label': string; 'aria-labelledby'?: string }\n    | { 'aria-label'?: string; 'aria-labelledby': string };\n\nexport type PopoverProps = PopoverBaseProps & PopoverName;\n\nconst PANEL =\n    'font-sans box-border overflow-auto outline-none rounded-[var(--malachite-radius-xl,12px)] border border-solid border-[var(--malachite-card-border,rgb(232,232,232))] bg-[var(--malachite-card-background,rgb(255,255,255))] text-[var(--malachite-text-primary,rgb(10,10,10))]';\n\nconst ELEVATION: Record<NonNullable<PopoverBaseProps['elevation']>, string> = {\n    default: '[box-shadow:0px_4px_10px_0px_var(--malachite-card-shadow,rgba(0,0,0,0.1))]',\n    raised: '[box-shadow:0px_8px_24px_0px_var(--malachite-card-shadow,rgba(0,0,0,0.1))]',\n};\n\nconst PADDING: Record<NonNullable<PopoverBaseProps['padding']>, string> = {\n    none: 'p-0',\n    small: 'p-1',\n    medium: 'p-2',\n};\n\nconst pathHits = (path: EventTarget[], nodes: Iterable<Element | null | undefined>): boolean => {\n    for (const node of nodes) {\n        if (node && path.includes(node)) {\n            return true;\n        }\n    }\n    return false;\n};\n\nconst KEYBOARD_OPEN_KEY: Record<string, string> = {\n    bottom: 'ArrowDown',\n    top: 'ArrowUp',\n    right: 'ArrowRight',\n    left: 'ArrowLeft',\n};\n\nconst composedPathOf = (node: EventTarget | null): Node[] => {\n    if (!(node instanceof Node)) {\n        return [];\n    }\n    const root = node.getRootNode();\n    return [node, ...(root instanceof ShadowRoot ? composedPathOf(root.host) : [])];\n};\n\nconst subscribeToNothing = () => () => undefined;\nconst onClient = () => true;\nconst onServer = () => false;\n\nconst focusTarget = (panel: HTMLElement, initial: HTMLElement | null | undefined): HTMLElement =>\n    initial ?? panel.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? panel;\n\n/** An anchored, non-modal panel; nested Popovers count as inside their parent. */\nconst PopoverRoot: React.FC<PopoverProps> = ({\n    trigger,\n    children,\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    placement = 'bottom-start',\n    openOn = 'click',\n    width = 'content',\n    padding = 'small',\n    anchorRef,\n    offset = 'small',\n    elevation = 'default',\n    initialFocusRef,\n    role = 'dialog',\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    className = '',\n}) => {\n    const parent = useContext(PopoverTreeContext);\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n    const isOpen = controlledOpen ?? uncontrolledOpen;\n    const isClient = useSyncExternalStore(subscribeToNothing, onClient, onServer);\n\n    const triggerRef = useRef<HTMLElement | null>(null);\n    const hostRef = useRef<HTMLDivElement | null>(null);\n    const [panel, setPanel] = useState<HTMLDivElement | null>(null);\n    const heldByChildren = useRef(0);\n    const focusOnOpen = useRef(false);\n    const returningFocus = useRef(false);\n    const pointerPressedTrigger = useRef(false);\n\n    const isOpenRef = useLatestRef(isOpen);\n    const controlledRef = useLatestRef(controlledOpen);\n    const onOpenChangeRef = useLatestRef(onOpenChange);\n\n    const setOpen = useCallback(\n        (next: boolean) => {\n            if (next === isOpenRef.current) {\n                return;\n            }\n            if (controlledRef.current === undefined) {\n                setUncontrolledOpen(next);\n            }\n            onOpenChangeRef.current?.(next);\n        },\n        [isOpenRef, controlledRef, onOpenChangeRef],\n    );\n\n    const { pointerInside, focusInside, triggerFocused, cancelClose, scheduleClose } =\n        useHoverClose({\n            isOpenRef,\n            heldByChildren,\n            setOpen,\n        });\n\n    const { tree, ownedSources } = usePopoverTree({\n        parent,\n        isOpen,\n        openOn,\n        isOpenRef,\n        heldByChildren,\n        cancelClose,\n        scheduleClose,\n    });\n\n    const geometry = usePopoverPosition({\n        isOpen,\n        panel,\n        hostRef,\n        triggerRef,\n        anchorRef,\n        placement,\n        width,\n        offset,\n    });\n\n    useEffect(() => {\n        if (!isOpen) {\n            return;\n        }\n        const closeOnOutsidePress = (event: MouseEvent) => {\n            const path = event.composedPath();\n            const inside = pathHits(path, [\n                triggerRef.current,\n                hostRef.current,\n                ...[...ownedSources.current].map((source) => source()),\n            ]);\n            if (!inside) {\n                setOpen(false);\n            }\n        };\n        document.addEventListener('mousedown', closeOnOutsidePress, true);\n        const popEscapeLayer = pushEscapeLayer(() => setOpen(false));\n        return () => {\n            document.removeEventListener('mousedown', closeOnOutsidePress, true);\n            popEscapeLayer();\n            pointerInside.current = false;\n            const active = getDeepActiveElement();\n            if (focusInside.current && (!active || active === document.body)) {\n                returningFocus.current = true;\n                triggerRef.current?.focus({ preventScroll: true });\n                returningFocus.current = false;\n            }\n            focusInside.current = false;\n        };\n    }, [isOpen, setOpen, ownedSources, pointerInside, focusInside]);\n\n    const shown = isOpen && panel !== null && geometry !== null;\n\n    useEffect(() => {\n        const shouldFocus = openOn === 'click' || focusOnOpen.current;\n        if (!shown || !panel || !shouldFocus) {\n            return;\n        }\n        focusOnOpen.current = false;\n        focusTarget(panel, initialFocusRef?.current).focus({ preventScroll: true });\n    }, [shown, panel, openOn, initialFocusRef]);\n\n    const openWithFocus = () => {\n        cancelClose();\n        if (isOpen && panel) {\n            focusTarget(panel, initialFocusRef?.current).focus({ preventScroll: true });\n            return;\n        }\n        focusOnOpen.current = true;\n        setOpen(true);\n    };\n\n    const isInside = (node: EventTarget | null): boolean => {\n        const containers = [\n            triggerRef.current,\n            hostRef.current,\n            panel,\n            ...[...ownedSources.current].map((source) => source()),\n        ];\n        return composedPathOf(node).some((step) =>\n            containers.some((container) => container?.contains(step)),\n        );\n    };\n\n    const closeIfFocusLeft = (next: EventTarget | null) => {\n        if (!next) {\n            return;\n        }\n        queueMicrotask(() => {\n            if (!isInside(next) && !isInside(getDeepActiveElement())) {\n                setOpen(false);\n            }\n        });\n    };\n\n    const hoverHandlers =\n        openOn === 'hover'\n            ? {\n                  onMouseEnter: () => {\n                      pointerInside.current = true;\n                      cancelClose();\n                      setOpen(true);\n                  },\n                  onMouseLeave: () => {\n                      pointerInside.current = false;\n                      scheduleClose();\n                  },\n              }\n            : null;\n\n    const triggerProps = trigger.props as Record<string, unknown>;\n    type Handler<E extends React.SyntheticEvent> = ((event: E) => void) | undefined;\n\n    const ownTriggerRef = elementRef<HTMLElement>(trigger);\n    const composedTriggerRef = useMemo(\n        () => composeRefs(ownTriggerRef, triggerRef),\n        [ownTriggerRef],\n    );\n    const openKey = KEYBOARD_OPEN_KEY[placement.split('-')[0]];\n\n    const clonedTrigger = React.cloneElement(trigger, {\n        ref: composedTriggerRef,\n        'aria-haspopup': role,\n        'aria-expanded': isOpen,\n        onClick: chainHandler(\n            triggerProps.onClick as Handler<React.MouseEvent>,\n            (event: React.MouseEvent) => {\n                if (openOn !== 'hover') {\n                    setOpen(!isOpen);\n                    return;\n                }\n                const fromKeyboard = event.detail === 0;\n                if (fromKeyboard) {\n                    openWithFocus();\n                    return;\n                }\n                cancelClose();\n                setOpen(true);\n            },\n        ),\n        ...(hoverHandlers\n            ? {\n                  onMouseEnter: chainHandler(\n                      triggerProps.onMouseEnter as Handler<React.MouseEvent>,\n                      hoverHandlers.onMouseEnter,\n                  ),\n                  onMouseLeave: chainHandler(\n                      triggerProps.onMouseLeave as Handler<React.MouseEvent>,\n                      hoverHandlers.onMouseLeave,\n                  ),\n                  onMouseDown: chainHandler(\n                      triggerProps.onMouseDown as Handler<React.MouseEvent>,\n                      () => {\n                          pointerPressedTrigger.current = true;\n                          setTimeout(() => {\n                              pointerPressedTrigger.current = false;\n                          });\n                      },\n                  ),\n                  onFocus: chainHandler(triggerProps.onFocus as Handler<React.FocusEvent>, () => {\n                      const fromPointer = pointerPressedTrigger.current;\n                      pointerPressedTrigger.current = false;\n                      triggerFocused.current = !fromPointer && !returningFocus.current;\n                      if (returningFocus.current) {\n                          return;\n                      }\n                      cancelClose();\n                      setOpen(true);\n                  }),\n                  onKeyDown: chainHandler(\n                      triggerProps.onKeyDown as Handler<React.KeyboardEvent>,\n                      (event: React.KeyboardEvent) => {\n                          if (event.key !== openKey) {\n                              return;\n                          }\n                          event.preventDefault();\n                          openWithFocus();\n                      },\n                  ),\n              }\n            : {}),\n        onBlur: chainHandler(\n            triggerProps.onBlur as Handler<React.FocusEvent>,\n            (event: React.FocusEvent) => {\n                triggerFocused.current = false;\n                if (!isOpen || isInside(event.relatedTarget)) {\n                    return;\n                }\n                if (openOn === 'hover') {\n                    scheduleClose();\n                    return;\n                }\n                closeIfFocusLeft(event.relatedTarget);\n            },\n        ),\n    } as Record<string, unknown>);\n\n    const panelStyle: React.CSSProperties = {\n        maxHeight: geometry?.maxHeight,\n        maxWidth: `calc(100vw - ${MENU_VIEWPORT_PADDING_PX * 2}px)`,\n        visibility: geometry ? 'visible' : 'hidden',\n    };\n\n    return (\n        <>\n            {clonedTrigger}\n            {isOpen &&\n                isClient &&\n                createPortal(\n                    <PopoverTreeContext.Provider value={tree}>\n                        <ShadowRootWrapper\n                            hostRef={hostRef}\n                            hostProps={overlayIdentity('popover')}\n                            hostStyle={{\n                                position: 'fixed',\n                                top: geometry?.top ?? 0,\n                                left: geometry?.left ?? 0,\n                            }}\n                        >\n                            <div\n                                ref={setPanel}\n                                role={role}\n                                aria-label={ariaLabel}\n                                aria-labelledby={ariaLabelledBy}\n                                data-side={geometry?.side}\n                                tabIndex={-1}\n                                className={`${PANEL} ${ELEVATION[elevation]} ${PADDING[padding]} ${className}`.trim()}\n                                style={panelStyle}\n                                onMouseEnter={hoverHandlers?.onMouseEnter}\n                                onMouseLeave={hoverHandlers?.onMouseLeave}\n                                onFocus={() => {\n                                    focusInside.current = true;\n                                    cancelClose();\n                                }}\n                                onBlur={(event) => {\n                                    if (isInside(event.relatedTarget)) {\n                                        return;\n                                    }\n                                    focusInside.current = false;\n                                    if (openOn === 'hover') {\n                                        scheduleClose();\n                                        return;\n                                    }\n                                    closeIfFocusLeft(event.relatedTarget);\n                                }}\n                            >\n                                {children}\n                            </div>\n                        </ShadowRootWrapper>\n                    </PopoverTreeContext.Provider>,\n                    document.body,\n                )}\n        </>\n    );\n};\n\nexport const Popover = Object.assign(PopoverRoot, {\n    Header: PopoverHeader,\n    Action: PopoverAction,\n    List: PopoverList,\n    Section: PopoverSection,\n    Empty: PopoverEmpty,\n});\n\nexport default Popover;\n"],"names":["PANEL","ELEVATION","PADDING","pathHits","path","nodes","node","KEYBOARD_OPEN_KEY","composedPathOf","root","subscribeToNothing","onClient","onServer","focusTarget","panel","initial","FOCUSABLE_SELECTOR","PopoverRoot","trigger","children","controlledOpen","defaultOpen","onOpenChange","placement","openOn","width","padding","anchorRef","offset","elevation","initialFocusRef","role","ariaLabel","ariaLabelledBy","className","parent","useContext","PopoverTreeContext","uncontrolledOpen","setUncontrolledOpen","useState","isOpen","isClient","useSyncExternalStore","triggerRef","useRef","hostRef","setPanel","heldByChildren","focusOnOpen","returningFocus","pointerPressedTrigger","isOpenRef","useLatestRef","controlledRef","onOpenChangeRef","setOpen","useCallback","next","_a","pointerInside","focusInside","triggerFocused","cancelClose","scheduleClose","useHoverClose","tree","ownedSources","usePopoverTree","geometry","usePopoverPosition","useEffect","closeOnOutsidePress","event","source","popEscapeLayer","pushEscapeLayer","active","getDeepActiveElement","shown","shouldFocus","openWithFocus","isInside","containers","step","container","closeIfFocusLeft","hoverHandlers","triggerProps","ownTriggerRef","elementRef","composedTriggerRef","useMemo","composeRefs","openKey","clonedTrigger","React","chainHandler","fromPointer","panelStyle","MENU_VIEWPORT_PADDING_PX","jsxs","Fragment","createPortal","jsx","ShadowRootWrapper","overlayIdentity","Popover","PopoverHeader","PopoverAction","PopoverList","PopoverSection","PopoverEmpty"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../src/components/Popover.tsx"],"sourcesContent":["import React, {\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    useSyncExternalStore,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { ShadowRootWrapper } from '../ShadowRootWrapper';\nimport {\n    PopoverAction,\n    PopoverEmpty,\n    PopoverHeader,\n    PopoverList,\n    PopoverSection,\n} from './PopoverParts';\nimport { getDeepActiveElement } from './activeElement';\nimport { chainHandler, composeRefs, elementRef } from './composeRefs';\nimport { pushEscapeLayer } from './escapeLayers';\nimport {\n    type FloatingOffset,\n    type FloatingPlacement,\n    MENU_VIEWPORT_PADDING_PX,\n} from './floatingMenuGeometry';\nimport { FOCUSABLE_SELECTOR } from './overlayBehaviour';\nimport { PopoverTreeContext } from './popoverTree';\nimport { overlayIdentity } from './portalOverlay';\nimport { useHoverClose } from './useHoverClose';\nimport { useLatestRef } from './useLatestRef';\nimport { usePopoverPosition } from './usePopoverPosition';\nimport { usePopoverTree } from './usePopoverTree';\n\nexport type PopoverPlacement = FloatingPlacement;\n\ninterface PopoverBaseProps {\n    trigger: React.ReactElement;\n    children?: React.ReactNode;\n    open?: boolean;\n    defaultOpen?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    placement?: PopoverPlacement;\n    openOn?: 'click' | 'hover';\n    width?: 'content' | 'trigger';\n    padding?: 'none' | 'small' | 'medium';\n    anchorRef?: React.RefObject<HTMLElement | null>;\n    offset?: FloatingOffset;\n    elevation?: 'default' | 'raised';\n    initialFocusRef?: React.RefObject<HTMLElement | null>;\n    role?: 'dialog' | 'menu' | 'listbox';\n    className?: string;\n}\n\ntype PopoverName =\n    | { 'aria-label': string; 'aria-labelledby'?: string }\n    | { 'aria-label'?: string; 'aria-labelledby': string };\n\nexport type PopoverProps = PopoverBaseProps & PopoverName;\n\nconst PANEL =\n    'font-sans box-border overflow-auto outline-none rounded-[var(--malachite-radius-xl,12px)] border border-solid border-[var(--malachite-card-border,rgb(232,232,232))] bg-[var(--malachite-card-background,rgb(255,255,255))] text-[var(--malachite-text-primary,rgb(10,10,10))]';\n\nconst ELEVATION: Record<NonNullable<PopoverBaseProps['elevation']>, string> = {\n    default: '[box-shadow:0px_4px_10px_0px_var(--malachite-card-shadow,rgba(0,0,0,0.1))]',\n    raised: '[box-shadow:0px_8px_24px_0px_var(--malachite-card-shadow,rgba(0,0,0,0.1))]',\n};\n\nconst PADDING: Record<NonNullable<PopoverBaseProps['padding']>, string> = {\n    none: 'p-0',\n    small: 'p-1',\n    medium: 'p-2',\n};\n\nconst pathHits = (path: EventTarget[], nodes: Iterable<Element | null | undefined>): boolean => {\n    for (const node of nodes) {\n        if (node && path.includes(node)) {\n            return true;\n        }\n    }\n    return false;\n};\n\nconst KEYBOARD_OPEN_KEY: Record<string, string> = {\n    bottom: 'ArrowDown',\n    top: 'ArrowUp',\n    right: 'ArrowRight',\n    left: 'ArrowLeft',\n};\n\nconst composedPathOf = (node: EventTarget | null): Node[] => {\n    if (!(node instanceof Node)) {\n        return [];\n    }\n    const root = node.getRootNode();\n    return [node, ...(root instanceof ShadowRoot ? composedPathOf(root.host) : [])];\n};\n\nconst subscribeToNothing = () => () => undefined;\nconst onClient = () => true;\nconst onServer = () => false;\n\nconst focusTarget = (panel: HTMLElement, initial: HTMLElement | null | undefined): HTMLElement =>\n    initial ?? panel.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? panel;\n\n/** An anchored, non-modal panel; nested Popovers count as inside their parent. */\nconst PopoverRoot: React.FC<PopoverProps> = ({\n    trigger,\n    children,\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    placement = 'bottom-start',\n    openOn = 'click',\n    width = 'content',\n    padding = 'small',\n    anchorRef,\n    offset = 'small',\n    elevation = 'default',\n    initialFocusRef,\n    role = 'dialog',\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    className = '',\n}) => {\n    const parent = useContext(PopoverTreeContext);\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n    const isOpen = controlledOpen ?? uncontrolledOpen;\n    const isClient = useSyncExternalStore(subscribeToNothing, onClient, onServer);\n\n    const triggerRef = useRef<HTMLElement | null>(null);\n    const hostRef = useRef<HTMLDivElement | null>(null);\n    const [panel, setPanel] = useState<HTMLDivElement | null>(null);\n    const heldByChildren = useRef(0);\n    const focusOnOpen = useRef(false);\n    const returningFocus = useRef(false);\n    const pointerPressedTrigger = useRef(false);\n\n    const isOpenRef = useLatestRef(isOpen);\n    const controlledRef = useLatestRef(controlledOpen);\n    const onOpenChangeRef = useLatestRef(onOpenChange);\n\n    const setOpen = useCallback(\n        (next: boolean) => {\n            if (next === isOpenRef.current) {\n                return;\n            }\n            if (controlledRef.current === undefined) {\n                setUncontrolledOpen(next);\n            }\n            onOpenChangeRef.current?.(next);\n        },\n        [isOpenRef, controlledRef, onOpenChangeRef],\n    );\n\n    const { pointerInside, focusInside, triggerFocused, cancelClose, scheduleClose } =\n        useHoverClose({\n            isOpenRef,\n            heldByChildren,\n            setOpen,\n        });\n\n    const { tree, ownedSources } = usePopoverTree({\n        parent,\n        isOpen,\n        openOn,\n        isOpenRef,\n        heldByChildren,\n        cancelClose,\n        scheduleClose,\n    });\n\n    const geometry = usePopoverPosition({\n        isOpen,\n        panel,\n        hostRef,\n        triggerRef,\n        anchorRef,\n        placement,\n        width,\n        offset,\n    });\n\n    useEffect(() => {\n        if (!isOpen) {\n            return;\n        }\n        const closeOnOutsidePress = (event: MouseEvent) => {\n            const path = event.composedPath();\n            const inside = pathHits(path, [\n                triggerRef.current,\n                hostRef.current,\n                ...[...ownedSources.current].map((source) => source()),\n            ]);\n            if (!inside) {\n                setOpen(false);\n            }\n        };\n        document.addEventListener('mousedown', closeOnOutsidePress, true);\n        const popEscapeLayer = pushEscapeLayer(() => setOpen(false));\n        return () => {\n            document.removeEventListener('mousedown', closeOnOutsidePress, true);\n            popEscapeLayer();\n            pointerInside.current = false;\n            const active = getDeepActiveElement();\n            if (focusInside.current && (!active || active === document.body)) {\n                returningFocus.current = true;\n                triggerRef.current?.focus({ preventScroll: true });\n                returningFocus.current = false;\n            }\n            focusInside.current = false;\n        };\n    }, [isOpen, setOpen, ownedSources, pointerInside, focusInside]);\n\n    const shown = isOpen && panel !== null && geometry !== null;\n\n    useEffect(() => {\n        const shouldFocus = openOn === 'click' || focusOnOpen.current;\n        if (!shown || !panel || !shouldFocus) {\n            return;\n        }\n        focusOnOpen.current = false;\n        focusTarget(panel, initialFocusRef?.current).focus({ preventScroll: true });\n    }, [shown, panel, openOn, initialFocusRef]);\n\n    const openWithFocus = () => {\n        cancelClose();\n        if (isOpen && panel) {\n            focusTarget(panel, initialFocusRef?.current).focus({ preventScroll: true });\n            return;\n        }\n        focusOnOpen.current = true;\n        setOpen(true);\n    };\n\n    const isInside = (node: EventTarget | null): boolean => {\n        const containers = [\n            triggerRef.current,\n            hostRef.current,\n            panel,\n            ...[...ownedSources.current].map((source) => source()),\n        ];\n        return composedPathOf(node).some((step) =>\n            containers.some((container) => container?.contains(step)),\n        );\n    };\n\n    const closeIfFocusLeft = (next: EventTarget | null) => {\n        if (!next) {\n            return;\n        }\n        queueMicrotask(() => {\n            if (!isInside(next) && !isInside(getDeepActiveElement())) {\n                setOpen(false);\n            }\n        });\n    };\n\n    const hoverHandlers =\n        openOn === 'hover'\n            ? {\n                  onMouseEnter: () => {\n                      pointerInside.current = true;\n                      cancelClose();\n                      setOpen(true);\n                  },\n                  onMouseLeave: () => {\n                      pointerInside.current = false;\n                      scheduleClose();\n                  },\n                  onPanelMouseOver: () => {\n                      pointerInside.current = true;\n                      cancelClose();\n                  },\n              }\n            : null;\n\n    const triggerProps = trigger.props as Record<string, unknown>;\n    type Handler<E extends React.SyntheticEvent> = ((event: E) => void) | undefined;\n\n    const ownTriggerRef = elementRef<HTMLElement>(trigger);\n    const composedTriggerRef = useMemo(\n        () => composeRefs(ownTriggerRef, triggerRef),\n        [ownTriggerRef],\n    );\n    const openKey = KEYBOARD_OPEN_KEY[placement.split('-')[0]];\n\n    const clonedTrigger = React.cloneElement(trigger, {\n        ref: composedTriggerRef,\n        'aria-haspopup': role,\n        'aria-expanded': isOpen,\n        onClick: chainHandler(\n            triggerProps.onClick as Handler<React.MouseEvent>,\n            (event: React.MouseEvent) => {\n                if (openOn !== 'hover') {\n                    setOpen(!isOpen);\n                    return;\n                }\n                const fromKeyboard = event.detail === 0;\n                if (fromKeyboard) {\n                    openWithFocus();\n                    return;\n                }\n                cancelClose();\n                setOpen(true);\n            },\n        ),\n        ...(hoverHandlers\n            ? {\n                  onMouseEnter: chainHandler(\n                      triggerProps.onMouseEnter as Handler<React.MouseEvent>,\n                      hoverHandlers.onMouseEnter,\n                  ),\n                  onMouseLeave: chainHandler(\n                      triggerProps.onMouseLeave as Handler<React.MouseEvent>,\n                      hoverHandlers.onMouseLeave,\n                  ),\n                  onMouseDown: chainHandler(\n                      triggerProps.onMouseDown as Handler<React.MouseEvent>,\n                      () => {\n                          pointerPressedTrigger.current = true;\n                          setTimeout(() => {\n                              pointerPressedTrigger.current = false;\n                          });\n                      },\n                  ),\n                  onFocus: chainHandler(triggerProps.onFocus as Handler<React.FocusEvent>, () => {\n                      const fromPointer = pointerPressedTrigger.current;\n                      pointerPressedTrigger.current = false;\n                      triggerFocused.current = !fromPointer && !returningFocus.current;\n                      if (returningFocus.current) {\n                          return;\n                      }\n                      cancelClose();\n                      setOpen(true);\n                  }),\n                  onKeyDown: chainHandler(\n                      triggerProps.onKeyDown as Handler<React.KeyboardEvent>,\n                      (event: React.KeyboardEvent) => {\n                          if (event.key !== openKey) {\n                              return;\n                          }\n                          event.preventDefault();\n                          openWithFocus();\n                      },\n                  ),\n              }\n            : {}),\n        onBlur: chainHandler(\n            triggerProps.onBlur as Handler<React.FocusEvent>,\n            (event: React.FocusEvent) => {\n                triggerFocused.current = false;\n                if (!isOpen || isInside(event.relatedTarget)) {\n                    return;\n                }\n                if (openOn === 'hover') {\n                    scheduleClose();\n                    return;\n                }\n                closeIfFocusLeft(event.relatedTarget);\n            },\n        ),\n    } as Record<string, unknown>);\n\n    const panelStyle: React.CSSProperties = {\n        maxHeight: geometry?.maxHeight,\n        maxWidth: `calc(100vw - ${MENU_VIEWPORT_PADDING_PX * 2}px)`,\n        visibility: geometry ? 'visible' : 'hidden',\n    };\n\n    return (\n        <>\n            {clonedTrigger}\n            {isOpen &&\n                isClient &&\n                createPortal(\n                    <PopoverTreeContext.Provider value={tree}>\n                        <ShadowRootWrapper\n                            hostRef={hostRef}\n                            hostProps={overlayIdentity('popover')}\n                            hostStyle={{\n                                position: 'fixed',\n                                top: geometry?.top ?? 0,\n                                left: geometry?.left ?? 0,\n                            }}\n                        >\n                            <div\n                                ref={setPanel}\n                                role={role}\n                                aria-label={ariaLabel}\n                                aria-labelledby={ariaLabelledBy}\n                                data-side={geometry?.side}\n                                tabIndex={-1}\n                                className={`${PANEL} ${ELEVATION[elevation]} ${PADDING[padding]} ${className}`.trim()}\n                                style={panelStyle}\n                                // React's mouseenter stops at the shadow host, so the panel listens for mouseover.\n                                onMouseOver={hoverHandlers?.onPanelMouseOver}\n                                onMouseLeave={hoverHandlers?.onMouseLeave}\n                                onFocus={() => {\n                                    focusInside.current = true;\n                                    cancelClose();\n                                }}\n                                onBlur={(event) => {\n                                    if (isInside(event.relatedTarget)) {\n                                        return;\n                                    }\n                                    focusInside.current = false;\n                                    if (openOn === 'hover') {\n                                        scheduleClose();\n                                        return;\n                                    }\n                                    closeIfFocusLeft(event.relatedTarget);\n                                }}\n                            >\n                                {children}\n                            </div>\n                        </ShadowRootWrapper>\n                    </PopoverTreeContext.Provider>,\n                    document.body,\n                )}\n        </>\n    );\n};\n\nexport const Popover = Object.assign(PopoverRoot, {\n    Header: PopoverHeader,\n    Action: PopoverAction,\n    List: PopoverList,\n    Section: PopoverSection,\n    Empty: PopoverEmpty,\n});\n\nexport default Popover;\n"],"names":["PANEL","ELEVATION","PADDING","pathHits","path","nodes","node","KEYBOARD_OPEN_KEY","composedPathOf","root","subscribeToNothing","onClient","onServer","focusTarget","panel","initial","FOCUSABLE_SELECTOR","PopoverRoot","trigger","children","controlledOpen","defaultOpen","onOpenChange","placement","openOn","width","padding","anchorRef","offset","elevation","initialFocusRef","role","ariaLabel","ariaLabelledBy","className","parent","useContext","PopoverTreeContext","uncontrolledOpen","setUncontrolledOpen","useState","isOpen","isClient","useSyncExternalStore","triggerRef","useRef","hostRef","setPanel","heldByChildren","focusOnOpen","returningFocus","pointerPressedTrigger","isOpenRef","useLatestRef","controlledRef","onOpenChangeRef","setOpen","useCallback","next","_a","pointerInside","focusInside","triggerFocused","cancelClose","scheduleClose","useHoverClose","tree","ownedSources","usePopoverTree","geometry","usePopoverPosition","useEffect","closeOnOutsidePress","event","source","popEscapeLayer","pushEscapeLayer","active","getDeepActiveElement","shown","shouldFocus","openWithFocus","isInside","containers","step","container","closeIfFocusLeft","hoverHandlers","triggerProps","ownTriggerRef","elementRef","composedTriggerRef","useMemo","composeRefs","openKey","clonedTrigger","React","chainHandler","fromPointer","panelStyle","MENU_VIEWPORT_PADDING_PX","jsxs","Fragment","createPortal","jsx","ShadowRootWrapper","overlayIdentity","Popover","PopoverHeader","PopoverAction","PopoverList","PopoverSection","PopoverEmpty"],"mappings":"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"}

package/dist/components/Sidebar.js

@@ -1,30 +1,30 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { useMemo as N, forwardRef as u } from "react";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { useMemo as N, forwardRef as h } from "react";
 import w from "./CustomIcons/CaretLeftIcon.js";
 import _ from "./CustomIcons/CaretRightIcon.js";
-import h from "./CustomIcons/ChevronsUpDownIcon.js";
+import u from "./CustomIcons/ChevronsUpDownIcon.js";
 import f from "./Tooltip.js";
 import { UsageCard as S } from "./UsageCard.js";
 import { isExpanded as $ } from "./ariaState.js";
 import { BORDER as m, NO_SCROLLBAR as R } from "./chromeStyles.js";
 import { FOCUS_RING as x } from "./focusRing.js";
 import { SIDEBAR_WIDTH_PX as b, SidebarContext as k, SIDEBAR_POPOVER_WIDTH_PX as j, useSidebarCollapsed as E } from "./sidebarContext.js";
-const i = () => ({ collapsed: E() }), I = 1, O = 24, g = { width: 8, height: 14 }, z = "fixed top-[25px] z-[101] invisible opacity-0 [will-change:opacity] transition-[left,opacity,visibility] duration-200 ease-in-out group-hover/sidebar:visible group-hover/sidebar:opacity-100 group-has-[:focus-visible]/sidebar:visible group-has-[:focus-visible]/sidebar:opacity-100", C = ({
+const s = () => ({ collapsed: E() }), I = 1, O = 24, g = { width: 8, height: 14 }, z = "fixed top-[25px] z-[101] opacity-0 [will-change:opacity] transition-[left,opacity] duration-200 ease-in-out group-hover/sidebar:opacity-100 group-has-[:focus-visible]/sidebar:opacity-100 [@media(hover:none)]:pointer-events-none [@media(hover:none)]:group-has-[:focus-visible]/sidebar:pointer-events-auto", C = ({
   collapsed: e = !1,
   onToggleCollapse: t,
   expandLabel: a = "Expand menu",
   collapseLabel: c = "Collapse menu",
   "aria-label": d = "Main",
-  children: l
+  children: n
 }) => {
-  const o = e ? a : c, s = N(() => ({ collapsed: e }), [e]), p = e ? b.collapsed : b.expanded;
-  return /* @__PURE__ */ r(k.Provider, { value: s, children: /* @__PURE__ */ n(
+  const o = e ? a : c, i = N(() => ({ collapsed: e }), [e]), p = e ? b.collapsed : b.expanded;
+  return /* @__PURE__ */ r(k.Provider, { value: i, children: /* @__PURE__ */ l(
     "aside",
     {
       className: "group/sidebar fixed top-0 bottom-0 left-0 z-[100] box-border pt-[9px] bg-[var(--malachite-card-sunken-background,rgb(250,250,250))] transition-[width] duration-200 ease-in-out",
       style: { width: p },
       children: [
-        /* @__PURE__ */ r("nav", { "aria-label": d, className: "flex h-full flex-col", children: l }),
+        /* @__PURE__ */ r("nav", { "aria-label": d, className: "flex h-full flex-col", children: n }),
         t && /* @__PURE__ */ r("div", { className: z, style: { left: p - O / 2 }, children: /* @__PURE__ */ r(f, { text: o, placement: "right", describesTrigger: !1, children: /* @__PURE__ */ r(
           "button",
           {
@@ -39,7 +39,7 @@ const i = () => ({ collapsed: E() }), I = 1, O = 24, g = { width: 8, height: 14
     }
   ) });
 }, P = ({ children: e }) => {
-  const { collapsed: t } = i();
+  const { collapsed: t } = s();
   return /* @__PURE__ */ r(
     "div",
     {
@@ -48,7 +48,7 @@ const i = () => ({ collapsed: E() }), I = 1, O = 24, g = { width: 8, height: 14
     }
   );
 }, D = ({ children: e }) => /* @__PURE__ */ r("div", { className: `min-h-0 flex-1 overflow-x-hidden overflow-y-auto ${R}`, children: e }), L = ({ children: e }) => {
-  const { collapsed: t } = i();
+  const { collapsed: t } = s();
   return /* @__PURE__ */ r(
     "div",
     {
@@ -57,19 +57,19 @@ const i = () => ({ collapsed: E() }), I = 1, O = 24, g = { width: 8, height: 14
     }
   );
 }, A = ({ children: e }) => /* @__PURE__ */ r("div", { className: "my-[2px] flex flex-col gap-[6px]", children: e }), G = ({ children: e }) => /* @__PURE__ */ r("div", { className: "flex flex-col gap-[6px]", children: e }), T = ({ children: e }) => {
-  const { collapsed: t } = i();
+  const { collapsed: t } = s();
   return /* @__PURE__ */ r("div", { className: `flex pt-5 pb-[18px] ${t ? "justify-center px-3" : "px-4"}`, children: e });
 }, B = ({
   children: e,
   "aria-label": t
 }) => {
-  const { collapsed: a } = i();
+  const { collapsed: a } = s();
   return a ? null : /* @__PURE__ */ r("div", { role: "status", "aria-label": t, className: "flex flex-col gap-2 px-3 pt-4", children: e });
 }, H = () => {
-  const { collapsed: e } = i();
+  const { collapsed: e } = s();
   return e ? null : /* @__PURE__ */ r("hr", { className: `m-0 my-2 h-0 shrink-0 border-0 border-t border-solid ${m}` });
 }, U = ({ children: e }) => {
-  const { collapsed: t } = i();
+  const { collapsed: t } = s();
   return /* @__PURE__ */ r(
     "div",
     {
@@ -77,19 +77,19 @@ const i = () => ({ collapsed: E() }), I = 1, O = 24, g = { width: 8, height: 14
       children: e
     }
   );
-}, v = u(
-  ({ logo: e, title: t, subtitle: a, className: c = "", ...d }, l) => {
-    const { collapsed: o } = i();
-    return /* @__PURE__ */ n(
+}, v = h(
+  ({ logo: e, title: t, subtitle: a, className: c = "", ...d }, n) => {
+    const { collapsed: o } = s();
+    return /* @__PURE__ */ l(
       "button",
       {
-        ref: l,
+        ref: n,
         type: "button",
         "aria-label": o ? t : void 0,
         ...d,
         className: `group/switcher m-0 box-border flex h-full w-full min-w-0 cursor-pointer items-center gap-3 rounded-lg border-0 bg-transparent font-sans text-left ${o ? "justify-center p-1" : "justify-between px-4 py-[6px]"} ${x} ${c}`.trim(),
         children: [
-          /* @__PURE__ */ n("span", { className: "flex min-w-0 items-center gap-4", children: [
+          /* @__PURE__ */ l("span", { className: "flex min-w-0 items-center gap-4", children: [
             /* @__PURE__ */ r(
               "span",
               {
@@ -98,44 +98,44 @@ const i = () => ({ collapsed: E() }), I = 1, O = 24, g = { width: 8, height: 14
                 children: e
               }
             ),
-            !o && /* @__PURE__ */ n("span", { className: "flex min-w-0 flex-col gap-1", children: [
+            !o && /* @__PURE__ */ l("span", { className: "flex min-w-0 flex-col gap-1", children: [
               /* @__PURE__ */ r("span", { className: "block truncate text-[length:var(--malachite-font-size-medium,14px)] leading-[14px] font-medium text-[var(--malachite-text-primary,rgb(10,10,10))]", children: t }),
               a && /* @__PURE__ */ r("span", { className: "block truncate text-[12px] leading-[12px] font-normal text-[var(--malachite-text-secondary,rgb(123,123,123))]", children: a })
             ] })
           ] }),
-          !o && /* @__PURE__ */ r("span", { className: "flex shrink-0 text-[var(--malachite-text-secondary,rgb(123,123,123))] transition-colors group-hover/switcher:text-[var(--malachite-text-primary,rgb(10,10,10))]", children: /* @__PURE__ */ r(h, { style: g }) })
+          !o && /* @__PURE__ */ r("span", { className: "flex shrink-0 text-[var(--malachite-text-secondary,rgb(123,123,123))] transition-colors group-hover/switcher:text-[var(--malachite-text-primary,rgb(10,10,10))]", children: /* @__PURE__ */ r(u, { style: g }) })
         ]
       }
     );
   }
 );
 v.displayName = "Sidebar.Switcher";
-const X = `inline-flex items-center justify-center rounded-[var(--malachite-radius-md,6px)] border border-solid ${m} bg-[var(--malachite-pillbutton-background,rgb(241,241,241))] supports-[color:color-mix(in_srgb,red,red)]:border-[color-mix(in_srgb,var(--malachite-text-placeholder,rgb(187,187,187))_20%,transparent)] supports-[color:color-mix(in_srgb,red,red)]:bg-[color-mix(in_srgb,var(--malachite-text-placeholder,rgb(187,187,187))_10%,transparent)] px-1 py-[3px] text-[length:var(--malachite-font-size-small,13px)] leading-[12px] font-semibold text-[var(--malachite-text-secondary,rgb(123,123,123))]`, y = u(
-  ({ avatar: e, initials: t, name: a, tooltip: c, className: d = "", ...l }, o) => {
-    const { collapsed: s } = i(), p = /* @__PURE__ */ n(
+const X = `inline-flex items-center justify-center rounded-[var(--malachite-radius-md,6px)] border border-solid ${m} bg-[var(--malachite-pillbutton-background,rgb(241,241,241))] supports-[color:color-mix(in_srgb,red,red)]:border-[color-mix(in_srgb,var(--malachite-text-placeholder,rgb(187,187,187))_20%,transparent)] supports-[color:color-mix(in_srgb,red,red)]:bg-[color-mix(in_srgb,var(--malachite-text-placeholder,rgb(187,187,187))_10%,transparent)] px-1 py-[3px] text-[length:var(--malachite-font-size-small,13px)] leading-[12px] font-semibold text-[var(--malachite-text-secondary,rgb(123,123,123))]`, y = h(
+  ({ avatar: e, initials: t, name: a, tooltip: c, className: d = "", ...n }, o) => {
+    const { collapsed: i } = s(), p = /* @__PURE__ */ l(
       "button",
       {
         ref: o,
         type: "button",
-        "aria-label": s ? a : void 0,
-        ...l,
-        className: `group/account m-0 box-border flex min-h-8 w-full cursor-pointer items-center gap-3 rounded-lg border-0 bg-transparent font-sans ${s ? "justify-center p-0" : "justify-between px-2"} ${x} ${d}`.trim(),
+        "aria-label": i ? a : void 0,
+        ...n,
+        className: `group/account m-0 box-border flex min-h-8 w-full cursor-pointer items-center gap-3 rounded-lg border-0 bg-transparent font-sans ${i ? "justify-center p-0" : "justify-between px-2"} ${x} ${d}`.trim(),
         children: [
-          /* @__PURE__ */ n("span", { className: "flex min-w-0 items-center gap-3", children: [
-            /* @__PURE__ */ r("span", { "aria-hidden": s ? void 0 : !0, className: "flex shrink-0", children: e ?? (t ? /* @__PURE__ */ r("span", { className: X, children: t }) : null) }),
-            !s && /* @__PURE__ */ r("span", { className: "truncate text-[length:var(--malachite-font-size-medium,14px)] leading-[22px] font-semibold text-[var(--malachite-text-primary,rgb(10,10,10))]", children: a })
+          /* @__PURE__ */ l("span", { className: "flex min-w-0 items-center gap-3", children: [
+            /* @__PURE__ */ r("span", { "aria-hidden": i ? void 0 : !0, className: "flex shrink-0", children: e ?? (t ? /* @__PURE__ */ r("span", { className: X, children: t }) : null) }),
+            !i && /* @__PURE__ */ r("span", { className: "truncate text-[length:var(--malachite-font-size-medium,14px)] leading-[22px] font-semibold text-[var(--malachite-text-primary,rgb(10,10,10))]", children: a })
           ] }),
-          !s && /* @__PURE__ */ r("span", { className: "flex shrink-0 text-[var(--malachite-text-secondary,rgb(123,123,123))] transition-colors group-hover/account:text-[var(--malachite-text-primary,rgb(10,10,10))]", children: /* @__PURE__ */ r(h, { style: g }) })
+          !i && /* @__PURE__ */ r("span", { className: "flex shrink-0 text-[var(--malachite-text-secondary,rgb(123,123,123))] transition-colors group-hover/account:text-[var(--malachite-text-primary,rgb(10,10,10))]", children: /* @__PURE__ */ r(u, { style: g }) })
         ]
       }
     );
-    return s ? /* @__PURE__ */ r(
+    return i ? /* @__PURE__ */ r(
       f,
       {
         text: a ? c ?? a : void 0,
         placement: "right",
         describesTrigger: !1,
-        suppressed: $(l["aria-expanded"]),
+        suppressed: $(n["aria-expanded"]),
         children: p
       }
     ) : p;
@@ -143,7 +143,7 @@ const X = `inline-flex items-center justify-center rounded-[var(--malachite-radi
 );
 y.displayName = "Sidebar.Account";
 const V = (e) => {
-  const { collapsed: t } = i();
+  const { collapsed: t } = s();
   return t ? null : /* @__PURE__ */ r("div", { className: "shrink-0 px-3 pt-3 pb-4", children: /* @__PURE__ */ r(S, { ...e }) });
 }, F = ({ children: e }) => /* @__PURE__ */ r(
   "div",

package/dist/components/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../src/components/Sidebar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport CaretLeftIcon from './CustomIcons/CaretLeftIcon';\nimport CaretRightIcon from './CustomIcons/CaretRightIcon';\nimport ChevronsUpDownIcon from './CustomIcons/ChevronsUpDownIcon';\nimport Tooltip from './Tooltip';\nimport UsageCard, { type UsageCardProps } from './UsageCard';\nimport { isExpanded } from './ariaState';\nimport { BORDER, NO_SCROLLBAR } from './chromeStyles';\nimport { FOCUS_RING } from './focusRing';\nimport {\n    SIDEBAR_POPOVER_WIDTH_PX,\n    SIDEBAR_WIDTH_PX,\n    SidebarContext,\n    useSidebarCollapsed,\n} from './sidebarContext';\n\nconst useSidebar = () => ({ collapsed: useSidebarCollapsed() });\n\nconst POPOVER_BORDER_PX = 1;\nconst TOGGLE_SIZE_PX = 24;\nconst CHEVRONS = { width: 8, height: 14 } as const;\n\nexport interface SidebarProps {\n    collapsed?: boolean;\n    onToggleCollapse?: () => void;\n    expandLabel?: string;\n    collapseLabel?: string;\n    'aria-label'?: string;\n    children: React.ReactNode;\n}\n\nconst TOGGLE_LAYER =\n    'fixed top-[25px] z-[101] invisible opacity-0 [will-change:opacity] transition-[left,opacity,visibility] duration-200 ease-in-out group-hover/sidebar:visible group-hover/sidebar:opacity-100 group-has-[:focus-visible]/sidebar:visible group-has-[:focus-visible]/sidebar:opacity-100';\n\nconst SidebarRoot: React.FC<SidebarProps> = ({\n    collapsed = false,\n    onToggleCollapse,\n    expandLabel = 'Expand menu',\n    collapseLabel = 'Collapse menu',\n    'aria-label': ariaLabel = 'Main',\n    children,\n}) => {\n    const toggleLabel = collapsed ? expandLabel : collapseLabel;\n    const context = useMemo(() => ({ collapsed }), [collapsed]);\n    const width = collapsed ? SIDEBAR_WIDTH_PX.collapsed : SIDEBAR_WIDTH_PX.expanded;\n\n    return (\n        <SidebarContext.Provider value={context}>\n            <aside\n                className=\"group/sidebar fixed top-0 bottom-0 left-0 z-[100] box-border pt-[9px] bg-[var(--malachite-card-sunken-background,rgb(250,250,250))] transition-[width] duration-200 ease-in-out\"\n                style={{ width }}\n            >\n                <nav aria-label={ariaLabel} className=\"flex h-full flex-col\">\n                    {children}\n                </nav>\n                {onToggleCollapse && (\n                    <div className={TOGGLE_LAYER} style={{ left: width - TOGGLE_SIZE_PX / 2 }}>\n                        <Tooltip text={toggleLabel} placement=\"right\" describesTrigger={false}>\n                            <button\n                                type=\"button\"\n                                aria-label={toggleLabel}\n                                onClick={onToggleCollapse}\n                                className={`m-0 inline-flex size-6 cursor-pointer items-center justify-center rounded-lg border border-solid p-0 ${BORDER} bg-[var(--malachite-card-background,rgb(255,255,255))] text-[var(--malachite-text-secondary,rgb(123,123,123))] [box-shadow:var(--malachite-shadow-default,0px_1px_0px_0px_rgba(0,0,0,0.15))] transition-colors duration-200 hover:border-[var(--malachite-text-placeholder,rgb(187,187,187))] hover:text-[var(--malachite-text-primary,rgb(10,10,10))] ${FOCUS_RING}`}\n                            >\n                                {collapsed ? (\n                                    <CaretRightIcon size={12} />\n                                ) : (\n                                    <CaretLeftIcon size={12} />\n                                )}\n                            </button>\n                        </Tooltip>\n                    </div>\n                )}\n            </aside>\n        </SidebarContext.Provider>\n    );\n};\n\nconst Header: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const { collapsed } = useSidebar();\n    return (\n        <div\n            className={`box-border flex h-14 shrink-0 items-center border-0 border-b border-solid ${BORDER} py-[6px] ${collapsed ? 'px-1' : 'px-2'}`}\n        >\n            {children}\n        </div>\n    );\n};\n\nconst Body: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <div className={`min-h-0 flex-1 overflow-x-hidden overflow-y-auto ${NO_SCROLLBAR}`}>\n        {children}\n    </div>\n);\n\nconst Section: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const { collapsed } = useSidebar();\n    return (\n        <div\n            className={`flex flex-col gap-[2px] py-[2px] ${collapsed ? 'items-center px-3' : 'px-4'}`}\n        >\n            {children}\n        </div>\n    );\n};\n\nconst Group: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <div className=\"my-[2px] flex flex-col gap-[6px]\">{children}</div>\n);\n\nconst GroupItems: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <div className=\"flex flex-col gap-[6px]\">{children}</div>\n);\n\nconst Search: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const { collapsed } = useSidebar();\n    return (\n        <div className={`flex pt-5 pb-[18px] ${collapsed ? 'justify-center px-3' : 'px-4'}`}>\n            {children}\n        </div>\n    );\n};\n\nconst Notices: React.FC<{ children: React.ReactNode; 'aria-label': string }> = ({\n    children,\n    'aria-label': ariaLabel,\n}) => {\n    const { collapsed } = useSidebar();\n    if (collapsed) {\n        return null;\n    }\n    return (\n        <div role=\"status\" aria-label={ariaLabel} className=\"flex flex-col gap-2 px-3 pt-4\">\n            {children}\n        </div>\n    );\n};\n\nconst Divider: React.FC = () => {\n    const { collapsed } = useSidebar();\n    if (collapsed) {\n        return null;\n    }\n    return <hr className={`m-0 my-2 h-0 shrink-0 border-0 border-t border-solid ${BORDER}`} />;\n};\n\nconst Footer: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const { collapsed } = useSidebar();\n    return (\n        <div\n            className={`mt-1 flex shrink-0 border-0 border-t border-solid ${BORDER} py-3 ${collapsed ? 'justify-center px-2' : 'px-4'}`}\n        >\n            {children}\n        </div>\n    );\n};\n\ntype SidebarButtonAttributes = Omit<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    'style' | 'color' | 'children' | 'title' | 'name'\n>;\n\nexport interface SidebarSwitcherProps extends SidebarButtonAttributes {\n    logo: React.ReactNode;\n    title: string;\n    subtitle?: string;\n}\n\nconst Switcher = forwardRef<HTMLButtonElement, SidebarSwitcherProps>(\n    ({ logo, title, subtitle, className = '', ...rest }, ref) => {\n        const { collapsed } = useSidebar();\n        return (\n            <button\n                ref={ref}\n                type=\"button\"\n                aria-label={collapsed ? title : undefined}\n                {...rest}\n                className={`group/switcher m-0 box-border flex h-full w-full min-w-0 cursor-pointer items-center gap-3 rounded-lg border-0 bg-transparent font-sans text-left ${collapsed ? 'justify-center p-1' : 'justify-between px-4 py-[6px]'} ${FOCUS_RING} ${className}`.trim()}\n            >\n                <span className=\"flex min-w-0 items-center gap-4\">\n                    <span\n                        aria-hidden=\"true\"\n                        className=\"relative top-[-2.5px] flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-md [&_img]:size-6 [&_img]:object-contain\"\n                    >\n                        {logo}\n                    </span>\n                    {!collapsed && (\n                        <span className=\"flex min-w-0 flex-col gap-1\">\n                            <span className=\"block truncate text-[length:var(--malachite-font-size-medium,14px)] leading-[14px] font-medium text-[var(--malachite-text-primary,rgb(10,10,10))]\">\n                                {title}\n                            </span>\n                            {subtitle && (\n                                <span className=\"block truncate text-[12px] leading-[12px] font-normal text-[var(--malachite-text-secondary,rgb(123,123,123))]\">\n                                    {subtitle}\n                                </span>\n                            )}\n                        </span>\n                    )}\n                </span>\n                {!collapsed && (\n                    <span className=\"flex shrink-0 text-[var(--malachite-text-secondary,rgb(123,123,123))] transition-colors group-hover/switcher:text-[var(--malachite-text-primary,rgb(10,10,10))]\">\n                        <ChevronsUpDownIcon style={CHEVRONS} />\n                    </span>\n                )}\n            </button>\n        );\n    },\n);\nSwitcher.displayName = 'Sidebar.Switcher';\n\nexport interface SidebarAccountProps extends SidebarButtonAttributes {\n    avatar?: React.ReactNode;\n    initials?: string;\n    name: string;\n    /** Collapsed-rail tooltip, a node so `name` can be wrapped (it renders outside the button);\n     *  should read as `name`. Defaults to `name`, `false` hides it; none when `name` is empty. */\n    tooltip?: React.ReactNode;\n}\n\nconst INITIALS = `inline-flex items-center justify-center rounded-[var(--malachite-radius-md,6px)] border border-solid ${BORDER} bg-[var(--malachite-pillbutton-background,rgb(241,241,241))] supports-[color:color-mix(in_srgb,red,red)]:border-[color-mix(in_srgb,var(--malachite-text-placeholder,rgb(187,187,187))_20%,transparent)] supports-[color:color-mix(in_srgb,red,red)]:bg-[color-mix(in_srgb,var(--malachite-text-placeholder,rgb(187,187,187))_10%,transparent)] px-1 py-[3px] text-[length:var(--malachite-font-size-small,13px)] leading-[12px] font-semibold text-[var(--malachite-text-secondary,rgb(123,123,123))]`;\n\nconst Account = forwardRef<HTMLButtonElement, SidebarAccountProps>(\n    ({ avatar, initials, name, tooltip, className = '', ...rest }, ref) => {\n        const { collapsed } = useSidebar();\n        const button = (\n            <button\n                ref={ref}\n                type=\"button\"\n                aria-label={collapsed ? name : undefined}\n                {...rest}\n                className={`group/account m-0 box-border flex min-h-8 w-full cursor-pointer items-center gap-3 rounded-lg border-0 bg-transparent font-sans ${collapsed ? 'justify-center p-0' : 'justify-between px-2'} ${FOCUS_RING} ${className}`.trim()}\n            >\n                <span className=\"flex min-w-0 items-center gap-3\">\n                    <span aria-hidden={collapsed ? undefined : true} className=\"flex shrink-0\">\n                        {avatar ?? (initials ? <span className={INITIALS}>{initials}</span> : null)}\n                    </span>\n                    {!collapsed && (\n                        <span className=\"truncate text-[length:var(--malachite-font-size-medium,14px)] leading-[22px] font-semibold text-[var(--malachite-text-primary,rgb(10,10,10))]\">\n                            {name}\n                        </span>\n                    )}\n                </span>\n                {!collapsed && (\n                    <span className=\"flex shrink-0 text-[var(--malachite-text-secondary,rgb(123,123,123))] transition-colors group-hover/account:text-[var(--malachite-text-primary,rgb(10,10,10))]\">\n                        <ChevronsUpDownIcon style={CHEVRONS} />\n                    </span>\n                )}\n            </button>\n        );\n        return collapsed ? (\n            <Tooltip\n                text={name ? (tooltip ?? name) : undefined}\n                placement=\"right\"\n                describesTrigger={false}\n                suppressed={isExpanded(rest['aria-expanded'])}\n            >\n                {button}\n            </Tooltip>\n        ) : (\n            button\n        );\n    },\n);\nAccount.displayName = 'Sidebar.Account';\n\nconst Usage: React.FC<UsageCardProps> = (props) => {\n    const { collapsed } = useSidebar();\n    if (collapsed) {\n        return null;\n    }\n    return (\n        <div className=\"shrink-0 px-3 pt-3 pb-4\">\n            <UsageCard {...props} />\n        </div>\n    );\n};\n\nconst Panel: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <div\n        className=\"flex flex-col\"\n        style={{ width: SIDEBAR_POPOVER_WIDTH_PX - 2 * POPOVER_BORDER_PX }}\n    >\n        {children}\n    </div>\n);\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n    Header,\n    Body,\n    Section,\n    Group,\n    GroupItems,\n    Search,\n    Notices,\n    Divider,\n    Footer,\n    Switcher,\n    Account,\n    Usage,\n    Panel,\n});\n\nexport default Sidebar;\n"],"names":["useSidebar","useSidebarCollapsed","POPOVER_BORDER_PX","TOGGLE_SIZE_PX","CHEVRONS","TOGGLE_LAYER","SidebarRoot","collapsed","onToggleCollapse","expandLabel","collapseLabel","ariaLabel","children","toggleLabel","context","useMemo","width","SIDEBAR_WIDTH_PX","jsx","SidebarContext","jsxs","Tooltip","BORDER","FOCUS_RING","CaretRightIcon","CaretLeftIcon","Header","Body","NO_SCROLLBAR","Section","Group","GroupItems","Search","Notices","Divider","Footer","Switcher","forwardRef","logo","title","subtitle","className","rest","ref","ChevronsUpDownIcon","INITIALS","Account","avatar","initials","name","tooltip","button","isExpanded","Usage","props","UsageCard","Panel","SIDEBAR_POPOVER_WIDTH_PX","Sidebar"],"mappings":"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"}
+{"version":3,"file":"Sidebar.js","sources":["../../src/components/Sidebar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport CaretLeftIcon from './CustomIcons/CaretLeftIcon';\nimport CaretRightIcon from './CustomIcons/CaretRightIcon';\nimport ChevronsUpDownIcon from './CustomIcons/ChevronsUpDownIcon';\nimport Tooltip from './Tooltip';\nimport UsageCard, { type UsageCardProps } from './UsageCard';\nimport { isExpanded } from './ariaState';\nimport { BORDER, NO_SCROLLBAR } from './chromeStyles';\nimport { FOCUS_RING } from './focusRing';\nimport {\n    SIDEBAR_POPOVER_WIDTH_PX,\n    SIDEBAR_WIDTH_PX,\n    SidebarContext,\n    useSidebarCollapsed,\n} from './sidebarContext';\n\nconst useSidebar = () => ({ collapsed: useSidebarCollapsed() });\n\nconst POPOVER_BORDER_PX = 1;\nconst TOGGLE_SIZE_PX = 24;\nconst CHEVRONS = { width: 8, height: 14 } as const;\n\nexport interface SidebarProps {\n    collapsed?: boolean;\n    onToggleCollapse?: () => void;\n    expandLabel?: string;\n    collapseLabel?: string;\n    'aria-label'?: string;\n    children: React.ReactNode;\n}\n\n// Hidden by opacity, not visibility, so the half over the page can be hovered; touch has no hover to reveal it first.\nconst TOGGLE_LAYER =\n    'fixed top-[25px] z-[101] opacity-0 [will-change:opacity] transition-[left,opacity] duration-200 ease-in-out group-hover/sidebar:opacity-100 group-has-[:focus-visible]/sidebar:opacity-100 [@media(hover:none)]:pointer-events-none [@media(hover:none)]:group-has-[:focus-visible]/sidebar:pointer-events-auto';\n\nconst SidebarRoot: React.FC<SidebarProps> = ({\n    collapsed = false,\n    onToggleCollapse,\n    expandLabel = 'Expand menu',\n    collapseLabel = 'Collapse menu',\n    'aria-label': ariaLabel = 'Main',\n    children,\n}) => {\n    const toggleLabel = collapsed ? expandLabel : collapseLabel;\n    const context = useMemo(() => ({ collapsed }), [collapsed]);\n    const width = collapsed ? SIDEBAR_WIDTH_PX.collapsed : SIDEBAR_WIDTH_PX.expanded;\n\n    return (\n        <SidebarContext.Provider value={context}>\n            <aside\n                className=\"group/sidebar fixed top-0 bottom-0 left-0 z-[100] box-border pt-[9px] bg-[var(--malachite-card-sunken-background,rgb(250,250,250))] transition-[width] duration-200 ease-in-out\"\n                style={{ width }}\n            >\n                <nav aria-label={ariaLabel} className=\"flex h-full flex-col\">\n                    {children}\n                </nav>\n                {onToggleCollapse && (\n                    <div className={TOGGLE_LAYER} style={{ left: width - TOGGLE_SIZE_PX / 2 }}>\n                        <Tooltip text={toggleLabel} placement=\"right\" describesTrigger={false}>\n                            <button\n                                type=\"button\"\n                                aria-label={toggleLabel}\n                                onClick={onToggleCollapse}\n                                className={`m-0 inline-flex size-6 cursor-pointer items-center justify-center rounded-lg border border-solid p-0 ${BORDER} bg-[var(--malachite-card-background,rgb(255,255,255))] text-[var(--malachite-text-secondary,rgb(123,123,123))] [box-shadow:var(--malachite-shadow-default,0px_1px_0px_0px_rgba(0,0,0,0.15))] transition-colors duration-200 hover:border-[var(--malachite-text-placeholder,rgb(187,187,187))] hover:text-[var(--malachite-text-primary,rgb(10,10,10))] ${FOCUS_RING}`}\n                            >\n                                {collapsed ? (\n                                    <CaretRightIcon size={12} />\n                                ) : (\n                                    <CaretLeftIcon size={12} />\n                                )}\n                            </button>\n                        </Tooltip>\n                    </div>\n                )}\n            </aside>\n        </SidebarContext.Provider>\n    );\n};\n\nconst Header: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const { collapsed } = useSidebar();\n    return (\n        <div\n            className={`box-border flex h-14 shrink-0 items-center border-0 border-b border-solid ${BORDER} py-[6px] ${collapsed ? 'px-1' : 'px-2'}`}\n        >\n            {children}\n        </div>\n    );\n};\n\nconst Body: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <div className={`min-h-0 flex-1 overflow-x-hidden overflow-y-auto ${NO_SCROLLBAR}`}>\n        {children}\n    </div>\n);\n\nconst Section: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const { collapsed } = useSidebar();\n    return (\n        <div\n            className={`flex flex-col gap-[2px] py-[2px] ${collapsed ? 'items-center px-3' : 'px-4'}`}\n        >\n            {children}\n        </div>\n    );\n};\n\nconst Group: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <div className=\"my-[2px] flex flex-col gap-[6px]\">{children}</div>\n);\n\nconst GroupItems: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <div className=\"flex flex-col gap-[6px]\">{children}</div>\n);\n\nconst Search: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const { collapsed } = useSidebar();\n    return (\n        <div className={`flex pt-5 pb-[18px] ${collapsed ? 'justify-center px-3' : 'px-4'}`}>\n            {children}\n        </div>\n    );\n};\n\nconst Notices: React.FC<{ children: React.ReactNode; 'aria-label': string }> = ({\n    children,\n    'aria-label': ariaLabel,\n}) => {\n    const { collapsed } = useSidebar();\n    if (collapsed) {\n        return null;\n    }\n    return (\n        <div role=\"status\" aria-label={ariaLabel} className=\"flex flex-col gap-2 px-3 pt-4\">\n            {children}\n        </div>\n    );\n};\n\nconst Divider: React.FC = () => {\n    const { collapsed } = useSidebar();\n    if (collapsed) {\n        return null;\n    }\n    return <hr className={`m-0 my-2 h-0 shrink-0 border-0 border-t border-solid ${BORDER}`} />;\n};\n\nconst Footer: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const { collapsed } = useSidebar();\n    return (\n        <div\n            className={`mt-1 flex shrink-0 border-0 border-t border-solid ${BORDER} py-3 ${collapsed ? 'justify-center px-2' : 'px-4'}`}\n        >\n            {children}\n        </div>\n    );\n};\n\ntype SidebarButtonAttributes = Omit<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    'style' | 'color' | 'children' | 'title' | 'name'\n>;\n\nexport interface SidebarSwitcherProps extends SidebarButtonAttributes {\n    logo: React.ReactNode;\n    title: string;\n    subtitle?: string;\n}\n\nconst Switcher = forwardRef<HTMLButtonElement, SidebarSwitcherProps>(\n    ({ logo, title, subtitle, className = '', ...rest }, ref) => {\n        const { collapsed } = useSidebar();\n        return (\n            <button\n                ref={ref}\n                type=\"button\"\n                aria-label={collapsed ? title : undefined}\n                {...rest}\n                className={`group/switcher m-0 box-border flex h-full w-full min-w-0 cursor-pointer items-center gap-3 rounded-lg border-0 bg-transparent font-sans text-left ${collapsed ? 'justify-center p-1' : 'justify-between px-4 py-[6px]'} ${FOCUS_RING} ${className}`.trim()}\n            >\n                <span className=\"flex min-w-0 items-center gap-4\">\n                    <span\n                        aria-hidden=\"true\"\n                        className=\"relative top-[-2.5px] flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-md [&_img]:size-6 [&_img]:object-contain\"\n                    >\n                        {logo}\n                    </span>\n                    {!collapsed && (\n                        <span className=\"flex min-w-0 flex-col gap-1\">\n                            <span className=\"block truncate text-[length:var(--malachite-font-size-medium,14px)] leading-[14px] font-medium text-[var(--malachite-text-primary,rgb(10,10,10))]\">\n                                {title}\n                            </span>\n                            {subtitle && (\n                                <span className=\"block truncate text-[12px] leading-[12px] font-normal text-[var(--malachite-text-secondary,rgb(123,123,123))]\">\n                                    {subtitle}\n                                </span>\n                            )}\n                        </span>\n                    )}\n                </span>\n                {!collapsed && (\n                    <span className=\"flex shrink-0 text-[var(--malachite-text-secondary,rgb(123,123,123))] transition-colors group-hover/switcher:text-[var(--malachite-text-primary,rgb(10,10,10))]\">\n                        <ChevronsUpDownIcon style={CHEVRONS} />\n                    </span>\n                )}\n            </button>\n        );\n    },\n);\nSwitcher.displayName = 'Sidebar.Switcher';\n\nexport interface SidebarAccountProps extends SidebarButtonAttributes {\n    avatar?: React.ReactNode;\n    initials?: string;\n    name: string;\n    /** Collapsed-rail tooltip, a node so `name` can be wrapped (it renders outside the button);\n     *  should read as `name`. Defaults to `name`, `false` hides it; none when `name` is empty. */\n    tooltip?: React.ReactNode;\n}\n\nconst INITIALS = `inline-flex items-center justify-center rounded-[var(--malachite-radius-md,6px)] border border-solid ${BORDER} bg-[var(--malachite-pillbutton-background,rgb(241,241,241))] supports-[color:color-mix(in_srgb,red,red)]:border-[color-mix(in_srgb,var(--malachite-text-placeholder,rgb(187,187,187))_20%,transparent)] supports-[color:color-mix(in_srgb,red,red)]:bg-[color-mix(in_srgb,var(--malachite-text-placeholder,rgb(187,187,187))_10%,transparent)] px-1 py-[3px] text-[length:var(--malachite-font-size-small,13px)] leading-[12px] font-semibold text-[var(--malachite-text-secondary,rgb(123,123,123))]`;\n\nconst Account = forwardRef<HTMLButtonElement, SidebarAccountProps>(\n    ({ avatar, initials, name, tooltip, className = '', ...rest }, ref) => {\n        const { collapsed } = useSidebar();\n        const button = (\n            <button\n                ref={ref}\n                type=\"button\"\n                aria-label={collapsed ? name : undefined}\n                {...rest}\n                className={`group/account m-0 box-border flex min-h-8 w-full cursor-pointer items-center gap-3 rounded-lg border-0 bg-transparent font-sans ${collapsed ? 'justify-center p-0' : 'justify-between px-2'} ${FOCUS_RING} ${className}`.trim()}\n            >\n                <span className=\"flex min-w-0 items-center gap-3\">\n                    <span aria-hidden={collapsed ? undefined : true} className=\"flex shrink-0\">\n                        {avatar ?? (initials ? <span className={INITIALS}>{initials}</span> : null)}\n                    </span>\n                    {!collapsed && (\n                        <span className=\"truncate text-[length:var(--malachite-font-size-medium,14px)] leading-[22px] font-semibold text-[var(--malachite-text-primary,rgb(10,10,10))]\">\n                            {name}\n                        </span>\n                    )}\n                </span>\n                {!collapsed && (\n                    <span className=\"flex shrink-0 text-[var(--malachite-text-secondary,rgb(123,123,123))] transition-colors group-hover/account:text-[var(--malachite-text-primary,rgb(10,10,10))]\">\n                        <ChevronsUpDownIcon style={CHEVRONS} />\n                    </span>\n                )}\n            </button>\n        );\n        return collapsed ? (\n            <Tooltip\n                text={name ? (tooltip ?? name) : undefined}\n                placement=\"right\"\n                describesTrigger={false}\n                suppressed={isExpanded(rest['aria-expanded'])}\n            >\n                {button}\n            </Tooltip>\n        ) : (\n            button\n        );\n    },\n);\nAccount.displayName = 'Sidebar.Account';\n\nconst Usage: React.FC<UsageCardProps> = (props) => {\n    const { collapsed } = useSidebar();\n    if (collapsed) {\n        return null;\n    }\n    return (\n        <div className=\"shrink-0 px-3 pt-3 pb-4\">\n            <UsageCard {...props} />\n        </div>\n    );\n};\n\nconst Panel: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n    <div\n        className=\"flex flex-col\"\n        style={{ width: SIDEBAR_POPOVER_WIDTH_PX - 2 * POPOVER_BORDER_PX }}\n    >\n        {children}\n    </div>\n);\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n    Header,\n    Body,\n    Section,\n    Group,\n    GroupItems,\n    Search,\n    Notices,\n    Divider,\n    Footer,\n    Switcher,\n    Account,\n    Usage,\n    Panel,\n});\n\nexport default Sidebar;\n"],"names":["useSidebar","useSidebarCollapsed","POPOVER_BORDER_PX","TOGGLE_SIZE_PX","CHEVRONS","TOGGLE_LAYER","SidebarRoot","collapsed","onToggleCollapse","expandLabel","collapseLabel","ariaLabel","children","toggleLabel","context","useMemo","width","SIDEBAR_WIDTH_PX","jsx","SidebarContext","jsxs","Tooltip","BORDER","FOCUS_RING","CaretRightIcon","CaretLeftIcon","Header","Body","NO_SCROLLBAR","Section","Group","GroupItems","Search","Notices","Divider","Footer","Switcher","forwardRef","logo","title","subtitle","className","rest","ref","ChevronsUpDownIcon","INITIALS","Account","avatar","initials","name","tooltip","button","isExpanded","Usage","props","UsageCard","Panel","SIDEBAR_POPOVER_WIDTH_PX","Sidebar"],"mappings":"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"}

package/dist/tailwind.css.js

@@ -1,4 +1,4 @@
-const a = '/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",Courier,monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:var(--malachite-radius-xs,2px);--radius-md:var(--malachite-radius-md,6px);--radius-lg:var(--malachite-radius-lg,8px);--radius-xl:var(--malachite-radius-xl,12px);--radius-2xl:var(--malachite-radius-xxxl,16px);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:var(--malachite-radius-sm,4px);--font-heading:"Stack Sans Text",ui-sans-serif,system-ui,sans-serif;--font-body:"Geist",ui-sans-serif,system-ui,sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-\\[-2\\.5px\\]{top:-2.5px}.top-\\[3px\\]{top:3px}.top-\\[8px\\]{top:8px}.top-\\[25px\\]{top:25px}.top-\\[40px\\]{top:40px}.top-\\[calc\\(var\\(--malachite-control-height-large\\,42px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-large,42px)/2)}.top-\\[calc\\(var\\(--malachite-control-height-medium\\,32px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-medium,32px)/2)}.top-\\[calc\\(var\\(--malachite-control-height-small\\,28px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-small,28px)/2)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\\[8px\\]{right:8px}.right-\\[26px\\]{right:26px}.right-\\[28px\\]{right:28px}.right-\\[30px\\]{right:30px}.right-\\[38px\\]{right:38px}.right-\\[60px\\]{right:60px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-\\[8px\\]{bottom:8px}.left-0{left:calc(var(--spacing)*0)}.left-\\[14px\\]{left:14px}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.z-\\[100\\]{z-index:100}.z-\\[101\\]{z-index:101}.z-\\[1000\\]{z-index:1000}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-auto{margin:auto}.-mx-10{margin-inline:calc(var(--spacing)*-10)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-\\[2px\\]{margin-block:2px}.my-auto{margin-block:auto}.-mt-1{margin-top:calc(var(--spacing)*-1)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.-mt-6{margin-top:calc(var(--spacing)*-6)}.-mt-8{margin-top:calc(var(--spacing)*-8)}.-mt-\\[2px\\]{margin-top:-2px}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-\\[2px\\]{margin-top:2px}.mt-\\[11px\\]{margin-top:11px}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-\\[-8px\\]{margin-right:-8px}.mr-\\[6px\\]{margin-right:6px}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-30{margin-bottom:calc(var(--spacing)*30)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-0\\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-\\[6px\\]{margin-left:6px}.ml-\\[20px\\]{margin-left:20px}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.\\[display\\:-webkit-box\\]{display:-webkit-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-\\[3px\\]{width:3px;height:3px}.size-\\[11px\\]{width:11px;height:11px}.size-\\[13px\\]{width:13px;height:13px}.size-\\[14px\\]{width:14px;height:14px}.size-\\[18px\\]{width:18px;height:18px}.size-\\[20px\\]{width:20px;height:20px}.size-\\[24px\\]{width:24px;height:24px}.size-\\[28px\\]{width:28px;height:28px}.size-\\[32px\\]{width:32px;height:32px}.size-\\[40px\\]{width:40px;height:40px}.size-\\[42px\\]{width:42px;height:42px}.size-full{width:100%;height:100%}.h-0{height:calc(var(--spacing)*0)}.h-1{height:calc(var(--spacing)*1)}.h-1\\/2{height:50%}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-48{height:calc(var(--spacing)*48)}.h-56{height:calc(var(--spacing)*56)}.h-60{height:calc(var(--spacing)*60)}.h-64{height:calc(var(--spacing)*64)}.h-72{height:calc(var(--spacing)*72)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.h-100{height:calc(var(--spacing)*100)}.h-\\[\\.\\.\\.\\]{height:...}.h-\\[8px\\]{height:8px}.h-\\[12px\\]{height:12px}.h-\\[13px\\]{height:13px}.h-\\[16px\\]{height:16px}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[22px\\]{height:22px}.h-\\[25px\\]{height:25px}.h-\\[28px\\]{height:28px}.h-\\[32px\\]{height:32px}.h-\\[33px\\]{height:33px}.h-\\[37px\\]{height:37px}.h-\\[42px\\]{height:42px}.h-\\[48px\\]{height:48px}.h-\\[59px\\]{height:59px}.h-\\[65px\\]{height:65px}.h-\\[460px\\]{height:460px}.h-\\[560px\\]{height:560px}.h-\\[var\\(--malachite-control-height-large\\,42px\\)\\]{height:var(--malachite-control-height-large,42px)}.h-\\[var\\(--malachite-control-height-medium\\,32px\\)\\]{height:var(--malachite-control-height-medium,32px)}.h-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{height:var(--malachite-control-height-small,28px)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-\\[420px\\]{max-height:420px}.max-h-\\[553px\\]{max-height:553px}.max-h-\\[calc\\(1\\.5em\\*var\\(--malachite-clamp-lines\\)\\)\\]{max-height:calc(1.5em*var(--malachite-clamp-lines))}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-\\[2rem\\]{min-height:2rem}.min-h-\\[14px\\]{min-height:14px}.min-h-\\[15px\\]{min-height:15px}.min-h-\\[25px\\]{min-height:25px}.min-h-\\[28px\\]{min-height:28px}.min-h-\\[37px\\]{min-height:37px}.min-h-\\[50px\\]{min-height:50px}.min-h-\\[52px\\]{min-height:52px}.min-h-\\[56px\\]{min-height:56px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[var\\(--malachite-control-height-large\\,42px\\)\\]{min-height:var(--malachite-control-height-large,42px)}.min-h-\\[var\\(--malachite-control-height-medium\\,32px\\)\\]{min-height:var(--malachite-control-height-medium,32px)}.min-h-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{min-height:var(--malachite-control-height-small,28px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-96{width:calc(var(--spacing)*96)}.w-200{width:calc(var(--spacing)*200)}.w-\\[13px\\]{width:13px}.w-\\[16px\\]{width:16px}.w-\\[20px\\]{width:20px}.w-\\[24px\\]{width:24px}.w-\\[28px\\]{width:28px}.w-\\[44px\\]{width:44px}.w-\\[88px\\]{width:88px}.w-\\[95px\\]{width:95px}.w-\\[108px\\]{width:108px}.w-\\[143px\\]{width:143px}.w-\\[200px\\]{width:200px}.w-\\[220px\\]{width:220px}.w-\\[320px\\]{width:320px}.w-\\[420px\\]{width:420px}.w-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{width:var(--malachite-control-height-small,28px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-1200{max-width:calc(var(--spacing)*1200)}.max-w-\\[85\\%\\]{max-width:85%}.max-w-\\[330px\\]{max-width:330px}.max-w-\\[380px\\]{max-width:380px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[420px\\]{max-width:420px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[500px\\]{max-width:500px}.max-w-\\[540px\\]{max-width:540px}.max-w-\\[560px\\]{max-width:560px}.max-w-\\[620px\\]{max-width:620px}.max-w-\\[640px\\]{max-width:640px}.max-w-\\[860px\\]{max-width:860px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[16px\\]{min-width:16px}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[39px\\]{min-width:39px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[84px\\]{min-width:84px}.min-w-\\[200px\\]{min-width:200px}.flex-1{flex:1}.flex-\\[0_1_auto\\]{flex:0 auto}.flex-\\[1_0_0\\]{flex:1 0 0}.flex-\\[1_1_0\\%\\]{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-auto{flex-basis:auto}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.\\[transform\\:translateZ\\(0\\)\\]{transform:translateZ(0)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\\[auto_1fr\\]{grid-template-columns:auto 1fr}.grid-cols-\\[minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1fr)}.grid-rows-\\[1fr_auto\\]{grid-template-rows:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-\\[2px\\]{gap:2px}.gap-\\[3px\\]{gap:3px}.gap-\\[4px\\]{gap:4px}.gap-\\[5px\\]{gap:5px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[14px\\]{gap:14px}.gap-\\[16px\\]{gap:16px}.gap-\\[20px\\]{gap:20px}.gap-\\[24px\\]{gap:24px}.gap-\\[28px\\]{gap:28px}.gap-\\[40px\\]{gap:40px}.gap-\\[60px\\]{gap:60px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[7px\\]{border-radius:7px}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[13px\\]{border-radius:13px}.rounded-\\[16px\\]{border-radius:16px}.rounded-\\[20px\\]{border-radius:20px}.rounded-\\[28px\\]{border-radius:28px}.rounded-\\[var\\(--malachite-radius-10\\,10px\\)\\]{border-radius:var(--malachite-radius-10,10px)}.rounded-\\[var\\(--malachite-radius-lg\\,8px\\)\\]{border-radius:var(--malachite-radius-lg,8px)}.rounded-\\[var\\(--malachite-radius-md\\,6px\\)\\]{border-radius:var(--malachite-radius-md,6px)}.rounded-\\[var\\(--malachite-radius-sm\\,4px\\)\\]{border-radius:var(--malachite-radius-sm,4px)}.rounded-\\[var\\(--malachite-radius-xl\\,12px\\)\\]{border-radius:var(--malachite-radius-xl,12px)}.rounded-\\[var\\(--malachite-radius-xxl\\,14px\\)\\]{border-radius:var(--malachite-radius-xxl,14px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-tl-\\[12px\\]{border-top-left-radius:12px}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-\\[12px\\]{border-top-right-radius:12px}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-b-\\[var\\(--malachite-radius-10\\,10px\\)\\]{border-bottom-right-radius:var(--malachite-radius-10,10px);border-bottom-left-radius:var(--malachite-radius-10,10px)}.rounded-br-\\[4px\\]{border-bottom-right-radius:4px}.rounded-br-\\[12px\\]{border-bottom-right-radius:12px}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-\\[4px\\]{border-bottom-left-radius:4px}.rounded-bl-\\[12px\\]{border-bottom-left-radius:12px}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#e8e8e8\\]{border-color:#e8e8e8}.border-\\[color\\:var\\(--malachite-accent-foreground\\)\\]{border-color:var(--malachite-accent-foreground)}.border-\\[var\\(--malachite-accent-border\\)\\]{border-color:var(--malachite-accent-border)}.border-\\[var\\(--malachite-assistant-surface-border\\)\\]{border-color:var(--malachite-assistant-surface-border)}.border-\\[var\\(--malachite-card-background\\)\\]{border-color:var(--malachite-card-background)}.border-\\[var\\(--malachite-card-border\\)\\]{border-color:var(--malachite-card-border)}.border-\\[var\\(--malachite-card-border\\,rgb\\(232\\,232\\,232\\)\\)\\]{border-color:var(--malachite-card-border,#e8e8e8)}.border-\\[var\\(--malachite-card-subtle-divider\\,var\\(--malachite-card-border\\)\\)\\]{border-color:var(--malachite-card-subtle-divider,var(--malachite-card-border))}.border-\\[var\\(--malachite-chat-assistant-bubble-border\\)\\]{border-color:var(--malachite-chat-assistant-bubble-border)}.border-\\[var\\(--malachite-chat-user-bubble-border\\)\\]{border-color:var(--malachite-chat-user-bubble-border)}.border-\\[var\\(--malachite-codeblock-border\\)\\]{border-color:var(--malachite-codeblock-border)}.border-\\[var\\(--malachite-destructive-border\\)\\]{border-color:var(--malachite-destructive-border)}.border-\\[var\\(--malachite-selection-bar-border\\)\\]{border-color:var(--malachite-selection-bar-border)}.border-\\[var\\(--malachite-tag-assistant-border\\)\\]{border-color:var(--malachite-tag-assistant-border)}.border-\\[var\\(--malachite-text-dimmed\\)\\]{border-color:var(--malachite-text-dimmed)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-current{border-color:currentColor}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-300{border-color:var(--color-green-300)}.border-indigo-300{border-color:var(--color-indigo-300)}.border-orange-300{border-color:var(--color-orange-300)}.border-pink-300{border-color:var(--color-pink-300)}.border-purple-300{border-color:var(--color-purple-300)}.border-red-300{border-color:var(--color-red-300)}.border-teal-300{border-color:var(--color-teal-300)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-300{border-color:var(--color-yellow-300)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-t-transparent{border-top-color:#0000}.bg-\\[\\#2b2b2b\\]{background-color:#2b2b2b}.bg-\\[var\\(--malachite-accent-background-glass\\)\\]{background-color:var(--malachite-accent-background-glass)}.bg-\\[var\\(--malachite-accent-background-glass\\,rgba\\(0\\,175\\,102\\,0\\.08\\)\\)\\]{background-color:var(--malachite-accent-background-glass,#00af6614)}.bg-\\[var\\(--malachite-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]{background-color:var(--malachite-accent-foreground,#027a42)}.bg-\\[var\\(--malachite-assistant-surface-background\\)\\]{background-color:var(--malachite-assistant-surface-background)}.bg-\\[var\\(--malachite-buttonlist-background\\)\\]{background-color:var(--malachite-buttonlist-background)}.bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]{background-color:var(--malachite-buttonlist-hover-background)}.bg-\\[var\\(--malachite-card-background\\)\\]{background-color:var(--malachite-card-background)}.bg-\\[var\\(--malachite-card-background\\,rgb\\(255\\,255\\,255\\)\\)\\]{background-color:var(--malachite-card-background,#fff)}.bg-\\[var\\(--malachite-card-border\\)\\]{background-color:var(--malachite-card-border)}.bg-\\[var\\(--malachite-card-dimmed-background\\)\\]{background-color:var(--malachite-card-dimmed-background)}.bg-\\[var\\(--malachite-card-sunken-background\\)\\]{background-color:var(--malachite-card-sunken-background)}.bg-\\[var\\(--malachite-card-sunken-background\\,rgb\\(250\\,250\\,250\\)\\)\\]{background-color:var(--malachite-card-sunken-background,#fafafa)}.bg-\\[var\\(--malachite-chat-assistant-bubble-background\\)\\]{background-color:var(--malachite-chat-assistant-bubble-background)}.bg-\\[var\\(--malachite-chat-user-bubble-background\\)\\]{background-color:var(--malachite-chat-user-bubble-background)}.bg-\\[var\\(--malachite-codeblock-background\\)\\]{background-color:var(--malachite-codeblock-background)}.bg-\\[var\\(--malachite-inline-confirm-background\\)\\]{background-color:var(--malachite-inline-confirm-background)}.bg-\\[var\\(--malachite-inline-confirm-divider\\)\\]{background-color:var(--malachite-inline-confirm-divider)}.bg-\\[var\\(--malachite-number-tag-background\\,rgba\\(0\\,0\\,0\\,0\\.08\\)\\)\\]{background-color:var(--malachite-number-tag-background,#00000014)}.bg-\\[var\\(--malachite-overlay-scrim\\)\\]{background-color:var(--malachite-overlay-scrim)}.bg-\\[var\\(--malachite-overlay-scrim\\,rgba\\(0\\,0\\,0\\,0\\.5\\)\\)\\]{background-color:var(--malachite-overlay-scrim,#00000080)}.bg-\\[var\\(--malachite-pillbutton-background\\)\\]{background-color:var(--malachite-pillbutton-background)}.bg-\\[var\\(--malachite-pillbutton-background\\,rgb\\(241\\,241\\,241\\)\\)\\]{background-color:var(--malachite-pillbutton-background,#f1f1f1)}.bg-\\[var\\(--malachite-pillbutton-hover-background\\)\\]{background-color:var(--malachite-pillbutton-hover-background)}.bg-\\[var\\(--malachite-pillbutton-inverted-background\\)\\]{background-color:var(--malachite-pillbutton-inverted-background)}.bg-\\[var\\(--malachite-pillbutton-inverted-hover-background\\)\\]{background-color:var(--malachite-pillbutton-inverted-hover-background)}.bg-\\[var\\(--malachite-pillbutton-static-background\\)\\]{background-color:var(--malachite-pillbutton-static-background)}.bg-\\[var\\(--malachite-segmented-control-selected-background\\)\\]{background-color:var(--malachite-segmented-control-selected-background)}.bg-\\[var\\(--malachite-segmented-control-track-background\\)\\]{background-color:var(--malachite-segmented-control-track-background)}.bg-\\[var\\(--malachite-selection-bar-background\\)\\]{background-color:var(--malachite-selection-bar-background)}.bg-\\[var\\(--malachite-selection-bar-notice-background\\)\\]{background-color:var(--malachite-selection-bar-notice-background)}.bg-\\[var\\(--malachite-success-background-glass\\)\\]{background-color:var(--malachite-success-background-glass)}.bg-\\[var\\(--malachite-table-background\\,\\#f7f7f7\\)\\]{background-color:var(--malachite-table-background,#f7f7f7)}.bg-\\[var\\(--malachite-table-row-background\\,\\#fff\\)\\]{background-color:var(--malachite-table-row-background,#fff)}.bg-\\[var\\(--malachite-tag-assistant-background\\)\\]{background-color:var(--malachite-tag-assistant-background)}.bg-\\[var\\(--malachite-tag-default-background\\)\\]{background-color:var(--malachite-tag-default-background)}.bg-\\[var\\(--malachite-tag-emphasis-background\\)\\]{background-color:var(--malachite-tag-emphasis-background)}.bg-\\[var\\(--malachite-tag-error-background\\)\\]{background-color:var(--malachite-tag-error-background)}.bg-\\[var\\(--malachite-tag-info-background\\)\\]{background-color:var(--malachite-tag-info-background)}.bg-\\[var\\(--malachite-tag-primary-background\\)\\]{background-color:var(--malachite-tag-primary-background)}.bg-\\[var\\(--malachite-tag-secondary-background\\)\\]{background-color:var(--malachite-tag-secondary-background)}.bg-\\[var\\(--malachite-tag-success-background\\)\\]{background-color:var(--malachite-tag-success-background)}.bg-\\[var\\(--malachite-tag-warning-background\\)\\]{background-color:var(--malachite-tag-warning-background)}.bg-\\[var\\(--malachite-text-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]{background-color:var(--malachite-text-destructive,#ed3536)}.bg-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]{background-color:var(--malachite-text-placeholder,#bbb)}.bg-\\[var\\(--malachite-text-primary\\)\\]{background-color:var(--malachite-text-primary)}.bg-\\[var\\(--malachite-toggle-track\\)\\]{background-color:var(--malachite-toggle-track)}.bg-\\[var\\(--malachite-warning-background\\)\\]{background-color:var(--malachite-warning-background)}.bg-\\[var\\(--…\\)\\]{background-color:var(--…)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-current{background-color:currentColor}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\\[linear-gradient\\(to_bottom\\,transparent\\,var\\(--malachite-card-background\\)\\)\\]{background-image:linear-gradient(to bottom,transparent,var(--malachite-card-background))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-100{--tw-gradient-from:var(--color-yellow-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-yellow-200{--tw-gradient-to:var(--color-yellow-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.\\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-20{padding:calc(var(--spacing)*20)}.p-\\[2px\\]{padding:2px}.p-\\[4px\\]{padding:4px}.p-\\[10px\\]{padding:10px}.p-\\[16px\\]{padding:16px}.p-\\[20px\\]{padding:20px}.p-\\[28px\\]{padding:28px}.p-\\[60px\\]{padding:60px}.\\!px-2\\.5{padding-inline:calc(var(--spacing)*2.5)!important}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-16{padding-inline:calc(var(--spacing)*16)}.px-\\[2px\\]{padding-inline:2px}.px-\\[3px\\]{padding-inline:3px}.px-\\[4px\\]{padding-inline:4px}.px-\\[6px\\]{padding-inline:6px}.px-\\[10px\\]{padding-inline:10px}.px-\\[12px\\]{padding-inline:12px}.px-\\[16px\\]{padding-inline:16px}.px-\\[18px\\]{padding-inline:18px}.px-\\[20px\\]{padding-inline:20px}.px-\\[24px\\]{padding-inline:24px}.px-\\[28px\\]{padding-inline:28px}.px-\\[60px\\]{padding-inline:60px}.px-\\[var\\(--malachite-radius-xl\\,12px\\)\\]{padding-inline:var(--malachite-radius-xl,12px)}.\\!py-1\\.5{padding-block:calc(var(--spacing)*1.5)!important}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-\\[1px\\]{padding-block:1px}.py-\\[2px\\]{padding-block:2px}.py-\\[3px\\]{padding-block:3px}.py-\\[6px\\]{padding-block:6px}.py-\\[7px\\]{padding-block:7px}.py-\\[8px\\]{padding-block:8px}.py-\\[10px\\]{padding-block:10px}.py-\\[12px\\]{padding-block:12px}.py-\\[14px\\]{padding-block:14px}.py-\\[16px\\]{padding-block:16px}.py-\\[18px\\]{padding-block:18px}.py-\\[20px\\]{padding-block:20px}.py-\\[28px\\]{padding-block:28px}.py-\\[40px\\]{padding-block:40px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-7{padding-top:calc(var(--spacing)*7)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-\\[4px\\]{padding-top:4px}.pt-\\[8px\\]{padding-top:8px}.pt-\\[9px\\]{padding-top:9px}.pt-\\[10px\\]{padding-top:10px}.pt-\\[10vh\\]{padding-top:10vh}.pt-\\[14px\\]{padding-top:14px}.pt-\\[18px\\]{padding-top:18px}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-\\[6px\\]{padding-right:6px}.pr-\\[12px\\]{padding-right:12px}.pr-\\[16px\\]{padding-right:16px}.pr-\\[18px\\]{padding-right:18px}.pr-\\[26px\\]{padding-right:26px}.pr-\\[52px\\]{padding-right:52px}.pr-\\[56px\\]{padding-right:56px}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-\\[14px\\]{padding-bottom:14px}.pb-\\[18px\\]{padding-bottom:18px}.pb-\\[20px\\]{padding-bottom:20px}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-1\\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-9{padding-left:calc(var(--spacing)*9)}.pl-\\[10px\\]{padding-left:10px}.pl-\\[12px\\]{padding-left:12px}.pl-\\[16px\\]{padding-left:16px}.pl-\\[21px\\]{padding-left:21px}.pl-\\[39px\\]{padding-left:39px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.text-\\[32px\\]{font-size:32px}.text-\\[40px\\]{font-size:40px}.text-\\[length\\:inherit\\]{font-size:inherit}.text-\\[length\\:var\\(--malachite-font-size-15\\,15px\\)\\]{font-size:var(--malachite-font-size-15,15px)}.text-\\[length\\:var\\(--malachite-font-size-large\\)\\]{font-size:var(--malachite-font-size-large)}.text-\\[length\\:var\\(--malachite-font-size-medium\\)\\]{font-size:var(--malachite-font-size-medium)}.text-\\[length\\:var\\(--malachite-font-size-medium\\,14px\\)\\]{font-size:var(--malachite-font-size-medium,14px)}.text-\\[length\\:var\\(--malachite-font-size-small\\)\\]{font-size:var(--malachite-font-size-small)}.text-\\[length\\:var\\(--malachite-font-size-small\\,13px\\)\\]{font-size:var(--malachite-font-size-small,13px)}.text-\\[length\\:var\\(--malachite-font-size-xlarge\\)\\]{font-size:var(--malachite-font-size-xlarge)}.text-\\[length\\:var\\(--malachite-font-size-xlarge\\,18px\\)\\]{font-size:var(--malachite-font-size-xlarge,18px)}.text-\\[length\\:var\\(--malachite-font-size-xsmall\\)\\]{font-size:var(--malachite-font-size-xsmall)}.text-\\[length\\:var\\(--malachite-font-size-xsmall\\,11px\\)\\]{font-size:var(--malachite-font-size-xsmall,11px)}.text-\\[length\\:var\\(--malachite-font-size-xxlarge\\)\\]{font-size:var(--malachite-font-size-xxlarge)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-\\[1\\.3\\]{--tw-leading:1.3;line-height:1.3}.leading-\\[1\\.4\\]{--tw-leading:1.4;line-height:1.4}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-\\[1\\.5em\\]{--tw-leading:1.5em;line-height:1.5em}.leading-\\[1\\.6\\]{--tw-leading:1.6;line-height:1.6}.leading-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.leading-\\[1\\.45\\]{--tw-leading:1.45;line-height:1.45}.leading-\\[12px\\]{--tw-leading:12px;line-height:12px}.leading-\\[14px\\]{--tw-leading:14px;line-height:14px}.leading-\\[15px\\]{--tw-leading:15px;line-height:15px}.leading-\\[16px\\]{--tw-leading:16px;line-height:16px}.leading-\\[17px\\]{--tw-leading:17px;line-height:17px}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-\\[22px\\]{--tw-leading:22px;line-height:22px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\\[-0\\.14px\\]{--tw-tracking:-.14px;letter-spacing:-.14px}.tracking-\\[0\\.5px\\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-\\[0\\.06em\\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\\[0\\.11px\\]{--tw-tracking:.11px;letter-spacing:.11px}.tracking-\\[0\\.12px\\]{--tw-tracking:.12px;letter-spacing:.12px}.tracking-\\[0\\.13px\\]{--tw-tracking:.13px;letter-spacing:.13px}.tracking-\\[0\\.14px\\]{--tw-tracking:.14px;letter-spacing:.14px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\\[\\#0a0a0a\\]{color:#0a0a0a}.text-\\[\\#bbb\\]{color:#bbb}.text-\\[color-mix\\(in_srgb\\,var\\(--malachite-inline-confirm-foreground\\)_80\\%\\,var\\(--malachite-inline-confirm-background\\)\\)\\]{color:var(--malachite-inline-confirm-foreground)}@supports (color:color-mix(in lab,red,red)){.text-\\[color-mix\\(in_srgb\\,var\\(--malachite-inline-confirm-foreground\\)_80\\%\\,var\\(--malachite-inline-confirm-background\\)\\)\\]{color:color-mix(in srgb,var(--malachite-inline-confirm-foreground)80%,var(--malachite-inline-confirm-background))}}.text-\\[var\\(--malachite-accent-foreground\\)\\]{color:var(--malachite-accent-foreground)}.text-\\[var\\(--malachite-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]{color:var(--malachite-accent-foreground,#027a42)}.text-\\[var\\(--malachite-assistant-foreground\\)\\]{color:var(--malachite-assistant-foreground)}.text-\\[var\\(--malachite-assistant-surface-foreground\\)\\]{color:var(--malachite-assistant-surface-foreground)}.text-\\[var\\(--malachite-buttonlist-foreground\\)\\]{color:var(--malachite-buttonlist-foreground)}.text-\\[var\\(--malachite-card-background\\)\\]{color:var(--malachite-card-background)}.text-\\[var\\(--malachite-card-border\\)\\]{color:var(--malachite-card-border)}.text-\\[var\\(--malachite-card-foreground\\)\\]{color:var(--malachite-card-foreground)}.text-\\[var\\(--malachite-chat-assistant-bubble-foreground\\)\\]{color:var(--malachite-chat-assistant-bubble-foreground)}.text-\\[var\\(--malachite-destructive-foreground\\,rgb\\(196\\,62\\,62\\)\\)\\]{color:var(--malachite-destructive-foreground,#c43e3e)}.text-\\[var\\(--malachite-inline-confirm-foreground\\)\\]{color:var(--malachite-inline-confirm-foreground)}.text-\\[var\\(--malachite-pillbutton-foreground\\)\\]{color:var(--malachite-pillbutton-foreground)}.text-\\[var\\(--malachite-pillbutton-foreground\\,rgb\\(123\\,123\\,123\\)\\)\\]{color:var(--malachite-pillbutton-foreground,#7b7b7b)}.text-\\[var\\(--malachite-pillbutton-hover-foreground\\)\\]{color:var(--malachite-pillbutton-hover-foreground)}.text-\\[var\\(--malachite-pillbutton-inverted-foreground\\)\\]{color:var(--malachite-pillbutton-inverted-foreground)}.text-\\[var\\(--malachite-pillbutton-inverted-hover-foreground\\)\\]{color:var(--malachite-pillbutton-inverted-hover-foreground)}.text-\\[var\\(--malachite-pillbutton-static-foreground\\)\\]{color:var(--malachite-pillbutton-static-foreground)}.text-\\[var\\(--malachite-segmented-control-item-foreground\\)\\]{color:var(--malachite-segmented-control-item-foreground)}.text-\\[var\\(--malachite-segmented-control-selected-foreground\\)\\]{color:var(--malachite-segmented-control-selected-foreground)}.text-\\[var\\(--malachite-selection-bar-foreground\\)\\]{color:var(--malachite-selection-bar-foreground)}.text-\\[var\\(--malachite-selection-bar-muted-foreground\\)\\]{color:var(--malachite-selection-bar-muted-foreground)}.text-\\[var\\(--malachite-selection-bar-notice-foreground\\)\\]{color:var(--malachite-selection-bar-notice-foreground)}.text-\\[var\\(--malachite-tag-assistant-foreground\\)\\]{color:var(--malachite-tag-assistant-foreground)}.text-\\[var\\(--malachite-tag-default-foreground\\)\\]{color:var(--malachite-tag-default-foreground)}.text-\\[var\\(--malachite-tag-emphasis-foreground\\)\\]{color:var(--malachite-tag-emphasis-foreground)}.text-\\[var\\(--malachite-tag-error-foreground\\)\\]{color:var(--malachite-tag-error-foreground)}.text-\\[var\\(--malachite-tag-info-foreground\\)\\]{color:var(--malachite-tag-info-foreground)}.text-\\[var\\(--malachite-tag-primary-foreground\\)\\]{color:var(--malachite-tag-primary-foreground)}.text-\\[var\\(--malachite-tag-secondary-foreground\\)\\]{color:var(--malachite-tag-secondary-foreground)}.text-\\[var\\(--malachite-tag-success-foreground\\)\\]{color:var(--malachite-tag-success-foreground)}.text-\\[var\\(--malachite-tag-warning-foreground\\)\\]{color:var(--malachite-tag-warning-foreground)}.text-\\[var\\(--malachite-text-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]{color:var(--malachite-text-destructive,#ed3536)}.text-\\[var\\(--malachite-text-dimmed\\)\\]{color:var(--malachite-text-dimmed)}.text-\\[var\\(--malachite-text-dimmed\\,rgb\\(161\\,161\\,161\\)\\)\\]{color:var(--malachite-text-dimmed,#a1a1a1)}.text-\\[var\\(--malachite-text-highlight\\)\\]{color:var(--malachite-text-highlight)}.text-\\[var\\(--malachite-text-link-foreground\\)\\]{color:var(--malachite-text-link-foreground)}.text-\\[var\\(--malachite-text-muted\\)\\]{color:var(--malachite-text-muted)}.text-\\[var\\(--malachite-text-muted\\,rgb\\(76\\,75\\,75\\)\\)\\]{color:var(--malachite-text-muted,#4c4b4b)}.text-\\[var\\(--malachite-text-placeholder\\)\\]{color:var(--malachite-text-placeholder)}.text-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]{color:var(--malachite-text-placeholder,#bbb)}.text-\\[var\\(--malachite-text-primary\\)\\]{color:var(--malachite-text-primary)}.text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]{color:var(--malachite-text-primary,#0a0a0a)}.text-\\[var\\(--malachite-text-secondary\\)\\]{color:var(--malachite-text-secondary)}.text-\\[var\\(--malachite-text-secondary\\,\\#bbb\\)\\]{color:var(--malachite-text-secondary,#bbb)}.text-\\[var\\(--malachite-text-secondary\\,rgb\\(123\\,123\\,123\\)\\)\\]{color:var(--malachite-text-secondary,#7b7b7b)}.text-\\[var\\(--malachite-text-success\\)\\]{color:var(--malachite-text-success)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-current{color:currentColor}.text-gray-100{color:var(--color-gray-100)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-inherit{color:inherit}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-85{opacity:.85}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[\\.\\.\\.\\]{--tw-shadow:...;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0px_1px_0px_0px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\]{--tw-shadow:0px 1px 0px 0px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[var\\(--malachite-shadow-default\\)\\]{--tw-shadow:var(--malachite-shadow-default);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\\[box-shadow\\:0_4px_10px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 4px 10px var(--malachite-card-shadow,#0000001a)}.\\[box-shadow\\:0_16px_48px_0_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{box-shadow:0 16px 48px #0000002e}.\\[box-shadow\\:0px_4px_10px_0px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 4px 10px 0 var(--malachite-card-shadow,#0000001a)}.\\[box-shadow\\:0px_8px_24px_0px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 8px 24px 0 var(--malachite-card-shadow,#0000001a)}.\\[box-shadow\\:var\\(--malachite-shadow-default\\,0px_1px_0px_0px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\)\\]{box-shadow:var(--malachite-shadow-default,0px 1px 0px 0px #00000026)}.\\[box-shadow\\:var\\(--malachite-shadow-default\\,\\<fallback\\>\\)\\]{box-shadow:var(--malachite-shadow-default,<fallback>)}.\\[box-shadow\\:var\\(--malachite-shadow-glow\\,var\\(--malachite-shadow-lg\\)\\)\\]{box-shadow:var(--malachite-shadow-glow,var(--malachite-shadow-lg))}.\\[box-shadow\\:var\\(--malachite-shadow-glow-lg\\,var\\(--malachite-shadow-xl\\)\\)\\]{box-shadow:var(--malachite-shadow-glow-lg,var(--malachite-shadow-xl))}.\\[box-shadow\\:var\\(--malachite-shadow-lg\\)\\]{box-shadow:var(--malachite-shadow-lg)}.\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]{outline:2px solid var(--malachite-text-primary)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.\\[outline-offset\\:-2px\\]{outline-offset:-2px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[background-color\\,color\\]{transition-property:background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[background-color\\]{transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,background-color\\,border-color\\,opacity\\,box-shadow\\]{transition-property:color,background-color,border-color,opacity,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[left\\,opacity\\,visibility\\]{transition-property:left,opacity,visibility;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[max-height\\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\\[var\\(--malachite-ease-standard\\)\\]{--tw-ease:var(--malachite-ease-standard);transition-timing-function:var(--malachite-ease-standard)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\\[will-change\\:opacity\\]{will-change:opacity}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\\[-webkit-box-orient\\:vertical\\]{-webkit-box-orient:vertical}.\\[-webkit-line-clamp\\:var\\(--malachite-clamp-lines\\)\\]{-webkit-line-clamp:var(--malachite-clamp-lines)}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}@media (hover:hover){.group-hover\\:bg-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group):hover *){background-color:var(--malachite-text-primary,#0a0a0a)}.group-hover\\:text-\\[var\\(--malachite-text-primary\\)\\]:is(:where(.group):hover *){color:var(--malachite-text-primary)}.group-hover\\/account\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/account):hover *){color:var(--malachite-text-primary,#0a0a0a)}.group-hover\\/sidebar\\:visible:is(:where(.group\\/sidebar):hover *){visibility:visible}.group-hover\\/sidebar\\:opacity-100:is(:where(.group\\/sidebar):hover *){opacity:1}.group-hover\\/switcher\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/switcher):hover *),.group-hover\\/usage\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/usage):hover *){color:var(--malachite-text-primary,#0a0a0a)}}.group-focus-visible\\:block:is(:where(.group):focus-visible *){display:block}.group-has-\\[\\:focus-visible\\]\\/sidebar\\:visible:is(:where(.group\\/sidebar):has(:focus-visible) *){visibility:visible}.group-has-\\[\\:focus-visible\\]\\/sidebar\\:opacity-100:is(:where(.group\\/sidebar):has(:focus-visible) *){opacity:1}.group-data-\\[selected\\=true\\]\\:visible:is(:where(.group)[data-selected=true] *){visibility:visible}.placeholder\\:font-medium::-moz-placeholder{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\\:font-medium::placeholder{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\\:text-\\[var\\(--malachite-text-dimmed\\)\\]::-moz-placeholder{color:var(--malachite-text-dimmed)}.placeholder\\:text-\\[var\\(--malachite-text-dimmed\\)\\]::placeholder{color:var(--malachite-text-dimmed)}.placeholder\\:text-\\[var\\(--malachite-text-placeholder\\)\\]::-moz-placeholder{color:var(--malachite-text-placeholder)}.placeholder\\:text-\\[var\\(--malachite-text-placeholder\\)\\]::placeholder{color:var(--malachite-text-placeholder)}.placeholder\\:text-\\[var\\(--malachite-text-secondary\\)\\]::-moz-placeholder{color:var(--malachite-text-secondary)}.placeholder\\:text-\\[var\\(--malachite-text-secondary\\)\\]::placeholder{color:var(--malachite-text-secondary)}.first\\:rounded-tl-lg:first-child{border-top-left-radius:var(--radius-lg)}.last\\:rounded-tr-lg:last-child{border-top-right-radius:var(--radius-lg)}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\\:border-\\[var\\(--malachite-assistant-foreground\\)\\]:focus-within{border-color:var(--malachite-assistant-foreground)}.focus-within\\:border-\\[var\\(--malachite-control-border-hover\\)\\]:focus-within{border-color:var(--malachite-control-border-hover)}.focus-within\\:border-\\[var\\(--malachite-destructive-border-hover\\)\\]:focus-within{border-color:var(--malachite-destructive-border-hover)}@media (hover:hover){.hover\\:max-h-\\[1000px\\]:hover{max-height:1000px}.hover\\:border-\\[color\\:var\\(--malachite-text-secondary\\)\\]:hover{border-color:var(--malachite-text-secondary)}.hover\\:border-\\[var\\(--malachite-assistant-foreground\\)\\]:hover{border-color:var(--malachite-assistant-foreground)}.hover\\:border-\\[var\\(--malachite-control-border-hover\\)\\]:hover{border-color:var(--malachite-control-border-hover)}.hover\\:border-\\[var\\(--malachite-destructive-border-hover\\)\\]:hover{border-color:var(--malachite-destructive-border-hover)}.hover\\:border-\\[var\\(--malachite-text-placeholder\\)\\]:hover{border-color:var(--malachite-text-placeholder)}.hover\\:border-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]:hover{border-color:var(--malachite-text-placeholder,#bbb)}.hover\\:bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]:hover{background-color:var(--malachite-buttonlist-hover-background)}.hover\\:bg-\\[var\\(--malachite-buttonlist-hover-background\\,rgb\\(245\\,245\\,245\\)\\)\\]:hover{background-color:var(--malachite-buttonlist-hover-background,#f5f5f5)}.hover\\:bg-\\[var\\(--malachite-card-dimmed-background\\)\\]:hover{background-color:var(--malachite-card-dimmed-background)}.hover\\:bg-\\[var\\(--malachite-card-sunken-background\\)\\]:hover{background-color:var(--malachite-card-sunken-background)}.hover\\:bg-\\[var\\(--malachite-codeblock-border\\)\\]:hover{background-color:var(--malachite-codeblock-border)}.hover\\:bg-\\[var\\(--malachite-error-background-glass\\,rgba\\(197\\,63\\,63\\,0\\.08\\)\\)\\]:hover{background-color:var(--malachite-error-background-glass,#c53f3f14)}.hover\\:bg-\\[var\\(--malachite-number-tag-emphasis-background\\,rgba\\(0\\,0\\,0\\,0\\.15\\)\\)\\]:hover{background-color:var(--malachite-number-tag-emphasis-background,#00000026)}.hover\\:bg-\\[var\\(--malachite-pillbutton-background\\,rgb\\(241\\,241\\,241\\)\\)\\]:hover{background-color:var(--malachite-pillbutton-background,#f1f1f1)}.hover\\:bg-\\[var\\(--malachite-pillbutton-hover-background\\)\\]:hover{background-color:var(--malachite-pillbutton-hover-background)}.hover\\:bg-\\[var\\(--malachite-pillbutton-inverted-hover-background\\)\\]:hover{background-color:var(--malachite-pillbutton-inverted-hover-background)}.hover\\:bg-\\[var\\(--malachite-primary-border\\)\\]:hover{background-color:var(--malachite-primary-border)}.hover\\:bg-\\[var\\(--malachite-table-row-hover-background\\,\\#fafafa\\)\\]:hover{background-color:var(--malachite-table-row-hover-background,#fafafa)}.hover\\:bg-\\[var\\(--malachite-tag-assistant-background\\)\\]:hover{background-color:var(--malachite-tag-assistant-background)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:text-\\[var\\(--malachite-accent-foreground\\)\\]:hover{color:var(--malachite-accent-foreground)}.hover\\:text-\\[var\\(--malachite-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]:hover{color:var(--malachite-accent-foreground,#027a42)}.hover\\:text-\\[var\\(--malachite-buttonlist-hover-foreground\\)\\]:hover{color:var(--malachite-buttonlist-hover-foreground)}.hover\\:text-\\[var\\(--malachite-inline-confirm-foreground\\)\\]:hover{color:var(--malachite-inline-confirm-foreground)}.hover\\:text-\\[var\\(--malachite-pillbutton-hover-foreground\\)\\]:hover{color:var(--malachite-pillbutton-hover-foreground)}.hover\\:text-\\[var\\(--malachite-pillbutton-inverted-hover-foreground\\)\\]:hover{color:var(--malachite-pillbutton-inverted-hover-foreground)}.hover\\:text-\\[var\\(--malachite-segmented-control-item-hover-foreground\\)\\]:hover{color:var(--malachite-segmented-control-item-hover-foreground)}.hover\\:text-\\[var\\(--malachite-text-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]:hover{color:var(--malachite-text-destructive,#ed3536)}.hover\\:text-\\[var\\(--malachite-text-link-foreground-hover\\)\\]:hover{color:var(--malachite-text-link-foreground-hover)}.hover\\:text-\\[var\\(--malachite-text-primary\\)\\]:hover{color:var(--malachite-text-primary)}.hover\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:hover{color:var(--malachite-text-primary,#0a0a0a)}.hover\\:text-\\[var\\(--malachite-text-secondary\\)\\]:hover{color:var(--malachite-text-secondary)}.hover\\:text-\\[var\\(--malachite-text-secondary\\,rgb\\(123\\,123\\,123\\)\\)\\]:hover{color:var(--malachite-text-secondary,#7b7b7b)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-100:hover{opacity:1}.hover\\:\\[-webkit-line-clamp\\:unset\\]:hover{-webkit-line-clamp:unset}}.focus\\:bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]:focus{background-color:var(--malachite-buttonlist-hover-background)}.focus\\:text-\\[var\\(--malachite-buttonlist-hover-foreground\\)\\]:focus{color:var(--malachite-buttonlist-hover-foreground)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:max-h-\\[1000px\\]:focus-visible{max-height:1000px}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-assistant-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-assistant-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-inline-confirm-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-inline-confirm-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-selection-bar-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-selection-bar-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-destructive\\)\\]:focus-visible{outline:2px solid var(--malachite-text-destructive)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-error\\)\\]:focus-visible{outline:2px solid var(--malachite-text-error)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]:focus-visible{outline:2px solid var(--malachite-text-primary)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-success\\)\\]:focus-visible{outline:2px solid var(--malachite-text-success)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-warning\\)\\]:focus-visible{outline:2px solid var(--malachite-text-warning)}.focus-visible\\:\\[outline-offset\\:-2px\\]:focus-visible{outline-offset:-2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:\\[-webkit-line-clamp\\:unset\\]:focus-visible{-webkit-line-clamp:unset}.active\\:bg-\\[var\\(--malachite-pillbutton-inverted-pressed-background\\)\\]:active{background-color:var(--malachite-pillbutton-inverted-pressed-background)}.active\\:bg-\\[var\\(--malachite-pillbutton-pressed-background\\)\\]:active{background-color:var(--malachite-pillbutton-pressed-background)}.active\\:text-\\[var\\(--malachite-pillbutton-inverted-pressed-foreground\\)\\]:active{color:var(--malachite-pillbutton-inverted-pressed-foreground)}.active\\:text-\\[var\\(--malachite-pillbutton-pressed-foreground\\)\\]:active{color:var(--malachite-pillbutton-pressed-foreground)}.active\\:opacity-60:active{opacity:.6}@media (hover:hover){.enabled\\:hover\\:bg-\\[var\\(--malachite-pillbutton-hover-background\\,rgb\\(232\\,232\\,232\\)\\)\\]:enabled:hover{background-color:var(--malachite-pillbutton-hover-background,#e8e8e8)}}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-\\[var\\(--malachite-text-dimmed\\)\\]:disabled{color:var(--malachite-text-dimmed)}.disabled\\:text-\\[var\\(--malachite-text-primary\\)\\]:disabled{color:var(--malachite-text-primary)}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.has-\\[\\:focus-visible\\]\\:\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]:has(:focus-visible){outline:2px solid var(--malachite-text-primary)}.has-\\[\\:focus-visible\\]\\:outline-offset-2:has(:focus-visible){outline-offset:2px}.data-\\[selected\\=true\\]\\:bg-\\[var\\(--malachite-card-sunken-background\\)\\][data-selected=true]{background-color:var(--malachite-card-sunken-background)}@supports (color:color-mix(in srgb,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:border-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_20\\%\\,transparent\\)\\]{border-color:var(--malachite-text-placeholder,#bbb)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:border-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_20\\%\\,transparent\\)\\]{border-color:color-mix(in srgb,var(--malachite-text-placeholder,#bbb)20%,transparent)}}.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-accent-background\\,rgb\\(0\\,175\\,102\\)\\)_12\\%\\,transparent\\)\\]{background-color:var(--malachite-accent-background,#00af66)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-accent-background\\,rgb\\(0\\,175\\,102\\)\\)_12\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--malachite-accent-background,#00af66)12%,transparent)}}.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_10\\%\\,transparent\\)\\]{background-color:var(--malachite-text-placeholder,#bbb)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_10\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--malachite-text-placeholder,#bbb)10%,transparent)}}}@media (prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}.motion-reduce\\:opacity-0{opacity:0}.motion-reduce\\:opacity-100{opacity:1}.motion-reduce\\:transition-none{transition-property:none}}@media (min-width:48rem){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\\[\\&_img\\]\\:size-6 img{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\\[\\&_img\\]\\:object-contain img{-o-object-fit:contain;object-fit:contain}.\\[\\&_svg\\]\\:size-3\\! svg{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.\\[\\&_svg\\]\\:size-4\\! svg{width:calc(var(--spacing)*4)!important;height:calc(var(--spacing)*4)!important}.\\[\\&_svg\\]\\:size-\\[10px\\]\\! svg{width:10px!important;height:10px!important}.\\[\\&_svg\\]\\:size-\\[11px\\]\\! svg{width:11px!important;height:11px!important}.\\[\\&_svg\\]\\:size-\\[16px\\]\\! svg{width:16px!important;height:16px!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-large\\)\\]\\! svg{width:var(--malachite-icon-size-large)!important;height:var(--malachite-icon-size-large)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-medium\\)\\]\\! svg{width:var(--malachite-icon-size-medium)!important;height:var(--malachite-icon-size-medium)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-small\\)\\]\\! svg{width:var(--malachite-icon-size-small)!important;height:var(--malachite-icon-size-small)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-xsmall\\)\\]\\! svg{width:var(--malachite-icon-size-xsmall)!important;height:var(--malachite-icon-size-xsmall)!important}.\\[\\&_svg\\]\\:size-full\\! svg{width:100%!important;height:100%!important}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.\\[\\&\\>div\\]\\:mb-0>div{margin-bottom:calc(var(--spacing)*0)}.\\[\\&\\>img\\]\\:max-h-full>img{max-height:100%}.\\[\\&\\>img\\]\\:max-w-full>img{max-width:100%}.\\[\\&\\>img\\]\\:object-contain>img{-o-object-fit:contain;object-fit:contain}}[data-malachite-dropdown-trigger]{border-color:var(--malachite-dropdown-border,#e8e8e8);box-shadow:var(--malachite-dropdown-shadow,0px 1px 0px 0px #00000026)}[data-malachite-dropdown-trigger]:hover{border-color:var(--malachite-control-border-hover,#00af6666);box-shadow:var(--malachite-dropdown-shadow-hover,0px 1px 0px 0px #00af6699)}:root{--malachite-radius-xs:2px;--malachite-radius-sm:4px;--malachite-radius-md:6px;--malachite-radius-lg:8px;--malachite-radius-10:10px;--malachite-radius-xl:12px;--malachite-radius-xxl:14px;--malachite-radius-xxxl:16px;--malachite-font-size-xsmall:11px;--malachite-font-size-small:13px;--malachite-font-size-medium:14px;--malachite-font-size-15:15px;--malachite-font-size-large:16px;--malachite-font-size-xlarge:18px;--malachite-font-size-xxlarge:22px;--malachite-control-height-small:28px;--malachite-control-height-medium:32px;--malachite-control-height-large:42px;--malachite-table-row-selected-background:#00af6626;--malachite-table-row-selected-accent:#027a42;--malachite-table-row-selected-foreground:#027a42;--malachite-number-tag-background:#00000014;--malachite-number-tag-foreground:var(--malachite-text-secondary,#7b7b7b);--malachite-number-tag-emphasis-background:#00000026;--malachite-number-tag-emphasis-foreground:var(--malachite-text-emphasis,#222121);--malachite-text-warning-muted:#cea36c;--malachite-shadow-sm:0 1px 2px 0 #0000000d;--malachite-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--malachite-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--malachite-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--malachite-shadow-glow:0px 0px 10px 0px #0003;--malachite-shadow-glow-lg:0px 0px 20px 0px #0003;--malachite-shadow-default:0px 1px 0px 0px #00000026;--malachite-shadow-accent:0px 1px 0px 0px #00af6626;--malachite-shadow-success:0px 1px 0px 0px #00af6626;--malachite-shadow-warning:0px 1px 0px 0px #f18b0a26;--malachite-shadow-error:0px 1px 0px 0px #c53f3f26;--malachite-shadow-color:0,0,0;--malachite-shadow-opacity:.1;--malachite-card-background:#fff;--malachite-card-foreground:#0a0a0a;--malachite-card-border:#e8e8e8;--malachite-card-shadow:#0000001a;--malachite-card-dimmed-background:#f7f7f7;--malachite-card-sunken-background:#fafafa;--malachite-card-header-background:#fff;--malachite-card-footer-background:#fff;--malachite-card-footer-glass-background:#ffffffb3;--malachite-card-tray-neutral:#f7f7f7;--malachite-card-tray-warning:#fdf3e6;--malachite-card-tray-error:#fef1f1;--malachite-card-tray-success:#ecf9f4;--malachite-card-subtle-divider:#f1f1f1;--malachite-overlay-scrim:#0000001a;--malachite-alert-info-background:#f7f7f7;--malachite-alert-info-foreground:#0a0a0a;--malachite-alert-success-background:#00af6614;--malachite-alert-success-foreground:#027a42;--malachite-alert-error-background:#c53f3f14;--malachite-alert-error-foreground:#ed3536;--malachite-alert-warning-background:#f18b0a14;--malachite-alert-warning-foreground:#96580a;--malachite-alert-assistant-background:#f2eefe;--malachite-alert-assistant-foreground:#6e56cf;--malachite-assistant-foreground:#6e56cf;--malachite-assistant-surface-background:#fbfaff;--malachite-assistant-surface-border:#dcd3fa;--malachite-assistant-surface-foreground:#4a3f7a;--malachite-tooltip-background:#3b3b3b;--malachite-tooltip-foreground:#fff;--malachite-tooltip-border:#3c3c3c;--malachite-tooltip-shadow:0px 0px 10px 0px #0003;--malachite-primary-background:#303030;--malachite-primary-foreground:#0a0a0a;--malachite-primary-border:#e8e8e8;--malachite-primary-border-hover:#bababa;--malachite-outline-foreground:#0a0a0a;--malachite-secondary-background:#090909;--malachite-secondary-foreground:#fff;--malachite-secondary-border:#e8e8e8;--malachite-secondary-border-hover:#bababa;--malachite-destructive-background:transparent;--malachite-destructive-foreground:#c43e3e;--malachite-destructive-border:#ef3737;--malachite-destructive-border-hover:#ef3737;--malachite-destructive-shadow:#ef3737;--malachite-destructive-shadow-light:#ef373766;--malachite-destructive-shadow-medium:#ef373799;--malachite-accent-background:#00af66;--malachite-accent-foreground:#027a42;--malachite-accent-border:#00af6633;--malachite-accent-background-glass:#00af6614;--malachite-control-border-hover:#00af6666;--malachite-success-background:#00af66;--malachite-success-foreground:#027a42;--malachite-success-border:#00af6633;--malachite-success-border-hover:#00af6666;--malachite-success-background-glass:#00af6614;--malachite-success-shadow-light:#00af6666;--malachite-success-shadow-medium:#00af6699;--malachite-warning-background:#f18b0a;--malachite-warning-foreground:#96580a;--malachite-warning-border:#f18b0a33;--malachite-warning-border-hover:#f18b0a66;--malachite-warning-background-glass:#f18b0a14;--malachite-warning-shadow-light:#f18b0a66;--malachite-warning-shadow-medium:#f18b0a99;--malachite-error-background:#c53f3f;--malachite-error-foreground:#ed3536;--malachite-error-border:#c53f3f33;--malachite-error-border-hover:#c53f3f66;--malachite-error-background-glass:#c53f3f14;--malachite-error-shadow-light:#c53f3f66;--malachite-error-shadow-medium:#c53f3f99;--malachite-segmented-control-track-background:#f1f1f1;--malachite-segmented-control-item-foreground:#4c4b4b;--malachite-segmented-control-item-hover-foreground:#0a0a0a;--malachite-segmented-control-selected-background:#fff;--malachite-segmented-control-selected-foreground:#0a0a0a;--malachite-segmented-control-selected-shadow:0px 1px 5px 0px #0000001a;--malachite-selectable-card-background:#f1f1f1;--malachite-selectable-card-border:#ddd;--malachite-selectable-card-selected-tint:#e7f8f1;--malachite-selectable-card-selected-surface-end:#fff;--malachite-selectable-card-selected-border:#047b43;--malachite-selectable-card-library-selected-tint:#f1f1f1;--malachite-selectable-card-library-selected-border:#bbb;--malachite-selectable-card-accent:#047b43;--malachite-selectable-card-muted-foreground:#7b7b7b;--malachite-selectable-card-hover-background:#e8e8e8;--malachite-selectable-card-hover-rule:#bbb;--malachite-selectable-card-pending-foreground:#96580a;--malachite-selectable-card-editing-tint:#f9f2e9;--malachite-card-strip-background:#f1f1f1;--malachite-card-strip-divider:#ddd;--malachite-card-strip-fade:#fff;--malachite-card-strip-arrow-background:#fff;--malachite-card-strip-arrow-border:#e8e8e8;--malachite-card-strip-add-primary-background:#0a0a0a;--malachite-card-strip-add-primary-foreground:#fff;--malachite-selection-bar-background:#0a0a0a;--malachite-selection-bar-foreground:#fff;--malachite-selection-bar-muted-foreground:#7b7b7b;--malachite-selection-bar-divider:#404040;--malachite-selection-bar-border:transparent;--malachite-selection-bar-primary-border:#e8e8e8;--malachite-selection-bar-shadow:0px 0px 10px 0px #0003;--malachite-selection-bar-notice-background:#edd9be;--malachite-selection-bar-notice-foreground:#844d09;--malachite-selection-bar-notice-shadow:0px 0px 4px 0px #00000014,0px 4px 4px 0px #00000014,0px 4px 10px 0px #0000000d;--malachite-inline-confirm-background:#222121;--malachite-inline-confirm-foreground:#fff;--malachite-inline-confirm-divider:#ffffff1a;--malachite-inline-confirm-shadow:0px 0px 10px 0px #0003;--malachite-buttonlist-background:#fff;--malachite-buttonlist-foreground:#0a0a0a;--malachite-buttonlist-hover-background:#f5f5f5;--malachite-buttonlist-hover-foreground:#0a0a0a;--malachite-text-primary:#0a0a0a;--malachite-text-secondary:#7b7b7b;--malachite-text-dimmed:#a1a1a1;--malachite-text-emphasis:#222121;--malachite-text-muted:#4c4b4b;--malachite-text-placeholder:#bbb;--malachite-text-destructive:#ed3536;--malachite-text-success:#027a42;--malachite-text-highlight:#76d6ae;--malachite-text-warning:#96580a;--malachite-text-error:#ed3536;--malachite-text-info:#0c58ae;--malachite-text-link-foreground:#00000073;--malachite-text-link-foreground-hover:#0a0a0a;--malachite-text-right-side-text-muted:#7b7b7b;--malachite-text-right-side-text-primary:#0a0a0a;--malachite-text-right-side-text-font-size:12px;--malachite-text-right-side-text-min-width:80px}:root,:host{--malachite-ease-standard:cubic-bezier(.4,0,.2,1);--malachite-font-mono:var(--font-mono,"SF Mono",ui-monospace,monospace)}*{scrollbar-width:thin;scrollbar-color:var(--malachite-card-border)transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--malachite-card-border);background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--malachite-text-dimmed)}.shadow-default{box-shadow:var(--malachite-shadow-default)}.shadow-success{box-shadow:var(--malachite-shadow-success)}.shadow-warning{box-shadow:var(--malachite-shadow-warning)}.shadow-error{box-shadow:var(--malachite-shadow-error)}.btn-filled{background-color:var(--malachite-secondary-background);color:var(--malachite-secondary-foreground);border-color:var(--malachite-secondary-border)}.btn-filled:hover:not(:disabled),.btn-filled[aria-expanded=true]:not(:disabled){border-color:var(--malachite-secondary-border-hover);opacity:.95}.btn-filled:active:not(:disabled){opacity:.8;border-color:var(--malachite-secondary-border-hover)}.btn-filled:disabled{opacity:.6;cursor:not-allowed}:host-context([data-theme="dark"]) .btn-filled:disabled{opacity:1;background-color:var(--malachite-card-background);color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border);box-shadow:none}.btn-surface{background-color:var(--malachite-card-background);color:var(--malachite-outline-foreground);border-color:var(--malachite-primary-border)}.btn-surface:hover:not(:disabled),.btn-surface[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-surface:active:not(:disabled){opacity:.8;border-color:var(--malachite-primary-border-hover)}.btn-surface:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-assistant{background-color:var(--malachite-assistant-surface-background);color:var(--malachite-assistant-surface-foreground);border-color:var(--malachite-assistant-surface-border)}.btn-assistant:hover:not(:disabled),.btn-assistant[aria-expanded=true]:not(:disabled){border-color:var(--malachite-assistant-foreground)}.btn-assistant:active:not(:disabled){opacity:.8;border-color:var(--malachite-assistant-foreground)}.btn-assistant:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-outline{color:var(--malachite-outline-foreground);border-color:var(--malachite-primary-border);background-color:#0000}.btn-outline:hover:not(:disabled),.btn-outline[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-outline:active:not(:disabled){opacity:.8;border-color:var(--malachite-primary-border-hover)}.btn-outline:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}:host-context([data-theme="dark"]) .btn-outline:disabled{opacity:1;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-destructive{background-color:var(--malachite-destructive-background);color:var(--malachite-destructive-foreground);border-color:var(--malachite-destructive-border);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-light)}.btn-destructive:hover:not(:disabled),.btn-destructive[aria-expanded=true]:not(:disabled){border-color:var(--malachite-destructive-border-hover);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-medium)}.btn-destructive:active:not(:disabled){opacity:.6;border-color:var(--malachite-destructive-border-hover);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-medium)}.btn-destructive:disabled{opacity:.6;box-shadow:none}.btn-ghost{color:var(--malachite-primary-foreground);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled),.btn-ghost[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-no-style{color:var(--malachite-primary-foreground);background-color:#0000;border-color:#0000}.btn-no-style:hover:not(:disabled),.btn-no-style[aria-expanded=true]:not(:disabled){border-color:#0000}.btn-glass-success{background-color:var(--malachite-success-background-glass);color:var(--malachite-success-foreground);border-color:var(--malachite-success-border);box-shadow:0 1px 0 0 var(--malachite-success-shadow-light)}.btn-glass-success:hover:not(:disabled),.btn-glass-success[aria-expanded=true]:not(:disabled){border-color:var(--malachite-success-border-hover);box-shadow:0 1px 0 0 var(--malachite-success-shadow-medium)}.btn-glass-success:active:not(:disabled){opacity:.6;border-color:var(--malachite-success-border-hover);box-shadow:0 1px 0 0 var(--malachite-success-shadow-medium)}.btn-glass-success:disabled{opacity:.6;box-shadow:none}.btn-glass-warning{background-color:var(--malachite-warning-background-glass);color:var(--malachite-warning-foreground);border-color:var(--malachite-warning-border);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-light)}.btn-glass-warning:hover:not(:disabled),.btn-glass-warning[aria-expanded=true]:not(:disabled){border-color:var(--malachite-warning-border-hover);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-medium)}.btn-glass-warning:active:not(:disabled){opacity:.6;border-color:var(--malachite-warning-border-hover);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-medium)}.btn-glass-warning:disabled{opacity:.6;box-shadow:none}.btn-glass-error{background-color:var(--malachite-error-background-glass);color:var(--malachite-error-foreground);border-color:var(--malachite-error-border);box-shadow:0 1px 0 0 var(--malachite-error-shadow-light)}.btn-glass-error:hover:not(:disabled),.btn-glass-error[aria-expanded=true]:not(:disabled){border-color:var(--malachite-error-border-hover);box-shadow:0 1px 0 0 var(--malachite-error-shadow-medium)}.btn-glass-error:active:not(:disabled){opacity:.6;border-color:var(--malachite-error-border-hover);box-shadow:0 1px 0 0 var(--malachite-error-shadow-medium)}.btn-glass-error:disabled{opacity:.6;box-shadow:none}.card-base{background-color:var(--malachite-card-background);color:var(--malachite-card-foreground);border:1px solid var(--malachite-card-border);box-shadow:0 2px 4px 0 var(--malachite-card-shadow);border-radius:12px;overflow:hidden}.card-dimmed{background-color:var(--malachite-card-dimmed-background)}.card-rounded{border-radius:20px}.md-root strong,.md-root b{font-weight:600}.md-link{color:var(--malachite-text-link-foreground);font-weight:600;text-decoration:underline}.md-link:hover,.md-link:focus-visible{color:var(--malachite-text-link-foreground-hover)}.md-flow>[role=list]:first-child>[role=listitem]:first-child>br:first-child{display:none}.card-header{background-color:var(--malachite-card-header-background);color:var(--malachite-card-foreground);border-bottom:1px solid var(--malachite-card-border)}.card-footer{background-color:var(--malachite-card-footer-background);color:var(--malachite-card-foreground);border-top:1px solid var(--malachite-card-border)}.confirmation-badge svg{width:12px!important;height:12px!important}.alert-base{border-radius:8px;justify-content:center;align-items:flex-start;gap:8px;width:100%;margin:0 10px;padding:10px;display:flex}.alert-base svg{margin-top:4px}.alert-base.alert-expandable svg{margin-top:3px}.alert-base .alert-action svg{margin-top:0}.alert-no-margin{margin:0}.alert-info{background-color:var(--malachite-alert-info-background);color:var(--malachite-alert-info-foreground)}.alert-success{background-color:var(--malachite-alert-success-background);color:var(--malachite-alert-success-foreground)}.alert-error{background-color:var(--malachite-alert-error-background);color:var(--malachite-alert-error-foreground)}.alert-warning{background-color:var(--malachite-alert-warning-background);color:var(--malachite-alert-warning-foreground)}.alert-assistant{background-color:var(--malachite-alert-assistant-background);color:var(--malachite-alert-assistant-foreground)}.alert-icon-info{color:var(--malachite-alert-info-foreground);font-size:13px}.alert-icon-success{color:var(--malachite-alert-success-foreground);font-size:13px}.alert-icon-error{color:var(--malachite-alert-error-foreground);font-size:13px}.alert-icon-warning{color:var(--malachite-alert-warning-foreground);font-size:13px}.tooltip-base{background-color:var(--malachite-tooltip-background);max-width:320px;min-height:32px;color:var(--malachite-tooltip-foreground);box-shadow:var(--malachite-tooltip-shadow);word-wrap:break-word;white-space:normal;pointer-events:none;z-index:9999;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;line-height:1.4;transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:inline-flex;position:absolute}.tooltip-content{z-index:1;position:relative}.tooltip-visible{opacity:1;visibility:visible;transform:scale(1)}.tooltip-hidden{opacity:0;visibility:hidden;transform:scale(.95)}.tooltip-arrow{background-color:var(--malachite-tooltip-background)}svg path:not([data-malachite-shape]){fill:currentColor!important}.table-bordered-container{box-shadow:var(--malachite-table-box-shadow);background-color:var(--malachite-table-background);padding:4px}.table-header{color:var(--malachite-table-header-foreground);background-color:var(--malachite-table-header-background)!important}.table-row{background-color:var(--malachite-table-row-background);color:var(--malachite-table-row-foreground);border-bottom:1px solid var(--malachite-table-row-border)}.table-row:hover{background-color:var(--malachite-table-row-hover-background)}.table-cell-bordered{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-top{border-top:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-bottom{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-left{border-left:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-right{border-right:1px solid var(--malachite-table-borderedRow-outline)}.table-row-bordered{background-color:var(--malachite-table-borderedRow-background)}.table-error-icon{background-color:var(--malachite-table-error-icon-background);color:var(--malachite-table-error-icon-foreground)}.table-error-title{color:var(--malachite-table-error-title-foreground)}.table-error-subtitle{color:var(--malachite-table-error-subtitle-foreground)}.malachite-row-caret{color:var(--malachite-text-placeholder);transition:color .15s}.group:hover .malachite-row-caret{color:var(--malachite-text-primary)}.table-section-divider{background-color:var(--malachite-table-header-background);width:100%;color:var(--malachite-text-secondary);justify-content:space-between;align-items:flex-end;padding:12px 16px;font-size:12px;display:flex}.malachite-row-link-icon{color:var(--malachite-text-placeholder);opacity:0;transition:opacity .15s,color .15s}.group:hover .malachite-row-link-icon{opacity:1}.malachite-row-cta{cursor:pointer;width:100%;color:var(--malachite-text-warning-muted,#cea36c);white-space:nowrap;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:500;transition:color .15s;display:flex}.malachite-row-cta:hover{color:var(--malachite-text-warning,#96580a)}.malachite-number-tag{border-radius:var(--malachite-radius-md,6px);background-color:var(--malachite-number-tag-background,#00000014);min-width:16px;height:16px;color:var(--malachite-number-tag-foreground,var(--malachite-text-secondary,#7b7b7b));font-family:var(--malachite-font-mono,monospace);justify-content:center;align-items:center;padding:0 3px;font-size:12px;font-weight:500;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.malachite-number-tag-emphasis{background-color:var(--malachite-number-tag-emphasis-background,#00000026);color:var(--malachite-number-tag-emphasis-foreground,var(--malachite-text-emphasis,#222121))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
+const a = '/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",Courier,monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:var(--malachite-radius-xs,2px);--radius-md:var(--malachite-radius-md,6px);--radius-lg:var(--malachite-radius-lg,8px);--radius-xl:var(--malachite-radius-xl,12px);--radius-2xl:var(--malachite-radius-xxxl,16px);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:var(--malachite-radius-sm,4px);--font-heading:"Stack Sans Text",ui-sans-serif,system-ui,sans-serif;--font-body:"Geist",ui-sans-serif,system-ui,sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-\\[-2\\.5px\\]{top:-2.5px}.top-\\[3px\\]{top:3px}.top-\\[8px\\]{top:8px}.top-\\[25px\\]{top:25px}.top-\\[40px\\]{top:40px}.top-\\[calc\\(var\\(--malachite-control-height-large\\,42px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-large,42px)/2)}.top-\\[calc\\(var\\(--malachite-control-height-medium\\,32px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-medium,32px)/2)}.top-\\[calc\\(var\\(--malachite-control-height-small\\,28px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-small,28px)/2)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\\[8px\\]{right:8px}.right-\\[26px\\]{right:26px}.right-\\[28px\\]{right:28px}.right-\\[30px\\]{right:30px}.right-\\[38px\\]{right:38px}.right-\\[60px\\]{right:60px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-\\[8px\\]{bottom:8px}.left-0{left:calc(var(--spacing)*0)}.left-\\[14px\\]{left:14px}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.z-\\[100\\]{z-index:100}.z-\\[101\\]{z-index:101}.z-\\[1000\\]{z-index:1000}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-auto{margin:auto}.-mx-10{margin-inline:calc(var(--spacing)*-10)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-\\[2px\\]{margin-block:2px}.my-auto{margin-block:auto}.-mt-1{margin-top:calc(var(--spacing)*-1)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.-mt-6{margin-top:calc(var(--spacing)*-6)}.-mt-8{margin-top:calc(var(--spacing)*-8)}.-mt-\\[2px\\]{margin-top:-2px}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-\\[2px\\]{margin-top:2px}.mt-\\[11px\\]{margin-top:11px}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-\\[-8px\\]{margin-right:-8px}.mr-\\[6px\\]{margin-right:6px}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-30{margin-bottom:calc(var(--spacing)*30)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-0\\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-\\[6px\\]{margin-left:6px}.ml-\\[20px\\]{margin-left:20px}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.\\[display\\:-webkit-box\\]{display:-webkit-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-\\[3px\\]{width:3px;height:3px}.size-\\[11px\\]{width:11px;height:11px}.size-\\[13px\\]{width:13px;height:13px}.size-\\[14px\\]{width:14px;height:14px}.size-\\[18px\\]{width:18px;height:18px}.size-\\[20px\\]{width:20px;height:20px}.size-\\[24px\\]{width:24px;height:24px}.size-\\[28px\\]{width:28px;height:28px}.size-\\[32px\\]{width:32px;height:32px}.size-\\[40px\\]{width:40px;height:40px}.size-\\[42px\\]{width:42px;height:42px}.size-full{width:100%;height:100%}.h-0{height:calc(var(--spacing)*0)}.h-1{height:calc(var(--spacing)*1)}.h-1\\/2{height:50%}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-48{height:calc(var(--spacing)*48)}.h-56{height:calc(var(--spacing)*56)}.h-60{height:calc(var(--spacing)*60)}.h-64{height:calc(var(--spacing)*64)}.h-72{height:calc(var(--spacing)*72)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.h-100{height:calc(var(--spacing)*100)}.h-\\[\\.\\.\\.\\]{height:...}.h-\\[8px\\]{height:8px}.h-\\[12px\\]{height:12px}.h-\\[13px\\]{height:13px}.h-\\[16px\\]{height:16px}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[22px\\]{height:22px}.h-\\[25px\\]{height:25px}.h-\\[28px\\]{height:28px}.h-\\[32px\\]{height:32px}.h-\\[33px\\]{height:33px}.h-\\[37px\\]{height:37px}.h-\\[42px\\]{height:42px}.h-\\[48px\\]{height:48px}.h-\\[59px\\]{height:59px}.h-\\[65px\\]{height:65px}.h-\\[460px\\]{height:460px}.h-\\[560px\\]{height:560px}.h-\\[var\\(--malachite-control-height-large\\,42px\\)\\]{height:var(--malachite-control-height-large,42px)}.h-\\[var\\(--malachite-control-height-medium\\,32px\\)\\]{height:var(--malachite-control-height-medium,32px)}.h-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{height:var(--malachite-control-height-small,28px)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-\\[420px\\]{max-height:420px}.max-h-\\[553px\\]{max-height:553px}.max-h-\\[calc\\(1\\.5em\\*var\\(--malachite-clamp-lines\\)\\)\\]{max-height:calc(1.5em*var(--malachite-clamp-lines))}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-\\[2rem\\]{min-height:2rem}.min-h-\\[14px\\]{min-height:14px}.min-h-\\[15px\\]{min-height:15px}.min-h-\\[25px\\]{min-height:25px}.min-h-\\[28px\\]{min-height:28px}.min-h-\\[37px\\]{min-height:37px}.min-h-\\[50px\\]{min-height:50px}.min-h-\\[52px\\]{min-height:52px}.min-h-\\[56px\\]{min-height:56px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[var\\(--malachite-control-height-large\\,42px\\)\\]{min-height:var(--malachite-control-height-large,42px)}.min-h-\\[var\\(--malachite-control-height-medium\\,32px\\)\\]{min-height:var(--malachite-control-height-medium,32px)}.min-h-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{min-height:var(--malachite-control-height-small,28px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-96{width:calc(var(--spacing)*96)}.w-200{width:calc(var(--spacing)*200)}.w-\\[13px\\]{width:13px}.w-\\[16px\\]{width:16px}.w-\\[20px\\]{width:20px}.w-\\[24px\\]{width:24px}.w-\\[28px\\]{width:28px}.w-\\[44px\\]{width:44px}.w-\\[88px\\]{width:88px}.w-\\[95px\\]{width:95px}.w-\\[108px\\]{width:108px}.w-\\[143px\\]{width:143px}.w-\\[200px\\]{width:200px}.w-\\[220px\\]{width:220px}.w-\\[320px\\]{width:320px}.w-\\[420px\\]{width:420px}.w-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{width:var(--malachite-control-height-small,28px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-1200{max-width:calc(var(--spacing)*1200)}.max-w-\\[85\\%\\]{max-width:85%}.max-w-\\[330px\\]{max-width:330px}.max-w-\\[380px\\]{max-width:380px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[420px\\]{max-width:420px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[500px\\]{max-width:500px}.max-w-\\[540px\\]{max-width:540px}.max-w-\\[560px\\]{max-width:560px}.max-w-\\[620px\\]{max-width:620px}.max-w-\\[640px\\]{max-width:640px}.max-w-\\[860px\\]{max-width:860px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[16px\\]{min-width:16px}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[39px\\]{min-width:39px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[84px\\]{min-width:84px}.min-w-\\[200px\\]{min-width:200px}.flex-1{flex:1}.flex-\\[0_1_auto\\]{flex:0 auto}.flex-\\[1_0_0\\]{flex:1 0 0}.flex-\\[1_1_0\\%\\]{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-auto{flex-basis:auto}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.\\[transform\\:translateZ\\(0\\)\\]{transform:translateZ(0)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\\[auto_1fr\\]{grid-template-columns:auto 1fr}.grid-cols-\\[minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1fr)}.grid-rows-\\[1fr_auto\\]{grid-template-rows:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-\\[2px\\]{gap:2px}.gap-\\[3px\\]{gap:3px}.gap-\\[4px\\]{gap:4px}.gap-\\[5px\\]{gap:5px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[14px\\]{gap:14px}.gap-\\[16px\\]{gap:16px}.gap-\\[20px\\]{gap:20px}.gap-\\[24px\\]{gap:24px}.gap-\\[28px\\]{gap:28px}.gap-\\[40px\\]{gap:40px}.gap-\\[60px\\]{gap:60px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[7px\\]{border-radius:7px}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[13px\\]{border-radius:13px}.rounded-\\[16px\\]{border-radius:16px}.rounded-\\[20px\\]{border-radius:20px}.rounded-\\[28px\\]{border-radius:28px}.rounded-\\[var\\(--malachite-radius-10\\,10px\\)\\]{border-radius:var(--malachite-radius-10,10px)}.rounded-\\[var\\(--malachite-radius-lg\\,8px\\)\\]{border-radius:var(--malachite-radius-lg,8px)}.rounded-\\[var\\(--malachite-radius-md\\,6px\\)\\]{border-radius:var(--malachite-radius-md,6px)}.rounded-\\[var\\(--malachite-radius-sm\\,4px\\)\\]{border-radius:var(--malachite-radius-sm,4px)}.rounded-\\[var\\(--malachite-radius-xl\\,12px\\)\\]{border-radius:var(--malachite-radius-xl,12px)}.rounded-\\[var\\(--malachite-radius-xxl\\,14px\\)\\]{border-radius:var(--malachite-radius-xxl,14px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-tl-\\[12px\\]{border-top-left-radius:12px}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-\\[12px\\]{border-top-right-radius:12px}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-b-\\[var\\(--malachite-radius-10\\,10px\\)\\]{border-bottom-right-radius:var(--malachite-radius-10,10px);border-bottom-left-radius:var(--malachite-radius-10,10px)}.rounded-br-\\[4px\\]{border-bottom-right-radius:4px}.rounded-br-\\[12px\\]{border-bottom-right-radius:12px}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-\\[4px\\]{border-bottom-left-radius:4px}.rounded-bl-\\[12px\\]{border-bottom-left-radius:12px}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#e8e8e8\\]{border-color:#e8e8e8}.border-\\[color\\:var\\(--malachite-accent-foreground\\)\\]{border-color:var(--malachite-accent-foreground)}.border-\\[var\\(--malachite-accent-border\\)\\]{border-color:var(--malachite-accent-border)}.border-\\[var\\(--malachite-assistant-surface-border\\)\\]{border-color:var(--malachite-assistant-surface-border)}.border-\\[var\\(--malachite-card-background\\)\\]{border-color:var(--malachite-card-background)}.border-\\[var\\(--malachite-card-border\\)\\]{border-color:var(--malachite-card-border)}.border-\\[var\\(--malachite-card-border\\,rgb\\(232\\,232\\,232\\)\\)\\]{border-color:var(--malachite-card-border,#e8e8e8)}.border-\\[var\\(--malachite-card-subtle-divider\\,var\\(--malachite-card-border\\)\\)\\]{border-color:var(--malachite-card-subtle-divider,var(--malachite-card-border))}.border-\\[var\\(--malachite-chat-assistant-bubble-border\\)\\]{border-color:var(--malachite-chat-assistant-bubble-border)}.border-\\[var\\(--malachite-chat-user-bubble-border\\)\\]{border-color:var(--malachite-chat-user-bubble-border)}.border-\\[var\\(--malachite-codeblock-border\\)\\]{border-color:var(--malachite-codeblock-border)}.border-\\[var\\(--malachite-destructive-border\\)\\]{border-color:var(--malachite-destructive-border)}.border-\\[var\\(--malachite-selection-bar-border\\)\\]{border-color:var(--malachite-selection-bar-border)}.border-\\[var\\(--malachite-tag-assistant-border\\)\\]{border-color:var(--malachite-tag-assistant-border)}.border-\\[var\\(--malachite-text-dimmed\\)\\]{border-color:var(--malachite-text-dimmed)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-current{border-color:currentColor}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-300{border-color:var(--color-green-300)}.border-indigo-300{border-color:var(--color-indigo-300)}.border-orange-300{border-color:var(--color-orange-300)}.border-pink-300{border-color:var(--color-pink-300)}.border-purple-300{border-color:var(--color-purple-300)}.border-red-300{border-color:var(--color-red-300)}.border-teal-300{border-color:var(--color-teal-300)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-300{border-color:var(--color-yellow-300)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-t-transparent{border-top-color:#0000}.bg-\\[\\#2b2b2b\\]{background-color:#2b2b2b}.bg-\\[var\\(--malachite-accent-background-glass\\)\\]{background-color:var(--malachite-accent-background-glass)}.bg-\\[var\\(--malachite-accent-background-glass\\,rgba\\(0\\,175\\,102\\,0\\.08\\)\\)\\]{background-color:var(--malachite-accent-background-glass,#00af6614)}.bg-\\[var\\(--malachite-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]{background-color:var(--malachite-accent-foreground,#027a42)}.bg-\\[var\\(--malachite-assistant-surface-background\\)\\]{background-color:var(--malachite-assistant-surface-background)}.bg-\\[var\\(--malachite-buttonlist-background\\)\\]{background-color:var(--malachite-buttonlist-background)}.bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]{background-color:var(--malachite-buttonlist-hover-background)}.bg-\\[var\\(--malachite-card-background\\)\\]{background-color:var(--malachite-card-background)}.bg-\\[var\\(--malachite-card-background\\,rgb\\(255\\,255\\,255\\)\\)\\]{background-color:var(--malachite-card-background,#fff)}.bg-\\[var\\(--malachite-card-border\\)\\]{background-color:var(--malachite-card-border)}.bg-\\[var\\(--malachite-card-dimmed-background\\)\\]{background-color:var(--malachite-card-dimmed-background)}.bg-\\[var\\(--malachite-card-sunken-background\\)\\]{background-color:var(--malachite-card-sunken-background)}.bg-\\[var\\(--malachite-card-sunken-background\\,rgb\\(250\\,250\\,250\\)\\)\\]{background-color:var(--malachite-card-sunken-background,#fafafa)}.bg-\\[var\\(--malachite-chat-assistant-bubble-background\\)\\]{background-color:var(--malachite-chat-assistant-bubble-background)}.bg-\\[var\\(--malachite-chat-user-bubble-background\\)\\]{background-color:var(--malachite-chat-user-bubble-background)}.bg-\\[var\\(--malachite-codeblock-background\\)\\]{background-color:var(--malachite-codeblock-background)}.bg-\\[var\\(--malachite-inline-confirm-background\\)\\]{background-color:var(--malachite-inline-confirm-background)}.bg-\\[var\\(--malachite-inline-confirm-divider\\)\\]{background-color:var(--malachite-inline-confirm-divider)}.bg-\\[var\\(--malachite-number-tag-background\\,rgba\\(0\\,0\\,0\\,0\\.08\\)\\)\\]{background-color:var(--malachite-number-tag-background,#00000014)}.bg-\\[var\\(--malachite-overlay-scrim\\)\\]{background-color:var(--malachite-overlay-scrim)}.bg-\\[var\\(--malachite-overlay-scrim\\,rgba\\(0\\,0\\,0\\,0\\.5\\)\\)\\]{background-color:var(--malachite-overlay-scrim,#00000080)}.bg-\\[var\\(--malachite-pillbutton-background\\)\\]{background-color:var(--malachite-pillbutton-background)}.bg-\\[var\\(--malachite-pillbutton-background\\,rgb\\(241\\,241\\,241\\)\\)\\]{background-color:var(--malachite-pillbutton-background,#f1f1f1)}.bg-\\[var\\(--malachite-pillbutton-hover-background\\)\\]{background-color:var(--malachite-pillbutton-hover-background)}.bg-\\[var\\(--malachite-pillbutton-inverted-background\\)\\]{background-color:var(--malachite-pillbutton-inverted-background)}.bg-\\[var\\(--malachite-pillbutton-inverted-hover-background\\)\\]{background-color:var(--malachite-pillbutton-inverted-hover-background)}.bg-\\[var\\(--malachite-pillbutton-static-background\\)\\]{background-color:var(--malachite-pillbutton-static-background)}.bg-\\[var\\(--malachite-segmented-control-selected-background\\)\\]{background-color:var(--malachite-segmented-control-selected-background)}.bg-\\[var\\(--malachite-segmented-control-track-background\\)\\]{background-color:var(--malachite-segmented-control-track-background)}.bg-\\[var\\(--malachite-selection-bar-background\\)\\]{background-color:var(--malachite-selection-bar-background)}.bg-\\[var\\(--malachite-selection-bar-notice-background\\)\\]{background-color:var(--malachite-selection-bar-notice-background)}.bg-\\[var\\(--malachite-success-background-glass\\)\\]{background-color:var(--malachite-success-background-glass)}.bg-\\[var\\(--malachite-table-background\\,\\#f7f7f7\\)\\]{background-color:var(--malachite-table-background,#f7f7f7)}.bg-\\[var\\(--malachite-table-row-background\\,\\#fff\\)\\]{background-color:var(--malachite-table-row-background,#fff)}.bg-\\[var\\(--malachite-tag-assistant-background\\)\\]{background-color:var(--malachite-tag-assistant-background)}.bg-\\[var\\(--malachite-tag-default-background\\)\\]{background-color:var(--malachite-tag-default-background)}.bg-\\[var\\(--malachite-tag-emphasis-background\\)\\]{background-color:var(--malachite-tag-emphasis-background)}.bg-\\[var\\(--malachite-tag-error-background\\)\\]{background-color:var(--malachite-tag-error-background)}.bg-\\[var\\(--malachite-tag-info-background\\)\\]{background-color:var(--malachite-tag-info-background)}.bg-\\[var\\(--malachite-tag-primary-background\\)\\]{background-color:var(--malachite-tag-primary-background)}.bg-\\[var\\(--malachite-tag-secondary-background\\)\\]{background-color:var(--malachite-tag-secondary-background)}.bg-\\[var\\(--malachite-tag-success-background\\)\\]{background-color:var(--malachite-tag-success-background)}.bg-\\[var\\(--malachite-tag-warning-background\\)\\]{background-color:var(--malachite-tag-warning-background)}.bg-\\[var\\(--malachite-text-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]{background-color:var(--malachite-text-destructive,#ed3536)}.bg-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]{background-color:var(--malachite-text-placeholder,#bbb)}.bg-\\[var\\(--malachite-text-primary\\)\\]{background-color:var(--malachite-text-primary)}.bg-\\[var\\(--malachite-toggle-track\\)\\]{background-color:var(--malachite-toggle-track)}.bg-\\[var\\(--malachite-warning-background\\)\\]{background-color:var(--malachite-warning-background)}.bg-\\[var\\(--…\\)\\]{background-color:var(--…)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-current{background-color:currentColor}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\\[linear-gradient\\(to_bottom\\,transparent\\,var\\(--malachite-card-background\\)\\)\\]{background-image:linear-gradient(to bottom,transparent,var(--malachite-card-background))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-100{--tw-gradient-from:var(--color-yellow-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-yellow-200{--tw-gradient-to:var(--color-yellow-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.\\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-20{padding:calc(var(--spacing)*20)}.p-\\[2px\\]{padding:2px}.p-\\[4px\\]{padding:4px}.p-\\[10px\\]{padding:10px}.p-\\[16px\\]{padding:16px}.p-\\[20px\\]{padding:20px}.p-\\[28px\\]{padding:28px}.p-\\[60px\\]{padding:60px}.\\!px-2\\.5{padding-inline:calc(var(--spacing)*2.5)!important}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-16{padding-inline:calc(var(--spacing)*16)}.px-\\[2px\\]{padding-inline:2px}.px-\\[3px\\]{padding-inline:3px}.px-\\[4px\\]{padding-inline:4px}.px-\\[6px\\]{padding-inline:6px}.px-\\[10px\\]{padding-inline:10px}.px-\\[12px\\]{padding-inline:12px}.px-\\[16px\\]{padding-inline:16px}.px-\\[18px\\]{padding-inline:18px}.px-\\[20px\\]{padding-inline:20px}.px-\\[24px\\]{padding-inline:24px}.px-\\[28px\\]{padding-inline:28px}.px-\\[60px\\]{padding-inline:60px}.px-\\[var\\(--malachite-radius-xl\\,12px\\)\\]{padding-inline:var(--malachite-radius-xl,12px)}.\\!py-1\\.5{padding-block:calc(var(--spacing)*1.5)!important}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-\\[1px\\]{padding-block:1px}.py-\\[2px\\]{padding-block:2px}.py-\\[3px\\]{padding-block:3px}.py-\\[6px\\]{padding-block:6px}.py-\\[7px\\]{padding-block:7px}.py-\\[8px\\]{padding-block:8px}.py-\\[10px\\]{padding-block:10px}.py-\\[12px\\]{padding-block:12px}.py-\\[14px\\]{padding-block:14px}.py-\\[16px\\]{padding-block:16px}.py-\\[18px\\]{padding-block:18px}.py-\\[20px\\]{padding-block:20px}.py-\\[28px\\]{padding-block:28px}.py-\\[40px\\]{padding-block:40px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-7{padding-top:calc(var(--spacing)*7)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-\\[4px\\]{padding-top:4px}.pt-\\[8px\\]{padding-top:8px}.pt-\\[9px\\]{padding-top:9px}.pt-\\[10px\\]{padding-top:10px}.pt-\\[10vh\\]{padding-top:10vh}.pt-\\[14px\\]{padding-top:14px}.pt-\\[18px\\]{padding-top:18px}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-\\[6px\\]{padding-right:6px}.pr-\\[12px\\]{padding-right:12px}.pr-\\[16px\\]{padding-right:16px}.pr-\\[18px\\]{padding-right:18px}.pr-\\[26px\\]{padding-right:26px}.pr-\\[52px\\]{padding-right:52px}.pr-\\[56px\\]{padding-right:56px}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-\\[14px\\]{padding-bottom:14px}.pb-\\[18px\\]{padding-bottom:18px}.pb-\\[20px\\]{padding-bottom:20px}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-1\\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-9{padding-left:calc(var(--spacing)*9)}.pl-\\[10px\\]{padding-left:10px}.pl-\\[12px\\]{padding-left:12px}.pl-\\[16px\\]{padding-left:16px}.pl-\\[21px\\]{padding-left:21px}.pl-\\[39px\\]{padding-left:39px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.text-\\[32px\\]{font-size:32px}.text-\\[40px\\]{font-size:40px}.text-\\[length\\:inherit\\]{font-size:inherit}.text-\\[length\\:var\\(--malachite-font-size-15\\,15px\\)\\]{font-size:var(--malachite-font-size-15,15px)}.text-\\[length\\:var\\(--malachite-font-size-large\\)\\]{font-size:var(--malachite-font-size-large)}.text-\\[length\\:var\\(--malachite-font-size-medium\\)\\]{font-size:var(--malachite-font-size-medium)}.text-\\[length\\:var\\(--malachite-font-size-medium\\,14px\\)\\]{font-size:var(--malachite-font-size-medium,14px)}.text-\\[length\\:var\\(--malachite-font-size-small\\)\\]{font-size:var(--malachite-font-size-small)}.text-\\[length\\:var\\(--malachite-font-size-small\\,13px\\)\\]{font-size:var(--malachite-font-size-small,13px)}.text-\\[length\\:var\\(--malachite-font-size-xlarge\\)\\]{font-size:var(--malachite-font-size-xlarge)}.text-\\[length\\:var\\(--malachite-font-size-xlarge\\,18px\\)\\]{font-size:var(--malachite-font-size-xlarge,18px)}.text-\\[length\\:var\\(--malachite-font-size-xsmall\\)\\]{font-size:var(--malachite-font-size-xsmall)}.text-\\[length\\:var\\(--malachite-font-size-xsmall\\,11px\\)\\]{font-size:var(--malachite-font-size-xsmall,11px)}.text-\\[length\\:var\\(--malachite-font-size-xxlarge\\)\\]{font-size:var(--malachite-font-size-xxlarge)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-\\[1\\.3\\]{--tw-leading:1.3;line-height:1.3}.leading-\\[1\\.4\\]{--tw-leading:1.4;line-height:1.4}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-\\[1\\.5em\\]{--tw-leading:1.5em;line-height:1.5em}.leading-\\[1\\.6\\]{--tw-leading:1.6;line-height:1.6}.leading-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.leading-\\[1\\.45\\]{--tw-leading:1.45;line-height:1.45}.leading-\\[12px\\]{--tw-leading:12px;line-height:12px}.leading-\\[14px\\]{--tw-leading:14px;line-height:14px}.leading-\\[15px\\]{--tw-leading:15px;line-height:15px}.leading-\\[16px\\]{--tw-leading:16px;line-height:16px}.leading-\\[17px\\]{--tw-leading:17px;line-height:17px}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-\\[22px\\]{--tw-leading:22px;line-height:22px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\\[-0\\.14px\\]{--tw-tracking:-.14px;letter-spacing:-.14px}.tracking-\\[0\\.5px\\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-\\[0\\.06em\\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\\[0\\.11px\\]{--tw-tracking:.11px;letter-spacing:.11px}.tracking-\\[0\\.12px\\]{--tw-tracking:.12px;letter-spacing:.12px}.tracking-\\[0\\.13px\\]{--tw-tracking:.13px;letter-spacing:.13px}.tracking-\\[0\\.14px\\]{--tw-tracking:.14px;letter-spacing:.14px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\\[\\#0a0a0a\\]{color:#0a0a0a}.text-\\[\\#bbb\\]{color:#bbb}.text-\\[color-mix\\(in_srgb\\,var\\(--malachite-inline-confirm-foreground\\)_80\\%\\,var\\(--malachite-inline-confirm-background\\)\\)\\]{color:var(--malachite-inline-confirm-foreground)}@supports (color:color-mix(in lab,red,red)){.text-\\[color-mix\\(in_srgb\\,var\\(--malachite-inline-confirm-foreground\\)_80\\%\\,var\\(--malachite-inline-confirm-background\\)\\)\\]{color:color-mix(in srgb,var(--malachite-inline-confirm-foreground)80%,var(--malachite-inline-confirm-background))}}.text-\\[var\\(--malachite-accent-foreground\\)\\]{color:var(--malachite-accent-foreground)}.text-\\[var\\(--malachite-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]{color:var(--malachite-accent-foreground,#027a42)}.text-\\[var\\(--malachite-assistant-foreground\\)\\]{color:var(--malachite-assistant-foreground)}.text-\\[var\\(--malachite-assistant-surface-foreground\\)\\]{color:var(--malachite-assistant-surface-foreground)}.text-\\[var\\(--malachite-buttonlist-foreground\\)\\]{color:var(--malachite-buttonlist-foreground)}.text-\\[var\\(--malachite-card-background\\)\\]{color:var(--malachite-card-background)}.text-\\[var\\(--malachite-card-border\\)\\]{color:var(--malachite-card-border)}.text-\\[var\\(--malachite-card-foreground\\)\\]{color:var(--malachite-card-foreground)}.text-\\[var\\(--malachite-chat-assistant-bubble-foreground\\)\\]{color:var(--malachite-chat-assistant-bubble-foreground)}.text-\\[var\\(--malachite-destructive-foreground\\,rgb\\(196\\,62\\,62\\)\\)\\]{color:var(--malachite-destructive-foreground,#c43e3e)}.text-\\[var\\(--malachite-inline-confirm-foreground\\)\\]{color:var(--malachite-inline-confirm-foreground)}.text-\\[var\\(--malachite-pillbutton-foreground\\)\\]{color:var(--malachite-pillbutton-foreground)}.text-\\[var\\(--malachite-pillbutton-foreground\\,rgb\\(123\\,123\\,123\\)\\)\\]{color:var(--malachite-pillbutton-foreground,#7b7b7b)}.text-\\[var\\(--malachite-pillbutton-hover-foreground\\)\\]{color:var(--malachite-pillbutton-hover-foreground)}.text-\\[var\\(--malachite-pillbutton-inverted-foreground\\)\\]{color:var(--malachite-pillbutton-inverted-foreground)}.text-\\[var\\(--malachite-pillbutton-inverted-hover-foreground\\)\\]{color:var(--malachite-pillbutton-inverted-hover-foreground)}.text-\\[var\\(--malachite-pillbutton-static-foreground\\)\\]{color:var(--malachite-pillbutton-static-foreground)}.text-\\[var\\(--malachite-segmented-control-item-foreground\\)\\]{color:var(--malachite-segmented-control-item-foreground)}.text-\\[var\\(--malachite-segmented-control-selected-foreground\\)\\]{color:var(--malachite-segmented-control-selected-foreground)}.text-\\[var\\(--malachite-selection-bar-foreground\\)\\]{color:var(--malachite-selection-bar-foreground)}.text-\\[var\\(--malachite-selection-bar-muted-foreground\\)\\]{color:var(--malachite-selection-bar-muted-foreground)}.text-\\[var\\(--malachite-selection-bar-notice-foreground\\)\\]{color:var(--malachite-selection-bar-notice-foreground)}.text-\\[var\\(--malachite-tag-assistant-foreground\\)\\]{color:var(--malachite-tag-assistant-foreground)}.text-\\[var\\(--malachite-tag-default-foreground\\)\\]{color:var(--malachite-tag-default-foreground)}.text-\\[var\\(--malachite-tag-emphasis-foreground\\)\\]{color:var(--malachite-tag-emphasis-foreground)}.text-\\[var\\(--malachite-tag-error-foreground\\)\\]{color:var(--malachite-tag-error-foreground)}.text-\\[var\\(--malachite-tag-info-foreground\\)\\]{color:var(--malachite-tag-info-foreground)}.text-\\[var\\(--malachite-tag-primary-foreground\\)\\]{color:var(--malachite-tag-primary-foreground)}.text-\\[var\\(--malachite-tag-secondary-foreground\\)\\]{color:var(--malachite-tag-secondary-foreground)}.text-\\[var\\(--malachite-tag-success-foreground\\)\\]{color:var(--malachite-tag-success-foreground)}.text-\\[var\\(--malachite-tag-warning-foreground\\)\\]{color:var(--malachite-tag-warning-foreground)}.text-\\[var\\(--malachite-text-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]{color:var(--malachite-text-destructive,#ed3536)}.text-\\[var\\(--malachite-text-dimmed\\)\\]{color:var(--malachite-text-dimmed)}.text-\\[var\\(--malachite-text-dimmed\\,rgb\\(161\\,161\\,161\\)\\)\\]{color:var(--malachite-text-dimmed,#a1a1a1)}.text-\\[var\\(--malachite-text-highlight\\)\\]{color:var(--malachite-text-highlight)}.text-\\[var\\(--malachite-text-link-foreground\\)\\]{color:var(--malachite-text-link-foreground)}.text-\\[var\\(--malachite-text-muted\\)\\]{color:var(--malachite-text-muted)}.text-\\[var\\(--malachite-text-muted\\,rgb\\(76\\,75\\,75\\)\\)\\]{color:var(--malachite-text-muted,#4c4b4b)}.text-\\[var\\(--malachite-text-placeholder\\)\\]{color:var(--malachite-text-placeholder)}.text-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]{color:var(--malachite-text-placeholder,#bbb)}.text-\\[var\\(--malachite-text-primary\\)\\]{color:var(--malachite-text-primary)}.text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]{color:var(--malachite-text-primary,#0a0a0a)}.text-\\[var\\(--malachite-text-secondary\\)\\]{color:var(--malachite-text-secondary)}.text-\\[var\\(--malachite-text-secondary\\,\\#bbb\\)\\]{color:var(--malachite-text-secondary,#bbb)}.text-\\[var\\(--malachite-text-secondary\\,rgb\\(123\\,123\\,123\\)\\)\\]{color:var(--malachite-text-secondary,#7b7b7b)}.text-\\[var\\(--malachite-text-success\\)\\]{color:var(--malachite-text-success)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-current{color:currentColor}.text-gray-100{color:var(--color-gray-100)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-inherit{color:inherit}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-85{opacity:.85}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[\\.\\.\\.\\]{--tw-shadow:...;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0px_1px_0px_0px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\]{--tw-shadow:0px 1px 0px 0px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[var\\(--malachite-shadow-default\\)\\]{--tw-shadow:var(--malachite-shadow-default);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\\[box-shadow\\:0_4px_10px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 4px 10px var(--malachite-card-shadow,#0000001a)}.\\[box-shadow\\:0_16px_48px_0_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{box-shadow:0 16px 48px #0000002e}.\\[box-shadow\\:0px_4px_10px_0px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 4px 10px 0 var(--malachite-card-shadow,#0000001a)}.\\[box-shadow\\:0px_8px_24px_0px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 8px 24px 0 var(--malachite-card-shadow,#0000001a)}.\\[box-shadow\\:var\\(--malachite-shadow-default\\,0px_1px_0px_0px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\)\\]{box-shadow:var(--malachite-shadow-default,0px 1px 0px 0px #00000026)}.\\[box-shadow\\:var\\(--malachite-shadow-default\\,\\<fallback\\>\\)\\]{box-shadow:var(--malachite-shadow-default,<fallback>)}.\\[box-shadow\\:var\\(--malachite-shadow-glow\\,var\\(--malachite-shadow-lg\\)\\)\\]{box-shadow:var(--malachite-shadow-glow,var(--malachite-shadow-lg))}.\\[box-shadow\\:var\\(--malachite-shadow-glow-lg\\,var\\(--malachite-shadow-xl\\)\\)\\]{box-shadow:var(--malachite-shadow-glow-lg,var(--malachite-shadow-xl))}.\\[box-shadow\\:var\\(--malachite-shadow-lg\\)\\]{box-shadow:var(--malachite-shadow-lg)}.\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]{outline:2px solid var(--malachite-text-primary)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.\\[outline-offset\\:-2px\\]{outline-offset:-2px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[background-color\\,color\\]{transition-property:background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[background-color\\]{transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[color\\,background-color\\,border-color\\,opacity\\,box-shadow\\]{transition-property:color,background-color,border-color,opacity,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[left\\,opacity\\]{transition-property:left,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[max-height\\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\\[var\\(--malachite-ease-standard\\)\\]{--tw-ease:var(--malachite-ease-standard);transition-timing-function:var(--malachite-ease-standard)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\\[will-change\\:opacity\\]{will-change:opacity}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\\[-webkit-box-orient\\:vertical\\]{-webkit-box-orient:vertical}.\\[-webkit-line-clamp\\:var\\(--malachite-clamp-lines\\)\\]{-webkit-line-clamp:var(--malachite-clamp-lines)}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}@media (hover:hover){.group-hover\\:bg-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group):hover *){background-color:var(--malachite-text-primary,#0a0a0a)}.group-hover\\:text-\\[var\\(--malachite-text-primary\\)\\]:is(:where(.group):hover *){color:var(--malachite-text-primary)}.group-hover\\/account\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/account):hover *){color:var(--malachite-text-primary,#0a0a0a)}.group-hover\\/sidebar\\:opacity-100:is(:where(.group\\/sidebar):hover *){opacity:1}.group-hover\\/switcher\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/switcher):hover *),.group-hover\\/usage\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/usage):hover *){color:var(--malachite-text-primary,#0a0a0a)}}.group-focus-visible\\:block:is(:where(.group):focus-visible *){display:block}.group-has-\\[\\:focus-visible\\]\\/sidebar\\:opacity-100:is(:where(.group\\/sidebar):has(:focus-visible) *){opacity:1}.group-data-\\[selected\\=true\\]\\:visible:is(:where(.group)[data-selected=true] *){visibility:visible}.placeholder\\:font-medium::-moz-placeholder{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\\:font-medium::placeholder{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\\:text-\\[var\\(--malachite-text-dimmed\\)\\]::-moz-placeholder{color:var(--malachite-text-dimmed)}.placeholder\\:text-\\[var\\(--malachite-text-dimmed\\)\\]::placeholder{color:var(--malachite-text-dimmed)}.placeholder\\:text-\\[var\\(--malachite-text-placeholder\\)\\]::-moz-placeholder{color:var(--malachite-text-placeholder)}.placeholder\\:text-\\[var\\(--malachite-text-placeholder\\)\\]::placeholder{color:var(--malachite-text-placeholder)}.placeholder\\:text-\\[var\\(--malachite-text-secondary\\)\\]::-moz-placeholder{color:var(--malachite-text-secondary)}.placeholder\\:text-\\[var\\(--malachite-text-secondary\\)\\]::placeholder{color:var(--malachite-text-secondary)}.first\\:rounded-tl-lg:first-child{border-top-left-radius:var(--radius-lg)}.last\\:rounded-tr-lg:last-child{border-top-right-radius:var(--radius-lg)}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\\:border-\\[var\\(--malachite-assistant-foreground\\)\\]:focus-within{border-color:var(--malachite-assistant-foreground)}.focus-within\\:border-\\[var\\(--malachite-control-border-hover\\)\\]:focus-within{border-color:var(--malachite-control-border-hover)}.focus-within\\:border-\\[var\\(--malachite-destructive-border-hover\\)\\]:focus-within{border-color:var(--malachite-destructive-border-hover)}@media (hover:hover){.hover\\:max-h-\\[1000px\\]:hover{max-height:1000px}.hover\\:border-\\[color\\:var\\(--malachite-text-secondary\\)\\]:hover{border-color:var(--malachite-text-secondary)}.hover\\:border-\\[var\\(--malachite-assistant-foreground\\)\\]:hover{border-color:var(--malachite-assistant-foreground)}.hover\\:border-\\[var\\(--malachite-control-border-hover\\)\\]:hover{border-color:var(--malachite-control-border-hover)}.hover\\:border-\\[var\\(--malachite-destructive-border-hover\\)\\]:hover{border-color:var(--malachite-destructive-border-hover)}.hover\\:border-\\[var\\(--malachite-text-placeholder\\)\\]:hover{border-color:var(--malachite-text-placeholder)}.hover\\:border-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]:hover{border-color:var(--malachite-text-placeholder,#bbb)}.hover\\:bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]:hover{background-color:var(--malachite-buttonlist-hover-background)}.hover\\:bg-\\[var\\(--malachite-buttonlist-hover-background\\,rgb\\(245\\,245\\,245\\)\\)\\]:hover{background-color:var(--malachite-buttonlist-hover-background,#f5f5f5)}.hover\\:bg-\\[var\\(--malachite-card-dimmed-background\\)\\]:hover{background-color:var(--malachite-card-dimmed-background)}.hover\\:bg-\\[var\\(--malachite-card-sunken-background\\)\\]:hover{background-color:var(--malachite-card-sunken-background)}.hover\\:bg-\\[var\\(--malachite-codeblock-border\\)\\]:hover{background-color:var(--malachite-codeblock-border)}.hover\\:bg-\\[var\\(--malachite-error-background-glass\\,rgba\\(197\\,63\\,63\\,0\\.08\\)\\)\\]:hover{background-color:var(--malachite-error-background-glass,#c53f3f14)}.hover\\:bg-\\[var\\(--malachite-number-tag-emphasis-background\\,rgba\\(0\\,0\\,0\\,0\\.15\\)\\)\\]:hover{background-color:var(--malachite-number-tag-emphasis-background,#00000026)}.hover\\:bg-\\[var\\(--malachite-pillbutton-background\\,rgb\\(241\\,241\\,241\\)\\)\\]:hover{background-color:var(--malachite-pillbutton-background,#f1f1f1)}.hover\\:bg-\\[var\\(--malachite-pillbutton-hover-background\\)\\]:hover{background-color:var(--malachite-pillbutton-hover-background)}.hover\\:bg-\\[var\\(--malachite-pillbutton-inverted-hover-background\\)\\]:hover{background-color:var(--malachite-pillbutton-inverted-hover-background)}.hover\\:bg-\\[var\\(--malachite-primary-border\\)\\]:hover{background-color:var(--malachite-primary-border)}.hover\\:bg-\\[var\\(--malachite-table-row-hover-background\\,\\#fafafa\\)\\]:hover{background-color:var(--malachite-table-row-hover-background,#fafafa)}.hover\\:bg-\\[var\\(--malachite-tag-assistant-background\\)\\]:hover{background-color:var(--malachite-tag-assistant-background)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:text-\\[var\\(--malachite-accent-foreground\\)\\]:hover{color:var(--malachite-accent-foreground)}.hover\\:text-\\[var\\(--malachite-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]:hover{color:var(--malachite-accent-foreground,#027a42)}.hover\\:text-\\[var\\(--malachite-buttonlist-hover-foreground\\)\\]:hover{color:var(--malachite-buttonlist-hover-foreground)}.hover\\:text-\\[var\\(--malachite-inline-confirm-foreground\\)\\]:hover{color:var(--malachite-inline-confirm-foreground)}.hover\\:text-\\[var\\(--malachite-pillbutton-hover-foreground\\)\\]:hover{color:var(--malachite-pillbutton-hover-foreground)}.hover\\:text-\\[var\\(--malachite-pillbutton-inverted-hover-foreground\\)\\]:hover{color:var(--malachite-pillbutton-inverted-hover-foreground)}.hover\\:text-\\[var\\(--malachite-segmented-control-item-hover-foreground\\)\\]:hover{color:var(--malachite-segmented-control-item-hover-foreground)}.hover\\:text-\\[var\\(--malachite-text-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]:hover{color:var(--malachite-text-destructive,#ed3536)}.hover\\:text-\\[var\\(--malachite-text-link-foreground-hover\\)\\]:hover{color:var(--malachite-text-link-foreground-hover)}.hover\\:text-\\[var\\(--malachite-text-primary\\)\\]:hover{color:var(--malachite-text-primary)}.hover\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:hover{color:var(--malachite-text-primary,#0a0a0a)}.hover\\:text-\\[var\\(--malachite-text-secondary\\)\\]:hover{color:var(--malachite-text-secondary)}.hover\\:text-\\[var\\(--malachite-text-secondary\\,rgb\\(123\\,123\\,123\\)\\)\\]:hover{color:var(--malachite-text-secondary,#7b7b7b)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-100:hover{opacity:1}.hover\\:\\[-webkit-line-clamp\\:unset\\]:hover{-webkit-line-clamp:unset}}.focus\\:bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]:focus{background-color:var(--malachite-buttonlist-hover-background)}.focus\\:text-\\[var\\(--malachite-buttonlist-hover-foreground\\)\\]:focus{color:var(--malachite-buttonlist-hover-foreground)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:max-h-\\[1000px\\]:focus-visible{max-height:1000px}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-assistant-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-assistant-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-inline-confirm-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-inline-confirm-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-selection-bar-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-selection-bar-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-destructive\\)\\]:focus-visible{outline:2px solid var(--malachite-text-destructive)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-error\\)\\]:focus-visible{outline:2px solid var(--malachite-text-error)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]:focus-visible{outline:2px solid var(--malachite-text-primary)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-success\\)\\]:focus-visible{outline:2px solid var(--malachite-text-success)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-warning\\)\\]:focus-visible{outline:2px solid var(--malachite-text-warning)}.focus-visible\\:\\[outline-offset\\:-2px\\]:focus-visible{outline-offset:-2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:\\[-webkit-line-clamp\\:unset\\]:focus-visible{-webkit-line-clamp:unset}.active\\:bg-\\[var\\(--malachite-pillbutton-inverted-pressed-background\\)\\]:active{background-color:var(--malachite-pillbutton-inverted-pressed-background)}.active\\:bg-\\[var\\(--malachite-pillbutton-pressed-background\\)\\]:active{background-color:var(--malachite-pillbutton-pressed-background)}.active\\:text-\\[var\\(--malachite-pillbutton-inverted-pressed-foreground\\)\\]:active{color:var(--malachite-pillbutton-inverted-pressed-foreground)}.active\\:text-\\[var\\(--malachite-pillbutton-pressed-foreground\\)\\]:active{color:var(--malachite-pillbutton-pressed-foreground)}.active\\:opacity-60:active{opacity:.6}@media (hover:hover){.enabled\\:hover\\:bg-\\[var\\(--malachite-pillbutton-hover-background\\,rgb\\(232\\,232\\,232\\)\\)\\]:enabled:hover{background-color:var(--malachite-pillbutton-hover-background,#e8e8e8)}}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-\\[var\\(--malachite-text-dimmed\\)\\]:disabled{color:var(--malachite-text-dimmed)}.disabled\\:text-\\[var\\(--malachite-text-primary\\)\\]:disabled{color:var(--malachite-text-primary)}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.has-\\[\\:focus-visible\\]\\:\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]:has(:focus-visible){outline:2px solid var(--malachite-text-primary)}.has-\\[\\:focus-visible\\]\\:outline-offset-2:has(:focus-visible){outline-offset:2px}.data-\\[selected\\=true\\]\\:bg-\\[var\\(--malachite-card-sunken-background\\)\\][data-selected=true]{background-color:var(--malachite-card-sunken-background)}@supports (color:color-mix(in srgb,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:border-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_20\\%\\,transparent\\)\\]{border-color:var(--malachite-text-placeholder,#bbb)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:border-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_20\\%\\,transparent\\)\\]{border-color:color-mix(in srgb,var(--malachite-text-placeholder,#bbb)20%,transparent)}}.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-accent-background\\,rgb\\(0\\,175\\,102\\)\\)_12\\%\\,transparent\\)\\]{background-color:var(--malachite-accent-background,#00af66)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-accent-background\\,rgb\\(0\\,175\\,102\\)\\)_12\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--malachite-accent-background,#00af66)12%,transparent)}}.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_10\\%\\,transparent\\)\\]{background-color:var(--malachite-text-placeholder,#bbb)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_10\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--malachite-text-placeholder,#bbb)10%,transparent)}}}@media (prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}.motion-reduce\\:opacity-0{opacity:0}.motion-reduce\\:opacity-100{opacity:1}.motion-reduce\\:transition-none{transition-property:none}}@media (min-width:48rem){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\\[\\&_img\\]\\:size-6 img{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\\[\\&_img\\]\\:object-contain img{-o-object-fit:contain;object-fit:contain}.\\[\\&_svg\\]\\:size-3\\! svg{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.\\[\\&_svg\\]\\:size-4\\! svg{width:calc(var(--spacing)*4)!important;height:calc(var(--spacing)*4)!important}.\\[\\&_svg\\]\\:size-\\[10px\\]\\! svg{width:10px!important;height:10px!important}.\\[\\&_svg\\]\\:size-\\[11px\\]\\! svg{width:11px!important;height:11px!important}.\\[\\&_svg\\]\\:size-\\[16px\\]\\! svg{width:16px!important;height:16px!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-large\\)\\]\\! svg{width:var(--malachite-icon-size-large)!important;height:var(--malachite-icon-size-large)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-medium\\)\\]\\! svg{width:var(--malachite-icon-size-medium)!important;height:var(--malachite-icon-size-medium)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-small\\)\\]\\! svg{width:var(--malachite-icon-size-small)!important;height:var(--malachite-icon-size-small)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-xsmall\\)\\]\\! svg{width:var(--malachite-icon-size-xsmall)!important;height:var(--malachite-icon-size-xsmall)!important}.\\[\\&_svg\\]\\:size-full\\! svg{width:100%!important;height:100%!important}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.\\[\\&\\>div\\]\\:mb-0>div{margin-bottom:calc(var(--spacing)*0)}.\\[\\&\\>img\\]\\:max-h-full>img{max-height:100%}.\\[\\&\\>img\\]\\:max-w-full>img{max-width:100%}.\\[\\&\\>img\\]\\:object-contain>img{-o-object-fit:contain;object-fit:contain}@media (hover:none){.\\[\\@media\\(hover\\:none\\)\\]\\:pointer-events-none{pointer-events:none}.\\[\\@media\\(hover\\:none\\)\\]\\:group-has-\\[\\:focus-visible\\]\\/sidebar\\:pointer-events-auto:is(:where(.group\\/sidebar):has(:focus-visible) *){pointer-events:auto}}}[data-malachite-dropdown-trigger]{border-color:var(--malachite-dropdown-border,#e8e8e8);box-shadow:var(--malachite-dropdown-shadow,0px 1px 0px 0px #00000026)}[data-malachite-dropdown-trigger]:hover{border-color:var(--malachite-control-border-hover,#00af6666);box-shadow:var(--malachite-dropdown-shadow-hover,0px 1px 0px 0px #00af6699)}:root{--malachite-radius-xs:2px;--malachite-radius-sm:4px;--malachite-radius-md:6px;--malachite-radius-lg:8px;--malachite-radius-10:10px;--malachite-radius-xl:12px;--malachite-radius-xxl:14px;--malachite-radius-xxxl:16px;--malachite-font-size-xsmall:11px;--malachite-font-size-small:13px;--malachite-font-size-medium:14px;--malachite-font-size-15:15px;--malachite-font-size-large:16px;--malachite-font-size-xlarge:18px;--malachite-font-size-xxlarge:22px;--malachite-control-height-small:28px;--malachite-control-height-medium:32px;--malachite-control-height-large:42px;--malachite-table-row-selected-background:#00af6626;--malachite-table-row-selected-accent:#027a42;--malachite-table-row-selected-foreground:#027a42;--malachite-number-tag-background:#00000014;--malachite-number-tag-foreground:var(--malachite-text-secondary,#7b7b7b);--malachite-number-tag-emphasis-background:#00000026;--malachite-number-tag-emphasis-foreground:var(--malachite-text-emphasis,#222121);--malachite-text-warning-muted:#cea36c;--malachite-shadow-sm:0 1px 2px 0 #0000000d;--malachite-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--malachite-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--malachite-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--malachite-shadow-glow:0px 0px 10px 0px #0003;--malachite-shadow-glow-lg:0px 0px 20px 0px #0003;--malachite-shadow-default:0px 1px 0px 0px #00000026;--malachite-shadow-accent:0px 1px 0px 0px #00af6626;--malachite-shadow-success:0px 1px 0px 0px #00af6626;--malachite-shadow-warning:0px 1px 0px 0px #f18b0a26;--malachite-shadow-error:0px 1px 0px 0px #c53f3f26;--malachite-shadow-color:0,0,0;--malachite-shadow-opacity:.1;--malachite-card-background:#fff;--malachite-card-foreground:#0a0a0a;--malachite-card-border:#e8e8e8;--malachite-card-shadow:#0000001a;--malachite-card-dimmed-background:#f7f7f7;--malachite-card-sunken-background:#fafafa;--malachite-card-header-background:#fff;--malachite-card-footer-background:#fff;--malachite-card-footer-glass-background:#ffffffb3;--malachite-card-tray-neutral:#f7f7f7;--malachite-card-tray-warning:#fdf3e6;--malachite-card-tray-error:#fef1f1;--malachite-card-tray-success:#ecf9f4;--malachite-card-subtle-divider:#f1f1f1;--malachite-overlay-scrim:#0000001a;--malachite-alert-info-background:#f7f7f7;--malachite-alert-info-foreground:#0a0a0a;--malachite-alert-success-background:#00af6614;--malachite-alert-success-foreground:#027a42;--malachite-alert-error-background:#c53f3f14;--malachite-alert-error-foreground:#ed3536;--malachite-alert-warning-background:#f18b0a14;--malachite-alert-warning-foreground:#96580a;--malachite-alert-assistant-background:#f2eefe;--malachite-alert-assistant-foreground:#6e56cf;--malachite-assistant-foreground:#6e56cf;--malachite-assistant-surface-background:#fbfaff;--malachite-assistant-surface-border:#dcd3fa;--malachite-assistant-surface-foreground:#4a3f7a;--malachite-tooltip-background:#3b3b3b;--malachite-tooltip-foreground:#fff;--malachite-tooltip-border:#3c3c3c;--malachite-tooltip-shadow:0px 0px 10px 0px #0003;--malachite-primary-background:#303030;--malachite-primary-foreground:#0a0a0a;--malachite-primary-border:#e8e8e8;--malachite-primary-border-hover:#bababa;--malachite-outline-foreground:#0a0a0a;--malachite-secondary-background:#090909;--malachite-secondary-foreground:#fff;--malachite-secondary-border:#e8e8e8;--malachite-secondary-border-hover:#bababa;--malachite-destructive-background:transparent;--malachite-destructive-foreground:#c43e3e;--malachite-destructive-border:#ef3737;--malachite-destructive-border-hover:#ef3737;--malachite-destructive-shadow:#ef3737;--malachite-destructive-shadow-light:#ef373766;--malachite-destructive-shadow-medium:#ef373799;--malachite-accent-background:#00af66;--malachite-accent-foreground:#027a42;--malachite-accent-border:#00af6633;--malachite-accent-background-glass:#00af6614;--malachite-control-border-hover:#00af6666;--malachite-success-background:#00af66;--malachite-success-foreground:#027a42;--malachite-success-border:#00af6633;--malachite-success-border-hover:#00af6666;--malachite-success-background-glass:#00af6614;--malachite-success-shadow-light:#00af6666;--malachite-success-shadow-medium:#00af6699;--malachite-warning-background:#f18b0a;--malachite-warning-foreground:#96580a;--malachite-warning-border:#f18b0a33;--malachite-warning-border-hover:#f18b0a66;--malachite-warning-background-glass:#f18b0a14;--malachite-warning-shadow-light:#f18b0a66;--malachite-warning-shadow-medium:#f18b0a99;--malachite-error-background:#c53f3f;--malachite-error-foreground:#ed3536;--malachite-error-border:#c53f3f33;--malachite-error-border-hover:#c53f3f66;--malachite-error-background-glass:#c53f3f14;--malachite-error-shadow-light:#c53f3f66;--malachite-error-shadow-medium:#c53f3f99;--malachite-segmented-control-track-background:#f1f1f1;--malachite-segmented-control-item-foreground:#4c4b4b;--malachite-segmented-control-item-hover-foreground:#0a0a0a;--malachite-segmented-control-selected-background:#fff;--malachite-segmented-control-selected-foreground:#0a0a0a;--malachite-segmented-control-selected-shadow:0px 1px 5px 0px #0000001a;--malachite-selectable-card-background:#f1f1f1;--malachite-selectable-card-border:#ddd;--malachite-selectable-card-selected-tint:#e7f8f1;--malachite-selectable-card-selected-surface-end:#fff;--malachite-selectable-card-selected-border:#047b43;--malachite-selectable-card-library-selected-tint:#f1f1f1;--malachite-selectable-card-library-selected-border:#bbb;--malachite-selectable-card-accent:#047b43;--malachite-selectable-card-muted-foreground:#7b7b7b;--malachite-selectable-card-hover-background:#e8e8e8;--malachite-selectable-card-hover-rule:#bbb;--malachite-selectable-card-pending-foreground:#96580a;--malachite-selectable-card-editing-tint:#f9f2e9;--malachite-card-strip-background:#f1f1f1;--malachite-card-strip-divider:#ddd;--malachite-card-strip-fade:#fff;--malachite-card-strip-arrow-background:#fff;--malachite-card-strip-arrow-border:#e8e8e8;--malachite-card-strip-add-primary-background:#0a0a0a;--malachite-card-strip-add-primary-foreground:#fff;--malachite-selection-bar-background:#0a0a0a;--malachite-selection-bar-foreground:#fff;--malachite-selection-bar-muted-foreground:#7b7b7b;--malachite-selection-bar-divider:#404040;--malachite-selection-bar-border:transparent;--malachite-selection-bar-primary-border:#e8e8e8;--malachite-selection-bar-shadow:0px 0px 10px 0px #0003;--malachite-selection-bar-notice-background:#edd9be;--malachite-selection-bar-notice-foreground:#844d09;--malachite-selection-bar-notice-shadow:0px 0px 4px 0px #00000014,0px 4px 4px 0px #00000014,0px 4px 10px 0px #0000000d;--malachite-inline-confirm-background:#222121;--malachite-inline-confirm-foreground:#fff;--malachite-inline-confirm-divider:#ffffff1a;--malachite-inline-confirm-shadow:0px 0px 10px 0px #0003;--malachite-buttonlist-background:#fff;--malachite-buttonlist-foreground:#0a0a0a;--malachite-buttonlist-hover-background:#f5f5f5;--malachite-buttonlist-hover-foreground:#0a0a0a;--malachite-text-primary:#0a0a0a;--malachite-text-secondary:#7b7b7b;--malachite-text-dimmed:#a1a1a1;--malachite-text-emphasis:#222121;--malachite-text-muted:#4c4b4b;--malachite-text-placeholder:#bbb;--malachite-text-destructive:#ed3536;--malachite-text-success:#027a42;--malachite-text-highlight:#76d6ae;--malachite-text-warning:#96580a;--malachite-text-error:#ed3536;--malachite-text-info:#0c58ae;--malachite-text-link-foreground:#00000073;--malachite-text-link-foreground-hover:#0a0a0a;--malachite-text-right-side-text-muted:#7b7b7b;--malachite-text-right-side-text-primary:#0a0a0a;--malachite-text-right-side-text-font-size:12px;--malachite-text-right-side-text-min-width:80px}:root,:host{--malachite-ease-standard:cubic-bezier(.4,0,.2,1);--malachite-font-mono:var(--font-mono,"SF Mono",ui-monospace,monospace)}*{scrollbar-width:thin;scrollbar-color:var(--malachite-card-border)transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--malachite-card-border);background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--malachite-text-dimmed)}.shadow-default{box-shadow:var(--malachite-shadow-default)}.shadow-success{box-shadow:var(--malachite-shadow-success)}.shadow-warning{box-shadow:var(--malachite-shadow-warning)}.shadow-error{box-shadow:var(--malachite-shadow-error)}.btn-filled{background-color:var(--malachite-secondary-background);color:var(--malachite-secondary-foreground);border-color:var(--malachite-secondary-border)}.btn-filled:hover:not(:disabled),.btn-filled[aria-expanded=true]:not(:disabled){border-color:var(--malachite-secondary-border-hover);opacity:.95}.btn-filled:active:not(:disabled){opacity:.8;border-color:var(--malachite-secondary-border-hover)}.btn-filled:disabled{opacity:.6;cursor:not-allowed}:host-context([data-theme="dark"]) .btn-filled:disabled{opacity:1;background-color:var(--malachite-card-background);color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border);box-shadow:none}.btn-surface{background-color:var(--malachite-card-background);color:var(--malachite-outline-foreground);border-color:var(--malachite-primary-border)}.btn-surface:hover:not(:disabled),.btn-surface[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-surface:active:not(:disabled){opacity:.8;border-color:var(--malachite-primary-border-hover)}.btn-surface:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-assistant{background-color:var(--malachite-assistant-surface-background);color:var(--malachite-assistant-surface-foreground);border-color:var(--malachite-assistant-surface-border)}.btn-assistant:hover:not(:disabled),.btn-assistant[aria-expanded=true]:not(:disabled){border-color:var(--malachite-assistant-foreground)}.btn-assistant:active:not(:disabled){opacity:.8;border-color:var(--malachite-assistant-foreground)}.btn-assistant:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-outline{color:var(--malachite-outline-foreground);border-color:var(--malachite-primary-border);background-color:#0000}.btn-outline:hover:not(:disabled),.btn-outline[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-outline:active:not(:disabled){opacity:.8;border-color:var(--malachite-primary-border-hover)}.btn-outline:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}:host-context([data-theme="dark"]) .btn-outline:disabled{opacity:1;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-destructive{background-color:var(--malachite-destructive-background);color:var(--malachite-destructive-foreground);border-color:var(--malachite-destructive-border);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-light)}.btn-destructive:hover:not(:disabled),.btn-destructive[aria-expanded=true]:not(:disabled){border-color:var(--malachite-destructive-border-hover);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-medium)}.btn-destructive:active:not(:disabled){opacity:.6;border-color:var(--malachite-destructive-border-hover);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-medium)}.btn-destructive:disabled{opacity:.6;box-shadow:none}.btn-ghost{color:var(--malachite-primary-foreground);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled),.btn-ghost[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-no-style{color:var(--malachite-primary-foreground);background-color:#0000;border-color:#0000}.btn-no-style:hover:not(:disabled),.btn-no-style[aria-expanded=true]:not(:disabled){border-color:#0000}.btn-glass-success{background-color:var(--malachite-success-background-glass);color:var(--malachite-success-foreground);border-color:var(--malachite-success-border);box-shadow:0 1px 0 0 var(--malachite-success-shadow-light)}.btn-glass-success:hover:not(:disabled),.btn-glass-success[aria-expanded=true]:not(:disabled){border-color:var(--malachite-success-border-hover);box-shadow:0 1px 0 0 var(--malachite-success-shadow-medium)}.btn-glass-success:active:not(:disabled){opacity:.6;border-color:var(--malachite-success-border-hover);box-shadow:0 1px 0 0 var(--malachite-success-shadow-medium)}.btn-glass-success:disabled{opacity:.6;box-shadow:none}.btn-glass-warning{background-color:var(--malachite-warning-background-glass);color:var(--malachite-warning-foreground);border-color:var(--malachite-warning-border);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-light)}.btn-glass-warning:hover:not(:disabled),.btn-glass-warning[aria-expanded=true]:not(:disabled){border-color:var(--malachite-warning-border-hover);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-medium)}.btn-glass-warning:active:not(:disabled){opacity:.6;border-color:var(--malachite-warning-border-hover);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-medium)}.btn-glass-warning:disabled{opacity:.6;box-shadow:none}.btn-glass-error{background-color:var(--malachite-error-background-glass);color:var(--malachite-error-foreground);border-color:var(--malachite-error-border);box-shadow:0 1px 0 0 var(--malachite-error-shadow-light)}.btn-glass-error:hover:not(:disabled),.btn-glass-error[aria-expanded=true]:not(:disabled){border-color:var(--malachite-error-border-hover);box-shadow:0 1px 0 0 var(--malachite-error-shadow-medium)}.btn-glass-error:active:not(:disabled){opacity:.6;border-color:var(--malachite-error-border-hover);box-shadow:0 1px 0 0 var(--malachite-error-shadow-medium)}.btn-glass-error:disabled{opacity:.6;box-shadow:none}.card-base{background-color:var(--malachite-card-background);color:var(--malachite-card-foreground);border:1px solid var(--malachite-card-border);box-shadow:0 2px 4px 0 var(--malachite-card-shadow);border-radius:12px;overflow:hidden}.card-dimmed{background-color:var(--malachite-card-dimmed-background)}.card-rounded{border-radius:20px}.md-root strong,.md-root b{font-weight:600}.md-link{color:var(--malachite-text-link-foreground);font-weight:600;text-decoration:underline}.md-link:hover,.md-link:focus-visible{color:var(--malachite-text-link-foreground-hover)}.md-flow>[role=list]:first-child>[role=listitem]:first-child>br:first-child{display:none}.card-header{background-color:var(--malachite-card-header-background);color:var(--malachite-card-foreground);border-bottom:1px solid var(--malachite-card-border)}.card-footer{background-color:var(--malachite-card-footer-background);color:var(--malachite-card-foreground);border-top:1px solid var(--malachite-card-border)}.confirmation-badge svg{width:12px!important;height:12px!important}.alert-base{border-radius:8px;justify-content:center;align-items:flex-start;gap:8px;width:100%;margin:0 10px;padding:10px;display:flex}.alert-base svg{margin-top:4px}.alert-base.alert-expandable svg{margin-top:3px}.alert-base .alert-action svg{margin-top:0}.alert-no-margin{margin:0}.alert-info{background-color:var(--malachite-alert-info-background);color:var(--malachite-alert-info-foreground)}.alert-success{background-color:var(--malachite-alert-success-background);color:var(--malachite-alert-success-foreground)}.alert-error{background-color:var(--malachite-alert-error-background);color:var(--malachite-alert-error-foreground)}.alert-warning{background-color:var(--malachite-alert-warning-background);color:var(--malachite-alert-warning-foreground)}.alert-assistant{background-color:var(--malachite-alert-assistant-background);color:var(--malachite-alert-assistant-foreground)}.alert-icon-info{color:var(--malachite-alert-info-foreground);font-size:13px}.alert-icon-success{color:var(--malachite-alert-success-foreground);font-size:13px}.alert-icon-error{color:var(--malachite-alert-error-foreground);font-size:13px}.alert-icon-warning{color:var(--malachite-alert-warning-foreground);font-size:13px}.tooltip-base{background-color:var(--malachite-tooltip-background);max-width:320px;min-height:32px;color:var(--malachite-tooltip-foreground);box-shadow:var(--malachite-tooltip-shadow);word-wrap:break-word;white-space:normal;pointer-events:none;z-index:9999;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;line-height:1.4;transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:inline-flex;position:absolute}.tooltip-content{z-index:1;position:relative}.tooltip-visible{opacity:1;visibility:visible;transform:scale(1)}.tooltip-hidden{opacity:0;visibility:hidden;transform:scale(.95)}.tooltip-arrow{background-color:var(--malachite-tooltip-background)}svg path:not([data-malachite-shape]){fill:currentColor!important}.table-bordered-container{box-shadow:var(--malachite-table-box-shadow);background-color:var(--malachite-table-background);padding:4px}.table-header{color:var(--malachite-table-header-foreground);background-color:var(--malachite-table-header-background)!important}.table-row{background-color:var(--malachite-table-row-background);color:var(--malachite-table-row-foreground);border-bottom:1px solid var(--malachite-table-row-border)}.table-row:hover{background-color:var(--malachite-table-row-hover-background)}.table-cell-bordered{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-top{border-top:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-bottom{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-left{border-left:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-right{border-right:1px solid var(--malachite-table-borderedRow-outline)}.table-row-bordered{background-color:var(--malachite-table-borderedRow-background)}.table-error-icon{background-color:var(--malachite-table-error-icon-background);color:var(--malachite-table-error-icon-foreground)}.table-error-title{color:var(--malachite-table-error-title-foreground)}.table-error-subtitle{color:var(--malachite-table-error-subtitle-foreground)}.malachite-row-caret{color:var(--malachite-text-placeholder);transition:color .15s}.group:hover .malachite-row-caret{color:var(--malachite-text-primary)}.table-section-divider{background-color:var(--malachite-table-header-background);width:100%;color:var(--malachite-text-secondary);justify-content:space-between;align-items:flex-end;padding:12px 16px;font-size:12px;display:flex}.malachite-row-link-icon{color:var(--malachite-text-placeholder);opacity:0;transition:opacity .15s,color .15s}.group:hover .malachite-row-link-icon{opacity:1}.malachite-row-cta{cursor:pointer;width:100%;color:var(--malachite-text-warning-muted,#cea36c);white-space:nowrap;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:500;transition:color .15s;display:flex}.malachite-row-cta:hover{color:var(--malachite-text-warning,#96580a)}.malachite-number-tag{border-radius:var(--malachite-radius-md,6px);background-color:var(--malachite-number-tag-background,#00000014);min-width:16px;height:16px;color:var(--malachite-number-tag-foreground,var(--malachite-text-secondary,#7b7b7b));font-family:var(--malachite-font-mono,monospace);justify-content:center;align-items:center;padding:0 3px;font-size:12px;font-weight:500;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.malachite-number-tag-emphasis{background-color:var(--malachite-number-tag-emphasis-background,#00000026);color:var(--malachite-number-tag-emphasis-foreground,var(--malachite-text-emphasis,#222121))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
 export {
   a as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackone/malachite",
-  "version": "2.41.0",
+  "version": "2.41.2",
   "description": "StackOne's themeable React component library — Shadow DOM isolated, scoped Tailwind, theme-token driven.",
   "license": "MIT",
   "author": "StackOne",