@uisatin/ui 0.1.1 → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+# @uisatin/ui
+
+## 0.2.0
+
+### Minor Changes
+
+- c1fdcb5: AvatarGroup: avatars side by side share one name tooltip. The first name still waits 400 ms; after that, moving to the next person slides the tooltip over to them and eases its width to the new name, instead of closing one tooltip and opening another. It closes 150 ms after the pointer leaves the row, so the gaps between faces don't close it. Focus shows it at once; Escape and blur hide it.
+
+### Patch Changes
+
+- c1fdcb5: Accordion and expanding groups: the content no longer scales while it opens. Chrome drew the scaled text as a bitmap, so it looked heavier until the animation ended, and the Accordion's open item did it on every page load. The section still grows downwards from under its header.
+- 2fdb885: The package now links its source (`repository`, `bugs`), states `engines.node >=20.19` (it's ESM only), ships its CHANGELOG, and is published with npm provenance from the public repository.
+
+## 0.1.1
+
+### Patch Changes
+
+- fd01b6e: Banner and Announcement bar: the mesh glows are now inlined as WebP data URIs (`banner-mesh`), so they show in any app. In 0.1.0 they pointed at `/figma/*.png` on uisatin.dev and were missing everywhere else.
+- cb6f3e1: Type declarations now resolve under TypeScript `moduleResolution` `node16` and `nodenext`: relative imports in the `.d.ts` files carry their `.js` extension (folders point at `index.js`). `bundler` resolution is unchanged.

package/README.md

@@ -1,6 +1,12 @@
 # @uisatin/ui
 
-Satin's React components: shadcn-based, built on Radix, themed with Satin tokens. Docs: https://uisatin.dev
+[![npm](https://img.shields.io/npm/v/@uisatin/ui)](https://www.npmjs.com/package/@uisatin/ui)
+[![CI](https://github.com/maciej-kownacki/ui-satin/actions/workflows/ci.yml/badge.svg)](https://github.com/maciej-kownacki/ui-satin/actions/workflows/ci.yml)
+[![license: MIT](https://img.shields.io/npm/l/@uisatin/ui)](https://github.com/maciej-kownacki/ui-satin/blob/main/LICENSE)
+
+Satin's React components: shadcn-based, built on Radix, themed with Satin tokens.
+
+[Docs](https://uisatin.dev) · [Source](https://github.com/maciej-kownacki/ui-satin/tree/main/packages/ui) · [Changelog](https://github.com/maciej-kownacki/ui-satin/blob/main/packages/ui/CHANGELOG.md) · [Issues](https://github.com/maciej-kownacki/ui-satin/issues)
 
 **Satin Free.** This package is the free, open-source edition of Satin, under the MIT license. Satin Pro, with more components, patterns and templates, will ship separately as its own licensed package; nothing here changes when it does.
 
@@ -12,7 +18,9 @@ You don't need Tailwind. Satin ships one precompiled stylesheet with the tokens
 npm i @uisatin/ui
 ```
 
-React 19 or newer is a peer dependency.
+Requirements: React 19 or newer (peer dependency). The package is ESM only; Node 20.19 or newer can also `require()` it. Every entry point is marked `'use client'`, so it works in React Server Components apps (Next.js App Router).
+
+Versions: Satin is 0.x. Until 1.0 a minor release (0.2 → 0.3) may change an API; patches don't. Every change is in the changelog.
 
 ## Use
 

package/chunk-MYEZXZZC.js

@@ -0,0 +1,166 @@
+import { Tooltip, TooltipBubble } from './chunk-B6V4VSGH.js';
+import { cn } from './chunk-H63FYCMY.js';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var avatarVariants = cva(
+  "inline-flex shrink-0 items-center justify-center overflow-clip bg-tone-bg text-center whitespace-nowrap text-tone-fg select-none",
+  {
+    variants: {
+      size: {
+        16: "size-4 text-[7px] leading-[8px] font-semibold tracking-normal",
+        20: "size-5 text-[9px] leading-[10px] font-semibold tracking-normal",
+        24: "size-6 text-2xs font-semibold",
+        32: "size-8 text-sm leading-4 font-medium tracking-normal",
+        40: "size-10 text-base leading-[14px] font-medium tracking-normal",
+        48: "size-12 text-lg font-medium"
+      },
+      shape: {
+        circle: "rounded-full",
+        rounded: ""
+      }
+    },
+    compoundVariants: [
+      { shape: "rounded", size: 16, className: "rounded-xs" },
+      { shape: "rounded", size: 20, className: "rounded-xs" },
+      { shape: "rounded", size: 24, className: "rounded-sm" },
+      { shape: "rounded", size: 32, className: "rounded-md" },
+      { shape: "rounded", size: 40, className: "rounded-lg" },
+      { shape: "rounded", size: 48, className: "rounded-xl" }
+    ],
+    defaultVariants: { size: 32, shape: "circle" }
+  }
+);
+var AVATAR_TOOLTIP_DELAY = 400;
+var AVATAR_TOOLTIP_CLOSE = 150;
+var AvatarGroupContext = React.createContext(null);
+function Avatar({ className, initials, tone = "neutral", size = 32, shape, name, ...props }) {
+  const group = React.useContext(AvatarGroupContext);
+  const grouped = group && name ? group : null;
+  const avatar = /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "avatar",
+      "data-tone": tone,
+      ...name ? { role: "img", "aria-label": name, tabIndex: 0 } : {},
+      className: cn(
+        avatarVariants({ size, shape }),
+        name && "outline-none focus-visible:[box-shadow:0_0_0_2px_var(--action-focus-ring)]",
+        className
+      ),
+      ...props,
+      ...grouped && {
+        onPointerEnter: (e) => (props.onPointerEnter?.(e), grouped.show(e.currentTarget, name)),
+        onPointerLeave: (e) => (props.onPointerLeave?.(e), grouped.hide()),
+        onFocus: (e) => (props.onFocus?.(e), grouped.show(e.currentTarget, name, true)),
+        onBlur: (e) => (props.onBlur?.(e), grouped.hide(true)),
+        onKeyDown: (e) => (props.onKeyDown?.(e), e.key === "Escape" && grouped.hide(true))
+      },
+      children: /* @__PURE__ */ jsx("span", { "aria-hidden": name ? true : void 0, children: initials })
+    }
+  );
+  if (!name || grouped) return avatar;
+  return /* @__PURE__ */ jsx(Tooltip, { label: name, delay: AVATAR_TOOLTIP_DELAY, closeDelay: AVATAR_TOOLTIP_CLOSE, children: avatar });
+}
+var GAP = 8;
+var BUBBLE_PADDING = 20;
+function AvatarGroup({ className, side = "top", children, ...props }) {
+  const [target, setTarget] = React.useState(null);
+  const [open, setOpen] = React.useState(false);
+  const shown = React.useRef(false);
+  const openTimer = React.useRef(void 0);
+  const closeTimer = React.useRef(void 0);
+  const api = React.useMemo(() => {
+    const set = (next) => {
+      shown.current = next;
+      setOpen(next);
+    };
+    return {
+      show(el, name, now) {
+        clearTimeout(closeTimer.current);
+        clearTimeout(openTimer.current);
+        setTarget({ el, name });
+        if (shown.current || now) set(true);
+        else openTimer.current = setTimeout(() => set(true), AVATAR_TOOLTIP_DELAY);
+      },
+      hide(now) {
+        clearTimeout(openTimer.current);
+        clearTimeout(closeTimer.current);
+        if (now) set(false);
+        else closeTimer.current = setTimeout(() => set(false), AVATAR_TOOLTIP_CLOSE);
+      }
+    };
+  }, []);
+  React.useEffect(
+    () => () => {
+      clearTimeout(openTimer.current);
+      clearTimeout(closeTimer.current);
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxs(AvatarGroupContext.Provider, { value: api, children: [
+    /* @__PURE__ */ jsx("div", { "data-slot": "avatar-group", role: "group", className: cn("flex items-center gap-2", className), ...props, children }),
+    open && target && /* @__PURE__ */ jsx(GroupTooltip, { anchor: target.el, name: target.name, side })
+  ] });
+}
+function GroupTooltip({ anchor, name, side }) {
+  const label = React.useRef(null);
+  const [width, setWidth] = React.useState();
+  const [point, setPoint] = React.useState();
+  React.useLayoutEffect(() => {
+    if (label.current) setWidth(label.current.offsetWidth + BUBBLE_PADDING);
+  }, [name]);
+  React.useLayoutEffect(() => {
+    const place = () => {
+      const r = anchor.getBoundingClientRect();
+      const half = (width ?? 0) / 2;
+      const x = Math.min(Math.max(r.left + r.width / 2, half + GAP), window.innerWidth - half - GAP);
+      setPoint({ x, y: side === "top" ? r.top - GAP : r.bottom + GAP });
+    };
+    place();
+    addEventListener("scroll", place, true);
+    addEventListener("resize", place);
+    return () => {
+      removeEventListener("scroll", place, true);
+      removeEventListener("resize", place);
+    };
+  }, [anchor, side, width]);
+  if (!point) return null;
+  return createPortal(
+    // A point at the avatar's edge, moved with transform so a change of person slides; the
+    // bubble hangs off it, centred, so a width change grows evenly on both sides.
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": true,
+        "data-side": side,
+        className: "pointer-events-none fixed top-0 left-0 z-50 transition-transform duration-(--duration-base) ease-(--ease-out) motion-reduce:transition-none",
+        style: { transform: `translate(${point.x}px, ${point.y}px)` },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "-translate-x-1/2 transition-[opacity,translate] duration-(--duration-fast) ease-(--ease-out) starting:opacity-0",
+              side === "top" ? "-translate-y-full starting:-translate-y-[calc(100%-4px)]" : "starting:translate-y-[-4px]"
+            ),
+            children: /* @__PURE__ */ jsx(
+              TooltipBubble,
+              {
+                className: "overflow-hidden transition-[width] duration-(--duration-base) ease-(--ease-out) motion-reduce:transition-none",
+                style: { width },
+                label: /* @__PURE__ */ jsx("span", { ref: label, className: "inline-block shrink-0 transition-opacity duration-(--duration-fast) ease-(--ease-out) starting:opacity-0", children: name }, name)
+              }
+            )
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+
+export { AVATAR_TOOLTIP_DELAY, Avatar, AvatarGroup, avatarVariants };
+//# sourceMappingURL=chunk-MYEZXZZC.js.map
+//# sourceMappingURL=chunk-MYEZXZZC.js.map

package/chunk-MYEZXZZC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/avatar.tsx"],"names":[],"mappings":";;;;;;;AA6BA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,kIAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,+DAAA;AAAA,QACJ,EAAA,EAAI,gEAAA;AAAA,QACJ,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI,sDAAA;AAAA,QACJ,EAAA,EAAI,8DAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,MAAA,EAAQ,cAAA;AAAA,QACR,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA,EAAa;AAAA,MACtD,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA,EAAa;AAAA,MACtD,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA,EAAa;AAAA,MACtD,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA,EAAa;AAAA,MACtD,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA,EAAa;AAAA,MACtD,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA;AAAa,KACxD;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,EAAA,EAAI,OAAO,QAAA;AAAS;AAEjD;AAcO,IAAM,oBAAA,GAAuB;AACpC,IAAM,oBAAA,GAAuB,GAAA;AAG7B,IAAM,kBAAA,GAA2B,oBAAqC,IAAI,CAAA;AAEnE,SAAS,MAAA,CAAO,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,GAAO,SAAA,EAAW,IAAA,GAAO,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAgB;AAC/G,EAAA,MAAM,KAAA,GAAc,iBAAW,kBAAkB,CAAA;AACjD,EAAA,MAAM,OAAA,GAAU,KAAA,IAAS,IAAA,GAAO,KAAA,GAAQ,IAAA;AACxC,EAAA,MAAM,MAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACV,GAAI,IAAA,GAAO,EAAE,IAAA,EAAM,KAAA,EAAO,cAAc,IAAA,EAAM,QAAA,EAAU,CAAA,EAAE,GAAI,EAAC;AAAA,MAChE,SAAA,EAAW,EAAA;AAAA,QACT,cAAA,CAAe,EAAE,IAAA,EAAM,KAAA,EAAO,CAAA;AAAA,QAC9B,IAAA,IAAQ,4EAAA;AAAA,QACR;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MACH,GAAI,OAAA,IAAW;AAAA,QACd,cAAA,EAAgB,CAAC,CAAA,MAA4C,KAAA,CAAM,cAAA,GAAiB,CAAC,CAAA,EAAG,OAAA,CAAQ,IAAA,CAAK,CAAA,CAAE,aAAA,EAAe,IAAK,CAAA,CAAA;AAAA,QAC3H,cAAA,EAAgB,CAAC,CAAA,MAA4C,KAAA,CAAM,iBAAiB,CAAC,CAAA,EAAG,QAAQ,IAAA,EAAK,CAAA;AAAA,QACrG,OAAA,EAAS,CAAC,CAAA,MAA0C,KAAA,CAAM,OAAA,GAAU,CAAC,CAAA,EAAG,OAAA,CAAQ,IAAA,CAAK,CAAA,CAAE,aAAA,EAAe,IAAA,EAAO,IAAI,CAAA,CAAA;AAAA,QACjH,MAAA,EAAQ,CAAC,CAAA,MAA0C,KAAA,CAAM,SAAS,CAAC,CAAA,EAAG,OAAA,CAAQ,IAAA,CAAK,IAAI,CAAA,CAAA;AAAA,QACvF,SAAA,EAAW,CAAC,CAAA,MAA6C,KAAA,CAAM,SAAA,GAAY,CAAC,CAAA,EAAG,CAAA,CAAE,GAAA,KAAQ,QAAA,IAAY,OAAA,CAAQ,IAAA,CAAK,IAAI,CAAA;AAAA,OACxH;AAAA,MAEA,8BAAC,MAAA,EAAA,EAAK,aAAA,EAAa,IAAA,GAAO,IAAA,GAAO,QAAY,QAAA,EAAA,QAAA,EAAS;AAAA;AAAA,GACxD;AAEF,EAAA,IAAI,CAAC,IAAA,IAAQ,OAAA,EAAS,OAAO,MAAA;AAC7B,EAAA,uBACE,GAAA,CAAC,WAAQ,KAAA,EAAO,IAAA,EAAM,OAAO,oBAAA,EAAsB,UAAA,EAAY,sBAC5D,QAAA,EAAA,MAAA,EACH,CAAA;AAEJ;AAQA,IAAM,GAAA,GAAM,CAAA;AAEZ,IAAM,cAAA,GAAiB,EAAA;AAShB,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,IAAA,GAAO,OAAO,QAAA,EAAU,GAAG,OAAM,EAAqB;AAC7F,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAU,eAAmD,IAAI,CAAA;AACzF,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,KAAA,GAAc,aAAO,KAAK,CAAA;AAChC,EAAA,MAAM,SAAA,GAAkB,aAAsC,MAAS,CAAA;AACvE,EAAA,MAAM,UAAA,GAAmB,aAAsC,MAAS,CAAA;AAExE,EAAA,MAAM,GAAA,GAAY,cAAwB,MAAM;AAC9C,IAAA,MAAM,GAAA,GAAM,CAAC,IAAA,KAAkB;AAC7B,MAAA,KAAA,CAAM,OAAA,GAAU,IAAA;AAChB,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,IACd,CAAA;AACA,IAAA,OAAO;AAAA,MACL,IAAA,CAAK,EAAA,EAAI,IAAA,EAAM,GAAA,EAAK;AAClB,QAAA,YAAA,CAAa,WAAW,OAAO,CAAA;AAC/B,QAAA,YAAA,CAAa,UAAU,OAAO,CAAA;AAC9B,QAAA,SAAA,CAAU,EAAE,EAAA,EAAI,IAAA,EAAM,CAAA;AACtB,QAAA,IAAI,KAAA,CAAM,OAAA,IAAW,GAAA,EAAK,GAAA,CAAI,IAAI,CAAA;AAAA,uBACnB,OAAA,GAAU,UAAA,CAAW,MAAM,GAAA,CAAI,IAAI,GAAG,oBAAoB,CAAA;AAAA,MAC3E,CAAA;AAAA,MACA,KAAK,GAAA,EAAK;AACR,QAAA,YAAA,CAAa,UAAU,OAAO,CAAA;AAC9B,QAAA,YAAA,CAAa,WAAW,OAAO,CAAA;AAC/B,QAAA,IAAI,GAAA,MAAS,KAAK,CAAA;AAAA,wBACF,OAAA,GAAU,UAAA,CAAW,MAAM,GAAA,CAAI,KAAK,GAAG,oBAAoB,CAAA;AAAA,MAC7E;AAAA,KACF;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AACL,EAAM,KAAA,CAAA,SAAA;AAAA,IACJ,MAAM,MAAM;AACV,MAAA,YAAA,CAAa,UAAU,OAAO,CAAA;AAC9B,MAAA,YAAA,CAAa,WAAW,OAAO,CAAA;AAAA,IACjC,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,uBACE,IAAA,CAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,OAAO,GAAA,EAClC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,cAAA,EAAe,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA2B,SAAS,CAAA,EAAI,GAAG,KAAA,EACjG,QAAA,EACH,CAAA;AAAA,IACC,IAAA,IAAQ,MAAA,oBAAU,GAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAQ,OAAO,EAAA,EAAI,IAAA,EAAM,MAAA,CAAO,IAAA,EAAM,IAAA,EAAY;AAAA,GAAA,EACrF,CAAA;AAEJ;AAEA,SAAS,YAAA,CAAa,EAAE,MAAA,EAAQ,IAAA,EAAM,MAAK,EAAkE;AAC3G,EAAA,MAAM,KAAA,GAAc,aAAwB,IAAI,CAAA;AAChD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,KAAA,CAAA,QAAA,EAAiB;AACjD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,KAAA,CAAA,QAAA,EAAmC;AAEnE,EAAM,sBAAgB,MAAM;AAC1B,IAAA,IAAI,MAAM,OAAA,EAAS,QAAA,CAAS,KAAA,CAAM,OAAA,CAAQ,cAAc,cAAc,CAAA;AAAA,EACxE,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAM,sBAAgB,MAAM;AAC1B,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,MAAM,CAAA,GAAI,OAAO,qBAAA,EAAsB;AACvC,MAAA,MAAM,IAAA,GAAA,CAAQ,SAAS,CAAA,IAAK,CAAA;AAC5B,MAAA,MAAM,IAAI,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,EAAE,IAAA,GAAO,CAAA,CAAE,KAAA,GAAQ,CAAA,EAAG,OAAO,GAAG,CAAA,EAAG,MAAA,CAAO,UAAA,GAAa,OAAO,GAAG,CAAA;AAC7F,MAAA,QAAA,CAAS,EAAE,CAAA,EAAG,CAAA,EAAG,IAAA,KAAS,KAAA,GAAQ,CAAA,CAAE,GAAA,GAAM,GAAA,GAAM,CAAA,CAAE,MAAA,GAAS,GAAA,EAAK,CAAA;AAAA,IAClE,CAAA;AACA,IAAA,KAAA,EAAM;AACN,IAAA,gBAAA,CAAiB,QAAA,EAAU,OAAO,IAAI,CAAA;AACtC,IAAA,gBAAA,CAAiB,UAAU,KAAK,CAAA;AAChC,IAAA,OAAO,MAAM;AACX,MAAA,mBAAA,CAAoB,QAAA,EAAU,OAAO,IAAI,CAAA;AACzC,MAAA,mBAAA,CAAoB,UAAU,KAAK,CAAA;AAAA,IACrC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,IAAA,EAAM,KAAK,CAAC,CAAA;AAExB,EAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,EAAA,OAAO,YAAA;AAAA;AAAA;AAAA,oBAGL,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAW,IAAA;AAAA,QACX,WAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAU,6IAAA;AAAA,QACV,KAAA,EAAO,EAAE,SAAA,EAAW,CAAA,UAAA,EAAa,MAAM,CAAC,CAAA,IAAA,EAAO,KAAA,CAAM,CAAC,CAAA,GAAA,CAAA,EAAM;AAAA,QAE5D,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,iHAAA;AAAA,cACA,IAAA,KAAS,QAAQ,0DAAA,GAA6D;AAAA,aAChF;AAAA,YAEA,QAAA,kBAAA,GAAA;AAAA,cAAC,aAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,+GAAA;AAAA,gBACV,KAAA,EAAO,EAAE,KAAA,EAAM;AAAA,gBACf,KAAA,sBACG,MAAA,EAAA,EAAgB,GAAA,EAAK,OAAO,SAAA,EAAU,0GAAA,EACpC,kBADQ,IAEX;AAAA;AAAA;AAEJ;AAAA;AACF;AAAA,KACF;AAAA,IACA,QAAA,CAAS;AAAA,GACX;AACF","file":"chunk-MYEZXZZC.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { createPortal } from 'react-dom'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../lib/utils'\nimport { Tooltip, TooltipBubble } from './tooltip'\n\nexport type AvatarTone = 'neutral' | 'brand' | 'sky' | 'green' | 'amber' | 'red' | 'fuchsia' | 'plum'\nexport type AvatarSize = 16 | 20 | 24 | 32 | 40 | 48\n\n/**\n * Avatar, 1:1 with the uiKit `Avatar` set (992:20199): initials on a tone fill, the same eight\n * hue pairs as Badge (`tone/bg` fill, `tone/fg` text, no border), six px sizes and a Circle or\n * Rounded shape. Rounded steps the radius with the size: 4 / 4 / 6 / 8 / 10 / 12.\n *\n * Type per size, from Figma: 16 → SemiBold 7/8, 20 → SemiBold 9/10 (no kit token for either),\n * 24 → text/2xs SemiBold, 32 → Label/sm 13/16, 40 → Label/lg 14/14, 48 → text/lg Medium.\n * Groups (docs example 3889:7365) overlap with -8px and stack the first on top.\n *\n * With `name` the avatar says who it is: it becomes an image named after the person, takes\n * keyboard focus, and shows the name in a Tooltip. On hover the tooltip waits 400 ms — the middle\n * of the 0.3–0.5 s NN/g recommends, so a pointer passing over a row of faces doesn't flash names —\n * and stays 150 ms after the pointer leaves. Keyboard focus shows it at once.\n *\n * Avatars side by side go in an `AvatarGroup`: the row shares one tooltip. The first name waits\n * the same 400 ms; after that, moving to the next person slides the tooltip over to them and\n * eases its width to the new name, instead of closing one tooltip and opening another.\n */\nconst avatarVariants = cva(\n  'inline-flex shrink-0 items-center justify-center overflow-clip bg-tone-bg text-center whitespace-nowrap text-tone-fg select-none',\n  {\n    variants: {\n      size: {\n        16: 'size-4 text-[7px] leading-[8px] font-semibold tracking-normal',\n        20: 'size-5 text-[9px] leading-[10px] font-semibold tracking-normal',\n        24: 'size-6 text-2xs font-semibold',\n        32: 'size-8 text-sm leading-4 font-medium tracking-normal',\n        40: 'size-10 text-base leading-[14px] font-medium tracking-normal',\n        48: 'size-12 text-lg font-medium',\n      },\n      shape: {\n        circle: 'rounded-full',\n        rounded: '',\n      },\n    },\n    compoundVariants: [\n      { shape: 'rounded', size: 16, className: 'rounded-xs' },\n      { shape: 'rounded', size: 20, className: 'rounded-xs' },\n      { shape: 'rounded', size: 24, className: 'rounded-sm' },\n      { shape: 'rounded', size: 32, className: 'rounded-md' },\n      { shape: 'rounded', size: 40, className: 'rounded-lg' },\n      { shape: 'rounded', size: 48, className: 'rounded-xl' },\n    ],\n    defaultVariants: { size: 32, shape: 'circle' },\n  },\n)\n\nexport interface AvatarProps\n  extends Omit<React.ComponentProps<'span'>, 'children'>,\n    Omit<VariantProps<typeof avatarVariants>, 'size'> {\n  /** One or two letters, or a count like \"+3\" at the end of a group. */\n  initials: string\n  tone?: AvatarTone\n  size?: AvatarSize\n  /** The person's name: shown in a tooltip on hover and focus, and read by screen readers. */\n  name?: string\n}\n\n/** NN/g: wait 0.3–0.5 s before showing hidden content on hover; we take the middle. */\nexport const AVATAR_TOOLTIP_DELAY = 400\nconst AVATAR_TOOLTIP_CLOSE = 150\n\ntype AvatarGroupApi = { show: (el: HTMLElement, name: string, now?: boolean) => void; hide: (now?: boolean) => void }\nconst AvatarGroupContext = React.createContext<AvatarGroupApi | null>(null)\n\nexport function Avatar({ className, initials, tone = 'neutral', size = 32, shape, name, ...props }: AvatarProps) {\n  const group = React.useContext(AvatarGroupContext)\n  const grouped = group && name ? group : null\n  const avatar = (\n    <span\n      data-slot=\"avatar\"\n      data-tone={tone}\n      {...(name ? { role: 'img', 'aria-label': name, tabIndex: 0 } : {})}\n      className={cn(\n        avatarVariants({ size, shape }),\n        name && 'outline-none focus-visible:[box-shadow:0_0_0_2px_var(--action-focus-ring)]',\n        className,\n      )}\n      {...props}\n      {...(grouped && {\n        onPointerEnter: (e: React.PointerEvent<HTMLSpanElement>) => (props.onPointerEnter?.(e), grouped.show(e.currentTarget, name!)),\n        onPointerLeave: (e: React.PointerEvent<HTMLSpanElement>) => (props.onPointerLeave?.(e), grouped.hide()),\n        onFocus: (e: React.FocusEvent<HTMLSpanElement>) => (props.onFocus?.(e), grouped.show(e.currentTarget, name!, true)),\n        onBlur: (e: React.FocusEvent<HTMLSpanElement>) => (props.onBlur?.(e), grouped.hide(true)),\n        onKeyDown: (e: React.KeyboardEvent<HTMLSpanElement>) => (props.onKeyDown?.(e), e.key === 'Escape' && grouped.hide(true)),\n      })}\n    >\n      <span aria-hidden={name ? true : undefined}>{initials}</span>\n    </span>\n  )\n  if (!name || grouped) return avatar\n  return (\n    <Tooltip label={name} delay={AVATAR_TOOLTIP_DELAY} closeDelay={AVATAR_TOOLTIP_CLOSE}>\n      {avatar}\n    </Tooltip>\n  )\n}\n\nexport interface AvatarGroupProps extends React.ComponentProps<'div'> {\n  /** Where the shared name tooltip sits. */\n  side?: 'top' | 'bottom'\n}\n\n/** Space the tooltip keeps from the avatar and from the viewport edge, as Tooltip does. */\nconst GAP = 8\n/** The bubble's side padding (10 + 10), added to the measured name for its width. */\nconst BUBBLE_PADDING = 20\n\n/**\n * A row of avatars sharing one name tooltip. It opens after AVATAR_TOOLTIP_DELAY on the first\n * person; while it's open, the next person gets it at once: it slides along the row (transform,\n * 200 ms, ease-out) and its width eases to the new name, which fades in. It closes\n * AVATAR_TOOLTIP_CLOSE after the pointer leaves the row, so the gaps between faces don't\n * close it. Focus shows it at once, Escape and blur hide it.\n */\nexport function AvatarGroup({ className, side = 'top', children, ...props }: AvatarGroupProps) {\n  const [target, setTarget] = React.useState<{ el: HTMLElement; name: string } | null>(null)\n  const [open, setOpen] = React.useState(false)\n  const shown = React.useRef(false)\n  const openTimer = React.useRef<ReturnType<typeof setTimeout>>(undefined)\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout>>(undefined)\n\n  const api = React.useMemo<AvatarGroupApi>(() => {\n    const set = (next: boolean) => {\n      shown.current = next\n      setOpen(next)\n    }\n    return {\n      show(el, name, now) {\n        clearTimeout(closeTimer.current)\n        clearTimeout(openTimer.current)\n        setTarget({ el, name })\n        if (shown.current || now) set(true)\n        else openTimer.current = setTimeout(() => set(true), AVATAR_TOOLTIP_DELAY)\n      },\n      hide(now) {\n        clearTimeout(openTimer.current)\n        clearTimeout(closeTimer.current)\n        if (now) set(false)\n        else closeTimer.current = setTimeout(() => set(false), AVATAR_TOOLTIP_CLOSE)\n      },\n    }\n  }, [])\n  React.useEffect(\n    () => () => {\n      clearTimeout(openTimer.current)\n      clearTimeout(closeTimer.current)\n    },\n    [],\n  )\n\n  return (\n    <AvatarGroupContext.Provider value={api}>\n      <div data-slot=\"avatar-group\" role=\"group\" className={cn('flex items-center gap-2', className)} {...props}>\n        {children}\n      </div>\n      {open && target && <GroupTooltip anchor={target.el} name={target.name} side={side} />}\n    </AvatarGroupContext.Provider>\n  )\n}\n\nfunction GroupTooltip({ anchor, name, side }: { anchor: HTMLElement; name: string; side: 'top' | 'bottom' }) {\n  const label = React.useRef<HTMLSpanElement>(null)\n  const [width, setWidth] = React.useState<number>()\n  const [point, setPoint] = React.useState<{ x: number; y: number }>()\n\n  React.useLayoutEffect(() => {\n    if (label.current) setWidth(label.current.offsetWidth + BUBBLE_PADDING)\n  }, [name])\n\n  React.useLayoutEffect(() => {\n    const place = () => {\n      const r = anchor.getBoundingClientRect()\n      const half = (width ?? 0) / 2\n      const x = Math.min(Math.max(r.left + r.width / 2, half + GAP), window.innerWidth - half - GAP)\n      setPoint({ x, y: side === 'top' ? r.top - GAP : r.bottom + GAP })\n    }\n    place()\n    addEventListener('scroll', place, true)\n    addEventListener('resize', place)\n    return () => {\n      removeEventListener('scroll', place, true)\n      removeEventListener('resize', place)\n    }\n  }, [anchor, side, width])\n\n  if (!point) return null\n  return createPortal(\n    // A point at the avatar's edge, moved with transform so a change of person slides; the\n    // bubble hangs off it, centred, so a width change grows evenly on both sides.\n    <div\n      aria-hidden\n      data-side={side}\n      className=\"pointer-events-none fixed top-0 left-0 z-50 transition-transform duration-(--duration-base) ease-(--ease-out) motion-reduce:transition-none\"\n      style={{ transform: `translate(${point.x}px, ${point.y}px)` }}\n    >\n      <div\n        className={cn(\n          '-translate-x-1/2 transition-[opacity,translate] duration-(--duration-fast) ease-(--ease-out) starting:opacity-0',\n          side === 'top' ? '-translate-y-full starting:-translate-y-[calc(100%-4px)]' : 'starting:translate-y-[-4px]',\n        )}\n      >\n        <TooltipBubble\n          className=\"overflow-hidden transition-[width] duration-(--duration-base) ease-(--ease-out) motion-reduce:transition-none\"\n          style={{ width }}\n          label={\n            <span key={name} ref={label} className=\"inline-block shrink-0 transition-opacity duration-(--duration-fast) ease-(--ease-out) starting:opacity-0\">\n              {name}\n            </span>\n          }\n        />\n      </div>\n    </div>,\n    document.body,\n  )\n}\n\nexport { avatarVariants }\n"]}

package/components/avatar.d.ts

@@ -15,6 +15,10 @@ export type AvatarSize = 16 | 20 | 24 | 32 | 40 | 48;
  * keyboard focus, and shows the name in a Tooltip. On hover the tooltip waits 400 ms — the middle
  * of the 0.3–0.5 s NN/g recommends, so a pointer passing over a row of faces doesn't flash names —
  * and stays 150 ms after the pointer leaves. Keyboard focus shows it at once.
+ *
+ * Avatars side by side go in an `AvatarGroup`: the row shares one tooltip. The first name waits
+ * the same 400 ms; after that, moving to the next person slides the tooltip over to them and
+ * eases its width to the new name, instead of closing one tooltip and opening another.
  */
 declare const avatarVariants: (props?: ({
     size?: 16 | 20 | 24 | 32 | 40 | 48 | null | undefined;
@@ -31,4 +35,16 @@ export interface AvatarProps extends Omit<React.ComponentProps<'span'>, 'childre
 /** NN/g: wait 0.3–0.5 s before showing hidden content on hover; we take the middle. */
 export declare const AVATAR_TOOLTIP_DELAY = 400;
 export declare function Avatar({ className, initials, tone, size, shape, name, ...props }: AvatarProps): React.JSX.Element;
+export interface AvatarGroupProps extends React.ComponentProps<'div'> {
+    /** Where the shared name tooltip sits. */
+    side?: 'top' | 'bottom';
+}
+/**
+ * A row of avatars sharing one name tooltip. It opens after AVATAR_TOOLTIP_DELAY on the first
+ * person; while it's open, the next person gets it at once: it slides along the row (transform,
+ * 200 ms, ease-out) and its width eases to the new name, which fades in. It closes
+ * AVATAR_TOOLTIP_CLOSE after the pointer leaves the row, so the gaps between faces don't
+ * close it. Focus shows it at once, Escape and blur hide it.
+ */
+export declare function AvatarGroup({ className, side, children, ...props }: AvatarGroupProps): React.JSX.Element;
 export { avatarVariants };

package/components/avatar.js

@@ -1,4 +1,4 @@
-'use client';export { AVATAR_TOOLTIP_DELAY, Avatar, avatarVariants } from '../chunk-TVLGZGYN.js';
+'use client';export { AVATAR_TOOLTIP_DELAY, Avatar, AvatarGroup, avatarVariants } from '../chunk-MYEZXZZC.js';
 import '../chunk-B6V4VSGH.js';
 import '../chunk-BKZBWPUH.js';
 import '../chunk-H63FYCMY.js';

package/index.js

@@ -40,7 +40,7 @@ export { CodeBlock } from './chunk-A5XEM3GF.js';
 export { Combobox } from './chunk-NSRTTYQ4.js';
 export { Chip, ChipAvatar, chipVariants } from './chunk-3ERGAHKA.js';
 export { CommandMenu } from './chunk-P4O6TGDR.js';
-export { AVATAR_TOOLTIP_DELAY, Avatar, avatarVariants } from './chunk-TVLGZGYN.js';
+export { AVATAR_TOOLTIP_DELAY, Avatar, AvatarGroup, avatarVariants } from './chunk-MYEZXZZC.js';
 export { Tooltip, TooltipBubble } from './chunk-B6V4VSGH.js';
 export { BarCard } from './chunk-DO3TBNSC.js';
 export { ChartCard, ChartLegendPill, ChartLegendRow, ChartTooltip } from './chunk-YPJYW624.js';

package/package.json

@@ -1,11 +1,19 @@
 {
   "name": "@uisatin/ui",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Satin Free: the open-source React components of the Satin design system. shadcn-based, built on Radix, themed with Satin tokens.",
   "type": "module",
   "license": "MIT",
   "author": "Maciej Kownacki",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/maciej-kownacki/ui-satin.git",
+    "directory": "packages/ui"
+  },
   "homepage": "https://uisatin.dev",
+  "bugs": {
+    "url": "https://github.com/maciej-kownacki/ui-satin/issues"
+  },
   "keywords": [
     "satin",
     "design-system",
@@ -38,6 +46,9 @@
       "default": "./components/*.js"
     }
   },
+  "engines": {
+    "node": ">=20.19"
+  },
   "peerDependencies": {
     "react": ">=19",
     "react-dom": ">=19"

package/styles.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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-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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-green-300:#86efac;--color-green-700:#15803d;--color-teal-50:#f0fdfa;--color-teal-400:#2dd4bf;--color-teal-600:#0d9488;--color-teal-950:#042f2e;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-sky-300:#7dd3fc;--color-sky-400:#38bdf8;--color-sky-600:#0284c7;--color-blue-500:#5146e9;--color-blue-600:#4633d7;--color-blue-700:#3923b9;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-violet-400:#a78bfa;--color-violet-500:#8b5cf6;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-600:#52525b;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-white:#fff;--spacing:4px;--text-xs:12px;--text-xs--line-height:1.5;--text-sm:13px;--text-sm--line-height:1.5;--text-base:14px;--text-base--line-height:1.5;--text-lg:16px;--text-lg--line-height:1.5;--text-xl:20px;--text-xl--line-height:1.5;--text-2xl:24px;--text-2xl--line-height:1.3;--tracking-normal:0em;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:var(--radius);--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"Geist Mono", ui-monospace, monospace;--color-blue-soft-50:#f3f5ff;--color-blue-soft-200:#d9defb;--color-blue-soft-700:#5158a0;--color-blue-soft-950:#1f2132;--color-blue-soft-900:#30344f;--color-blue-soft-300:#bec7fc;--color-red-soft-50:#fff3f1;--color-red-soft-200:#f9d6d1;--color-red-soft-700:#97433b;--color-red-soft-950:#311d1a;--color-red-soft-900:#4d2d29;--color-red-soft-300:#f8b8b0;--color-sky-soft-50:#eef7ff;--color-sky-soft-200:#cae4f9;--color-sky-soft-700:#08669c;--color-sky-soft-950:#152531;--color-sky-soft-900:#1f394d;--color-sky-soft-300:#a0d1f8;--color-green-soft-50:#eff9f0;--color-green-soft-200:#cee8d2;--color-green-soft-700:#22723b;--color-green-soft-950:#17271b;--color-green-soft-900:#243e29;--color-green-soft-300:#a8d9b1;--color-green-soft-500:#4e9b61;--color-green-soft-600:#3b8950;--color-amber-soft-50:#fff3ed;--color-amber-soft-200:#f7d9c9;--color-amber-soft-700:#93491a;--color-amber-soft-950:#301e15;--color-amber-soft-900:#4b2f20;--color-amber-soft-300:#f4bda0;--color-fuchsia-soft-50:#fbf2fc;--color-fuchsia-soft-200:#eed7ef;--color-fuchsia-soft-700:#804785;--color-fuchsia-soft-950:#2b1e2c;--color-fuchsia-soft-900:#432e45;--color-fuchsia-soft-300:#e3bae7;--color-pink-soft-50:#fff2f5;--color-pink-soft-200:#f8d5dc;--color-pink-soft-700:#944059;--color-pink-soft-950:#301c21;--color-pink-soft-900:#4c2c34;--color-pink-soft-300:#f6b7c5;--color-border-subtle-light:#f0f0f2;--color-border-subtle-light-a25:#f0f0f240;--color-border-subtle-dark:#262629;--color-border-dark:#2f2f32;--color-border-strong-dark:#3d3d3f;--color-card-dark:#121215;--color-surface-dark:#1a1a1d;--color-popover-dark:#222225;--color-card-dark-a0:#12121500;--color-secondary-hover-dark:#2b2b2d;--color-secondary-pressed-dark:#343436;--color-primary-border-light:#9085e7;--color-primary-border-dark:#928be6;--color-primary-dark:#493dd6;--color-primary-hover-dark:#554fe7;--color-primary-pressed-dark:#3e2ac5;--color-primary-focus-dark:#493dd633;--color-transparent:#fff0;--color-white-a6:#ffffff0f;--color-white-a3:#ffffff08;--color-white-a0:#fff0;--color-white-a10:#ffffff1a;--color-black-a5:#0000000d;--color-black-a6:#0000000f;--color-black-a8:#00000014;--color-black-a10:#0000001a;--color-black-a12:#0000001f;--color-black-a14:#00000024;--color-black-a16:#00000029;--color-black-a18:#0000002e;--color-black-a28:#00000047;--color-black-a36:#0000005c;--color-white-a24:#ffffff3d;--color-black-a20:#0003;--color-black-a40:#0006;--color-blue-600-a20:#4633d733;--color-blue-500-a20:#5146e933;--color-teal-50-a20:#f0fdfa33;--color-teal-950-a20:#042f2e33;--color-teal-200-a55:#99f6e48c;--color-teal-500-a55:#14b8a68c;--color-text-muted-light:#68686f;--color-selected-light:#ededef;--color-selected-dark:#2f2f32;--color-segmented-selected-dark:#3a3a3d;--radius-full:9999px;--radius-pill:9999px;--text-2xs:11px;--text-2xs--line-height:1.455;--text-2xs--letter-spacing:-.015em;--text-xs--letter-spacing:-.015em;--text-sm--letter-spacing:-.015em;--text-base--letter-spacing:-.015em;--text-lg--letter-spacing:-.015em;--text-xl--letter-spacing:-.015em;--text-2xl--letter-spacing:-.015em;--text-body:14px;--text-body--line-height:1.5;--text-body--letter-spacing:-.015em;--text-body-lg:14px;--text-body-lg--line-height:1.571;--text-body-lg--letter-spacing:-.015em;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.25s}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration: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:where(:not(iframe)){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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border-default);outline-color:var(--border-focus)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--border-focus) 50%, transparent)}}body{background-color:var(--bg-canvas);font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-sm--letter-spacing));--tw-font-weight:420;--tw-tracking:-.015em;letter-spacing:-.015em;color:var(--text-default);font-weight:420}:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + 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);--tw-ring-color:var(--action-focus-ring);--tw-outline-style:none;outline-style:none}button:not(:disabled),[role=button]:not([aria-disabled=true]),[role=tab],[role=option],[role=radio],[role=checkbox],[role=switch],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],label[for],summary,select{cursor:pointer}:disabled,[aria-disabled=true]{cursor:not-allowed}[data-chevron]{transition:rotate var(--duration-base) var(--ease-out)}[aria-haspopup][aria-expanded=true] [data-chevron]{rotate:180deg}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.pointer-events-none\!{pointer-events:none!important}.visible{visibility:visible}.sr-only{clip-path:inset(50%);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-px{inset:-1px}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.inset-y-0{inset-block:0}.inset-y-0\.5{inset-block:calc(var(--spacing) * .5)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-\[3px\]{top:3px}.top-\[7px\]{top:7px}.top-full{top:100%}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\/2{right:50%}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[3px\]{right:3px}.right-\[7px\]{right:7px}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-6{left:calc(var(--spacing) * 6)}.left-8{left:calc(var(--spacing) * 8)}.left-full{left:100%}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[100\]{z-index:100}.order-first{order:-9999}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start: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-px{margin:-1px}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-auto{margin-inline:auto}.-my-\[3px\]{margin-block:-3px}.my-1{margin-block:var(--spacing)}.-mt-px{margin-top:-1px}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-\[2\.75px\]{margin-top:2.75px}.-mr-1{margin-right:calc(var(--spacing) * -1)}.-mb-px{margin-bottom:-1px}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.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-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-\[calc\(100\%\+2px\)\]{width:calc(100% + 2px);height:calc(100% + 2px)}.size-full{width:100%;height:100%}.size-icon-size{width:var(--icon-size);height:var(--icon-size)}.size-icon-size-sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.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-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-30{height:calc(var(--spacing) * 30)}.h-40{height:calc(var(--spacing) * 40)}.h-\[18px\]{height:18px}.h-\[21px\]{height:21px}.h-\[176px\]{height:176px}.h-\[206px\]{height:206px}.h-control-height{height:var(--control-height)}.h-control-height-lg{height:var(--control-height-lg)}.h-control-height-xl{height:var(--control-height-xl)}.h-control-height-xs{height:var(--control-height-xs)}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[85\%\]{max-height:85%}.max-h-\[min\(480px\,76vh\)\]{max-height:min(480px,76vh)}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[21px\]{min-height:21px}.min-h-menu-row{min-height:var(--menu-row)}.w-\(--radix-popover-trigger-width\){width:var(--radix-popover-trigger-width)}.w-\(--radix-popper-anchor-width\){width:var(--radix-popper-anchor-width)}.w-0{width:0}.w-1{width:var(--spacing)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-40{width:calc(var(--spacing) * 40)}.w-60{width:calc(var(--spacing) * 60)}.w-80{width:calc(var(--spacing) * 80)}.w-\[18px\]{width:18px}.w-\[88px\]{width:88px}.w-\[92px\]{width:92px}.w-\[132px\]{width:132px}.w-\[220px\]{width:220px}.w-\[222px\]{width:222px}.w-\[241px\]{width:241px}.w-\[255px\]{width:255px}.w-\[280px\]{width:280px}.w-\[296px\]{width:296px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[350px\]{width:350px}.w-\[364px\]{width:364px}.w-\[397px\]{width:397px}.w-\[400px\]{width:400px}.w-\[405px\]{width:405px}.w-\[425px\]{width:425px}.w-\[450px\]{width:450px}.w-\[520px\]{width:520px}.w-auto{width:auto}.w-control-height{width:var(--control-height)}.w-control-height-lg{width:var(--control-height-lg)}.w-control-height-xl{width:var(--control-height-xl)}.w-control-height-xs{width:var(--control-height-xs)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[200px\]{max-width:200px}.max-w-\[400px\]{max-width:400px}.max-w-\[520px\]{max-width:520px}.max-w-\[560px\]{max-width:560px}.max-w-\[576px\]{max-width:576px}.max-w-\[calc\(100\%-32px\)\]{max-width:calc(100% - 32px)}.max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.max-w-\[min\(560px\,100\%\)\]{max-width:min(560px,100%)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-\(--radix-select-trigger-width\){min-width:var(--radix-select-trigger-width)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-60{min-width:calc(var(--spacing) * 60)}.min-w-\[18px\]{min-width:18px}.min-w-\[72px\]{min-width:72px}.min-w-\[min\(320px\,100\%\)\]{min-width:min(320px,100%)}.min-w-\[min\(360px\,100\%\)\]{min-width:min(360px,100%)}.min-w-control-height{min-width:var(--control-height)}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.table-fixed{table-layout:fixed}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-popper-transform-origin\){transform-origin:var(--radix-popper-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-bottom{transform-origin:bottom}.-translate-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-1px\]{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.animate-\[satin-caret_1s_steps\(1\)_infinite\]{animation:1s step-end infinite satin-caret}.animate-\[satin-progress-indeterminate_1\.4s_var\(--ease-in-out\)_infinite\]{animation:satin-progress-indeterminate 1.4s var(--ease-in-out) infinite}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.\[scrollbar-color\:var\(--border-strong\)_transparent\]{scrollbar-color:var(--border-strong) transparent}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-rows-\[minmax\(0\,1fr\)\]{grid-template-rows:minmax(0,1fr)}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.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-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-x-0\.5{column-gap:calc(var(--spacing) * .5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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-y-auto{overflow-y:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.5px\]{border-radius:1.5px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-l-\[4px\]{border-top-left-radius:4px;border-bottom-left-radius:4px}.rounded-tl-\[4px\]{border-top-left-radius:4px}.rounded-r-2xl{border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-r-\[4px\]{border-top-right-radius:4px;border-bottom-right-radius:4px}.rounded-br-xs{border-bottom-right-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[0\.75px\]{border-style:var(--tw-border-style);border-width:.75px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.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-dashed{--tw-border-style:dashed;border-style:dashed}.border-action-destructive-bg{border-color:var(--action-destructive-bg)}.border-action-destructive-border{border-color:var(--action-destructive-border)}.border-action-inverse-border{border-color:var(--action-inverse-border)}.border-action-primary-border{border-color:var(--action-primary-border)}.border-border-default{border-color:var(--border-default)}.border-border-focus{border-color:var(--border-focus)}.border-border-strong{border-color:var(--border-strong)}.border-border-subtle{border-color:var(--border-subtle)}.border-chart-3{border-color:var(--chart-3)}.border-status-brand-fg{border-color:var(--status-brand-fg)}.border-status-green-fg{border-color:var(--status-green-fg)}.border-status-red-border{border-color:var(--status-red-border)}.border-tone-border{border-color:var(--tone-border)}.border-tone-fg{border-color:var(--tone-fg)}.border-transparent{border-color:#0000}.bg-\[color-mix\(in_oklab\,var\(--chart-3\)_30\%\,var\(--bg-card\)\)\]{background-color:var(--chart-3)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklab\,var\(--chart-3\)_30\%\,var\(--bg-card\)\)\]{background-color:color-mix(in oklab,var(--chart-3) 30%,var(--bg-card))}}.bg-\[var\(--code-line-highlight\,rgba\(0\,0\,0\,0\.05\)\)\]{background-color:var(--code-line-highlight,#0000000d)}.bg-action-destructive-bg{background-color:var(--action-destructive-bg)}.bg-action-inverse-bg{background-color:var(--action-inverse-bg)}.bg-action-inverse-bg-hover{background-color:var(--action-inverse-bg-hover)}.bg-action-primary-bg{background-color:var(--action-primary-bg)}.bg-action-secondary-bg{background-color:var(--action-secondary-bg)}.bg-bg-canvas{background-color:var(--bg-canvas)}.bg-bg-card{background-color:var(--bg-card)}.bg-bg-field{background-color:var(--bg-field)}.bg-bg-hover{background-color:var(--bg-hover)}.bg-bg-muted{background-color:var(--bg-muted)}.bg-bg-popover{background-color:var(--bg-popover)}.bg-bg-selected{background-color:var(--bg-selected)}.bg-black-a40{background-color:var(--color-black-a40)}.bg-border-default{background-color:var(--border-default)}.bg-border-strong{background-color:var(--border-strong)}.bg-border-subtle{background-color:var(--border-subtle)}.bg-chart-3{background-color:var(--chart-3)}.bg-component-kbd-bg{background-color:var(--component-kbd-bg)}.bg-component-segmented-selected{background-color:var(--component-segmented-selected)}.bg-component-table-header{background-color:var(--component-table-header)}.bg-component-table-zebra{background-color:var(--component-table-zebra)}.bg-status-amber-bg{background-color:var(--status-amber-bg)}.bg-status-brand-bg{background-color:var(--status-brand-bg)}.bg-status-green-bg{background-color:var(--status-green-bg)}.bg-status-green-fg{background-color:var(--status-green-fg)}.bg-status-neutral-bg{background-color:var(--status-neutral-bg)}.bg-status-red-bg{background-color:var(--status-red-bg)}.bg-status-sky-bg{background-color:var(--status-sky-bg)}.bg-text-default{background-color:var(--text-default)}.bg-text-on-solid{background-color:var(--text-on-solid)}.bg-tone-bg{background-color:var(--tone-bg)}.bg-tone-fg{background-color:var(--tone-fg)}.bg-transparent{background-color:#0000}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-bg-card-fade{--tw-gradient-from:var(--bg-card-fade);--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-component-rail-edge{--tw-gradient-from:var(--component-rail-edge);--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-transparent{--tw-gradient-from:transparent;--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))}.via-component-rail-center{--tw-gradient-via:var(--component-rail-center);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-bg-card{--tw-gradient-to:var(--bg-card);--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-bg-popover{--tw-gradient-to:var(--bg-popover);--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-component-rail-edge{--tw-gradient-to:var(--component-rail-edge);--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))}.fill-current{fill:currentColor}.\!\[stroke-width\:1\.64\]{stroke-width:1.64px!important}.\[stroke-width\:1\.875\]{stroke-width:1.875px}.object-cover{object-fit:cover}.p-\(--card-pad\){padding:var(--card-pad)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-\(--card-pad\){padding-inline:var(--card-pad)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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-12{padding-inline:calc(var(--spacing) * 12)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.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-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-\[3\.5px\]{padding-block:3.5px}.py-\[3px\]{padding-block:3px}.pt-\(--card-pad\){padding-top:var(--card-pad)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pr-1{padding-right:var(--spacing)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-px{padding-right:1px}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-1{padding-left:var(--spacing)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-\[34px\]{padding-left:34px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.font-mono{font-family:Geist Mono,ui-monospace,monospace}.font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));letter-spacing:var(--tw-tracking,var(--text-2xl--letter-spacing))}.text-2xs{font-size:var(--text-2xs);line-height:var(--tw-leading,var(--text-2xs--line-height));letter-spacing:var(--tw-tracking,var(--text-2xs--letter-spacing))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));letter-spacing:var(--tw-tracking,var(--text-base--letter-spacing))}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height));letter-spacing:var(--tw-tracking,var(--text-body--letter-spacing))}.text-body-lg{font-size:var(--text-body-lg);line-height:var(--tw-leading,var(--text-body-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-body-lg--letter-spacing))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-lg--letter-spacing))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-sm--letter-spacing))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));letter-spacing:var(--tw-tracking,var(--text-xl--letter-spacing))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-xs--letter-spacing))}.text-\[7px\]{font-size:7px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\(--text-body--line-height\){--tw-leading:var(--text-body--line-height);line-height:var(--text-body--line-height)}.leading-\(--text-sm--line-height\){--tw-leading:var(--text-sm--line-height);line-height:var(--text-sm--line-height)}.leading-\(--text-xl--line-height\){--tw-leading:var(--text-xl--line-height);line-height:var(--text-xl--line-height)}.leading-2{--tw-leading:calc(var(--spacing) * 2);line-height:calc(var(--spacing) * 2)}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[8px\]{--tw-leading:8px;line-height:8px}.leading-\[10px\]{--tw-leading:10px;line-height:10px}.leading-\[13px\]{--tw-leading:13px;line-height:13px}.leading-\[14px\]{--tw-leading:14px;line-height:14px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[19\.5px\]{--tw-leading:19.5px;line-height:19.5px}.leading-\[21px\]{--tw-leading:21px;line-height:21px}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:510;font-weight:510}.font-normal{--tw-font-weight:420;font-weight:420}.font-semibold{--tw-font-weight:590;font-weight:590}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--code-function\,\#8b5cf6\)\]{color:var(--code-function,#8b5cf6)}.text-\[var\(--code-keyword\,\#dc2626\)\]{color:var(--code-keyword,#dc2626)}.text-\[var\(--code-line-number\,\#a1a1aa\)\]{color:var(--code-line-number,#a1a1aa)}.text-\[var\(--code-parameter\,\#b45309\)\]{color:var(--code-parameter,#b45309)}.text-\[var\(--code-plain\,\#18181b\)\]{color:var(--code-plain,#18181b)}.text-\[var\(--code-string\,\#0369a1\)\]{color:var(--code-string,#0369a1)}.text-\[var\(--code-variable\,\#0284c7\)\]{color:var(--code-variable,#0284c7)}.text-action-destructive-bg{color:var(--action-destructive-bg)}.text-action-primary-fg,.text-action-primary-fg\/80{color:var(--action-primary-fg)}@supports (color:color-mix(in lab, red, red)){.text-action-primary-fg\/80{color:color-mix(in oklab, var(--action-primary-fg) 80%, transparent)}}.text-bg-canvas,.text-bg-canvas\/72{color:var(--bg-canvas)}@supports (color:color-mix(in lab, red, red)){.text-bg-canvas\/72{color:color-mix(in oklab, var(--bg-canvas) 72%, transparent)}}.text-status-amber-fg{color:var(--status-amber-fg)}.text-status-brand-fg{color:var(--status-brand-fg)}.text-status-green-fg{color:var(--status-green-fg)}.text-status-red-fg{color:var(--status-red-fg)}.text-status-sky-fg{color:var(--status-sky-fg)}.text-text-default{color:var(--text-default)}.text-text-muted{color:var(--text-muted)}.text-text-on-inverse{color:var(--text-on-inverse)}.text-text-on-solid{color:var(--text-on-solid)}.text-text-placeholder{color:var(--text-placeholder)}.text-text-subtle{color:var(--text-subtle)}.text-tone-fg{color:var(--tone-fg)}.text-transparent{color:#0000}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.caret-transparent{caret-color:#0000}.opacity-0{opacity:0}.opacity-15{opacity:.15}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-72{opacity:.72}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.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-sm{--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,var(--effect-shadow-ambient)), 0px 1px 2px -1px var(--tw-shadow-color,var(--effect-shadow-sm)), inset 0px 1px 0px 0px var(--tw-shadow-color,var(--effect-highlight-top));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_0_0_1px_var\(--action-destructive-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]{box-shadow:0 0 0 1px var(--action-destructive-bg),0 3px 6px 0 var(--action-primary-shadow)}.\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]{box-shadow:0 0 0 1px var(--action-inverse-bg),0 3px 6px 0 var(--action-primary-shadow)}.\[box-shadow\:0_0_0_1px_var\(--action-primary-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]{box-shadow:0 0 0 1px var(--action-primary-bg),0 3px 6px 0 var(--action-primary-shadow)}.\[box-shadow\:0_0_0_1px_var\(--border-default\)\,0_1px_2px_1px_var\(--effect-shadow-xs\)\]{box-shadow:0 0 0 1px var(--border-default),0 1px 2px 1px var(--effect-shadow-xs)}.\[box-shadow\:0_0_0_2px_var\(--action-destructive-glow\)\]{box-shadow:0 0 0 2px var(--action-destructive-glow)}.\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]{box-shadow:0 0 0 2px var(--action-focus-ring)}.\[box-shadow\:0_0_0_2px_var\(--status-green-border\)\]{box-shadow:0 0 0 2px var(--status-green-border)}.\[box-shadow\:0_1px_1px_0_var\(--effect-shadow-xs\)\]{box-shadow:0 1px 1px 0 var(--effect-shadow-xs)}.\[box-shadow\:0_1px_2px_0_var\(--effect-shadow-xs\)\]{box-shadow:0 1px 2px 0 var(--effect-shadow-xs)}.\[box-shadow\:0_1px_3px_0_var\(--effect-shadow-ambient\)\,0_16px_40px_-12px_var\(--effect-shadow-lg\)\]{box-shadow:0 1px 3px 0 var(--effect-shadow-ambient),0 16px 40px -12px var(--effect-shadow-lg)}.\[box-shadow\:0_1px_3px_0_var\(--effect-shadow-sm\)\,0_1px_2px_-1px_var\(--effect-shadow-sm\)\]{box-shadow:0 1px 3px 0 var(--effect-shadow-sm),0 1px 2px -1px var(--effect-shadow-sm)}.\[box-shadow\:0_1px_3px_0_var\(--effect-shadow-sm\)\]{box-shadow:0 1px 3px 0 var(--effect-shadow-sm)}.\[box-shadow\:0_2px_4px_-2px_var\(--effect-shadow-sm\)\,0_4px_6px_-1px_var\(--effect-shadow-sm\)\]{box-shadow:0 2px 4px -2px var(--effect-shadow-sm),0 4px 6px -1px var(--effect-shadow-sm)}.\[box-shadow\:0_4px_6px_-1px_var\(--effect-shadow-sm\)\,0_2px_4px_-2px_var\(--effect-shadow-sm\)\]{box-shadow:0 4px 6px -1px var(--effect-shadow-sm),0 2px 4px -2px var(--effect-shadow-sm)}.\[box-shadow\:0_4px_6px_-4px_var\(--effect-shadow-sm\)\,0_10px_15px_-3px_var\(--effect-shadow-sm\)\]{box-shadow:0 4px 6px -4px var(--effect-shadow-sm),0 10px 15px -3px var(--effect-shadow-sm)}.\[box-shadow\:0_8px_12px_0_var\(--effect-shadow-md\)\,0_1px_1\.5px_0_var\(--effect-shadow-ambient\)\,inset_0_1px_0_0_var\(--effect-highlight-top\)\]{box-shadow:0 8px 12px 0 var(--effect-shadow-md),0 1px 1.5px 0 var(--effect-shadow-ambient),inset 0 1px 0 0 var(--effect-highlight-top)}.\[box-shadow\:inset_0_-1px_0_var\(--border-default\)\]{box-shadow:inset 0 -1px 0 var(--border-default)}.\[box-shadow\:inset_0_0_0_1px_var\(--border-default\)\]{box-shadow:inset 0 0 0 1px var(--border-default)}.\[box-shadow\:inset_0_0_0_1px_var\(--tone-border\)\]{box-shadow:inset 0 0 0 1px var(--tone-border)}.\[box-shadow\:inset_0_1px_0_var\(--border-subtle\)\,inset_0_-1px_0_var\(--border-subtle\)\]{box-shadow:inset 0 1px 0 var(--border-subtle),inset 0 -1px 0 var(--border-subtle)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-2{outline-offset:2px}.outline-chart-3{outline-color:var(--chart-3)}.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, )}.\[filter\:drop-shadow\(0_1px_1px_var\(--effect-shadow-xs\)\)\]{filter:drop-shadow(0 1px 1px var(--effect-shadow-xs))}.\[filter\:drop-shadow\(0_2px_2px_var\(--effect-shadow-sm\)\)_drop-shadow\(0_4px_3px_var\(--effect-shadow-sm\)\)\]{filter:drop-shadow(0 2px 2px var(--effect-shadow-sm)) drop-shadow(0 4px 3px var(--effect-shadow-sm))}.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,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\,border-color\,box-shadow\]{transition-property:background-color,border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,box-shadow\,border-radius\]{transition-property:background-color,border-color,color,box-shadow,border-radius;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,box-shadow\,transform\]{transition-property:background-color,border-color,color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,box-shadow\]{transition-property:background-color,border-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\]{transition-property:background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,box-shadow\]{transition-property:background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,box-shadow\]{transition-property:background-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,opacity\]{transition-property:background-color,color,opacity;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\,outline-color\]{transition-property:background-color,outline-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-\[border-color\,background-color\]{transition-property:border-color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,border-radius\]{transition-property:border-color,border-radius;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[box-shadow\,border-color\]{transition-property:box-shadow,border-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\,box-shadow\]{transition-property:color,background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,background-color\]{transition-property:opacity,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,translate\]{transition-property:opacity,translate;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-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-\(--duration-base\){--tw-duration:var(--duration-base);transition-duration:var(--duration-base)}.duration-\(--duration-fast\){--tw-duration:var(--duration-fast);transition-duration:var(--duration-fast)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\(--ease-out\){--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.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)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--card-pad\:calc\(var\(--spacing\)\*3\)\]{--card-pad:calc(var(--spacing) * 3)}.\[--card-pad\:calc\(var\(--spacing\)\*4\)\]{--card-pad:calc(var(--spacing) * 4)}:is(.\*\:pointer-events-auto>*){pointer-events:auto}:is(.\*\:flex-1>*){flex:1}:is(.\*\:opacity-45>*){opacity:.45}:is(.\*\: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))}:is(.\*\:duration-\(--duration-fast\)>*){--tw-duration:var(--duration-fast);transition-duration:var(--duration-fast)}:is(.\*\:ease-\(--ease-out\)>*){--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){:is(:where(.group\/row):hover .group-hover\/row\:rounded-xl){border-radius:var(--radius-xl)}:is(:where(.group\/row):hover .group-hover\/row\:rounded-l-xl){border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}:is(:where(.group\/row):hover .group-hover\/row\:rounded-r-xl){border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}:is(:where(.group\/row):hover .group-hover\/row\:bg-bg-hover){background-color:var(--bg-hover)}:is(:where(.group\/row):hover .group-hover\/row\:\[box-shadow\:inset_-1px_0_0_var\(--border-strong\)\,inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset -1px 0 0 var(--border-strong),inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}:is(:where(.group\/row):hover .group-hover\/row\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\]){box-shadow:inset 0 0 0 1px var(--border-strong)}:is(:where(.group\/row):hover .group-hover\/row\:\[box-shadow\:inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}:is(:where(.group\/row):hover .group-hover\/row\:\[box-shadow\:inset_1px_0_0_var\(--border-strong\)\,inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset 1px 0 0 var(--border-strong),inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}}:is(:where(.group\/tab):focus-visible .group-focus-visible\/tab\:\[box-shadow\:inset_0_0_0_1\.5px_var\(--border-focus\)\]){box-shadow:inset 0 0 0 1.5px var(--border-focus)}:is(:where(.group\/attachment):active .group-active\/attachment\:bg-bg-card){background-color:var(--bg-card)}:is(:where(.group\/rank)[data-dragging] .group-data-dragging\/rank\:text-text-muted){color:var(--text-muted)}:is(:where(.group\/tab)[data-force=focus] .group-data-\[force\=focus\]\/tab\:\[box-shadow\:inset_0_0_0_1\.5px_var\(--border-focus\)\]){box-shadow:inset 0 0 0 1.5px var(--border-focus)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:rounded-xl){border-radius:var(--radius-xl)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:rounded-l-xl){border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:rounded-r-xl){border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:bg-bg-hover){background-color:var(--bg-hover)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:\[box-shadow\:inset_-1px_0_0_var\(--border-strong\)\,inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset -1px 0 0 var(--border-strong),inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\]){box-shadow:inset 0 0 0 1px var(--border-strong)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:\[box-shadow\:inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:\[box-shadow\:inset_1px_0_0_var\(--border-strong\)\,inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset 1px 0 0 var(--border-strong),inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}:is(:where(.group\/attachment)[data-force=pressed] .group-data-\[force\=pressed\]\/attachment\:bg-bg-card){background-color:var(--bg-card)}:is(:where(.group\/tab)[data-state=active] .group-data-\[state\=active\]\/tab\:bg-action-primary-bg){background-color:var(--action-primary-bg)}@media (hover:hover){:is(:where(.group\/tab):hover :is(:where(.group\/tab)[data-state=inactive] .group-data-\[state\=inactive\]\/tab\:group-hover\/tab\:bg-border-strong)){background-color:var(--border-strong)}}:is(:where(.group\/tab)[data-force=hover] :is(:where(.group\/tab)[data-state=inactive] .group-data-\[state\=inactive\]\/tab\:group-data-\[force\=hover\]\/tab\:bg-border-strong)){background-color:var(--border-strong)}:is(:where(.group)[data-state=open] .group-data-\[state\=open\]\:rotate-180){rotate:180deg}:is(:where(.group\/sidebar-group)[data-state=open] .group-data-\[state\=open\]\/sidebar-group\:rotate-90),:is(:where(.group\/sub-group)[data-state=open] .group-data-\[state\=open\]\/sub-group\:rotate-90){rotate:90deg}:is(:where(.peer):disabled~.peer-disabled\:opacity-50){opacity:.5}:is(:where(.peer)[data-disabled]~.peer-data-disabled\:text-text-subtle),:is(:is(:where(.peer)[data-disabled]~.peer-data-disabled\:\*\:text-text-subtle)>*){color:var(--text-subtle)}.selection\:bg-transparent ::selection{background-color:#0000}.selection\:bg-transparent::selection{background-color:#0000}.placeholder\:text-text-muted::placeholder{color:var(--text-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:rounded-\[inherit\]:after{content:var(--tw-content);border-radius:inherit}.not-last\:after\:block:not(:last-child):after{content:var(--tw-content);display:block}.not-last\:after\:h-px:not(:last-child):after{content:var(--tw-content);height:1px}.not-last\:after\:bg-bg-muted:not(:last-child):after{content:var(--tw-content);background-color:var(--bg-muted)}@media (hover:hover){.hover\:border-border-strong:hover{border-color:var(--border-strong)}.hover\:border-text-subtle:hover{border-color:var(--text-subtle)}.hover\:bg-action-inverse-bg-hover:hover{background-color:var(--action-inverse-bg-hover)}.hover\:bg-action-primary-bg-hover:hover{background-color:var(--action-primary-bg-hover)}.hover\:bg-bg-canvas:hover{background-color:var(--bg-canvas)}.hover\:bg-bg-hover:hover{background-color:var(--bg-hover)}.hover\:text-text-default:hover{color:var(--text-default)}.hover\:opacity-100:hover{opacity:1}.hover\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\]:hover{box-shadow:inset 0 0 0 1px var(--border-strong)}.hover\:\[filter\:drop-shadow\(0_1px_1px_var\(--effect-shadow-sm\)\)_drop-shadow\(0_1px_1\.5px_var\(--effect-shadow-sm\)\)\]:hover{filter:drop-shadow(0 1px 1px var(--effect-shadow-sm)) drop-shadow(0 1px 1.5px var(--effect-shadow-sm))}}.focus-visible\:bg-bg-hover:focus-visible{background-color:var(--bg-hover)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:shadow-border-focus:focus-visible{--tw-shadow:0px 0px 0px 2px var(--tw-shadow-color,var(--action-focus-ring));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(0px + 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)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + 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)}.focus-visible\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible{box-shadow:0 0 0 2px var(--action-focus-ring)}.focus-visible\:\[box-shadow\:inset_0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible{box-shadow:inset 0 0 0 2px var(--action-focus-ring)}.focus-visible\:\[box-shadow\:none\]:focus-visible{box-shadow:none}.focus-visible\:ring-action-focus-ring:focus-visible{--tw-ring-color:var(--action-focus-ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.97\]:active{scale:.97}.active\:cursor-grabbing:active{cursor:grabbing}.active\:border-border-strong:active{border-color:var(--border-strong)}.active\:bg-bg-muted:active{background-color:var(--bg-muted)}.not-aria-expanded\:active\:scale-\[0\.97\]:not([aria-expanded=true]):active{scale:.97}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:rounded-md:disabled{border-radius:var(--radius-md)}.disabled\:border-border-default:disabled{border-color:var(--border-default)}.disabled\:bg-bg-muted:disabled{background-color:var(--bg-muted)}.disabled\:text-text-subtle:disabled{color:var(--text-subtle)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\]:disabled{box-shadow:0 0 0 1px var(--border-strong)}.has-disabled\:cursor-not-allowed:has(:disabled),.has-data-disabled\:cursor-not-allowed:has([data-disabled]){cursor:not-allowed}.has-\[\[data-attachment-main\]\:focus-visible\]\:border-border-default:has([data-attachment-main]:focus-visible){border-color:var(--border-default)}.has-\[\[data-attachment-main\]\:focus-visible\]\:bg-bg-popover:has([data-attachment-main]:focus-visible){background-color:var(--bg-popover)}.has-\[\[data-attachment-main\]\:focus-visible\]\:\[box-shadow\:0_1px_2px_0_var\(--effect-shadow-xs\)\,0_0_0_2px_var\(--action-focus-ring\)\]:has([data-attachment-main]:focus-visible){box-shadow:0 1px 2px 0 var(--effect-shadow-xs),0 0 0 2px var(--action-focus-ring)}.has-\[button\:focus-visible\]\:border-border-strong:has(:is(button:focus-visible)){border-color:var(--border-strong)}.has-\[button\:focus-visible\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:has(:is(button:focus-visible)){box-shadow:0 0 0 2px var(--action-focus-ring)}.has-\[input\:focus-visible\]\:border-border-focus:has(:is(input:focus-visible)){border-color:var(--border-focus)}.has-\[input\:focus-visible\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:has(:is(input:focus-visible)){box-shadow:0 0 0 2px var(--action-focus-ring)}.has-\[textarea\:focus\]\:border-border-strong:has(:is(textarea:focus)),.has-\[textarea\:focus-visible\]\:border-border-strong:has(:is(textarea:focus-visible)){border-color:var(--border-strong)}.has-\[textarea\:focus-visible\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:has(:is(textarea:focus-visible)){box-shadow:0 0 0 2px var(--action-focus-ring)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-expanded\:\[transition-property\:background-color\,border-color\,color\,box-shadow\][aria-expanded=true]{transition-property:background-color,border-color,color,box-shadow}.aria-pressed\:bg-border-input[aria-pressed=true]{background-color:var(--border-input)}.aria-\[current\=page\]\:font-medium[aria-current=page]{--tw-font-weight:510;font-weight:510}.aria-\[current\=page\]\:text-text-default[aria-current=page]{color:var(--text-default)}@media (hover:hover){.aria-\[current\=page\]\:hover\:bg-transparent[aria-current=page]:hover{background-color:#0000}}.data-active\:bg-bg-selected[data-active]{background-color:var(--bg-selected)}.data-active\:bg-border-input[data-active]{background-color:var(--border-input)}.data-active\:text-text-default[data-active]{color:var(--text-default)}.data-dragging\:cursor-grabbing[data-dragging]{cursor:grabbing}.data-dragging\:border-border-strong[data-dragging]{border-color:var(--border-strong)}.data-dragging\:\[box-shadow\:0_4px_6px_-1px_var\(--effect-shadow-sm\)\,0_2px_4px_-2px_var\(--effect-shadow-sm\)\][data-dragging]{box-shadow:0 4px 6px -1px var(--effect-shadow-sm),0 2px 4px -2px var(--effect-shadow-sm)}.data-filled\:border-border-strong[data-filled]{border-color:var(--border-strong)}.data-highlighted\:bg-bg-hover[data-highlighted]{background-color:var(--bg-hover)}.data-highlighted\:bg-bg-selected[data-highlighted]{background-color:var(--bg-selected)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:border-border-strong[data-disabled]{border-color:var(--border-strong)}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\]\:\[box-shadow\:none\][data-disabled]{box-shadow:none}@media (hover:hover){.data-\[disabled\]\:hover\:border-border-strong[data-disabled]:hover{border-color:var(--border-strong)}}.data-\[dragging\]\:border-status-brand-border[data-dragging]{border-color:var(--status-brand-border)}.data-\[dragging\]\:bg-bg-hover[data-dragging]{background-color:var(--bg-hover)}.data-\[force\=focus\]\:border-border-default[data-force=focus]{border-color:var(--border-default)}.data-\[force\=focus\]\:bg-bg-hover[data-force=focus]{background-color:var(--bg-hover)}.data-\[force\=focus\]\:bg-bg-popover[data-force=focus]{background-color:var(--bg-popover)}.data-\[force\=focus\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 2px var(--action-focus-ring)}.data-\[force\=focus\]\:\[box-shadow\:0_1px_2px_0_var\(--effect-shadow-xs\)\,0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 1px 2px 0 var(--effect-shadow-xs),0 0 0 2px var(--action-focus-ring)}.data-\[force\=hover\]\:bg-bg-hover[data-force=hover]{background-color:var(--bg-hover)}.data-\[force\=hover\]\:bg-bg-selected[data-force=hover]{background-color:var(--bg-selected)}.data-\[force\=hover\]\:\[filter\:drop-shadow\(0_1px_1px_var\(--effect-shadow-sm\)\)_drop-shadow\(0_1px_1\.5px_var\(--effect-shadow-sm\)\)\][data-force=hover]{filter:drop-shadow(0 1px 1px var(--effect-shadow-sm)) drop-shadow(0 1px 1.5px var(--effect-shadow-sm))}.data-\[highlighted\]\:bg-bg-selected[data-highlighted],.data-\[selected\]\:bg-bg-selected[data-selected],.data-\[state\=active\]\:bg-bg-selected[data-state=active]{background-color:var(--bg-selected)}.data-\[state\=active\]\:text-text-default[data-state=active]{color:var(--text-default)}.data-\[state\=checked\]\:border-action-primary-bg[data-state=checked]{border-color:var(--action-primary-bg)}.data-\[state\=checked\]\:bg-action-primary-bg[data-state=checked]{background-color:var(--action-primary-bg)}.data-\[state\=checked\]\:bg-bg-selected[data-state=checked]{background-color:var(--bg-selected)}.data-\[state\=checked\]\:\[box-shadow\:none\][data-state=checked]{box-shadow:none}.data-\[state\=checked\]\:focus-visible\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][data-state=checked]:focus-visible{box-shadow:0 0 0 2px var(--action-focus-ring)}.data-\[state\=closed\]\:animate-\[satin-fade-out_var\(--duration-base\)_var\(--ease-out\)\][data-state=closed]{animation:satin-fade-out var(--duration-base) var(--ease-out)}.data-\[state\=closed\]\:animate-\[satin-sheet-down_var\(--duration-base\)_var\(--ease-out\)\][data-state=closed]{animation:satin-sheet-down var(--duration-base) var(--ease-out)}.data-\[state\=closed\]\:animate-\[satin-sheet-right_var\(--duration-base\)_var\(--ease-out\)\][data-state=closed]{animation:satin-sheet-right var(--duration-base) var(--ease-out)}.data-\[state\=closed\]\:animate-\[satin-sheet-to-left_var\(--duration-base\)_var\(--ease-out\)\][data-state=closed]{animation:satin-sheet-to-left var(--duration-base) var(--ease-out)}.data-\[state\=on\]\:rounded-lg[data-state=on]{border-radius:var(--radius-lg)}.data-\[state\=on\]\:border-border-strong[data-state=on]{border-color:var(--border-strong)}.data-\[state\=on\]\:bg-action-secondary-bg-pressed[data-state=on]{background-color:var(--action-secondary-bg-pressed)}.data-\[state\=on\]\:bg-component-segmented-selected[data-state=on]{background-color:var(--component-segmented-selected)}.data-\[state\=on\]\:text-text-default[data-state=on]{color:var(--text-default)}.data-\[state\=on\]\:\[box-shadow\:0_1px_3px_0_var\(--effect-shadow-sm\)\,0_1px_2px_-1px_var\(--effect-shadow-sm\)\][data-state=on]{box-shadow:0 1px 3px 0 var(--effect-shadow-sm),0 1px 2px -1px var(--effect-shadow-sm)}.disabled\:data-\[state\=on\]\:rounded-md:disabled[data-state=on]{border-radius:var(--radius-md)}.disabled\:data-\[state\=on\]\:border-border-default:disabled[data-state=on]{border-color:var(--border-default)}.disabled\:data-\[state\=on\]\:bg-action-secondary-bg-pressed:disabled[data-state=on]{background-color:var(--action-secondary-bg-pressed)}.data-\[state\=open\]\:\[animation\:satin-enter_var\(--duration-fast\)_var\(--ease-out\)\][data-state=open]{animation:satin-enter var(--duration-fast) var(--ease-out)}.data-\[state\=open\]\:animate-\[satin-enter_var\(--duration-base\)_var\(--ease-out\)\][data-state=open]{animation:satin-enter var(--duration-base) var(--ease-out)}.data-\[state\=open\]\:animate-\[satin-fade-in_var\(--duration-slow\)_var\(--ease-out\)\][data-state=open]{animation:satin-fade-in var(--duration-slow) var(--ease-out)}.data-\[state\=open\]\:animate-\[satin-sheet-from-left_var\(--duration-slow\)_var\(--ease-out\)\][data-state=open]{animation:satin-sheet-from-left var(--duration-slow) var(--ease-out)}.data-\[state\=open\]\:animate-\[satin-sheet-left_var\(--duration-slow\)_var\(--ease-out\)\][data-state=open]{animation:satin-sheet-left var(--duration-slow) var(--ease-out)}.data-\[state\=open\]\:animate-\[satin-sheet-up_var\(--duration-slow\)_var\(--ease-out\)\][data-state=open]{animation:satin-sheet-up var(--duration-slow) var(--ease-out)}.data-\[state\=open\]\:bg-action-secondary-bg-hover[data-state=open]{background-color:var(--action-secondary-bg-hover)}.data-\[state\=open\]\:bg-bg-selected[data-state=open]{background-color:var(--bg-selected)}.data-\[state\=open\]\:bg-border-input[data-state=open]{background-color:var(--border-input)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=cancel\]\:transition-\[translate\][data-swipe=cancel]{transition-property:translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.data-\[swipe\=cancel\]\:duration-\(--duration-base\)[data-swipe=cancel]{--tw-duration:var(--duration-base);transition-duration:var(--duration-base)}.data-\[swipe\=cancel\]\:ease-\(--ease-out\)[data-swipe=cancel]{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.data-\[swipe\=end\]\:translate-x-\(--radix-toast-swipe-end-x\)[data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\(--radix-toast-swipe-move-x\)[data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[visible\]\:translate-x-0[data-visible]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[visible\]\:translate-y-0[data-visible]{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[visible\]\:opacity-100[data-visible]{opacity:1}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@container (min-width:560px){.\@min-\[560px\]\:flex{display:flex}.\@min-\[560px\]\:grid{display:grid}.\@min-\[560px\]\:flex-1{flex:1}.\@min-\[560px\]\:auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.\@min-\[560px\]\:grid-flow-col{grid-auto-flow:column}.\@min-\[560px\]\:flex-col{flex-direction:column}.\@min-\[560px\]\:flex-row{flex-direction:row}.\@min-\[560px\]\:gap-1{gap:var(--spacing)}.\@min-\[560px\]\:gap-8{gap:calc(var(--spacing) * 8)}.\@min-\[560px\]\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.\@min-\[560px\]\:px-0{padding-inline:0}}.dark\:border-action-inverse-bg-pressed:is(.dark *){border-color:var(--action-inverse-bg-pressed)}.dark\:bg-\[var\(--code-line-highlight\,rgba\(255\,255\,255\,0\.06\)\)\]:is(.dark *){background-color:var(--code-line-highlight,#ffffff0f)}.dark\:bg-text-default:is(.dark *){background-color:var(--text-default)}.dark\:text-\[var\(--code-function\,\#a78bfa\)\]:is(.dark *){color:var(--code-function,#a78bfa)}.dark\:text-\[var\(--code-keyword\,\#f87171\)\]:is(.dark *){color:var(--code-keyword,#f87171)}.dark\:text-\[var\(--code-line-number\,\#71717a\)\]:is(.dark *){color:var(--code-line-number,#71717a)}.dark\:text-\[var\(--code-parameter\,\#fcd34d\)\]:is(.dark *){color:var(--code-parameter,#fcd34d)}.dark\:text-\[var\(--code-plain\,\#fafafa\)\]:is(.dark *){color:var(--code-plain,#fafafa)}.dark\:text-\[var\(--code-string\,\#7dd3fc\)\]:is(.dark *){color:var(--code-string,#7dd3fc)}.dark\:text-\[var\(--code-variable\,\#38bdf8\)\]:is(.dark *){color:var(--code-variable,#38bdf8)}@starting-style{.starting\:opacity-0{opacity:0}.data-\[side\=bottom\]\:starting\:-translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:starting\:translate-x-1[data-side=left]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:starting\:-translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:starting\:translate-y-1[data-side=top]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}}.satin-hover\:rounded-lg:hover,.satin-hover\:rounded-lg[data-force=hover]{border-radius:var(--radius-lg)}.satin-hover\:border-border-strong:hover,.satin-hover\:border-border-strong[data-force=hover]{border-color:var(--border-strong)}.satin-hover\:bg-action-destructive-bg-hover:hover,.satin-hover\:bg-action-destructive-bg-hover[data-force=hover]{background-color:var(--action-destructive-bg-hover)}.satin-hover\:bg-action-inverse-bg-hover:hover,.satin-hover\:bg-action-inverse-bg-hover[data-force=hover]{background-color:var(--action-inverse-bg-hover)}.satin-hover\:bg-action-primary-bg-hover:hover,.satin-hover\:bg-action-primary-bg-hover[data-force=hover]{background-color:var(--action-primary-bg-hover)}.satin-hover\:bg-action-secondary-bg:hover,.satin-hover\:bg-action-secondary-bg[data-force=hover]{background-color:var(--action-secondary-bg)}.satin-hover\:bg-action-secondary-bg-hover:hover,.satin-hover\:bg-action-secondary-bg-hover[data-force=hover]{background-color:var(--action-secondary-bg-hover)}.satin-hover\:bg-bg-canvas:hover,.satin-hover\:bg-bg-canvas[data-force=hover]{background-color:var(--bg-canvas)}.satin-hover\:bg-bg-hover:hover,.satin-hover\:bg-bg-hover[data-force=hover]{background-color:var(--bg-hover)}.satin-hover\:bg-bg-muted:hover,.satin-hover\:bg-bg-muted[data-force=hover]{background-color:var(--bg-muted)}.satin-hover\:bg-border-input:hover,.satin-hover\:bg-border-input[data-force=hover]{background-color:var(--border-input)}.satin-hover\:bg-tone-border:hover,.satin-hover\:bg-tone-border[data-force=hover]{background-color:var(--tone-border)}.satin-hover\:text-text-default:hover,.satin-hover\:text-text-default[data-force=hover]{color:var(--text-default)}.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]:hover,.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\][data-force=hover]{box-shadow:0 0 0 1px var(--action-destructive-bg-hover),0 3px 6px 0 var(--action-primary-shadow)}.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]:hover,.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\][data-force=hover]{box-shadow:0 0 0 1px var(--action-inverse-bg-hover),0 3px 6px 0 var(--action-primary-shadow)}.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]:hover,.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\][data-force=hover]{box-shadow:0 0 0 1px var(--action-primary-bg-hover),0 3px 6px 0 var(--action-primary-shadow)}.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\,0_1px_2px_1px_var\(--effect-shadow-xs\)\]:hover,.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\,0_1px_2px_1px_var\(--effect-shadow-xs\)\][data-force=hover]{box-shadow:0 0 0 1px var(--border-strong),0 1px 2px 1px var(--effect-shadow-xs)}.not-data-active\:satin-hover\:bg-bg-muted:not([data-active]):hover,.not-data-active\:satin-hover\:bg-bg-muted:not([data-active])[data-force=hover]{background-color:var(--bg-muted)}.not-data-active\:satin-hover\:text-text-default:not([data-active]):hover,.not-data-active\:satin-hover\:text-text-default:not([data-active])[data-force=hover]{color:var(--text-default)}.data-\[state\=inactive\]\:satin-hover\:bg-bg-muted[data-state=inactive]:hover,.data-\[state\=inactive\]\:satin-hover\:bg-bg-muted[data-state=inactive][data-force=hover]{background-color:var(--bg-muted)}.data-\[state\=on\]\:satin-hover\:border-border-strong[data-state=on]:hover,.data-\[state\=on\]\:satin-hover\:border-border-strong[data-state=on][data-force=hover]{border-color:var(--border-strong)}.data-\[state\=on\]\:satin-hover\:bg-action-secondary-bg-pressed[data-state=on]:hover,.data-\[state\=on\]\:satin-hover\:bg-action-secondary-bg-pressed[data-state=on][data-force=hover]{background-color:var(--action-secondary-bg-pressed)}.satin-focus\:rounded-lg:focus-visible,.satin-focus\:rounded-lg[data-force=focus]{border-radius:var(--radius-lg)}.satin-focus\:border-action-primary-bg:focus-visible,.satin-focus\:border-action-primary-bg[data-force=focus]{border-color:var(--action-primary-bg)}.satin-focus\:border-border-strong:focus-visible,.satin-focus\:border-border-strong[data-force=focus]{border-color:var(--border-strong)}.satin-focus\:bg-bg-hover:focus-visible,.satin-focus\:bg-bg-hover[data-force=focus]{background-color:var(--bg-hover)}.satin-focus\:bg-bg-popover:focus-visible,.satin-focus\:bg-bg-popover[data-force=focus]{background-color:var(--bg-popover)}.satin-focus\:text-text-default:focus-visible,.satin-focus\:text-text-default[data-force=focus]{color:var(--text-default)}.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 1px var(--action-destructive-bg),0 3px 6px 0 var(--action-primary-shadow),0 0 0 2px var(--action-focus-ring)}.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 1px var(--action-inverse-bg),0 3px 6px 0 var(--action-primary-shadow),0 0 0 2px var(--action-focus-ring)}.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 1px var(--action-primary-bg),0 3px 6px 0 var(--action-primary-shadow),0 0 0 2px var(--action-focus-ring)}.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--border-focus\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--border-focus\)\][data-force=focus]{box-shadow:0 0 0 1px var(--border-focus)}.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\,0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\,0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 1px var(--border-strong),0 0 0 2px var(--action-focus-ring)}.satin-focus\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-focus\:\[box-shadow\:inset_0_0_0_1px_var\(--border-focus\)\]:focus-visible,.satin-focus\:\[box-shadow\:inset_0_0_0_1px_var\(--border-focus\)\][data-force=focus]{box-shadow:inset 0 0 0 1px var(--border-focus)}.satin-focus\:\[box-shadow\:none\]:focus-visible,.satin-focus\:\[box-shadow\:none\][data-force=focus]{box-shadow:none}.data-\[state\=off\]\:satin-focus\:bg-bg-muted[data-state=off]:focus-visible,.data-\[state\=off\]\:satin-focus\:bg-bg-muted[data-state=off][data-force=focus]{background-color:var(--bg-muted)}.data-\[state\=on\]\:satin-focus\:border-action-primary-bg[data-state=on]:focus-visible,.data-\[state\=on\]\:satin-focus\:border-action-primary-bg[data-state=on][data-force=focus]{border-color:var(--action-primary-bg)}.data-\[state\=on\]\:satin-focus\:bg-action-secondary-bg-pressed[data-state=on]:focus-visible,.data-\[state\=on\]\:satin-focus\:bg-action-secondary-bg-pressed[data-state=on][data-force=focus]{background-color:var(--action-secondary-bg-pressed)}.data-\[state\=on\]\:satin-focus\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][data-state=on]:focus-visible,.data-\[state\=on\]\:satin-focus\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][data-state=on][data-force=focus]{box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-pressed\:border-border-strong:active,.satin-pressed\:border-border-strong[data-force=pressed],.satin-pressed\:border-border-strong[aria-haspopup][aria-expanded=true]{border-color:var(--border-strong)}.satin-pressed\:bg-action-destructive-bg-pressed:active,.satin-pressed\:bg-action-destructive-bg-pressed[data-force=pressed],.satin-pressed\:bg-action-destructive-bg-pressed[aria-haspopup][aria-expanded=true]{background-color:var(--action-destructive-bg-pressed)}.satin-pressed\:bg-action-inverse-bg-pressed:active,.satin-pressed\:bg-action-inverse-bg-pressed[data-force=pressed],.satin-pressed\:bg-action-inverse-bg-pressed[aria-haspopup][aria-expanded=true]{background-color:var(--action-inverse-bg-pressed)}.satin-pressed\:bg-action-primary-bg-pressed:active,.satin-pressed\:bg-action-primary-bg-pressed[data-force=pressed],.satin-pressed\:bg-action-primary-bg-pressed[aria-haspopup][aria-expanded=true]{background-color:var(--action-primary-bg-pressed)}.satin-pressed\:bg-action-secondary-bg-pressed:active,.satin-pressed\:bg-action-secondary-bg-pressed[data-force=pressed],.satin-pressed\:bg-action-secondary-bg-pressed[aria-haspopup][aria-expanded=true]{background-color:var(--action-secondary-bg-pressed)}.satin-pressed\:bg-bg-muted:active,.satin-pressed\:bg-bg-muted[data-force=pressed],.satin-pressed\:bg-bg-muted[aria-haspopup][aria-expanded=true]{background-color:var(--bg-muted)}.satin-pressed\:bg-border-input:active,.satin-pressed\:bg-border-input[data-force=pressed],.satin-pressed\:bg-border-input[aria-haspopup][aria-expanded=true]{background-color:var(--border-input)}.satin-pressed\:bg-component-segmented-pressed:active,.satin-pressed\:bg-component-segmented-pressed[data-force=pressed],.satin-pressed\:bg-component-segmented-pressed[aria-haspopup][aria-expanded=true]{background-color:var(--component-segmented-pressed)}.satin-pressed\:bg-tone-border:active,.satin-pressed\:bg-tone-border[data-force=pressed],.satin-pressed\:bg-tone-border[aria-haspopup][aria-expanded=true]{background-color:var(--tone-border)}.satin-pressed\:text-text-default:active,.satin-pressed\:text-text-default[data-force=pressed],.satin-pressed\:text-text-default[aria-haspopup][aria-expanded=true]{color:var(--text-default)}.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-pressed\)\]:active,.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-pressed\)\][data-force=pressed],.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-pressed\)\][aria-haspopup][aria-expanded=true]{box-shadow:0 0 0 1px var(--action-destructive-bg-pressed)}.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-pressed\)\]:active,.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-pressed\)\][data-force=pressed],.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-pressed\)\][aria-haspopup][aria-expanded=true]{box-shadow:0 0 0 1px var(--action-inverse-bg-pressed)}.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-pressed\)\]:active,.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-pressed\)\][data-force=pressed],.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-pressed\)\][aria-haspopup][aria-expanded=true]{box-shadow:0 0 0 1px var(--action-primary-bg-pressed)}.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\]:active,.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\][data-force=pressed],.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\][aria-haspopup][aria-expanded=true]{box-shadow:0 0 0 1px var(--border-strong)}.satin-pressed\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\]:active,.satin-pressed\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\][data-force=pressed],.satin-pressed\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\][aria-haspopup][aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--border-strong)}.satin-pressed\:\[box-shadow\:none\]:active,.satin-pressed\:\[box-shadow\:none\][data-force=pressed],.satin-pressed\:\[box-shadow\:none\][aria-haspopup][aria-expanded=true]{box-shadow:none}.\[\&_\*\]\:text-action-destructive-fg *{color:var(--action-destructive-fg)}.\[\&_\[data-attachment-main\]\]\:flex-1 [data-attachment-main]{flex:1}.\[\&_\[data-attachment-name\]\]\:max-w-none [data-attachment-name]{max-width:none}.\[\&_\[role\=progressbar\]\]\:h-1\.5 [role=progressbar]{height:calc(var(--spacing) * 1.5)}.\[\&_img\]\:size-3\.5 img{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_img\]\:shrink-0 img{flex-shrink:0}.\[\&_input\]\:text-center input{text-align:center}.\[\&_input\]\:tabular-nums input{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\]\:size-icon-size svg{width:var(--icon-size);height:var(--icon-size)}.\[\&_svg\]\:size-icon-size-sm svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:\[stroke-width\:1\.5\] svg{stroke-width:1.5px}.\[\&_svg\]\:\[stroke-width\:1\.875\] svg{stroke-width:1.875px}.\[\&_svg\]\:text-action-primary-fg svg{color:var(--action-primary-fg)}.\[\&_svg\]\:text-text-muted svg{color:var(--text-muted)}.aria-pressed\:\[\&_svg\]\:text-text-subtle[aria-pressed=true] svg{color:var(--text-subtle)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{appearance:none}.\[\&\>\*\]\:size-4>*{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>\*\]\:size-5>*{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&\>\*\]\:shrink-0>*{flex-shrink:0}.\[\&\>\*\]\:rounded-full>*{border-radius:var(--radius-full)}.\[\&\>\:first-child\]\:mt-0\.5>:first-child{margin-top:calc(var(--spacing) * .5)}.\[\&\>\[data-slot\=sidebar-sub-item\]\]\:pl-\[46px\]>[data-slot=sidebar-sub-item]{padding-left:46px}.focus-visible\:\[\&\>div\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible>div{box-shadow:0 0 0 2px var(--action-focus-ring)}.\[\&\>svg\]\:size-2\.5>svg{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:size-icon-size>svg{width:var(--icon-size);height:var(--icon-size)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:\[stroke-width\:1\.875\]>svg{stroke-width:1.875px}.\[\&\>svg\]\:text-text-muted>svg{color:var(--text-muted)}.\[\&\[aria-haspopup\]\[aria-expanded\=true\]\:focus-visible\]\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-pressed\)\,0_0_0_2px_var\(--action-focus-ring\)\][aria-haspopup][aria-expanded=true]:focus-visible{box-shadow:0 0 0 1px var(--action-destructive-bg-pressed),0 0 0 2px var(--action-focus-ring)}.\[\&\[aria-haspopup\]\[aria-expanded\=true\]\:focus-visible\]\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-pressed\)\,0_0_0_2px_var\(--action-focus-ring\)\][aria-haspopup][aria-expanded=true]:focus-visible{box-shadow:0 0 0 1px var(--action-inverse-bg-pressed),0 0 0 2px var(--action-focus-ring)}.\[\&\[aria-haspopup\]\[aria-expanded\=true\]\:focus-visible\]\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-pressed\)\,0_0_0_2px_var\(--action-focus-ring\)\][aria-haspopup][aria-expanded=true]:focus-visible{box-shadow:0 0 0 1px var(--action-primary-bg-pressed),0 0 0 2px var(--action-focus-ring)}.\[\&\[aria-haspopup\]\[aria-expanded\=true\]\:focus-visible\]\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\,0_0_0_2px_var\(--action-focus-ring\)\][aria-haspopup][aria-expanded=true]:focus-visible{box-shadow:0 0 0 1px var(--border-strong),0 0 0 2px var(--action-focus-ring)}.\[\&\[aria-haspopup\]\[aria-expanded\=true\]\:focus-visible\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][aria-haspopup][aria-expanded=true]:focus-visible{box-shadow:0 0 0 2px var(--action-focus-ring)}}:root{--radius:10px;--bg-canvas:var(--color-zinc-50);--bg-card:var(--color-white);--bg-field:var(--color-white);--bg-popover:var(--color-white);--bg-muted:var(--color-zinc-100);--bg-hover:var(--color-zinc-100);--bg-selected:var(--color-selected-light);--bg-card-fade:var(--color-white-a0);--text-default:var(--color-zinc-900);--text-muted:var(--color-text-muted-light);--text-subtle:var(--color-zinc-400);--text-placeholder:var(--color-zinc-300);--text-on-solid:var(--color-white);--text-on-inverse:var(--bg-canvas);--border-default:var(--color-zinc-200);--border-subtle:var(--color-border-subtle-light);--border-strong:var(--color-zinc-300);--border-input:var(--color-zinc-200);--border-focus:var(--color-blue-600);--action-primary-bg:var(--color-blue-600);--action-primary-bg-hover:var(--color-blue-500);--action-primary-bg-pressed:var(--color-blue-700);--action-primary-fg:var(--text-on-solid);--action-primary-border:var(--color-primary-border-light);--action-primary-glow:var(--color-white-a24);--action-primary-shadow:var(--color-black-a20);--action-secondary-bg:var(--color-zinc-100);--action-secondary-bg-hover:var(--color-zinc-100);--action-secondary-bg-pressed:var(--color-zinc-200);--action-destructive-bg:var(--color-red-600);--action-destructive-bg-hover:var(--color-red-500);--action-destructive-bg-pressed:var(--color-red-700);--action-destructive-border:var(--color-red-400);--action-destructive-glow:var(--color-white-a24);--action-destructive-fg:var(--color-red-soft-700);--action-inverse-bg-hover:var(--color-zinc-800);--action-inverse-bg-pressed:var(--color-zinc-950);--action-inverse-border:var(--color-zinc-500);--action-inverse-glow:var(--color-white-a24);--action-inverse-bg:var(--text-default);--action-focus-ring:var(--color-blue-600-a20);--status-neutral-bg:var(--color-zinc-100);--status-neutral-border:var(--color-zinc-200);--status-neutral-fg:var(--color-zinc-600);--status-brand-bg:var(--color-blue-soft-50);--status-brand-border:var(--color-blue-soft-200);--status-brand-fg:var(--color-blue-soft-700);--status-sky-bg:var(--color-sky-soft-50);--status-sky-border:var(--color-sky-soft-200);--status-sky-fg:var(--color-sky-soft-700);--status-green-bg:var(--color-green-soft-50);--status-green-border:var(--color-green-soft-200);--status-green-fg:var(--color-green-soft-700);--status-amber-bg:var(--color-amber-soft-50);--status-amber-border:var(--color-amber-soft-200);--status-amber-fg:var(--color-amber-soft-700);--status-red-bg:var(--color-red-soft-50);--status-red-border:var(--color-red-soft-200);--status-red-fg:var(--color-red-soft-700);--status-fuchsia-bg:var(--color-fuchsia-soft-50);--status-fuchsia-border:var(--color-fuchsia-soft-200);--status-fuchsia-fg:var(--color-fuchsia-soft-700);--status-plum-bg:var(--color-pink-soft-50);--status-plum-border:var(--color-pink-soft-200);--status-plum-fg:var(--color-pink-soft-700);--effect-shadow-ambient:var(--color-black-a6);--effect-shadow-xs:var(--color-black-a5);--effect-shadow-sm:var(--color-black-a8);--effect-shadow-md:var(--color-black-a14);--effect-shadow-lg:var(--color-black-a18);--effect-highlight-top:var(--color-transparent);--chart-1:var(--color-teal-600);--chart-2:var(--color-cyan-500);--chart-3:var(--color-sky-600);--chart-4:var(--color-indigo-500);--chart-5:var(--color-violet-500);--component-table-zebra:var(--color-zinc-50);--component-table-header:var(--color-zinc-50);--component-segmented-selected:var(--bg-card);--component-segmented-pressed:var(--color-black-a5);--component-rail-center:var(--color-border-subtle-light);--component-rail-edge:var(--color-border-subtle-light-a25);--component-highlight-hover-from:var(--color-teal-50-a20);--component-highlight-hover-to:var(--color-teal-200-a55);--component-highlight-surface-from:var(--color-teal-50-a20);--component-highlight-surface-to:var(--color-teal-50);--component-switch-on:var(--color-green-soft-700);--component-switch-on-hover:var(--color-green-soft-600);--component-kbd-bg:var(--bg-card);--control-height-xs:24px;--control-height:28px;--control-height-lg:32px;--control-height-xl:36px;--menu-row:32px;--toast-height:36px;--icon-size-sm:14px;--icon-size:16px}.dark{--bg-canvas:var(--color-zinc-950);--bg-card:var(--color-card-dark);--bg-field:var(--color-surface-dark);--bg-popover:var(--color-popover-dark);--bg-muted:var(--color-zinc-800);--bg-hover:var(--color-zinc-800);--bg-selected:var(--color-selected-dark);--bg-card-fade:var(--color-card-dark-a0);--text-default:var(--color-zinc-50);--text-muted:var(--color-zinc-400);--text-subtle:var(--color-zinc-500);--text-placeholder:var(--color-zinc-600);--text-on-solid:var(--color-white);--text-on-inverse:var(--bg-canvas);--border-default:var(--color-border-dark);--border-subtle:var(--color-border-subtle-dark);--border-strong:var(--color-border-strong-dark);--border-input:var(--color-border-strong-dark);--border-focus:var(--color-primary-hover-dark);--action-primary-bg:var(--color-primary-dark);--action-primary-bg-hover:var(--color-primary-hover-dark);--action-primary-bg-pressed:var(--color-primary-pressed-dark);--action-primary-fg:var(--text-on-solid);--action-primary-border:var(--color-primary-border-dark);--action-primary-glow:var(--color-white-a24);--action-primary-shadow:var(--color-black-a40);--action-secondary-bg:var(--color-zinc-800);--action-secondary-bg-hover:var(--color-secondary-hover-dark);--action-secondary-bg-pressed:var(--color-secondary-pressed-dark);--action-destructive-bg:var(--color-red-600);--action-destructive-bg-hover:var(--color-red-400);--action-destructive-bg-pressed:var(--color-red-600);--action-destructive-border:var(--color-red-300);--action-destructive-glow:var(--color-white-a24);--action-destructive-fg:var(--color-red-400);--action-inverse-bg-hover:var(--color-zinc-200);--action-inverse-bg-pressed:var(--color-zinc-300);--action-inverse-border:var(--color-zinc-200);--action-inverse-glow:var(--color-white-a24);--action-inverse-bg:var(--text-default);--action-focus-ring:var(--color-primary-focus-dark);--status-neutral-bg:var(--color-zinc-800);--status-neutral-border:var(--color-border-dark);--status-neutral-fg:var(--color-zinc-300);--status-brand-bg:var(--color-blue-soft-950);--status-brand-border:var(--color-blue-soft-900);--status-brand-fg:var(--color-blue-soft-300);--status-sky-bg:var(--color-sky-soft-950);--status-sky-border:var(--color-sky-soft-900);--status-sky-fg:var(--color-sky-soft-300);--status-green-bg:var(--color-green-soft-950);--status-green-border:var(--color-green-soft-900);--status-green-fg:var(--color-green-soft-300);--status-amber-bg:var(--color-amber-soft-950);--status-amber-border:var(--color-amber-soft-900);--status-amber-fg:var(--color-amber-soft-300);--status-red-bg:var(--color-red-soft-950);--status-red-border:var(--color-red-soft-900);--status-red-fg:var(--color-red-soft-300);--status-fuchsia-bg:var(--color-fuchsia-soft-950);--status-fuchsia-border:var(--color-fuchsia-soft-900);--status-fuchsia-fg:var(--color-fuchsia-soft-300);--status-plum-bg:var(--color-pink-soft-950);--status-plum-border:var(--color-pink-soft-900);--status-plum-fg:var(--color-pink-soft-300);--effect-shadow-ambient:var(--color-black-a12);--effect-shadow-xs:var(--color-black-a10);--effect-shadow-sm:var(--color-black-a16);--effect-shadow-md:var(--color-black-a28);--effect-shadow-lg:var(--color-black-a36);--effect-highlight-top:var(--color-white-a6);--chart-1:var(--color-teal-400);--chart-2:var(--color-cyan-400);--chart-3:var(--color-sky-400);--chart-4:var(--color-indigo-400);--chart-5:var(--color-violet-400);--component-table-zebra:var(--color-surface-dark);--component-table-header:var(--color-card-dark);--component-segmented-selected:var(--color-segmented-selected-dark);--component-segmented-pressed:var(--color-white-a6);--component-rail-center:var(--color-white-a10);--component-rail-edge:var(--color-white-a3);--component-highlight-hover-from:var(--color-teal-950-a20);--component-highlight-hover-to:var(--color-teal-500-a55);--component-highlight-surface-from:var(--color-teal-950-a20);--component-highlight-surface-to:var(--color-teal-950);--component-switch-on:var(--color-green-soft-600);--component-switch-on-hover:var(--color-green-soft-500);--component-kbd-bg:var(--bg-muted)}:root,[data-tone=neutral]{--tone-bg:var(--status-neutral-bg);--tone-border:var(--status-neutral-border);--tone-fg:var(--status-neutral-fg)}[data-tone=brand]{--tone-bg:var(--status-brand-bg);--tone-border:var(--status-brand-border);--tone-fg:var(--status-brand-fg)}[data-tone=sky]{--tone-bg:var(--status-sky-bg);--tone-border:var(--status-sky-border);--tone-fg:var(--status-sky-fg)}[data-tone=green]{--tone-bg:var(--status-green-bg);--tone-border:var(--status-green-border);--tone-fg:var(--status-green-fg)}[data-tone=amber]{--tone-bg:var(--status-amber-bg);--tone-border:var(--status-amber-border);--tone-fg:var(--status-amber-fg)}[data-tone=red]{--tone-bg:var(--status-red-bg);--tone-border:var(--status-red-border);--tone-fg:var(--status-red-fg)}[data-tone=fuchsia]{--tone-bg:var(--status-fuchsia-bg);--tone-border:var(--status-fuchsia-border);--tone-fg:var(--status-fuchsia-fg)}[data-tone=plum]{--tone-bg:var(--status-plum-bg);--tone-border:var(--status-plum-border);--tone-fg:var(--status-plum-fg)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes satin-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.satin-collapsible[data-state=open]{animation:satin-enter var(--duration-base) var(--ease-out)}@keyframes satin-shimmer{70%,to{background-position:0 0}}@keyframes satin-fade-in{0%{opacity:0}}@keyframes satin-fade-out{to{opacity:0}}@keyframes satin-sheet-up{0%{transform:translateY(100%)}}@keyframes satin-sheet-down{to{transform:translateY(100%)}}@keyframes satin-sheet-left{0%{transform:translate(100%)}}@keyframes satin-sheet-right{to{transform:translate(100%)}}@keyframes satin-sheet-from-left{0%{transform:translate(-100%)}}@keyframes satin-sheet-to-left{to{transform:translate(-100%)}}@keyframes satin-skeleton{0%{transform:translate(-100%)}to{transform:translate(100%)}}.satin-skeleton[data-animated]:after{content:"";background:linear-gradient(90deg, transparent, var(--text-default), transparent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.satin-skeleton[data-animated]:after{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--text-default) 6%, transparent), transparent)}}.satin-skeleton[data-animated]:after{animation:satin-skeleton 1.6s var(--ease-in-out) infinite}@keyframes satin-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes satin-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes satin-accordion-content-in{0%{opacity:.92;transform:scale(.98)}}@keyframes satin-accordion-content-out{to{opacity:.92;transform:scale(.98)}}.satin-accordion-content{overflow:hidden}.satin-accordion-content[data-state=open]{animation:satin-accordion-down var(--duration-slow) var(--ease-out)}.satin-accordion-content[data-state=closed]{animation:satin-accordion-up var(--duration-base) var(--ease-out)}.satin-accordion-content>*{transform-origin:top}.satin-accordion-content[data-state=open]>*{animation:satin-accordion-content-in var(--duration-slow) var(--ease-out)}.satin-accordion-content[data-state=closed]>*{animation:satin-accordion-content-out var(--duration-base) var(--ease-out)}.satin-expand{visibility:hidden;transition:grid-template-rows var(--duration-base) var(--ease-out), visibility 0s linear var(--duration-base);grid-template-rows:0fr;display:grid}.satin-expand[data-state=open]{visibility:visible;transition:grid-template-rows var(--duration-slow) var(--ease-out), visibility 0s;grid-template-rows:1fr}.satin-expand>*{opacity:.92;transform-origin:top;min-height:0;transition:opacity var(--duration-base) var(--ease-out), scale var(--duration-base) var(--ease-out);overflow:hidden;scale:.98}.satin-expand[data-state=open]>*{opacity:1;transition-duration:var(--duration-slow);scale:none}@keyframes satin-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes satin-page-fade-in{0%{opacity:0}}@keyframes satin-page-fade-out{to{opacity:0}}@keyframes satin-page-in-next{0%{transform:translate(100%)}}@keyframes satin-page-in-prev{0%{transform:translate(-100%)}}@keyframes satin-page-out-next{to{transform:translate(-100%)}}@keyframes satin-page-out-prev{to{transform:translate(100%)}}.satin-page-text[data-motion=fade][data-phase=out]{animation:satin-page-fade-out .1s var(--ease-out) both}.satin-page-text[data-motion=fade][data-phase=in]{animation:satin-page-fade-in var(--duration-base) var(--ease-out) 80ms both}.satin-page-text[data-motion=scroll][data-phase][data-dir]{animation-duration:var(--duration-slow);animation-timing-function:var(--ease-out);animation-fill-mode:both}.satin-page-text[data-motion=scroll][data-phase=in][data-dir=next]{animation-name:satin-page-in-next}.satin-page-text[data-motion=scroll][data-phase=in][data-dir=prev]{animation-name:satin-page-in-prev}.satin-page-text[data-motion=scroll][data-phase=out][data-dir=next]{animation-name:satin-page-out-next}.satin-page-text[data-motion=scroll][data-phase=out][data-dir=prev]{animation-name:satin-page-out-prev}.satin-stream-unit{opacity:0}.satin-stream-unit[data-on]{opacity:1}.satin-stream[data-reveal=blur] .satin-stream-unit[data-on]{animation:satin-stream-blur .22s var(--ease-out) backwards}.satin-stream[data-reveal=fade] .satin-stream-unit[data-on]{animation:satin-stream-fade .22s var(--ease-out) backwards}@keyframes satin-stream-blur{0%{opacity:0;filter:blur(2px)}}@keyframes satin-stream-fade{0%{opacity:0}}.satin-stream-caret{vertical-align:-.14em;width:0;height:1em;display:inline-block;position:relative}.satin-stream-caret:after{content:"";background:var(--action-primary-bg);border-radius:1px;width:2px;position:absolute;inset:-.05em auto -.05em 1px}@keyframes satin-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-slot=input-otp] .animate-\[satin-caret_1s_steps\(1\)_infinite\]{animation:none}}.satin-sheen{isolation:isolate;overflow:clip}.satin-sheen:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg, transparent 30%, var(--color-white-a24) 50%, transparent 70%);animation:satin-sheen 9s var(--ease-in-out) 2s infinite;position:absolute;inset:0;transform:translate(-110%)}@keyframes satin-sheen{0%{transform:translate(-110%)}13%,to{transform:translate(110%)}}@media (prefers-reduced-motion:reduce){.satin-sheen:after{animation:none;display:none}}.satin-checkbox{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-field);width:16px;height:16px;color:var(--action-primary-fg);box-shadow:0 1px 2px 0 var(--effect-shadow-xs);transition-property:background-color,border-color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);outline:none;flex-shrink:0;place-items:center;padding:0;display:grid}.satin-checkbox:is(:hover,[data-force=hover],:where(label:hover)>*){border-color:var(--border-strong);box-shadow:0 1px 3px 0 var(--effect-shadow-sm), 0 1px 2px -1px var(--effect-shadow-sm)}.satin-checkbox:focus-visible,.satin-checkbox[data-force=focus]{border-color:var(--action-primary-bg);box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-checkbox:active,.satin-checkbox[data-force=pressed]{border-color:var(--border-strong);background:var(--bg-muted);box-shadow:none}.satin-checkbox:disabled{cursor:not-allowed;border-color:var(--border-default);background:var(--bg-muted);box-shadow:none}.satin-checkbox:is([data-state=checked],[data-state=indeterminate]){background:var(--action-primary-bg);box-shadow:none;border-color:#0000}.satin-checkbox:is([data-state=checked],[data-state=indeterminate]):is(:hover,[data-force=hover],:where(label:hover)>*){background:var(--action-primary-bg-hover);box-shadow:none;border-color:#0000}.satin-checkbox:is([data-state=checked],[data-state=indeterminate]):is(:focus-visible,[data-force=focus]){border-color:var(--action-primary-bg);background:var(--action-primary-bg);box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-checkbox:is([data-state=checked],[data-state=indeterminate]):is(:active,[data-force=pressed]){background:var(--action-primary-bg-pressed);box-shadow:none;border-color:#0000}.satin-checkbox:is([data-state=checked],[data-state=indeterminate]):disabled{background:var(--border-input);box-shadow:none;border-color:#0000}.satin-switch{background:var(--border-input);width:32px;height:18px;transition-property:background-color,box-shadow;transition-duration:var(--duration-base);transition-timing-function:var(--ease-out);border:0;border-radius:9999px;outline:none;flex-shrink:0;padding:0;display:inline-flex;position:relative}.satin-switch:hover,.satin-switch[data-force=hover]{background:var(--border-strong)}.satin-switch[data-state=checked]{background:var(--component-switch-on)}.satin-switch[data-state=checked]:is(:hover,[data-force=hover]){background:var(--component-switch-on-hover)}.satin-switch:is(:focus-visible,[data-force=focus]){box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-switch:disabled{cursor:not-allowed;opacity:.5}.satin-switch:disabled:hover{background:var(--border-input)}.satin-switch[data-state=checked]:disabled:hover{background:var(--component-switch-on)}.satin-switch-thumb{width:14px;height:14px;box-shadow:0 1px 2px 0 var(--effect-shadow-xs);pointer-events:none;transition:transform var(--duration-base) var(--ease-out);background:#fff;border-radius:9999px;position:absolute;top:2px;left:2px}.satin-switch-thumb[data-state=checked]{transform:translate(14px)}.satin-field{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-field);width:100%;min-width:0;color:var(--text-muted);box-shadow:0 1px 2px 0 var(--effect-shadow-xs);cursor:text;transition-property:background-color,border-color,box-shadow,color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);align-items:center;gap:8px;padding:0 12px;display:flex}.satin-field[data-filled]{color:var(--text-default)}.satin-field:not([data-disabled],[data-invalid]):is(:hover,[data-force=hover]){border-color:var(--border-strong)}.satin-field:not([data-disabled]):is(:focus-within,[data-force=focus],[data-state=open]){border-color:var(--border-focus);box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-field[data-invalid]{border-color:var(--action-destructive-bg)}.satin-field[data-invalid]:not([data-disabled]):is(:focus-within,[data-force=focus],[data-state=open]){border-color:var(--action-destructive-bg);box-shadow:0 0 0 2px var(--action-destructive-glow)}.satin-field[data-disabled]{border-color:var(--border-default);background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.satin-field[data-size=sm]{height:var(--control-height);font-size:var(--text-sm);line-height:20px}.satin-field[data-size=md]{height:var(--control-height-lg);font-size:var(--text-base);line-height:21px}.satin-field[data-size=lg]{height:var(--control-height-xl);border-radius:var(--radius-xl);font-size:var(--text-base);line-height:20px}.satin-field-icon{flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.satin-field-icon svg{stroke-width:1.875px;width:16px;height:16px}.satin-field-input{min-width:0;height:100%;color:var(--text-default);font:inherit;letter-spacing:-.015em;background:0 0;border:0;outline:none;flex:1;padding:0}.satin-field-input:focus-visible{box-shadow:none}.satin-field-input::placeholder{color:var(--text-muted);opacity:1}.satin-field-input:disabled{color:var(--text-subtle);cursor:not-allowed}.satin-field-input:disabled::placeholder{color:var(--text-placeholder)}.satin-select{font:inherit;font-size:var(--text-base);text-align:left}.satin-select[data-disabled]{cursor:not-allowed}.satin-combobox{cursor:pointer}.satin-combobox[data-multiple]{height:auto;padding-block:calc((var(--satin-combobox-h) - 26px) / 2);align-items:flex-start}.satin-combobox[data-size=sm]{--satin-combobox-h:var(--control-height)}.satin-combobox[data-size=md]{--satin-combobox-h:var(--control-height-lg)}.satin-combobox[data-size=lg]{--satin-combobox-h:var(--control-height-xl)}.satin-combobox[data-multiple]{min-height:var(--satin-combobox-h)}.satin-combobox[data-multiple]:not([data-leading]){padding-left:calc((var(--satin-combobox-h) - 26px) / 2)}.satin-combobox[data-multiple] .satin-combobox-icon{margin-top:4px}.satin-combobox[data-multiple] [data-slot=chip]{max-width:100%}.satin-field.satin-textarea{height:96px;min-height:56px;color:var(--text-default);font:inherit;font-size:var(--text-base);letter-spacing:-.015em;resize:vertical;outline:none;padding:8px 12px;line-height:21px;display:block}.satin-textarea:focus-visible{outline:none}.satin-textarea::placeholder{color:var(--text-muted);opacity:1}.satin-field.satin-textarea:disabled{color:var(--text-subtle)}.satin-textarea::-webkit-resizer{background:0 0}.satin-textarea-grip{width:7px;height:7px;color:var(--text-subtle);pointer-events:none;position:absolute;bottom:4px;right:4px}.satin-textarea-root[data-disabled]{opacity:.6}.satin-radio{border:1px solid var(--border-strong);background:var(--bg-field);width:16px;height:16px;color:var(--action-primary-fg);box-shadow:0 1px 2px 0 var(--effect-shadow-xs);transition-property:background-color,border-color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);border-radius:9999px;outline:none;flex-shrink:0;place-items:center;padding:0;display:grid}.satin-radio:is(:hover,[data-force=hover],:where(label:hover)>*){box-shadow:0 1px 2px 0 var(--effect-shadow-sm), 0 1px 3px 0 var(--effect-shadow-sm)}.satin-radio:focus-visible,.satin-radio[data-force=focus]{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-radio:active,.satin-radio[data-force=pressed]{background:var(--bg-muted);box-shadow:none}.satin-radio:disabled{cursor:not-allowed;border-color:var(--border-default);background:var(--bg-muted);box-shadow:none}.satin-radio[data-state=checked]{border-color:var(--action-primary-bg);background:var(--action-primary-bg);box-shadow:none}.satin-radio[data-state=checked]:is(:hover,[data-force=hover],:where(label:hover)>*){border-color:var(--action-primary-bg-hover);background:var(--action-primary-bg-hover);box-shadow:none}.satin-radio[data-state=checked]:is(:focus-visible,[data-force=focus]){border-color:var(--action-primary-bg);background:var(--action-primary-bg);box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-radio[data-state=checked]:is(:active,[data-force=pressed]){border-color:var(--action-primary-bg-pressed);background:var(--action-primary-bg-pressed);box-shadow:none}.satin-radio[data-state=checked]:disabled{border-color:var(--border-input);background:var(--border-input);color:var(--bg-canvas);box-shadow:none}.satin-radio-dot{background:currentColor;border-radius:9999px;width:6px;height:6px}.satin-tetris{--satin-tetris-off:var(--bg-muted);--satin-tetris-on:var(--text-muted);flex:none;place-items:center;width:16px;height:16px;display:inline-grid}.satin-tetris__board{grid-template-columns:repeat(5,2px);grid-auto-rows:2px;gap:1px .5px;display:grid;position:relative;overflow:hidden}.satin-tetris__board>i{background:var(--satin-tetris-off);display:block}.satin-tetris[data-still] .satin-tetris__board>i{background:var(--satin-tetris-on)}.satin-tetris__fall{position:absolute;inset:0}.satin-tetris__fall,.satin-tetris__fall>b{animation-duration:var(--satin-tetris-loop);animation-timing-function:linear;animation-iteration-count:infinite}.satin-tetris__fall>b{top:calc(var(--r) * 3px);left:calc(var(--c) * 2.5px);background:var(--satin-tetris-on);width:2px;height:2px;position:absolute}.satin-tetris,.satin-tetris-label{--satin-glimm-peak:.45;--satin-glimm-band:linear-gradient(90deg, transparent, #00c0e8 30%, #6155f5 50%, #cb30e0 70%, transparent);--satin-glimm-text:linear-gradient(90deg, transparent 40%, #00c0e8 45%, #6155f5 50%, #cb30e0 55%, transparent 60%)}.dark :is(.satin-tetris,.satin-tetris-label){--satin-glimm-peak:.85}:is(.satin-tetris,.satin-tetris-label)[data-glimmer=neutral]{--satin-glimm-peak:1;--satin-glimm-band:linear-gradient(90deg, transparent, var(--text-default) 50%, transparent);--satin-glimm-text:linear-gradient(90deg, transparent 42%, var(--text-default) 50%, transparent 58%)}.satin-tetris__glimm{opacity:var(--satin-glimm-peak);pointer-events:none;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-source-type:auto,auto;position:absolute;inset:0;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 2px,#0000 2px 2.5px),repeating-linear-gradient(#000 0 2px,#0000 2px 3px);mask-image:repeating-linear-gradient(90deg,#000 0 2px,#0000 2px 2.5px),repeating-linear-gradient(#000 0 2px,#0000 2px 3px);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.satin-tetris__glimm>span{background:var(--satin-glimm-band);opacity:0;animation:satin-tetris-glimm var(--satin-tetris-loop) linear infinite;position:absolute;inset:0}.satin-tetris-label{display:inline-grid;position:relative}.satin-tetris-label>*{grid-area:1/1}.satin-tetris-label__glimm{opacity:var(--satin-glimm-peak);pointer-events:none}.satin-tetris-label__glimm>span{background:var(--satin-glimm-text) 100% 0 / 300% 100% no-repeat;color:#0000;opacity:0;animation:satin-tetris-glimm-text var(--satin-tetris-loop) linear infinite;-webkit-background-clip:text;background-clip:text}.satin-shimmer{background:linear-gradient(90deg, var(--text-muted) 0% 40%, var(--text-default) 50%, var(--text-muted) 60% 100%) 100% 0 / 300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2s ease-in-out infinite satin-shimmer}.satin-sprite{--satin-run:.44s;flex:none;place-items:center;display:inline-grid}.satin-sprite__frame{display:block;position:relative}.satin-sprite__part{width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute;inset:0}.satin-sprite[data-run] .satin-sprite__frame{animation:satin-sprite-bob var(--satin-run) steps(1, end) infinite}.satin-sprite[data-run] [data-role=wing]{animation:satin-sprite-wing var(--satin-run) steps(1, end) infinite}@keyframes satin-sprite-bob{0%,50%{transform:none}25%,75%{transform:translateY(calc(-100% / var(--rows)))}}@keyframes satin-sprite-wing{0%,50%{transform:none}25%{transform:translateY(calc(-100% / var(--rows)))}75%{transform:translateY(calc(100% / var(--rows)))}}@media (prefers-reduced-motion:reduce){.satin-tetris__fall,.satin-tetris__glimm,.satin-tetris-label__glimm{display:none}.satin-tetris .satin-tetris__board>i:is(:nth-child(2),:nth-child(7),:nth-child(8),:nth-child(12),:nth-child(13),:nth-child(17),:nth-child(18)){background:var(--satin-tetris-on);animation:1.6s ease-in-out infinite alternate satin-tetris-breathe}.satin-tetris[data-still] .satin-tetris__board>i{animation:none}.satin-shimmer{color:var(--text-muted);background:0 0;animation:none}.satin-sprite *{animation:none!important}}@keyframes satin-tetris-breathe{to{opacity:.4}}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@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-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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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-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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-green-300:#86efac;--color-green-700:#15803d;--color-teal-50:#f0fdfa;--color-teal-400:#2dd4bf;--color-teal-600:#0d9488;--color-teal-950:#042f2e;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-sky-300:#7dd3fc;--color-sky-400:#38bdf8;--color-sky-600:#0284c7;--color-blue-500:#5146e9;--color-blue-600:#4633d7;--color-blue-700:#3923b9;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-violet-400:#a78bfa;--color-violet-500:#8b5cf6;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-600:#52525b;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-white:#fff;--spacing:4px;--text-xs:12px;--text-xs--line-height:1.5;--text-sm:13px;--text-sm--line-height:1.5;--text-base:14px;--text-base--line-height:1.5;--text-lg:16px;--text-lg--line-height:1.5;--text-xl:20px;--text-xl--line-height:1.5;--text-2xl:24px;--text-2xl--line-height:1.3;--tracking-normal:0em;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:var(--radius);--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"Geist Mono", ui-monospace, monospace;--color-blue-soft-50:#f3f5ff;--color-blue-soft-200:#d9defb;--color-blue-soft-700:#5158a0;--color-blue-soft-950:#1f2132;--color-blue-soft-900:#30344f;--color-blue-soft-300:#bec7fc;--color-red-soft-50:#fff3f1;--color-red-soft-200:#f9d6d1;--color-red-soft-700:#97433b;--color-red-soft-950:#311d1a;--color-red-soft-900:#4d2d29;--color-red-soft-300:#f8b8b0;--color-sky-soft-50:#eef7ff;--color-sky-soft-200:#cae4f9;--color-sky-soft-700:#08669c;--color-sky-soft-950:#152531;--color-sky-soft-900:#1f394d;--color-sky-soft-300:#a0d1f8;--color-green-soft-50:#eff9f0;--color-green-soft-200:#cee8d2;--color-green-soft-700:#22723b;--color-green-soft-950:#17271b;--color-green-soft-900:#243e29;--color-green-soft-300:#a8d9b1;--color-green-soft-500:#4e9b61;--color-green-soft-600:#3b8950;--color-amber-soft-50:#fff3ed;--color-amber-soft-200:#f7d9c9;--color-amber-soft-700:#93491a;--color-amber-soft-950:#301e15;--color-amber-soft-900:#4b2f20;--color-amber-soft-300:#f4bda0;--color-fuchsia-soft-50:#fbf2fc;--color-fuchsia-soft-200:#eed7ef;--color-fuchsia-soft-700:#804785;--color-fuchsia-soft-950:#2b1e2c;--color-fuchsia-soft-900:#432e45;--color-fuchsia-soft-300:#e3bae7;--color-pink-soft-50:#fff2f5;--color-pink-soft-200:#f8d5dc;--color-pink-soft-700:#944059;--color-pink-soft-950:#301c21;--color-pink-soft-900:#4c2c34;--color-pink-soft-300:#f6b7c5;--color-border-subtle-light:#f0f0f2;--color-border-subtle-light-a25:#f0f0f240;--color-border-subtle-dark:#262629;--color-border-dark:#2f2f32;--color-border-strong-dark:#3d3d3f;--color-card-dark:#121215;--color-surface-dark:#1a1a1d;--color-popover-dark:#222225;--color-card-dark-a0:#12121500;--color-secondary-hover-dark:#2b2b2d;--color-secondary-pressed-dark:#343436;--color-primary-border-light:#9085e7;--color-primary-border-dark:#928be6;--color-primary-dark:#493dd6;--color-primary-hover-dark:#554fe7;--color-primary-pressed-dark:#3e2ac5;--color-primary-focus-dark:#493dd633;--color-transparent:#fff0;--color-white-a6:#ffffff0f;--color-white-a3:#ffffff08;--color-white-a0:#fff0;--color-white-a10:#ffffff1a;--color-black-a5:#0000000d;--color-black-a6:#0000000f;--color-black-a8:#00000014;--color-black-a10:#0000001a;--color-black-a12:#0000001f;--color-black-a14:#00000024;--color-black-a16:#00000029;--color-black-a18:#0000002e;--color-black-a28:#00000047;--color-black-a36:#0000005c;--color-white-a24:#ffffff3d;--color-black-a20:#0003;--color-black-a40:#0006;--color-blue-600-a20:#4633d733;--color-blue-500-a20:#5146e933;--color-teal-50-a20:#f0fdfa33;--color-teal-950-a20:#042f2e33;--color-teal-200-a55:#99f6e48c;--color-teal-500-a55:#14b8a68c;--color-text-muted-light:#68686f;--color-selected-light:#ededef;--color-selected-dark:#2f2f32;--color-segmented-selected-dark:#3a3a3d;--radius-full:9999px;--radius-pill:9999px;--text-2xs:11px;--text-2xs--line-height:1.455;--text-2xs--letter-spacing:-.015em;--text-xs--letter-spacing:-.015em;--text-sm--letter-spacing:-.015em;--text-base--letter-spacing:-.015em;--text-lg--letter-spacing:-.015em;--text-xl--letter-spacing:-.015em;--text-2xl--letter-spacing:-.015em;--text-body:14px;--text-body--line-height:1.5;--text-body--letter-spacing:-.015em;--text-body-lg:14px;--text-body-lg--line-height:1.571;--text-body-lg--letter-spacing:-.015em;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.25s}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration: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:where(:not(iframe)){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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border-default);outline-color:var(--border-focus)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--border-focus) 50%, transparent)}}body{background-color:var(--bg-canvas);font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-sm--letter-spacing));--tw-font-weight:420;--tw-tracking:-.015em;letter-spacing:-.015em;color:var(--text-default);font-weight:420}:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + 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);--tw-ring-color:var(--action-focus-ring);--tw-outline-style:none;outline-style:none}button:not(:disabled),[role=button]:not([aria-disabled=true]),[role=tab],[role=option],[role=radio],[role=checkbox],[role=switch],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],label[for],summary,select{cursor:pointer}:disabled,[aria-disabled=true]{cursor:not-allowed}[data-chevron]{transition:rotate var(--duration-base) var(--ease-out)}[aria-haspopup][aria-expanded=true] [data-chevron]{rotate:180deg}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.pointer-events-none\!{pointer-events:none!important}.visible{visibility:visible}.sr-only{clip-path:inset(50%);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-px{inset:-1px}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.inset-y-0{inset-block:0}.inset-y-0\.5{inset-block:calc(var(--spacing) * .5)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-\[3px\]{top:3px}.top-\[7px\]{top:7px}.top-full{top:100%}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\/2{right:50%}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-\[3px\]{right:3px}.right-\[7px\]{right:7px}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-6{left:calc(var(--spacing) * 6)}.left-8{left:calc(var(--spacing) * 8)}.left-full{left:100%}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[100\]{z-index:100}.order-first{order:-9999}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start: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-px{margin:-1px}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-auto{margin-inline:auto}.-my-\[3px\]{margin-block:-3px}.my-1{margin-block:var(--spacing)}.-mt-px{margin-top:-1px}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-\[2\.75px\]{margin-top:2.75px}.-mr-1{margin-right:calc(var(--spacing) * -1)}.-mb-px{margin-bottom:-1px}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.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}.inline-grid{display:inline-grid}.table{display:table}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.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-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-\[calc\(100\%\+2px\)\]{width:calc(100% + 2px);height:calc(100% + 2px)}.size-full{width:100%;height:100%}.size-icon-size{width:var(--icon-size);height:var(--icon-size)}.size-icon-size-sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.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-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-30{height:calc(var(--spacing) * 30)}.h-40{height:calc(var(--spacing) * 40)}.h-\[18px\]{height:18px}.h-\[21px\]{height:21px}.h-\[176px\]{height:176px}.h-\[206px\]{height:206px}.h-control-height{height:var(--control-height)}.h-control-height-lg{height:var(--control-height-lg)}.h-control-height-xl{height:var(--control-height-xl)}.h-control-height-xs{height:var(--control-height-xs)}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[85\%\]{max-height:85%}.max-h-\[min\(480px\,76vh\)\]{max-height:min(480px,76vh)}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[21px\]{min-height:21px}.min-h-menu-row{min-height:var(--menu-row)}.w-\(--radix-popover-trigger-width\){width:var(--radix-popover-trigger-width)}.w-\(--radix-popper-anchor-width\){width:var(--radix-popper-anchor-width)}.w-0{width:0}.w-1{width:var(--spacing)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-40{width:calc(var(--spacing) * 40)}.w-60{width:calc(var(--spacing) * 60)}.w-80{width:calc(var(--spacing) * 80)}.w-\[18px\]{width:18px}.w-\[88px\]{width:88px}.w-\[92px\]{width:92px}.w-\[132px\]{width:132px}.w-\[220px\]{width:220px}.w-\[222px\]{width:222px}.w-\[241px\]{width:241px}.w-\[255px\]{width:255px}.w-\[280px\]{width:280px}.w-\[296px\]{width:296px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[350px\]{width:350px}.w-\[364px\]{width:364px}.w-\[397px\]{width:397px}.w-\[400px\]{width:400px}.w-\[405px\]{width:405px}.w-\[425px\]{width:425px}.w-\[450px\]{width:450px}.w-\[520px\]{width:520px}.w-auto{width:auto}.w-control-height{width:var(--control-height)}.w-control-height-lg{width:var(--control-height-lg)}.w-control-height-xl{width:var(--control-height-xl)}.w-control-height-xs{width:var(--control-height-xs)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[200px\]{max-width:200px}.max-w-\[400px\]{max-width:400px}.max-w-\[520px\]{max-width:520px}.max-w-\[560px\]{max-width:560px}.max-w-\[576px\]{max-width:576px}.max-w-\[calc\(100\%-32px\)\]{max-width:calc(100% - 32px)}.max-w-\[calc\(100vw-16px\)\]{max-width:calc(100vw - 16px)}.max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.max-w-\[min\(560px\,100\%\)\]{max-width:min(560px,100%)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-\(--radix-select-trigger-width\){min-width:var(--radix-select-trigger-width)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-60{min-width:calc(var(--spacing) * 60)}.min-w-\[18px\]{min-width:18px}.min-w-\[72px\]{min-width:72px}.min-w-\[min\(320px\,100\%\)\]{min-width:min(320px,100%)}.min-w-\[min\(360px\,100\%\)\]{min-width:min(360px,100%)}.min-w-control-height{min-width:var(--control-height)}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.table-fixed{table-layout:fixed}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-popper-transform-origin\){transform-origin:var(--radix-popper-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-bottom{transform-origin:bottom}.-translate-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-1px\]{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.animate-\[satin-caret_1s_steps\(1\)_infinite\]{animation:1s step-end infinite satin-caret}.animate-\[satin-progress-indeterminate_1\.4s_var\(--ease-in-out\)_infinite\]{animation:satin-progress-indeterminate 1.4s var(--ease-in-out) infinite}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.\[scrollbar-color\:var\(--border-strong\)_transparent\]{scrollbar-color:var(--border-strong) transparent}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-rows-\[minmax\(0\,1fr\)\]{grid-template-rows:minmax(0,1fr)}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.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-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-x-0\.5{column-gap:calc(var(--spacing) * .5)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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-y-auto{overflow-y:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.5px\]{border-radius:1.5px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-l-\[4px\]{border-top-left-radius:4px;border-bottom-left-radius:4px}.rounded-tl-\[4px\]{border-top-left-radius:4px}.rounded-r-2xl{border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-r-\[4px\]{border-top-right-radius:4px;border-bottom-right-radius:4px}.rounded-br-xs{border-bottom-right-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[0\.75px\]{border-style:var(--tw-border-style);border-width:.75px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.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-dashed{--tw-border-style:dashed;border-style:dashed}.border-action-destructive-bg{border-color:var(--action-destructive-bg)}.border-action-destructive-border{border-color:var(--action-destructive-border)}.border-action-inverse-border{border-color:var(--action-inverse-border)}.border-action-primary-border{border-color:var(--action-primary-border)}.border-border-default{border-color:var(--border-default)}.border-border-focus{border-color:var(--border-focus)}.border-border-strong{border-color:var(--border-strong)}.border-border-subtle{border-color:var(--border-subtle)}.border-chart-3{border-color:var(--chart-3)}.border-status-brand-fg{border-color:var(--status-brand-fg)}.border-status-green-fg{border-color:var(--status-green-fg)}.border-status-red-border{border-color:var(--status-red-border)}.border-tone-border{border-color:var(--tone-border)}.border-tone-fg{border-color:var(--tone-fg)}.border-transparent{border-color:#0000}.bg-\[color-mix\(in_oklab\,var\(--chart-3\)_30\%\,var\(--bg-card\)\)\]{background-color:var(--chart-3)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklab\,var\(--chart-3\)_30\%\,var\(--bg-card\)\)\]{background-color:color-mix(in oklab,var(--chart-3) 30%,var(--bg-card))}}.bg-\[var\(--code-line-highlight\,rgba\(0\,0\,0\,0\.05\)\)\]{background-color:var(--code-line-highlight,#0000000d)}.bg-action-destructive-bg{background-color:var(--action-destructive-bg)}.bg-action-inverse-bg{background-color:var(--action-inverse-bg)}.bg-action-inverse-bg-hover{background-color:var(--action-inverse-bg-hover)}.bg-action-primary-bg{background-color:var(--action-primary-bg)}.bg-action-secondary-bg{background-color:var(--action-secondary-bg)}.bg-bg-canvas{background-color:var(--bg-canvas)}.bg-bg-card{background-color:var(--bg-card)}.bg-bg-field{background-color:var(--bg-field)}.bg-bg-hover{background-color:var(--bg-hover)}.bg-bg-muted{background-color:var(--bg-muted)}.bg-bg-popover{background-color:var(--bg-popover)}.bg-bg-selected{background-color:var(--bg-selected)}.bg-black-a40{background-color:var(--color-black-a40)}.bg-border-default{background-color:var(--border-default)}.bg-border-strong{background-color:var(--border-strong)}.bg-border-subtle{background-color:var(--border-subtle)}.bg-chart-3{background-color:var(--chart-3)}.bg-component-kbd-bg{background-color:var(--component-kbd-bg)}.bg-component-segmented-selected{background-color:var(--component-segmented-selected)}.bg-component-table-header{background-color:var(--component-table-header)}.bg-component-table-zebra{background-color:var(--component-table-zebra)}.bg-status-amber-bg{background-color:var(--status-amber-bg)}.bg-status-brand-bg{background-color:var(--status-brand-bg)}.bg-status-green-bg{background-color:var(--status-green-bg)}.bg-status-green-fg{background-color:var(--status-green-fg)}.bg-status-neutral-bg{background-color:var(--status-neutral-bg)}.bg-status-red-bg{background-color:var(--status-red-bg)}.bg-status-sky-bg{background-color:var(--status-sky-bg)}.bg-text-default{background-color:var(--text-default)}.bg-text-on-solid{background-color:var(--text-on-solid)}.bg-tone-bg{background-color:var(--tone-bg)}.bg-tone-fg{background-color:var(--tone-fg)}.bg-transparent{background-color:#0000}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-bg-card-fade{--tw-gradient-from:var(--bg-card-fade);--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-component-rail-edge{--tw-gradient-from:var(--component-rail-edge);--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-transparent{--tw-gradient-from:transparent;--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))}.via-component-rail-center{--tw-gradient-via:var(--component-rail-center);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-bg-card{--tw-gradient-to:var(--bg-card);--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-bg-popover{--tw-gradient-to:var(--bg-popover);--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-component-rail-edge{--tw-gradient-to:var(--component-rail-edge);--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))}.fill-current{fill:currentColor}.\!\[stroke-width\:1\.64\]{stroke-width:1.64px!important}.\[stroke-width\:1\.875\]{stroke-width:1.875px}.object-cover{object-fit:cover}.p-\(--card-pad\){padding:var(--card-pad)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-\(--card-pad\){padding-inline:var(--card-pad)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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-12{padding-inline:calc(var(--spacing) * 12)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.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-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-\[3\.5px\]{padding-block:3.5px}.py-\[3px\]{padding-block:3px}.pt-\(--card-pad\){padding-top:var(--card-pad)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pr-1{padding-right:var(--spacing)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-px{padding-right:1px}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-1{padding-left:var(--spacing)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-\[34px\]{padding-left:34px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.font-mono{font-family:Geist Mono,ui-monospace,monospace}.font-sans{font-family:Geist,ui-sans-serif,system-ui,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));letter-spacing:var(--tw-tracking,var(--text-2xl--letter-spacing))}.text-2xs{font-size:var(--text-2xs);line-height:var(--tw-leading,var(--text-2xs--line-height));letter-spacing:var(--tw-tracking,var(--text-2xs--letter-spacing))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));letter-spacing:var(--tw-tracking,var(--text-base--letter-spacing))}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height));letter-spacing:var(--tw-tracking,var(--text-body--letter-spacing))}.text-body-lg{font-size:var(--text-body-lg);line-height:var(--tw-leading,var(--text-body-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-body-lg--letter-spacing))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-lg--letter-spacing))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-sm--letter-spacing))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));letter-spacing:var(--tw-tracking,var(--text-xl--letter-spacing))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-xs--letter-spacing))}.text-\[7px\]{font-size:7px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\(--text-body--line-height\){--tw-leading:var(--text-body--line-height);line-height:var(--text-body--line-height)}.leading-\(--text-sm--line-height\){--tw-leading:var(--text-sm--line-height);line-height:var(--text-sm--line-height)}.leading-\(--text-xl--line-height\){--tw-leading:var(--text-xl--line-height);line-height:var(--text-xl--line-height)}.leading-2{--tw-leading:calc(var(--spacing) * 2);line-height:calc(var(--spacing) * 2)}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[8px\]{--tw-leading:8px;line-height:8px}.leading-\[10px\]{--tw-leading:10px;line-height:10px}.leading-\[13px\]{--tw-leading:13px;line-height:13px}.leading-\[14px\]{--tw-leading:14px;line-height:14px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[19\.5px\]{--tw-leading:19.5px;line-height:19.5px}.leading-\[21px\]{--tw-leading:21px;line-height:21px}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:510;font-weight:510}.font-normal{--tw-font-weight:420;font-weight:420}.font-semibold{--tw-font-weight:590;font-weight:590}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--code-function\,\#8b5cf6\)\]{color:var(--code-function,#8b5cf6)}.text-\[var\(--code-keyword\,\#dc2626\)\]{color:var(--code-keyword,#dc2626)}.text-\[var\(--code-line-number\,\#a1a1aa\)\]{color:var(--code-line-number,#a1a1aa)}.text-\[var\(--code-parameter\,\#b45309\)\]{color:var(--code-parameter,#b45309)}.text-\[var\(--code-plain\,\#18181b\)\]{color:var(--code-plain,#18181b)}.text-\[var\(--code-string\,\#0369a1\)\]{color:var(--code-string,#0369a1)}.text-\[var\(--code-variable\,\#0284c7\)\]{color:var(--code-variable,#0284c7)}.text-action-destructive-bg{color:var(--action-destructive-bg)}.text-action-primary-fg,.text-action-primary-fg\/80{color:var(--action-primary-fg)}@supports (color:color-mix(in lab, red, red)){.text-action-primary-fg\/80{color:color-mix(in oklab, var(--action-primary-fg) 80%, transparent)}}.text-bg-canvas,.text-bg-canvas\/72{color:var(--bg-canvas)}@supports (color:color-mix(in lab, red, red)){.text-bg-canvas\/72{color:color-mix(in oklab, var(--bg-canvas) 72%, transparent)}}.text-status-amber-fg{color:var(--status-amber-fg)}.text-status-brand-fg{color:var(--status-brand-fg)}.text-status-green-fg{color:var(--status-green-fg)}.text-status-red-fg{color:var(--status-red-fg)}.text-status-sky-fg{color:var(--status-sky-fg)}.text-text-default{color:var(--text-default)}.text-text-muted{color:var(--text-muted)}.text-text-on-inverse{color:var(--text-on-inverse)}.text-text-on-solid{color:var(--text-on-solid)}.text-text-placeholder{color:var(--text-placeholder)}.text-text-subtle{color:var(--text-subtle)}.text-tone-fg{color:var(--tone-fg)}.text-transparent{color:#0000}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.caret-transparent{caret-color:#0000}.opacity-0{opacity:0}.opacity-15{opacity:.15}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-72{opacity:.72}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.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-sm{--tw-shadow:0px 1px 3px 0px var(--tw-shadow-color,var(--effect-shadow-ambient)), 0px 1px 2px -1px var(--tw-shadow-color,var(--effect-shadow-sm)), inset 0px 1px 0px 0px var(--tw-shadow-color,var(--effect-highlight-top));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_0_0_1px_var\(--action-destructive-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]{box-shadow:0 0 0 1px var(--action-destructive-bg),0 3px 6px 0 var(--action-primary-shadow)}.\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]{box-shadow:0 0 0 1px var(--action-inverse-bg),0 3px 6px 0 var(--action-primary-shadow)}.\[box-shadow\:0_0_0_1px_var\(--action-primary-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]{box-shadow:0 0 0 1px var(--action-primary-bg),0 3px 6px 0 var(--action-primary-shadow)}.\[box-shadow\:0_0_0_1px_var\(--border-default\)\,0_1px_2px_1px_var\(--effect-shadow-xs\)\]{box-shadow:0 0 0 1px var(--border-default),0 1px 2px 1px var(--effect-shadow-xs)}.\[box-shadow\:0_0_0_2px_var\(--action-destructive-glow\)\]{box-shadow:0 0 0 2px var(--action-destructive-glow)}.\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]{box-shadow:0 0 0 2px var(--action-focus-ring)}.\[box-shadow\:0_0_0_2px_var\(--status-green-border\)\]{box-shadow:0 0 0 2px var(--status-green-border)}.\[box-shadow\:0_1px_1px_0_var\(--effect-shadow-xs\)\]{box-shadow:0 1px 1px 0 var(--effect-shadow-xs)}.\[box-shadow\:0_1px_2px_0_var\(--effect-shadow-xs\)\]{box-shadow:0 1px 2px 0 var(--effect-shadow-xs)}.\[box-shadow\:0_1px_3px_0_var\(--effect-shadow-ambient\)\,0_16px_40px_-12px_var\(--effect-shadow-lg\)\]{box-shadow:0 1px 3px 0 var(--effect-shadow-ambient),0 16px 40px -12px var(--effect-shadow-lg)}.\[box-shadow\:0_1px_3px_0_var\(--effect-shadow-sm\)\,0_1px_2px_-1px_var\(--effect-shadow-sm\)\]{box-shadow:0 1px 3px 0 var(--effect-shadow-sm),0 1px 2px -1px var(--effect-shadow-sm)}.\[box-shadow\:0_1px_3px_0_var\(--effect-shadow-sm\)\]{box-shadow:0 1px 3px 0 var(--effect-shadow-sm)}.\[box-shadow\:0_2px_4px_-2px_var\(--effect-shadow-sm\)\,0_4px_6px_-1px_var\(--effect-shadow-sm\)\]{box-shadow:0 2px 4px -2px var(--effect-shadow-sm),0 4px 6px -1px var(--effect-shadow-sm)}.\[box-shadow\:0_4px_6px_-1px_var\(--effect-shadow-sm\)\,0_2px_4px_-2px_var\(--effect-shadow-sm\)\]{box-shadow:0 4px 6px -1px var(--effect-shadow-sm),0 2px 4px -2px var(--effect-shadow-sm)}.\[box-shadow\:0_4px_6px_-4px_var\(--effect-shadow-sm\)\,0_10px_15px_-3px_var\(--effect-shadow-sm\)\]{box-shadow:0 4px 6px -4px var(--effect-shadow-sm),0 10px 15px -3px var(--effect-shadow-sm)}.\[box-shadow\:0_8px_12px_0_var\(--effect-shadow-md\)\,0_1px_1\.5px_0_var\(--effect-shadow-ambient\)\,inset_0_1px_0_0_var\(--effect-highlight-top\)\]{box-shadow:0 8px 12px 0 var(--effect-shadow-md),0 1px 1.5px 0 var(--effect-shadow-ambient),inset 0 1px 0 0 var(--effect-highlight-top)}.\[box-shadow\:inset_0_-1px_0_var\(--border-default\)\]{box-shadow:inset 0 -1px 0 var(--border-default)}.\[box-shadow\:inset_0_0_0_1px_var\(--border-default\)\]{box-shadow:inset 0 0 0 1px var(--border-default)}.\[box-shadow\:inset_0_0_0_1px_var\(--tone-border\)\]{box-shadow:inset 0 0 0 1px var(--tone-border)}.\[box-shadow\:inset_0_1px_0_var\(--border-subtle\)\,inset_0_-1px_0_var\(--border-subtle\)\]{box-shadow:inset 0 1px 0 var(--border-subtle),inset 0 -1px 0 var(--border-subtle)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-2{outline-offset:2px}.outline-chart-3{outline-color:var(--chart-3)}.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, )}.\[filter\:drop-shadow\(0_1px_1px_var\(--effect-shadow-xs\)\)\]{filter:drop-shadow(0 1px 1px var(--effect-shadow-xs))}.\[filter\:drop-shadow\(0_2px_2px_var\(--effect-shadow-sm\)\)_drop-shadow\(0_4px_3px_var\(--effect-shadow-sm\)\)\]{filter:drop-shadow(0 2px 2px var(--effect-shadow-sm)) drop-shadow(0 4px 3px var(--effect-shadow-sm))}.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,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\,border-color\,box-shadow\]{transition-property:background-color,border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,box-shadow\,border-radius\]{transition-property:background-color,border-color,color,box-shadow,border-radius;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,box-shadow\,transform\]{transition-property:background-color,border-color,color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,box-shadow\]{transition-property:background-color,border-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\]{transition-property:background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,box-shadow\]{transition-property:background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,box-shadow\]{transition-property:background-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,opacity\]{transition-property:background-color,color,opacity;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\,outline-color\]{transition-property:background-color,outline-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-\[border-color\,background-color\]{transition-property:border-color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,border-radius\]{transition-property:border-color,border-radius;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[box-shadow\,border-color\]{transition-property:box-shadow,border-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\,box-shadow\]{transition-property:color,background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,background-color\]{transition-property:opacity,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,translate\]{transition-property:opacity,translate;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-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-\(--duration-base\){--tw-duration:var(--duration-base);transition-duration:var(--duration-base)}.duration-\(--duration-fast\){--tw-duration:var(--duration-fast);transition-duration:var(--duration-fast)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\(--ease-out\){--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.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)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--card-pad\:calc\(var\(--spacing\)\*3\)\]{--card-pad:calc(var(--spacing) * 3)}.\[--card-pad\:calc\(var\(--spacing\)\*4\)\]{--card-pad:calc(var(--spacing) * 4)}:is(.\*\:pointer-events-auto>*){pointer-events:auto}:is(.\*\:flex-1>*){flex:1}:is(.\*\:opacity-45>*){opacity:.45}:is(.\*\: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))}:is(.\*\:duration-\(--duration-fast\)>*){--tw-duration:var(--duration-fast);transition-duration:var(--duration-fast)}:is(.\*\:ease-\(--ease-out\)>*){--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){:is(:where(.group\/row):hover .group-hover\/row\:rounded-xl){border-radius:var(--radius-xl)}:is(:where(.group\/row):hover .group-hover\/row\:rounded-l-xl){border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}:is(:where(.group\/row):hover .group-hover\/row\:rounded-r-xl){border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}:is(:where(.group\/row):hover .group-hover\/row\:bg-bg-hover){background-color:var(--bg-hover)}:is(:where(.group\/row):hover .group-hover\/row\:\[box-shadow\:inset_-1px_0_0_var\(--border-strong\)\,inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset -1px 0 0 var(--border-strong),inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}:is(:where(.group\/row):hover .group-hover\/row\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\]){box-shadow:inset 0 0 0 1px var(--border-strong)}:is(:where(.group\/row):hover .group-hover\/row\:\[box-shadow\:inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}:is(:where(.group\/row):hover .group-hover\/row\:\[box-shadow\:inset_1px_0_0_var\(--border-strong\)\,inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset 1px 0 0 var(--border-strong),inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}}:is(:where(.group\/tab):focus-visible .group-focus-visible\/tab\:\[box-shadow\:inset_0_0_0_1\.5px_var\(--border-focus\)\]){box-shadow:inset 0 0 0 1.5px var(--border-focus)}:is(:where(.group\/attachment):active .group-active\/attachment\:bg-bg-card){background-color:var(--bg-card)}:is(:where(.group\/rank)[data-dragging] .group-data-dragging\/rank\:text-text-muted){color:var(--text-muted)}:is(:where(.group\/tab)[data-force=focus] .group-data-\[force\=focus\]\/tab\:\[box-shadow\:inset_0_0_0_1\.5px_var\(--border-focus\)\]){box-shadow:inset 0 0 0 1.5px var(--border-focus)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:rounded-xl){border-radius:var(--radius-xl)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:rounded-l-xl){border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:rounded-r-xl){border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:bg-bg-hover){background-color:var(--bg-hover)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:\[box-shadow\:inset_-1px_0_0_var\(--border-strong\)\,inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset -1px 0 0 var(--border-strong),inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\]){box-shadow:inset 0 0 0 1px var(--border-strong)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:\[box-shadow\:inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}:is(:where(.group\/row)[data-force=hover] .group-data-\[force\=hover\]\/row\:\[box-shadow\:inset_1px_0_0_var\(--border-strong\)\,inset_0_1px_0_var\(--border-strong\)\,inset_0_-1px_0_var\(--border-strong\)\]){box-shadow:inset 1px 0 0 var(--border-strong),inset 0 1px 0 var(--border-strong),inset 0 -1px 0 var(--border-strong)}:is(:where(.group\/attachment)[data-force=pressed] .group-data-\[force\=pressed\]\/attachment\:bg-bg-card){background-color:var(--bg-card)}:is(:where(.group\/tab)[data-state=active] .group-data-\[state\=active\]\/tab\:bg-action-primary-bg){background-color:var(--action-primary-bg)}@media (hover:hover){:is(:where(.group\/tab):hover :is(:where(.group\/tab)[data-state=inactive] .group-data-\[state\=inactive\]\/tab\:group-hover\/tab\:bg-border-strong)){background-color:var(--border-strong)}}:is(:where(.group\/tab)[data-force=hover] :is(:where(.group\/tab)[data-state=inactive] .group-data-\[state\=inactive\]\/tab\:group-data-\[force\=hover\]\/tab\:bg-border-strong)){background-color:var(--border-strong)}:is(:where(.group)[data-state=open] .group-data-\[state\=open\]\:rotate-180){rotate:180deg}:is(:where(.group\/sidebar-group)[data-state=open] .group-data-\[state\=open\]\/sidebar-group\:rotate-90),:is(:where(.group\/sub-group)[data-state=open] .group-data-\[state\=open\]\/sub-group\:rotate-90){rotate:90deg}:is(:where(.peer):disabled~.peer-disabled\:opacity-50){opacity:.5}:is(:where(.peer)[data-disabled]~.peer-data-disabled\:text-text-subtle),:is(:is(:where(.peer)[data-disabled]~.peer-data-disabled\:\*\:text-text-subtle)>*){color:var(--text-subtle)}.selection\:bg-transparent ::selection{background-color:#0000}.selection\:bg-transparent::selection{background-color:#0000}.placeholder\:text-text-muted::placeholder{color:var(--text-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:rounded-\[inherit\]:after{content:var(--tw-content);border-radius:inherit}.not-last\:after\:block:not(:last-child):after{content:var(--tw-content);display:block}.not-last\:after\:h-px:not(:last-child):after{content:var(--tw-content);height:1px}.not-last\:after\:bg-bg-muted:not(:last-child):after{content:var(--tw-content);background-color:var(--bg-muted)}@media (hover:hover){.hover\:border-border-strong:hover{border-color:var(--border-strong)}.hover\:border-text-subtle:hover{border-color:var(--text-subtle)}.hover\:bg-action-inverse-bg-hover:hover{background-color:var(--action-inverse-bg-hover)}.hover\:bg-action-primary-bg-hover:hover{background-color:var(--action-primary-bg-hover)}.hover\:bg-bg-canvas:hover{background-color:var(--bg-canvas)}.hover\:bg-bg-hover:hover{background-color:var(--bg-hover)}.hover\:text-text-default:hover{color:var(--text-default)}.hover\:opacity-100:hover{opacity:1}.hover\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\]:hover{box-shadow:inset 0 0 0 1px var(--border-strong)}.hover\:\[filter\:drop-shadow\(0_1px_1px_var\(--effect-shadow-sm\)\)_drop-shadow\(0_1px_1\.5px_var\(--effect-shadow-sm\)\)\]:hover{filter:drop-shadow(0 1px 1px var(--effect-shadow-sm)) drop-shadow(0 1px 1.5px var(--effect-shadow-sm))}}.focus-visible\:bg-bg-hover:focus-visible{background-color:var(--bg-hover)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:shadow-border-focus:focus-visible{--tw-shadow:0px 0px 0px 2px var(--tw-shadow-color,var(--action-focus-ring));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(0px + 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)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + 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)}.focus-visible\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible{box-shadow:0 0 0 2px var(--action-focus-ring)}.focus-visible\:\[box-shadow\:inset_0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible{box-shadow:inset 0 0 0 2px var(--action-focus-ring)}.focus-visible\:\[box-shadow\:none\]:focus-visible{box-shadow:none}.focus-visible\:ring-action-focus-ring:focus-visible{--tw-ring-color:var(--action-focus-ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.97\]:active{scale:.97}.active\:cursor-grabbing:active{cursor:grabbing}.active\:border-border-strong:active{border-color:var(--border-strong)}.active\:bg-bg-muted:active{background-color:var(--bg-muted)}.not-aria-expanded\:active\:scale-\[0\.97\]:not([aria-expanded=true]):active{scale:.97}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:rounded-md:disabled{border-radius:var(--radius-md)}.disabled\:border-border-default:disabled{border-color:var(--border-default)}.disabled\:bg-bg-muted:disabled{background-color:var(--bg-muted)}.disabled\:text-text-subtle:disabled{color:var(--text-subtle)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\]:disabled{box-shadow:0 0 0 1px var(--border-strong)}.has-disabled\:cursor-not-allowed:has(:disabled),.has-data-disabled\:cursor-not-allowed:has([data-disabled]){cursor:not-allowed}.has-\[\[data-attachment-main\]\:focus-visible\]\:border-border-default:has([data-attachment-main]:focus-visible){border-color:var(--border-default)}.has-\[\[data-attachment-main\]\:focus-visible\]\:bg-bg-popover:has([data-attachment-main]:focus-visible){background-color:var(--bg-popover)}.has-\[\[data-attachment-main\]\:focus-visible\]\:\[box-shadow\:0_1px_2px_0_var\(--effect-shadow-xs\)\,0_0_0_2px_var\(--action-focus-ring\)\]:has([data-attachment-main]:focus-visible){box-shadow:0 1px 2px 0 var(--effect-shadow-xs),0 0 0 2px var(--action-focus-ring)}.has-\[button\:focus-visible\]\:border-border-strong:has(:is(button:focus-visible)){border-color:var(--border-strong)}.has-\[button\:focus-visible\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:has(:is(button:focus-visible)){box-shadow:0 0 0 2px var(--action-focus-ring)}.has-\[input\:focus-visible\]\:border-border-focus:has(:is(input:focus-visible)){border-color:var(--border-focus)}.has-\[input\:focus-visible\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:has(:is(input:focus-visible)){box-shadow:0 0 0 2px var(--action-focus-ring)}.has-\[textarea\:focus\]\:border-border-strong:has(:is(textarea:focus)),.has-\[textarea\:focus-visible\]\:border-border-strong:has(:is(textarea:focus-visible)){border-color:var(--border-strong)}.has-\[textarea\:focus-visible\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:has(:is(textarea:focus-visible)){box-shadow:0 0 0 2px var(--action-focus-ring)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-expanded\:\[transition-property\:background-color\,border-color\,color\,box-shadow\][aria-expanded=true]{transition-property:background-color,border-color,color,box-shadow}.aria-pressed\:bg-border-input[aria-pressed=true]{background-color:var(--border-input)}.aria-\[current\=page\]\:font-medium[aria-current=page]{--tw-font-weight:510;font-weight:510}.aria-\[current\=page\]\:text-text-default[aria-current=page]{color:var(--text-default)}@media (hover:hover){.aria-\[current\=page\]\:hover\:bg-transparent[aria-current=page]:hover{background-color:#0000}}.data-active\:bg-bg-selected[data-active]{background-color:var(--bg-selected)}.data-active\:bg-border-input[data-active]{background-color:var(--border-input)}.data-active\:text-text-default[data-active]{color:var(--text-default)}.data-dragging\:cursor-grabbing[data-dragging]{cursor:grabbing}.data-dragging\:border-border-strong[data-dragging]{border-color:var(--border-strong)}.data-dragging\:\[box-shadow\:0_4px_6px_-1px_var\(--effect-shadow-sm\)\,0_2px_4px_-2px_var\(--effect-shadow-sm\)\][data-dragging]{box-shadow:0 4px 6px -1px var(--effect-shadow-sm),0 2px 4px -2px var(--effect-shadow-sm)}.data-filled\:border-border-strong[data-filled]{border-color:var(--border-strong)}.data-highlighted\:bg-bg-hover[data-highlighted]{background-color:var(--bg-hover)}.data-highlighted\:bg-bg-selected[data-highlighted]{background-color:var(--bg-selected)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:border-border-strong[data-disabled]{border-color:var(--border-strong)}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\]\:\[box-shadow\:none\][data-disabled]{box-shadow:none}@media (hover:hover){.data-\[disabled\]\:hover\:border-border-strong[data-disabled]:hover{border-color:var(--border-strong)}}.data-\[dragging\]\:border-status-brand-border[data-dragging]{border-color:var(--status-brand-border)}.data-\[dragging\]\:bg-bg-hover[data-dragging]{background-color:var(--bg-hover)}.data-\[force\=focus\]\:border-border-default[data-force=focus]{border-color:var(--border-default)}.data-\[force\=focus\]\:bg-bg-hover[data-force=focus]{background-color:var(--bg-hover)}.data-\[force\=focus\]\:bg-bg-popover[data-force=focus]{background-color:var(--bg-popover)}.data-\[force\=focus\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 2px var(--action-focus-ring)}.data-\[force\=focus\]\:\[box-shadow\:0_1px_2px_0_var\(--effect-shadow-xs\)\,0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 1px 2px 0 var(--effect-shadow-xs),0 0 0 2px var(--action-focus-ring)}.data-\[force\=hover\]\:bg-bg-hover[data-force=hover]{background-color:var(--bg-hover)}.data-\[force\=hover\]\:bg-bg-selected[data-force=hover]{background-color:var(--bg-selected)}.data-\[force\=hover\]\:\[filter\:drop-shadow\(0_1px_1px_var\(--effect-shadow-sm\)\)_drop-shadow\(0_1px_1\.5px_var\(--effect-shadow-sm\)\)\][data-force=hover]{filter:drop-shadow(0 1px 1px var(--effect-shadow-sm)) drop-shadow(0 1px 1.5px var(--effect-shadow-sm))}.data-\[highlighted\]\:bg-bg-selected[data-highlighted],.data-\[selected\]\:bg-bg-selected[data-selected],.data-\[state\=active\]\:bg-bg-selected[data-state=active]{background-color:var(--bg-selected)}.data-\[state\=active\]\:text-text-default[data-state=active]{color:var(--text-default)}.data-\[state\=checked\]\:border-action-primary-bg[data-state=checked]{border-color:var(--action-primary-bg)}.data-\[state\=checked\]\:bg-action-primary-bg[data-state=checked]{background-color:var(--action-primary-bg)}.data-\[state\=checked\]\:bg-bg-selected[data-state=checked]{background-color:var(--bg-selected)}.data-\[state\=checked\]\:\[box-shadow\:none\][data-state=checked]{box-shadow:none}.data-\[state\=checked\]\:focus-visible\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][data-state=checked]:focus-visible{box-shadow:0 0 0 2px var(--action-focus-ring)}.data-\[state\=closed\]\:animate-\[satin-fade-out_var\(--duration-base\)_var\(--ease-out\)\][data-state=closed]{animation:satin-fade-out var(--duration-base) var(--ease-out)}.data-\[state\=closed\]\:animate-\[satin-sheet-down_var\(--duration-base\)_var\(--ease-out\)\][data-state=closed]{animation:satin-sheet-down var(--duration-base) var(--ease-out)}.data-\[state\=closed\]\:animate-\[satin-sheet-right_var\(--duration-base\)_var\(--ease-out\)\][data-state=closed]{animation:satin-sheet-right var(--duration-base) var(--ease-out)}.data-\[state\=closed\]\:animate-\[satin-sheet-to-left_var\(--duration-base\)_var\(--ease-out\)\][data-state=closed]{animation:satin-sheet-to-left var(--duration-base) var(--ease-out)}.data-\[state\=on\]\:rounded-lg[data-state=on]{border-radius:var(--radius-lg)}.data-\[state\=on\]\:border-border-strong[data-state=on]{border-color:var(--border-strong)}.data-\[state\=on\]\:bg-action-secondary-bg-pressed[data-state=on]{background-color:var(--action-secondary-bg-pressed)}.data-\[state\=on\]\:bg-component-segmented-selected[data-state=on]{background-color:var(--component-segmented-selected)}.data-\[state\=on\]\:text-text-default[data-state=on]{color:var(--text-default)}.data-\[state\=on\]\:\[box-shadow\:0_1px_3px_0_var\(--effect-shadow-sm\)\,0_1px_2px_-1px_var\(--effect-shadow-sm\)\][data-state=on]{box-shadow:0 1px 3px 0 var(--effect-shadow-sm),0 1px 2px -1px var(--effect-shadow-sm)}.disabled\:data-\[state\=on\]\:rounded-md:disabled[data-state=on]{border-radius:var(--radius-md)}.disabled\:data-\[state\=on\]\:border-border-default:disabled[data-state=on]{border-color:var(--border-default)}.disabled\:data-\[state\=on\]\:bg-action-secondary-bg-pressed:disabled[data-state=on]{background-color:var(--action-secondary-bg-pressed)}.data-\[state\=open\]\:\[animation\:satin-enter_var\(--duration-fast\)_var\(--ease-out\)\][data-state=open]{animation:satin-enter var(--duration-fast) var(--ease-out)}.data-\[state\=open\]\:animate-\[satin-enter_var\(--duration-base\)_var\(--ease-out\)\][data-state=open]{animation:satin-enter var(--duration-base) var(--ease-out)}.data-\[state\=open\]\:animate-\[satin-fade-in_var\(--duration-slow\)_var\(--ease-out\)\][data-state=open]{animation:satin-fade-in var(--duration-slow) var(--ease-out)}.data-\[state\=open\]\:animate-\[satin-sheet-from-left_var\(--duration-slow\)_var\(--ease-out\)\][data-state=open]{animation:satin-sheet-from-left var(--duration-slow) var(--ease-out)}.data-\[state\=open\]\:animate-\[satin-sheet-left_var\(--duration-slow\)_var\(--ease-out\)\][data-state=open]{animation:satin-sheet-left var(--duration-slow) var(--ease-out)}.data-\[state\=open\]\:animate-\[satin-sheet-up_var\(--duration-slow\)_var\(--ease-out\)\][data-state=open]{animation:satin-sheet-up var(--duration-slow) var(--ease-out)}.data-\[state\=open\]\:bg-action-secondary-bg-hover[data-state=open]{background-color:var(--action-secondary-bg-hover)}.data-\[state\=open\]\:bg-bg-selected[data-state=open]{background-color:var(--bg-selected)}.data-\[state\=open\]\:bg-border-input[data-state=open]{background-color:var(--border-input)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=cancel\]\:transition-\[translate\][data-swipe=cancel]{transition-property:translate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.data-\[swipe\=cancel\]\:duration-\(--duration-base\)[data-swipe=cancel]{--tw-duration:var(--duration-base);transition-duration:var(--duration-base)}.data-\[swipe\=cancel\]\:ease-\(--ease-out\)[data-swipe=cancel]{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.data-\[swipe\=end\]\:translate-x-\(--radix-toast-swipe-end-x\)[data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\(--radix-toast-swipe-move-x\)[data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[visible\]\:translate-x-0[data-visible]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[visible\]\:translate-y-0[data-visible]{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[visible\]\:opacity-100[data-visible]{opacity:1}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@container (min-width:560px){.\@min-\[560px\]\:flex{display:flex}.\@min-\[560px\]\:grid{display:grid}.\@min-\[560px\]\:flex-1{flex:1}.\@min-\[560px\]\:auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.\@min-\[560px\]\:grid-flow-col{grid-auto-flow:column}.\@min-\[560px\]\:flex-col{flex-direction:column}.\@min-\[560px\]\:flex-row{flex-direction:row}.\@min-\[560px\]\:gap-1{gap:var(--spacing)}.\@min-\[560px\]\:gap-8{gap:calc(var(--spacing) * 8)}.\@min-\[560px\]\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.\@min-\[560px\]\:px-0{padding-inline:0}}.dark\:border-action-inverse-bg-pressed:is(.dark *){border-color:var(--action-inverse-bg-pressed)}.dark\:bg-\[var\(--code-line-highlight\,rgba\(255\,255\,255\,0\.06\)\)\]:is(.dark *){background-color:var(--code-line-highlight,#ffffff0f)}.dark\:bg-text-default:is(.dark *){background-color:var(--text-default)}.dark\:text-\[var\(--code-function\,\#a78bfa\)\]:is(.dark *){color:var(--code-function,#a78bfa)}.dark\:text-\[var\(--code-keyword\,\#f87171\)\]:is(.dark *){color:var(--code-keyword,#f87171)}.dark\:text-\[var\(--code-line-number\,\#71717a\)\]:is(.dark *){color:var(--code-line-number,#71717a)}.dark\:text-\[var\(--code-parameter\,\#fcd34d\)\]:is(.dark *){color:var(--code-parameter,#fcd34d)}.dark\:text-\[var\(--code-plain\,\#fafafa\)\]:is(.dark *){color:var(--code-plain,#fafafa)}.dark\:text-\[var\(--code-string\,\#7dd3fc\)\]:is(.dark *){color:var(--code-string,#7dd3fc)}.dark\:text-\[var\(--code-variable\,\#38bdf8\)\]:is(.dark *){color:var(--code-variable,#38bdf8)}@starting-style{.starting\:-translate-y-\[calc\(100\%-4px\)\]{--tw-translate-y:calc(calc(100% - 4px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.starting\:translate-y-\[-4px\]{--tw-translate-y:-4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.starting\:opacity-0{opacity:0}.data-\[side\=bottom\]\:starting\:-translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:starting\:translate-x-1[data-side=left]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:starting\:-translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:starting\:translate-y-1[data-side=top]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}}.satin-hover\:rounded-lg:hover,.satin-hover\:rounded-lg[data-force=hover]{border-radius:var(--radius-lg)}.satin-hover\:border-border-strong:hover,.satin-hover\:border-border-strong[data-force=hover]{border-color:var(--border-strong)}.satin-hover\:bg-action-destructive-bg-hover:hover,.satin-hover\:bg-action-destructive-bg-hover[data-force=hover]{background-color:var(--action-destructive-bg-hover)}.satin-hover\:bg-action-inverse-bg-hover:hover,.satin-hover\:bg-action-inverse-bg-hover[data-force=hover]{background-color:var(--action-inverse-bg-hover)}.satin-hover\:bg-action-primary-bg-hover:hover,.satin-hover\:bg-action-primary-bg-hover[data-force=hover]{background-color:var(--action-primary-bg-hover)}.satin-hover\:bg-action-secondary-bg:hover,.satin-hover\:bg-action-secondary-bg[data-force=hover]{background-color:var(--action-secondary-bg)}.satin-hover\:bg-action-secondary-bg-hover:hover,.satin-hover\:bg-action-secondary-bg-hover[data-force=hover]{background-color:var(--action-secondary-bg-hover)}.satin-hover\:bg-bg-canvas:hover,.satin-hover\:bg-bg-canvas[data-force=hover]{background-color:var(--bg-canvas)}.satin-hover\:bg-bg-hover:hover,.satin-hover\:bg-bg-hover[data-force=hover]{background-color:var(--bg-hover)}.satin-hover\:bg-bg-muted:hover,.satin-hover\:bg-bg-muted[data-force=hover]{background-color:var(--bg-muted)}.satin-hover\:bg-border-input:hover,.satin-hover\:bg-border-input[data-force=hover]{background-color:var(--border-input)}.satin-hover\:bg-tone-border:hover,.satin-hover\:bg-tone-border[data-force=hover]{background-color:var(--tone-border)}.satin-hover\:text-text-default:hover,.satin-hover\:text-text-default[data-force=hover]{color:var(--text-default)}.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]:hover,.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\][data-force=hover]{box-shadow:0 0 0 1px var(--action-destructive-bg-hover),0 3px 6px 0 var(--action-primary-shadow)}.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]:hover,.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\][data-force=hover]{box-shadow:0 0 0 1px var(--action-inverse-bg-hover),0 3px 6px 0 var(--action-primary-shadow)}.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\]:hover,.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-hover\)\,0_3px_6px_0_var\(--action-primary-shadow\)\][data-force=hover]{box-shadow:0 0 0 1px var(--action-primary-bg-hover),0 3px 6px 0 var(--action-primary-shadow)}.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\,0_1px_2px_1px_var\(--effect-shadow-xs\)\]:hover,.satin-hover\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\,0_1px_2px_1px_var\(--effect-shadow-xs\)\][data-force=hover]{box-shadow:0 0 0 1px var(--border-strong),0 1px 2px 1px var(--effect-shadow-xs)}.not-data-active\:satin-hover\:bg-bg-muted:not([data-active]):hover,.not-data-active\:satin-hover\:bg-bg-muted:not([data-active])[data-force=hover]{background-color:var(--bg-muted)}.not-data-active\:satin-hover\:text-text-default:not([data-active]):hover,.not-data-active\:satin-hover\:text-text-default:not([data-active])[data-force=hover]{color:var(--text-default)}.data-\[state\=inactive\]\:satin-hover\:bg-bg-muted[data-state=inactive]:hover,.data-\[state\=inactive\]\:satin-hover\:bg-bg-muted[data-state=inactive][data-force=hover]{background-color:var(--bg-muted)}.data-\[state\=on\]\:satin-hover\:border-border-strong[data-state=on]:hover,.data-\[state\=on\]\:satin-hover\:border-border-strong[data-state=on][data-force=hover]{border-color:var(--border-strong)}.data-\[state\=on\]\:satin-hover\:bg-action-secondary-bg-pressed[data-state=on]:hover,.data-\[state\=on\]\:satin-hover\:bg-action-secondary-bg-pressed[data-state=on][data-force=hover]{background-color:var(--action-secondary-bg-pressed)}.satin-focus\:rounded-lg:focus-visible,.satin-focus\:rounded-lg[data-force=focus]{border-radius:var(--radius-lg)}.satin-focus\:border-action-primary-bg:focus-visible,.satin-focus\:border-action-primary-bg[data-force=focus]{border-color:var(--action-primary-bg)}.satin-focus\:border-border-strong:focus-visible,.satin-focus\:border-border-strong[data-force=focus]{border-color:var(--border-strong)}.satin-focus\:bg-bg-hover:focus-visible,.satin-focus\:bg-bg-hover[data-force=focus]{background-color:var(--bg-hover)}.satin-focus\:bg-bg-popover:focus-visible,.satin-focus\:bg-bg-popover[data-force=focus]{background-color:var(--bg-popover)}.satin-focus\:text-text-default:focus-visible,.satin-focus\:text-text-default[data-force=focus]{color:var(--text-default)}.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 1px var(--action-destructive-bg),0 3px 6px 0 var(--action-primary-shadow),0 0 0 2px var(--action-focus-ring)}.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 1px var(--action-inverse-bg),0 3px 6px 0 var(--action-primary-shadow),0 0 0 2px var(--action-focus-ring)}.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg\)\,0_3px_6px_0_var\(--action-primary-shadow\)\,0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 1px var(--action-primary-bg),0 3px 6px 0 var(--action-primary-shadow),0 0 0 2px var(--action-focus-ring)}.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--border-focus\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--border-focus\)\][data-force=focus]{box-shadow:0 0 0 1px var(--border-focus)}.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\,0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\,0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 1px var(--border-strong),0 0 0 2px var(--action-focus-ring)}.satin-focus\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible,.satin-focus\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][data-force=focus]{box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-focus\:\[box-shadow\:inset_0_0_0_1px_var\(--border-focus\)\]:focus-visible,.satin-focus\:\[box-shadow\:inset_0_0_0_1px_var\(--border-focus\)\][data-force=focus]{box-shadow:inset 0 0 0 1px var(--border-focus)}.satin-focus\:\[box-shadow\:none\]:focus-visible,.satin-focus\:\[box-shadow\:none\][data-force=focus]{box-shadow:none}.data-\[state\=off\]\:satin-focus\:bg-bg-muted[data-state=off]:focus-visible,.data-\[state\=off\]\:satin-focus\:bg-bg-muted[data-state=off][data-force=focus]{background-color:var(--bg-muted)}.data-\[state\=on\]\:satin-focus\:border-action-primary-bg[data-state=on]:focus-visible,.data-\[state\=on\]\:satin-focus\:border-action-primary-bg[data-state=on][data-force=focus]{border-color:var(--action-primary-bg)}.data-\[state\=on\]\:satin-focus\:bg-action-secondary-bg-pressed[data-state=on]:focus-visible,.data-\[state\=on\]\:satin-focus\:bg-action-secondary-bg-pressed[data-state=on][data-force=focus]{background-color:var(--action-secondary-bg-pressed)}.data-\[state\=on\]\:satin-focus\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][data-state=on]:focus-visible,.data-\[state\=on\]\:satin-focus\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][data-state=on][data-force=focus]{box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-pressed\:border-border-strong:active,.satin-pressed\:border-border-strong[data-force=pressed],.satin-pressed\:border-border-strong[aria-haspopup][aria-expanded=true]{border-color:var(--border-strong)}.satin-pressed\:bg-action-destructive-bg-pressed:active,.satin-pressed\:bg-action-destructive-bg-pressed[data-force=pressed],.satin-pressed\:bg-action-destructive-bg-pressed[aria-haspopup][aria-expanded=true]{background-color:var(--action-destructive-bg-pressed)}.satin-pressed\:bg-action-inverse-bg-pressed:active,.satin-pressed\:bg-action-inverse-bg-pressed[data-force=pressed],.satin-pressed\:bg-action-inverse-bg-pressed[aria-haspopup][aria-expanded=true]{background-color:var(--action-inverse-bg-pressed)}.satin-pressed\:bg-action-primary-bg-pressed:active,.satin-pressed\:bg-action-primary-bg-pressed[data-force=pressed],.satin-pressed\:bg-action-primary-bg-pressed[aria-haspopup][aria-expanded=true]{background-color:var(--action-primary-bg-pressed)}.satin-pressed\:bg-action-secondary-bg-pressed:active,.satin-pressed\:bg-action-secondary-bg-pressed[data-force=pressed],.satin-pressed\:bg-action-secondary-bg-pressed[aria-haspopup][aria-expanded=true]{background-color:var(--action-secondary-bg-pressed)}.satin-pressed\:bg-bg-muted:active,.satin-pressed\:bg-bg-muted[data-force=pressed],.satin-pressed\:bg-bg-muted[aria-haspopup][aria-expanded=true]{background-color:var(--bg-muted)}.satin-pressed\:bg-border-input:active,.satin-pressed\:bg-border-input[data-force=pressed],.satin-pressed\:bg-border-input[aria-haspopup][aria-expanded=true]{background-color:var(--border-input)}.satin-pressed\:bg-component-segmented-pressed:active,.satin-pressed\:bg-component-segmented-pressed[data-force=pressed],.satin-pressed\:bg-component-segmented-pressed[aria-haspopup][aria-expanded=true]{background-color:var(--component-segmented-pressed)}.satin-pressed\:bg-tone-border:active,.satin-pressed\:bg-tone-border[data-force=pressed],.satin-pressed\:bg-tone-border[aria-haspopup][aria-expanded=true]{background-color:var(--tone-border)}.satin-pressed\:text-text-default:active,.satin-pressed\:text-text-default[data-force=pressed],.satin-pressed\:text-text-default[aria-haspopup][aria-expanded=true]{color:var(--text-default)}.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-pressed\)\]:active,.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-pressed\)\][data-force=pressed],.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-pressed\)\][aria-haspopup][aria-expanded=true]{box-shadow:0 0 0 1px var(--action-destructive-bg-pressed)}.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-pressed\)\]:active,.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-pressed\)\][data-force=pressed],.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-pressed\)\][aria-haspopup][aria-expanded=true]{box-shadow:0 0 0 1px var(--action-inverse-bg-pressed)}.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-pressed\)\]:active,.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-pressed\)\][data-force=pressed],.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-pressed\)\][aria-haspopup][aria-expanded=true]{box-shadow:0 0 0 1px var(--action-primary-bg-pressed)}.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\]:active,.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\][data-force=pressed],.satin-pressed\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\][aria-haspopup][aria-expanded=true]{box-shadow:0 0 0 1px var(--border-strong)}.satin-pressed\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\]:active,.satin-pressed\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\][data-force=pressed],.satin-pressed\:\[box-shadow\:inset_0_0_0_1px_var\(--border-strong\)\][aria-haspopup][aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--border-strong)}.satin-pressed\:\[box-shadow\:none\]:active,.satin-pressed\:\[box-shadow\:none\][data-force=pressed],.satin-pressed\:\[box-shadow\:none\][aria-haspopup][aria-expanded=true]{box-shadow:none}.\[\&_\*\]\:text-action-destructive-fg *{color:var(--action-destructive-fg)}.\[\&_\[data-attachment-main\]\]\:flex-1 [data-attachment-main]{flex:1}.\[\&_\[data-attachment-name\]\]\:max-w-none [data-attachment-name]{max-width:none}.\[\&_\[role\=progressbar\]\]\:h-1\.5 [role=progressbar]{height:calc(var(--spacing) * 1.5)}.\[\&_img\]\:size-3\.5 img{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_img\]\:shrink-0 img{flex-shrink:0}.\[\&_input\]\:text-center input{text-align:center}.\[\&_input\]\:tabular-nums input{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\]\:size-icon-size svg{width:var(--icon-size);height:var(--icon-size)}.\[\&_svg\]\:size-icon-size-sm svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:\[stroke-width\:1\.5\] svg{stroke-width:1.5px}.\[\&_svg\]\:\[stroke-width\:1\.875\] svg{stroke-width:1.875px}.\[\&_svg\]\:text-action-primary-fg svg{color:var(--action-primary-fg)}.\[\&_svg\]\:text-text-muted svg{color:var(--text-muted)}.aria-pressed\:\[\&_svg\]\:text-text-subtle[aria-pressed=true] svg{color:var(--text-subtle)}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{appearance:none}.\[\&\>\*\]\:size-4>*{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>\*\]\:size-5>*{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&\>\*\]\:shrink-0>*{flex-shrink:0}.\[\&\>\*\]\:rounded-full>*{border-radius:var(--radius-full)}.\[\&\>\:first-child\]\:mt-0\.5>:first-child{margin-top:calc(var(--spacing) * .5)}.\[\&\>\[data-slot\=sidebar-sub-item\]\]\:pl-\[46px\]>[data-slot=sidebar-sub-item]{padding-left:46px}.focus-visible\:\[\&\>div\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\]:focus-visible>div{box-shadow:0 0 0 2px var(--action-focus-ring)}.\[\&\>svg\]\:size-2\.5>svg{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:size-icon-size>svg{width:var(--icon-size);height:var(--icon-size)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:\[stroke-width\:1\.875\]>svg{stroke-width:1.875px}.\[\&\>svg\]\:text-text-muted>svg{color:var(--text-muted)}.\[\&\[aria-haspopup\]\[aria-expanded\=true\]\:focus-visible\]\:\[box-shadow\:0_0_0_1px_var\(--action-destructive-bg-pressed\)\,0_0_0_2px_var\(--action-focus-ring\)\][aria-haspopup][aria-expanded=true]:focus-visible{box-shadow:0 0 0 1px var(--action-destructive-bg-pressed),0 0 0 2px var(--action-focus-ring)}.\[\&\[aria-haspopup\]\[aria-expanded\=true\]\:focus-visible\]\:\[box-shadow\:0_0_0_1px_var\(--action-inverse-bg-pressed\)\,0_0_0_2px_var\(--action-focus-ring\)\][aria-haspopup][aria-expanded=true]:focus-visible{box-shadow:0 0 0 1px var(--action-inverse-bg-pressed),0 0 0 2px var(--action-focus-ring)}.\[\&\[aria-haspopup\]\[aria-expanded\=true\]\:focus-visible\]\:\[box-shadow\:0_0_0_1px_var\(--action-primary-bg-pressed\)\,0_0_0_2px_var\(--action-focus-ring\)\][aria-haspopup][aria-expanded=true]:focus-visible{box-shadow:0 0 0 1px var(--action-primary-bg-pressed),0 0 0 2px var(--action-focus-ring)}.\[\&\[aria-haspopup\]\[aria-expanded\=true\]\:focus-visible\]\:\[box-shadow\:0_0_0_1px_var\(--border-strong\)\,0_0_0_2px_var\(--action-focus-ring\)\][aria-haspopup][aria-expanded=true]:focus-visible{box-shadow:0 0 0 1px var(--border-strong),0 0 0 2px var(--action-focus-ring)}.\[\&\[aria-haspopup\]\[aria-expanded\=true\]\:focus-visible\]\:\[box-shadow\:0_0_0_2px_var\(--action-focus-ring\)\][aria-haspopup][aria-expanded=true]:focus-visible{box-shadow:0 0 0 2px var(--action-focus-ring)}}:root{--radius:10px;--bg-canvas:var(--color-zinc-50);--bg-card:var(--color-white);--bg-field:var(--color-white);--bg-popover:var(--color-white);--bg-muted:var(--color-zinc-100);--bg-hover:var(--color-zinc-100);--bg-selected:var(--color-selected-light);--bg-card-fade:var(--color-white-a0);--text-default:var(--color-zinc-900);--text-muted:var(--color-text-muted-light);--text-subtle:var(--color-zinc-400);--text-placeholder:var(--color-zinc-300);--text-on-solid:var(--color-white);--text-on-inverse:var(--bg-canvas);--border-default:var(--color-zinc-200);--border-subtle:var(--color-border-subtle-light);--border-strong:var(--color-zinc-300);--border-input:var(--color-zinc-200);--border-focus:var(--color-blue-600);--action-primary-bg:var(--color-blue-600);--action-primary-bg-hover:var(--color-blue-500);--action-primary-bg-pressed:var(--color-blue-700);--action-primary-fg:var(--text-on-solid);--action-primary-border:var(--color-primary-border-light);--action-primary-glow:var(--color-white-a24);--action-primary-shadow:var(--color-black-a20);--action-secondary-bg:var(--color-zinc-100);--action-secondary-bg-hover:var(--color-zinc-100);--action-secondary-bg-pressed:var(--color-zinc-200);--action-destructive-bg:var(--color-red-600);--action-destructive-bg-hover:var(--color-red-500);--action-destructive-bg-pressed:var(--color-red-700);--action-destructive-border:var(--color-red-400);--action-destructive-glow:var(--color-white-a24);--action-destructive-fg:var(--color-red-soft-700);--action-inverse-bg-hover:var(--color-zinc-800);--action-inverse-bg-pressed:var(--color-zinc-950);--action-inverse-border:var(--color-zinc-500);--action-inverse-glow:var(--color-white-a24);--action-inverse-bg:var(--text-default);--action-focus-ring:var(--color-blue-600-a20);--status-neutral-bg:var(--color-zinc-100);--status-neutral-border:var(--color-zinc-200);--status-neutral-fg:var(--color-zinc-600);--status-brand-bg:var(--color-blue-soft-50);--status-brand-border:var(--color-blue-soft-200);--status-brand-fg:var(--color-blue-soft-700);--status-sky-bg:var(--color-sky-soft-50);--status-sky-border:var(--color-sky-soft-200);--status-sky-fg:var(--color-sky-soft-700);--status-green-bg:var(--color-green-soft-50);--status-green-border:var(--color-green-soft-200);--status-green-fg:var(--color-green-soft-700);--status-amber-bg:var(--color-amber-soft-50);--status-amber-border:var(--color-amber-soft-200);--status-amber-fg:var(--color-amber-soft-700);--status-red-bg:var(--color-red-soft-50);--status-red-border:var(--color-red-soft-200);--status-red-fg:var(--color-red-soft-700);--status-fuchsia-bg:var(--color-fuchsia-soft-50);--status-fuchsia-border:var(--color-fuchsia-soft-200);--status-fuchsia-fg:var(--color-fuchsia-soft-700);--status-plum-bg:var(--color-pink-soft-50);--status-plum-border:var(--color-pink-soft-200);--status-plum-fg:var(--color-pink-soft-700);--effect-shadow-ambient:var(--color-black-a6);--effect-shadow-xs:var(--color-black-a5);--effect-shadow-sm:var(--color-black-a8);--effect-shadow-md:var(--color-black-a14);--effect-shadow-lg:var(--color-black-a18);--effect-highlight-top:var(--color-transparent);--chart-1:var(--color-teal-600);--chart-2:var(--color-cyan-500);--chart-3:var(--color-sky-600);--chart-4:var(--color-indigo-500);--chart-5:var(--color-violet-500);--component-table-zebra:var(--color-zinc-50);--component-table-header:var(--color-zinc-50);--component-segmented-selected:var(--bg-card);--component-segmented-pressed:var(--color-black-a5);--component-rail-center:var(--color-border-subtle-light);--component-rail-edge:var(--color-border-subtle-light-a25);--component-highlight-hover-from:var(--color-teal-50-a20);--component-highlight-hover-to:var(--color-teal-200-a55);--component-highlight-surface-from:var(--color-teal-50-a20);--component-highlight-surface-to:var(--color-teal-50);--component-switch-on:var(--color-green-soft-700);--component-switch-on-hover:var(--color-green-soft-600);--component-kbd-bg:var(--bg-card);--control-height-xs:24px;--control-height:28px;--control-height-lg:32px;--control-height-xl:36px;--menu-row:32px;--toast-height:36px;--icon-size-sm:14px;--icon-size:16px}.dark{--bg-canvas:var(--color-zinc-950);--bg-card:var(--color-card-dark);--bg-field:var(--color-surface-dark);--bg-popover:var(--color-popover-dark);--bg-muted:var(--color-zinc-800);--bg-hover:var(--color-zinc-800);--bg-selected:var(--color-selected-dark);--bg-card-fade:var(--color-card-dark-a0);--text-default:var(--color-zinc-50);--text-muted:var(--color-zinc-400);--text-subtle:var(--color-zinc-500);--text-placeholder:var(--color-zinc-600);--text-on-solid:var(--color-white);--text-on-inverse:var(--bg-canvas);--border-default:var(--color-border-dark);--border-subtle:var(--color-border-subtle-dark);--border-strong:var(--color-border-strong-dark);--border-input:var(--color-border-strong-dark);--border-focus:var(--color-primary-hover-dark);--action-primary-bg:var(--color-primary-dark);--action-primary-bg-hover:var(--color-primary-hover-dark);--action-primary-bg-pressed:var(--color-primary-pressed-dark);--action-primary-fg:var(--text-on-solid);--action-primary-border:var(--color-primary-border-dark);--action-primary-glow:var(--color-white-a24);--action-primary-shadow:var(--color-black-a40);--action-secondary-bg:var(--color-zinc-800);--action-secondary-bg-hover:var(--color-secondary-hover-dark);--action-secondary-bg-pressed:var(--color-secondary-pressed-dark);--action-destructive-bg:var(--color-red-600);--action-destructive-bg-hover:var(--color-red-400);--action-destructive-bg-pressed:var(--color-red-600);--action-destructive-border:var(--color-red-300);--action-destructive-glow:var(--color-white-a24);--action-destructive-fg:var(--color-red-400);--action-inverse-bg-hover:var(--color-zinc-200);--action-inverse-bg-pressed:var(--color-zinc-300);--action-inverse-border:var(--color-zinc-200);--action-inverse-glow:var(--color-white-a24);--action-inverse-bg:var(--text-default);--action-focus-ring:var(--color-primary-focus-dark);--status-neutral-bg:var(--color-zinc-800);--status-neutral-border:var(--color-border-dark);--status-neutral-fg:var(--color-zinc-300);--status-brand-bg:var(--color-blue-soft-950);--status-brand-border:var(--color-blue-soft-900);--status-brand-fg:var(--color-blue-soft-300);--status-sky-bg:var(--color-sky-soft-950);--status-sky-border:var(--color-sky-soft-900);--status-sky-fg:var(--color-sky-soft-300);--status-green-bg:var(--color-green-soft-950);--status-green-border:var(--color-green-soft-900);--status-green-fg:var(--color-green-soft-300);--status-amber-bg:var(--color-amber-soft-950);--status-amber-border:var(--color-amber-soft-900);--status-amber-fg:var(--color-amber-soft-300);--status-red-bg:var(--color-red-soft-950);--status-red-border:var(--color-red-soft-900);--status-red-fg:var(--color-red-soft-300);--status-fuchsia-bg:var(--color-fuchsia-soft-950);--status-fuchsia-border:var(--color-fuchsia-soft-900);--status-fuchsia-fg:var(--color-fuchsia-soft-300);--status-plum-bg:var(--color-pink-soft-950);--status-plum-border:var(--color-pink-soft-900);--status-plum-fg:var(--color-pink-soft-300);--effect-shadow-ambient:var(--color-black-a12);--effect-shadow-xs:var(--color-black-a10);--effect-shadow-sm:var(--color-black-a16);--effect-shadow-md:var(--color-black-a28);--effect-shadow-lg:var(--color-black-a36);--effect-highlight-top:var(--color-white-a6);--chart-1:var(--color-teal-400);--chart-2:var(--color-cyan-400);--chart-3:var(--color-sky-400);--chart-4:var(--color-indigo-400);--chart-5:var(--color-violet-400);--component-table-zebra:var(--color-surface-dark);--component-table-header:var(--color-card-dark);--component-segmented-selected:var(--color-segmented-selected-dark);--component-segmented-pressed:var(--color-white-a6);--component-rail-center:var(--color-white-a10);--component-rail-edge:var(--color-white-a3);--component-highlight-hover-from:var(--color-teal-950-a20);--component-highlight-hover-to:var(--color-teal-500-a55);--component-highlight-surface-from:var(--color-teal-950-a20);--component-highlight-surface-to:var(--color-teal-950);--component-switch-on:var(--color-green-soft-600);--component-switch-on-hover:var(--color-green-soft-500);--component-kbd-bg:var(--bg-muted)}:root,[data-tone=neutral]{--tone-bg:var(--status-neutral-bg);--tone-border:var(--status-neutral-border);--tone-fg:var(--status-neutral-fg)}[data-tone=brand]{--tone-bg:var(--status-brand-bg);--tone-border:var(--status-brand-border);--tone-fg:var(--status-brand-fg)}[data-tone=sky]{--tone-bg:var(--status-sky-bg);--tone-border:var(--status-sky-border);--tone-fg:var(--status-sky-fg)}[data-tone=green]{--tone-bg:var(--status-green-bg);--tone-border:var(--status-green-border);--tone-fg:var(--status-green-fg)}[data-tone=amber]{--tone-bg:var(--status-amber-bg);--tone-border:var(--status-amber-border);--tone-fg:var(--status-amber-fg)}[data-tone=red]{--tone-bg:var(--status-red-bg);--tone-border:var(--status-red-border);--tone-fg:var(--status-red-fg)}[data-tone=fuchsia]{--tone-bg:var(--status-fuchsia-bg);--tone-border:var(--status-fuchsia-border);--tone-fg:var(--status-fuchsia-fg)}[data-tone=plum]{--tone-bg:var(--status-plum-bg);--tone-border:var(--status-plum-border);--tone-fg:var(--status-plum-fg)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes satin-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.satin-collapsible[data-state=open]{animation:satin-enter var(--duration-base) var(--ease-out)}@keyframes satin-shimmer{70%,to{background-position:0 0}}@keyframes satin-fade-in{0%{opacity:0}}@keyframes satin-fade-out{to{opacity:0}}@keyframes satin-sheet-up{0%{transform:translateY(100%)}}@keyframes satin-sheet-down{to{transform:translateY(100%)}}@keyframes satin-sheet-left{0%{transform:translate(100%)}}@keyframes satin-sheet-right{to{transform:translate(100%)}}@keyframes satin-sheet-from-left{0%{transform:translate(-100%)}}@keyframes satin-sheet-to-left{to{transform:translate(-100%)}}@keyframes satin-skeleton{0%{transform:translate(-100%)}to{transform:translate(100%)}}.satin-skeleton[data-animated]:after{content:"";background:linear-gradient(90deg, transparent, var(--text-default), transparent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.satin-skeleton[data-animated]:after{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--text-default) 6%, transparent), transparent)}}.satin-skeleton[data-animated]:after{animation:satin-skeleton 1.6s var(--ease-in-out) infinite}@keyframes satin-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes satin-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.satin-accordion-content{overflow:hidden}.satin-accordion-content[data-state=open]{animation:satin-accordion-down var(--duration-slow) var(--ease-out)}.satin-accordion-content[data-state=closed]{animation:satin-accordion-up var(--duration-base) var(--ease-out)}.satin-expand{visibility:hidden;transition:grid-template-rows var(--duration-base) var(--ease-out), visibility 0s linear var(--duration-base);grid-template-rows:0fr;display:grid}.satin-expand[data-state=open]{visibility:visible;transition:grid-template-rows var(--duration-slow) var(--ease-out), visibility 0s;grid-template-rows:1fr}.satin-expand>*{opacity:.92;min-height:0;transition:opacity var(--duration-base) var(--ease-out);overflow:hidden}.satin-expand[data-state=open]>*{opacity:1;transition-duration:var(--duration-slow)}@keyframes satin-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes satin-page-fade-in{0%{opacity:0}}@keyframes satin-page-fade-out{to{opacity:0}}@keyframes satin-page-in-next{0%{transform:translate(100%)}}@keyframes satin-page-in-prev{0%{transform:translate(-100%)}}@keyframes satin-page-out-next{to{transform:translate(-100%)}}@keyframes satin-page-out-prev{to{transform:translate(100%)}}.satin-page-text[data-motion=fade][data-phase=out]{animation:satin-page-fade-out .1s var(--ease-out) both}.satin-page-text[data-motion=fade][data-phase=in]{animation:satin-page-fade-in var(--duration-base) var(--ease-out) 80ms both}.satin-page-text[data-motion=scroll][data-phase][data-dir]{animation-duration:var(--duration-slow);animation-timing-function:var(--ease-out);animation-fill-mode:both}.satin-page-text[data-motion=scroll][data-phase=in][data-dir=next]{animation-name:satin-page-in-next}.satin-page-text[data-motion=scroll][data-phase=in][data-dir=prev]{animation-name:satin-page-in-prev}.satin-page-text[data-motion=scroll][data-phase=out][data-dir=next]{animation-name:satin-page-out-next}.satin-page-text[data-motion=scroll][data-phase=out][data-dir=prev]{animation-name:satin-page-out-prev}.satin-stream-unit{opacity:0}.satin-stream-unit[data-on]{opacity:1}.satin-stream[data-reveal=blur] .satin-stream-unit[data-on]{animation:satin-stream-blur .22s var(--ease-out) backwards}.satin-stream[data-reveal=fade] .satin-stream-unit[data-on]{animation:satin-stream-fade .22s var(--ease-out) backwards}@keyframes satin-stream-blur{0%{opacity:0;filter:blur(2px)}}@keyframes satin-stream-fade{0%{opacity:0}}.satin-stream-caret{vertical-align:-.14em;width:0;height:1em;display:inline-block;position:relative}.satin-stream-caret:after{content:"";background:var(--action-primary-bg);border-radius:1px;width:2px;position:absolute;inset:-.05em auto -.05em 1px}@keyframes satin-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-slot=input-otp] .animate-\[satin-caret_1s_steps\(1\)_infinite\]{animation:none}}.satin-sheen{isolation:isolate;overflow:clip}.satin-sheen:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg, transparent 30%, var(--color-white-a24) 50%, transparent 70%);animation:satin-sheen 9s var(--ease-in-out) 2s infinite;position:absolute;inset:0;transform:translate(-110%)}@keyframes satin-sheen{0%{transform:translate(-110%)}13%,to{transform:translate(110%)}}@media (prefers-reduced-motion:reduce){.satin-sheen:after{animation:none;display:none}}.satin-checkbox{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-field);width:16px;height:16px;color:var(--action-primary-fg);box-shadow:0 1px 2px 0 var(--effect-shadow-xs);transition-property:background-color,border-color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);outline:none;flex-shrink:0;place-items:center;padding:0;display:grid}.satin-checkbox:is(:hover,[data-force=hover],:where(label:hover)>*){border-color:var(--border-strong);box-shadow:0 1px 3px 0 var(--effect-shadow-sm), 0 1px 2px -1px var(--effect-shadow-sm)}.satin-checkbox:focus-visible,.satin-checkbox[data-force=focus]{border-color:var(--action-primary-bg);box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-checkbox:active,.satin-checkbox[data-force=pressed]{border-color:var(--border-strong);background:var(--bg-muted);box-shadow:none}.satin-checkbox:disabled{cursor:not-allowed;border-color:var(--border-default);background:var(--bg-muted);box-shadow:none}.satin-checkbox:is([data-state=checked],[data-state=indeterminate]){background:var(--action-primary-bg);box-shadow:none;border-color:#0000}.satin-checkbox:is([data-state=checked],[data-state=indeterminate]):is(:hover,[data-force=hover],:where(label:hover)>*){background:var(--action-primary-bg-hover);box-shadow:none;border-color:#0000}.satin-checkbox:is([data-state=checked],[data-state=indeterminate]):is(:focus-visible,[data-force=focus]){border-color:var(--action-primary-bg);background:var(--action-primary-bg);box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-checkbox:is([data-state=checked],[data-state=indeterminate]):is(:active,[data-force=pressed]){background:var(--action-primary-bg-pressed);box-shadow:none;border-color:#0000}.satin-checkbox:is([data-state=checked],[data-state=indeterminate]):disabled{background:var(--border-input);box-shadow:none;border-color:#0000}.satin-switch{background:var(--border-input);width:32px;height:18px;transition-property:background-color,box-shadow;transition-duration:var(--duration-base);transition-timing-function:var(--ease-out);border:0;border-radius:9999px;outline:none;flex-shrink:0;padding:0;display:inline-flex;position:relative}.satin-switch:hover,.satin-switch[data-force=hover]{background:var(--border-strong)}.satin-switch[data-state=checked]{background:var(--component-switch-on)}.satin-switch[data-state=checked]:is(:hover,[data-force=hover]){background:var(--component-switch-on-hover)}.satin-switch:is(:focus-visible,[data-force=focus]){box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-switch:disabled{cursor:not-allowed;opacity:.5}.satin-switch:disabled:hover{background:var(--border-input)}.satin-switch[data-state=checked]:disabled:hover{background:var(--component-switch-on)}.satin-switch-thumb{width:14px;height:14px;box-shadow:0 1px 2px 0 var(--effect-shadow-xs);pointer-events:none;transition:transform var(--duration-base) var(--ease-out);background:#fff;border-radius:9999px;position:absolute;top:2px;left:2px}.satin-switch-thumb[data-state=checked]{transform:translate(14px)}.satin-field{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-field);width:100%;min-width:0;color:var(--text-muted);box-shadow:0 1px 2px 0 var(--effect-shadow-xs);cursor:text;transition-property:background-color,border-color,box-shadow,color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);align-items:center;gap:8px;padding:0 12px;display:flex}.satin-field[data-filled]{color:var(--text-default)}.satin-field:not([data-disabled],[data-invalid]):is(:hover,[data-force=hover]){border-color:var(--border-strong)}.satin-field:not([data-disabled]):is(:focus-within,[data-force=focus],[data-state=open]){border-color:var(--border-focus);box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-field[data-invalid]{border-color:var(--action-destructive-bg)}.satin-field[data-invalid]:not([data-disabled]):is(:focus-within,[data-force=focus],[data-state=open]){border-color:var(--action-destructive-bg);box-shadow:0 0 0 2px var(--action-destructive-glow)}.satin-field[data-disabled]{border-color:var(--border-default);background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.satin-field[data-size=sm]{height:var(--control-height);font-size:var(--text-sm);line-height:20px}.satin-field[data-size=md]{height:var(--control-height-lg);font-size:var(--text-base);line-height:21px}.satin-field[data-size=lg]{height:var(--control-height-xl);border-radius:var(--radius-xl);font-size:var(--text-base);line-height:20px}.satin-field-icon{flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.satin-field-icon svg{stroke-width:1.875px;width:16px;height:16px}.satin-field-input{min-width:0;height:100%;color:var(--text-default);font:inherit;letter-spacing:-.015em;background:0 0;border:0;outline:none;flex:1;padding:0}.satin-field-input:focus-visible{box-shadow:none}.satin-field-input::placeholder{color:var(--text-muted);opacity:1}.satin-field-input:disabled{color:var(--text-subtle);cursor:not-allowed}.satin-field-input:disabled::placeholder{color:var(--text-placeholder)}.satin-select{font:inherit;font-size:var(--text-base);text-align:left}.satin-select[data-disabled]{cursor:not-allowed}.satin-combobox{cursor:pointer}.satin-combobox[data-multiple]{height:auto;padding-block:calc((var(--satin-combobox-h) - 26px) / 2);align-items:flex-start}.satin-combobox[data-size=sm]{--satin-combobox-h:var(--control-height)}.satin-combobox[data-size=md]{--satin-combobox-h:var(--control-height-lg)}.satin-combobox[data-size=lg]{--satin-combobox-h:var(--control-height-xl)}.satin-combobox[data-multiple]{min-height:var(--satin-combobox-h)}.satin-combobox[data-multiple]:not([data-leading]){padding-left:calc((var(--satin-combobox-h) - 26px) / 2)}.satin-combobox[data-multiple] .satin-combobox-icon{margin-top:4px}.satin-combobox[data-multiple] [data-slot=chip]{max-width:100%}.satin-field.satin-textarea{height:96px;min-height:56px;color:var(--text-default);font:inherit;font-size:var(--text-base);letter-spacing:-.015em;resize:vertical;outline:none;padding:8px 12px;line-height:21px;display:block}.satin-textarea:focus-visible{outline:none}.satin-textarea::placeholder{color:var(--text-muted);opacity:1}.satin-field.satin-textarea:disabled{color:var(--text-subtle)}.satin-textarea::-webkit-resizer{background:0 0}.satin-textarea-grip{width:7px;height:7px;color:var(--text-subtle);pointer-events:none;position:absolute;bottom:4px;right:4px}.satin-textarea-root[data-disabled]{opacity:.6}.satin-radio{border:1px solid var(--border-strong);background:var(--bg-field);width:16px;height:16px;color:var(--action-primary-fg);box-shadow:0 1px 2px 0 var(--effect-shadow-xs);transition-property:background-color,border-color,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out);border-radius:9999px;outline:none;flex-shrink:0;place-items:center;padding:0;display:grid}.satin-radio:is(:hover,[data-force=hover],:where(label:hover)>*){box-shadow:0 1px 2px 0 var(--effect-shadow-sm), 0 1px 3px 0 var(--effect-shadow-sm)}.satin-radio:focus-visible,.satin-radio[data-force=focus]{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-radio:active,.satin-radio[data-force=pressed]{background:var(--bg-muted);box-shadow:none}.satin-radio:disabled{cursor:not-allowed;border-color:var(--border-default);background:var(--bg-muted);box-shadow:none}.satin-radio[data-state=checked]{border-color:var(--action-primary-bg);background:var(--action-primary-bg);box-shadow:none}.satin-radio[data-state=checked]:is(:hover,[data-force=hover],:where(label:hover)>*){border-color:var(--action-primary-bg-hover);background:var(--action-primary-bg-hover);box-shadow:none}.satin-radio[data-state=checked]:is(:focus-visible,[data-force=focus]){border-color:var(--action-primary-bg);background:var(--action-primary-bg);box-shadow:0 0 0 2px var(--action-focus-ring)}.satin-radio[data-state=checked]:is(:active,[data-force=pressed]){border-color:var(--action-primary-bg-pressed);background:var(--action-primary-bg-pressed);box-shadow:none}.satin-radio[data-state=checked]:disabled{border-color:var(--border-input);background:var(--border-input);color:var(--bg-canvas);box-shadow:none}.satin-radio-dot{background:currentColor;border-radius:9999px;width:6px;height:6px}.satin-tetris{--satin-tetris-off:var(--bg-muted);--satin-tetris-on:var(--text-muted);flex:none;place-items:center;width:16px;height:16px;display:inline-grid}.satin-tetris__board{grid-template-columns:repeat(5,2px);grid-auto-rows:2px;gap:1px .5px;display:grid;position:relative;overflow:hidden}.satin-tetris__board>i{background:var(--satin-tetris-off);display:block}.satin-tetris[data-still] .satin-tetris__board>i{background:var(--satin-tetris-on)}.satin-tetris__fall{position:absolute;inset:0}.satin-tetris__fall,.satin-tetris__fall>b{animation-duration:var(--satin-tetris-loop);animation-timing-function:linear;animation-iteration-count:infinite}.satin-tetris__fall>b{top:calc(var(--r) * 3px);left:calc(var(--c) * 2.5px);background:var(--satin-tetris-on);width:2px;height:2px;position:absolute}.satin-tetris,.satin-tetris-label{--satin-glimm-peak:.45;--satin-glimm-band:linear-gradient(90deg, transparent, #00c0e8 30%, #6155f5 50%, #cb30e0 70%, transparent);--satin-glimm-text:linear-gradient(90deg, transparent 40%, #00c0e8 45%, #6155f5 50%, #cb30e0 55%, transparent 60%)}.dark :is(.satin-tetris,.satin-tetris-label){--satin-glimm-peak:.85}:is(.satin-tetris,.satin-tetris-label)[data-glimmer=neutral]{--satin-glimm-peak:1;--satin-glimm-band:linear-gradient(90deg, transparent, var(--text-default) 50%, transparent);--satin-glimm-text:linear-gradient(90deg, transparent 42%, var(--text-default) 50%, transparent 58%)}.satin-tetris__glimm{opacity:var(--satin-glimm-peak);pointer-events:none;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-source-type:auto,auto;position:absolute;inset:0;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 2px,#0000 2px 2.5px),repeating-linear-gradient(#000 0 2px,#0000 2px 3px);mask-image:repeating-linear-gradient(90deg,#000 0 2px,#0000 2px 2.5px),repeating-linear-gradient(#000 0 2px,#0000 2px 3px);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.satin-tetris__glimm>span{background:var(--satin-glimm-band);opacity:0;animation:satin-tetris-glimm var(--satin-tetris-loop) linear infinite;position:absolute;inset:0}.satin-tetris-label{display:inline-grid;position:relative}.satin-tetris-label>*{grid-area:1/1}.satin-tetris-label__glimm{opacity:var(--satin-glimm-peak);pointer-events:none}.satin-tetris-label__glimm>span{background:var(--satin-glimm-text) 100% 0 / 300% 100% no-repeat;color:#0000;opacity:0;animation:satin-tetris-glimm-text var(--satin-tetris-loop) linear infinite;-webkit-background-clip:text;background-clip:text}.satin-shimmer{background:linear-gradient(90deg, var(--text-muted) 0% 40%, var(--text-default) 50%, var(--text-muted) 60% 100%) 100% 0 / 300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2s ease-in-out infinite satin-shimmer}.satin-sprite{--satin-run:.44s;flex:none;place-items:center;display:inline-grid}.satin-sprite__frame{display:block;position:relative}.satin-sprite__part{width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute;inset:0}.satin-sprite[data-run] .satin-sprite__frame{animation:satin-sprite-bob var(--satin-run) steps(1, end) infinite}.satin-sprite[data-run] [data-role=wing]{animation:satin-sprite-wing var(--satin-run) steps(1, end) infinite}@keyframes satin-sprite-bob{0%,50%{transform:none}25%,75%{transform:translateY(calc(-100% / var(--rows)))}}@keyframes satin-sprite-wing{0%,50%{transform:none}25%{transform:translateY(calc(-100% / var(--rows)))}75%{transform:translateY(calc(100% / var(--rows)))}}@media (prefers-reduced-motion:reduce){.satin-tetris__fall,.satin-tetris__glimm,.satin-tetris-label__glimm{display:none}.satin-tetris .satin-tetris__board>i:is(:nth-child(2),:nth-child(7),:nth-child(8),:nth-child(12),:nth-child(13),:nth-child(17),:nth-child(18)){background:var(--satin-tetris-on);animation:1.6s ease-in-out infinite alternate satin-tetris-breathe}.satin-tetris[data-still] .satin-tetris__board>i{animation:none}.satin-shimmer{color:var(--text-muted);background:0 0;animation:none}.satin-sprite *{animation:none!important}}@keyframes satin-tetris-breathe{to{opacity:.4}}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@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-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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}

package/chunk-TVLGZGYN.js

@@ -1,59 +0,0 @@
-import { Tooltip } from './chunk-B6V4VSGH.js';
-import { cn } from './chunk-H63FYCMY.js';
-import 'react';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var avatarVariants = cva(
-  "inline-flex shrink-0 items-center justify-center overflow-clip bg-tone-bg text-center whitespace-nowrap text-tone-fg select-none",
-  {
-    variants: {
-      size: {
-        16: "size-4 text-[7px] leading-[8px] font-semibold tracking-normal",
-        20: "size-5 text-[9px] leading-[10px] font-semibold tracking-normal",
-        24: "size-6 text-2xs font-semibold",
-        32: "size-8 text-sm leading-4 font-medium tracking-normal",
-        40: "size-10 text-base leading-[14px] font-medium tracking-normal",
-        48: "size-12 text-lg font-medium"
-      },
-      shape: {
-        circle: "rounded-full",
-        rounded: ""
-      }
-    },
-    compoundVariants: [
-      { shape: "rounded", size: 16, className: "rounded-xs" },
-      { shape: "rounded", size: 20, className: "rounded-xs" },
-      { shape: "rounded", size: 24, className: "rounded-sm" },
-      { shape: "rounded", size: 32, className: "rounded-md" },
-      { shape: "rounded", size: 40, className: "rounded-lg" },
-      { shape: "rounded", size: 48, className: "rounded-xl" }
-    ],
-    defaultVariants: { size: 32, shape: "circle" }
-  }
-);
-var AVATAR_TOOLTIP_DELAY = 400;
-var AVATAR_TOOLTIP_CLOSE = 150;
-function Avatar({ className, initials, tone = "neutral", size = 32, shape, name, ...props }) {
-  const avatar = /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "avatar",
-      "data-tone": tone,
-      ...name ? { role: "img", "aria-label": name, tabIndex: 0 } : {},
-      className: cn(
-        avatarVariants({ size, shape }),
-        name && "outline-none focus-visible:[box-shadow:0_0_0_2px_var(--action-focus-ring)]",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx("span", { "aria-hidden": name ? true : void 0, children: initials })
-    }
-  );
-  if (!name) return avatar;
-  return /* @__PURE__ */ jsx(Tooltip, { label: name, delay: AVATAR_TOOLTIP_DELAY, closeDelay: AVATAR_TOOLTIP_CLOSE, children: avatar });
-}
-
-export { AVATAR_TOOLTIP_DELAY, Avatar, avatarVariants };
-//# sourceMappingURL=chunk-TVLGZGYN.js.map
-//# sourceMappingURL=chunk-TVLGZGYN.js.map

package/chunk-TVLGZGYN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/avatar.tsx"],"names":[],"mappings":";;;;;;AAwBA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,kIAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,+DAAA;AAAA,QACJ,EAAA,EAAI,gEAAA;AAAA,QACJ,EAAA,EAAI,+BAAA;AAAA,QACJ,EAAA,EAAI,sDAAA;AAAA,QACJ,EAAA,EAAI,8DAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,MAAA,EAAQ,cAAA;AAAA,QACR,OAAA,EAAS;AAAA;AACX,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA,EAAa;AAAA,MACtD,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA,EAAa;AAAA,MACtD,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA,EAAa;AAAA,MACtD,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA,EAAa;AAAA,MACtD,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA,EAAa;AAAA,MACtD,EAAE,KAAA,EAAO,SAAA,EAAW,IAAA,EAAM,EAAA,EAAI,WAAW,YAAA;AAAa,KACxD;AAAA,IACA,eAAA,EAAiB,EAAE,IAAA,EAAM,EAAA,EAAI,OAAO,QAAA;AAAS;AAEjD;AAcO,IAAM,oBAAA,GAAuB;AACpC,IAAM,oBAAA,GAAuB,GAAA;AAEtB,SAAS,MAAA,CAAO,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,GAAO,SAAA,EAAW,IAAA,GAAO,EAAA,EAAI,KAAA,EAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAgB;AAC/G,EAAA,MAAM,MAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACV,GAAI,IAAA,GAAO,EAAE,IAAA,EAAM,KAAA,EAAO,cAAc,IAAA,EAAM,QAAA,EAAU,CAAA,EAAE,GAAI,EAAC;AAAA,MAChE,SAAA,EAAW,EAAA;AAAA,QACT,cAAA,CAAe,EAAE,IAAA,EAAM,KAAA,EAAO,CAAA;AAAA,QAC9B,IAAA,IAAQ,4EAAA;AAAA,QACR;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,8BAAC,MAAA,EAAA,EAAK,aAAA,EAAa,IAAA,GAAO,IAAA,GAAO,QAAY,QAAA,EAAA,QAAA,EAAS;AAAA;AAAA,GACxD;AAEF,EAAA,IAAI,CAAC,MAAM,OAAO,MAAA;AAClB,EAAA,uBACE,GAAA,CAAC,WAAQ,KAAA,EAAO,IAAA,EAAM,OAAO,oBAAA,EAAsB,UAAA,EAAY,sBAC5D,QAAA,EAAA,MAAA,EACH,CAAA;AAEJ","file":"chunk-TVLGZGYN.js","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../lib/utils'\nimport { Tooltip } from './tooltip'\n\nexport type AvatarTone = 'neutral' | 'brand' | 'sky' | 'green' | 'amber' | 'red' | 'fuchsia' | 'plum'\nexport type AvatarSize = 16 | 20 | 24 | 32 | 40 | 48\n\n/**\n * Avatar, 1:1 with the uiKit `Avatar` set (992:20199): initials on a tone fill, the same eight\n * hue pairs as Badge (`tone/bg` fill, `tone/fg` text, no border), six px sizes and a Circle or\n * Rounded shape. Rounded steps the radius with the size: 4 / 4 / 6 / 8 / 10 / 12.\n *\n * Type per size, from Figma: 16 → SemiBold 7/8, 20 → SemiBold 9/10 (no kit token for either),\n * 24 → text/2xs SemiBold, 32 → Label/sm 13/16, 40 → Label/lg 14/14, 48 → text/lg Medium.\n * Groups (docs example 3889:7365) overlap with -8px and stack the first on top.\n *\n * With `name` the avatar says who it is: it becomes an image named after the person, takes\n * keyboard focus, and shows the name in a Tooltip. On hover the tooltip waits 400 ms — the middle\n * of the 0.3–0.5 s NN/g recommends, so a pointer passing over a row of faces doesn't flash names —\n * and stays 150 ms after the pointer leaves. Keyboard focus shows it at once.\n */\nconst avatarVariants = cva(\n  'inline-flex shrink-0 items-center justify-center overflow-clip bg-tone-bg text-center whitespace-nowrap text-tone-fg select-none',\n  {\n    variants: {\n      size: {\n        16: 'size-4 text-[7px] leading-[8px] font-semibold tracking-normal',\n        20: 'size-5 text-[9px] leading-[10px] font-semibold tracking-normal',\n        24: 'size-6 text-2xs font-semibold',\n        32: 'size-8 text-sm leading-4 font-medium tracking-normal',\n        40: 'size-10 text-base leading-[14px] font-medium tracking-normal',\n        48: 'size-12 text-lg font-medium',\n      },\n      shape: {\n        circle: 'rounded-full',\n        rounded: '',\n      },\n    },\n    compoundVariants: [\n      { shape: 'rounded', size: 16, className: 'rounded-xs' },\n      { shape: 'rounded', size: 20, className: 'rounded-xs' },\n      { shape: 'rounded', size: 24, className: 'rounded-sm' },\n      { shape: 'rounded', size: 32, className: 'rounded-md' },\n      { shape: 'rounded', size: 40, className: 'rounded-lg' },\n      { shape: 'rounded', size: 48, className: 'rounded-xl' },\n    ],\n    defaultVariants: { size: 32, shape: 'circle' },\n  },\n)\n\nexport interface AvatarProps\n  extends Omit<React.ComponentProps<'span'>, 'children'>,\n    Omit<VariantProps<typeof avatarVariants>, 'size'> {\n  /** One or two letters, or a count like \"+3\" at the end of a group. */\n  initials: string\n  tone?: AvatarTone\n  size?: AvatarSize\n  /** The person's name: shown in a tooltip on hover and focus, and read by screen readers. */\n  name?: string\n}\n\n/** NN/g: wait 0.3–0.5 s before showing hidden content on hover; we take the middle. */\nexport const AVATAR_TOOLTIP_DELAY = 400\nconst AVATAR_TOOLTIP_CLOSE = 150\n\nexport function Avatar({ className, initials, tone = 'neutral', size = 32, shape, name, ...props }: AvatarProps) {\n  const avatar = (\n    <span\n      data-slot=\"avatar\"\n      data-tone={tone}\n      {...(name ? { role: 'img', 'aria-label': name, tabIndex: 0 } : {})}\n      className={cn(\n        avatarVariants({ size, shape }),\n        name && 'outline-none focus-visible:[box-shadow:0_0_0_2px_var(--action-focus-ring)]',\n        className,\n      )}\n      {...props}\n    >\n      <span aria-hidden={name ? true : undefined}>{initials}</span>\n    </span>\n  )\n  if (!name) return avatar\n  return (\n    <Tooltip label={name} delay={AVATAR_TOOLTIP_DELAY} closeDelay={AVATAR_TOOLTIP_CLOSE}>\n      {avatar}\n    </Tooltip>\n  )\n}\n\nexport { avatarVariants }\n"]}