@a-type/ui 2.0.5 → 2.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,9 +1,10 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { AvatarProps } from './Avatar.js';
3
- export declare function AvatarListRoot({ children, count, size, }: {
3
+ export declare function AvatarListRoot({ children, count, size, className, }: {
4
4
  children: ReactNode;
5
5
  count: number;
6
6
  size?: number;
7
+ className?: string;
7
8
  }): import("react/jsx-runtime.js").JSX.Element;
8
9
  export declare function AvatarListItemRoot({ index, children, className, }: {
9
10
  index: number;
@@ -26,13 +26,13 @@ const Avatar_js_1 = require("./Avatar.js");
26
26
  const AvatarListContext = (0, react_1.createContext)({
27
27
  size: 24,
28
28
  });
29
- function AvatarListRoot({ children, count, size = 24, }) {
29
+ function AvatarListRoot({ children, count, size = 24, className, }) {
30
30
  const width = count > 0 ? size + (count - 1) * ((size * 2) / 3) : 0;
31
- return ((0, jsx_runtime_1.jsx)(AvatarListContext.Provider, { value: { size }, children: (0, jsx_runtime_1.jsx)("div", { className: "relative flex-basis-auto", style: { width, minWidth: width, height: size }, children: children }) }));
31
+ return ((0, jsx_runtime_1.jsx)(AvatarListContext.Provider, { value: { size }, children: (0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:relative layer-components:flex-basis-auto', className), style: { width, minWidth: width, height: size }, children: children }) }));
32
32
  }
33
33
  function AvatarListItemRoot({ index, children, className, }) {
34
34
  const { size } = (0, react_1.useContext)(AvatarListContext);
35
- return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('absolute', className), style: {
35
+ return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:absolute', className), style: {
36
36
  left: index === 0 ? 0 : index * ((size * 2) / 3),
37
37
  zIndex: index,
38
38
  top: 0,
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarList.js","sourceRoot":"","sources":["../../../../src/components/avatar/AvatarList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,wCAqBC;AAED,gDAsBC;AAED,wCAeC;;AAtED,gDAA8B;AAC9B,iCAA6D;AAC7D,2CAAkD;AAElD,MAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAmB;IACzD,IAAI,EAAE,EAAE;CACR,CAAC,CAAC;AAEH,SAAgB,cAAc,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,EAAE,GAKT;IACA,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpE,OAAO,CACN,uBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAC1C,gCACC,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAE9C,QAAQ,GACJ,GACsB,CAC7B,CAAC;AACH,CAAC;AAED,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,SAAS,GAKT;IACA,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,gCACC,SAAS,EAAE,IAAA,cAAU,EAAC,UAAU,EAAE,SAAS,CAAC,EAC5C,KAAK,EAAE;YACN,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAChD,MAAM,EAAE,KAAK;YACb,GAAG,EAAE,CAAC;SACN,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAED,SAAgB,cAAc,CAAC,EAQhB;QARgB,EAC9B,KAAK,EACL,SAAS,OAMK,EALX,IAAI,cAHuB,sBAI9B,CADO;IAMP,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,uBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YACrD,uBAAC,kBAAM,kBAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAM,IAAI,EAAI,GACtC,CACrB,CAAC;AACH,CAAC;AAEY,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC,CAAC"}
1
+ {"version":3,"file":"AvatarList.js","sourceRoot":"","sources":["../../../../src/components/avatar/AvatarList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,wCA0BC;AAED,gDAsBC;AAED,wCAeC;;AA3ED,gDAAwB;AACxB,iCAA6D;AAC7D,2CAAkD;AAElD,MAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAmB;IACzD,IAAI,EAAE,EAAE;CACR,CAAC,CAAC;AAEH,SAAgB,cAAc,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAMT;IACA,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpE,OAAO,CACN,uBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAC1C,gCACC,SAAS,EAAE,IAAA,cAAI,EACd,6CAA6C,EAC7C,SAAS,CACT,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAE9C,QAAQ,GACJ,GACsB,CAC7B,CAAC;AACH,CAAC;AAED,SAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,SAAS,GAKT;IACA,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,gCACC,SAAS,EAAE,IAAA,cAAI,EAAC,2BAA2B,EAAE,SAAS,CAAC,EACvD,KAAK,EAAE;YACN,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAChD,MAAM,EAAE,KAAK;YACb,GAAG,EAAE,CAAC;SACN,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAED,SAAgB,cAAc,CAAC,EAQhB;QARgB,EAC9B,KAAK,EACL,SAAS,OAMK,EALX,IAAI,cAHuB,sBAI9B,CADO;IAMP,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,uBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YACrD,uBAAC,kBAAM,kBAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAM,IAAI,EAAI,GACtC,CACrB,CAAC;AACH,CAAC;AAEY,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC,CAAC"}
@@ -1,14 +1,17 @@
1
1
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
2
- declare function Content({ children, className, ...props }: TooltipPrimitive.TooltipContentProps): import("react/jsx-runtime.js").JSX.Element;
2
+ export interface TooltipContentProps extends TooltipPrimitive.TooltipContentProps {
3
+ color?: 'contrast' | 'white' | 'attention';
4
+ }
5
+ declare function Content({ children, className, color, ...props }: TooltipPrimitive.TooltipContentProps): import("react/jsx-runtime.js").JSX.Element;
3
6
  export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
4
7
  export interface TooltipProps extends Omit<TooltipPrimitive.TooltipTriggerProps, 'content'> {
5
8
  content: React.ReactNode;
6
9
  open?: boolean;
7
10
  disabled?: boolean;
8
11
  }
9
- export declare const Tooltip: (({ ref, content, children, open, disabled, ...rest }: TooltipProps & {
12
+ export declare const Tooltip: (({ ref, content, children, open, disabled, className, sideOffset, side, color, ...rest }: TooltipProps & {
10
13
  ref?: React.Ref<HTMLButtonElement>;
11
- }) => import("react/jsx-runtime.js").JSX.Element) & {
14
+ } & Pick<TooltipContentProps, "color" | "sideOffset" | "side">) => import("react/jsx-runtime.js").JSX.Element) & {
12
15
  Trigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
13
16
  Content: typeof Content;
14
17
  };
@@ -55,13 +55,17 @@ const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
55
55
  const clsx_1 = __importDefault(require("clsx"));
56
56
  const Box_js_1 = require("../box/Box.js");
57
57
  function Content(_a) {
58
- var { children, className } = _a, props = __rest(_a, ["children", "className"]);
59
- return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:bg-black layer-components:text-white layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "fill-black" })] })) }) }));
58
+ var { children, className, color } = _a, props = __rest(_a, ["children", "className", "color"]);
59
+ return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', {
60
+ 'layer-variants:bg-black layer-variants:text-white': color === 'contrast',
61
+ 'layer-variants:bg-white layer-variants:text-black': color === 'white',
62
+ 'layer-variants:bg-attention-ink layer-variants:text-white': color === 'attention',
63
+ }, className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "layer-components:fill-[var(--v-bg)]" })] })) }) }));
60
64
  }
61
65
  exports.TooltipProvider = TooltipPrimitive.Provider;
62
66
  exports.Tooltip = Object.assign(function Tooltip(_a) {
63
- var { ref, content, children, open, disabled } = _a, rest = __rest(_a, ["ref", "content", "children", "open", "disabled"]);
64
- return ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, { open: open, children: [disabled ? (children) : ((0, jsx_runtime_1.jsx)(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true, ref: ref }, rest, { children: children }))), (0, jsx_runtime_1.jsx)(Content, { sideOffset: 12, children: content })] }));
67
+ var { ref, content, children, open, disabled, className, sideOffset = 12, side, color } = _a, rest = __rest(_a, ["ref", "content", "children", "open", "disabled", "className", "sideOffset", "side", "color"]);
68
+ return ((0, jsx_runtime_1.jsxs)(TooltipPrimitive.Root, { open: open, children: [disabled ? (children) : ((0, jsx_runtime_1.jsx)(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true, ref: ref }, rest, { children: children }))), (0, jsx_runtime_1.jsx)(Content, { color: color, side: side, sideOffset: sideOffset, className: className, children: content })] }));
65
69
  }, {
66
70
  Trigger: TooltipPrimitive.TooltipTrigger,
67
71
  Content,
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,gDAA8B;AAC9B,0CAA2C;AAE3C,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,uBAAC,mBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,cAAU,EACpB,sJAAsJ,EACtJ,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,KACvB,GACN,GACG,CAC1B,CAAC;AACH,CAAC;AAEY,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAS5C,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,SAAS,OAAO,CAAC,EAShB;QATgB,EAChB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,OAIR,EAHG,IAAI,cANS,kDAOhB,CADO;IAIP,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,uBAAC,OAAO,IAAC,UAAU,EAAE,EAAE,YAAG,OAAO,GAAW,IACrB,CACxB,CAAC;AACH,CAAC,EACD;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,0EAA4D;AAC5D,gDAA8B;AAC9B,0CAA2C;AAO3C,SAAS,OAAO,CAAC,EAKsB;QALtB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,OAEiC,EADnC,KAAK,cAJQ,kCAKhB,CADQ;IAER,OAAO,CACN,uBAAC,gBAAgB,CAAC,MAAM,cACvB,uBAAC,mBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,wBAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,IAAA,cAAU,EACpB,kIAAkI,EAClI,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE;oBACC,sCAAsC,EAAE,KAAK,KAAK,UAAU;oBAC5D,sCAAsC,EAAE,KAAK,KAAK,OAAO;oBACzD,8CAA8C,EAC7C,KAAK,KAAK,WAAW;iBACtB,EACD,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,uBAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,qCAAqC,GAAG,KAChD,GACN,GACG,CAC1B,CAAC;AACH,CAAC;AAEY,QAAA,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAS5C,QAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,SAAS,OAAO,CAAC,EAa6C;QAb7C,EAChB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,KAAK,OAIwD,EAH1D,IAAI,cAVS,8FAWhB,CADO;IAIP,OAAO,CACN,wBAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,uBAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,uBAAC,OAAO,IACP,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,OAAO,GACC,IACa,CACxB,CAAC;AACH,CAAC,EACD;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
@@ -2,11 +2,11 @@ import type { StoryObj } from '@storybook/react';
2
2
  import { Tooltip } from './Tooltip.js';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: (({ ref, content, children, open, disabled, ...rest }: import("./Tooltip.js").TooltipProps & {
5
+ component: (({ ref, content, children, open, disabled, className, sideOffset, side, color, ...rest }: import("./Tooltip.js").TooltipProps & {
6
6
  ref?: React.Ref<HTMLButtonElement>;
7
- }) => import("react/jsx-runtime.js").JSX.Element) & {
7
+ } & Pick<import("./Tooltip.js").TooltipContentProps, "color" | "sideOffset" | "side">) => import("react/jsx-runtime.js").JSX.Element) & {
8
8
  Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
9
- Content: ({ children, className, ...props }: import("@radix-ui/react-tooltip").TooltipContentProps) => import("react/jsx-runtime.js").JSX.Element;
9
+ Content: ({ children, className, color, ...props }: import("@radix-ui/react-tooltip").TooltipContentProps) => import("react/jsx-runtime.js").JSX.Element;
10
10
  };
11
11
  argTypes: {};
12
12
  parameters: {
@@ -16,8 +16,12 @@ declare const meta: {
16
16
  };
17
17
  args: {
18
18
  content: string;
19
+ color: "contrast";
19
20
  };
20
21
  };
21
22
  export default meta;
22
23
  type Story = StoryObj<typeof Tooltip>;
23
24
  export declare const Default: Story;
25
+ export declare const Disabled: Story;
26
+ export declare const Color: Story;
27
+ export declare const Customized: Story;
@@ -1,7 +1,7 @@
1
1
  // @unocss-include
2
2
  "use strict";
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Default = void 0;
4
+ exports.Customized = exports.Color = exports.Disabled = exports.Default = void 0;
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const Tooltip_js_1 = require("./Tooltip.js");
7
7
  const meta = {
@@ -13,10 +13,23 @@ const meta = {
13
13
  },
14
14
  args: {
15
15
  content: 'hello world',
16
+ color: 'contrast',
16
17
  },
17
18
  };
18
19
  exports.default = meta;
19
20
  exports.Default = {
20
21
  render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
21
22
  };
23
+ exports.Disabled = {
24
+ render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({}, args, { disabled: true, children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
25
+ };
26
+ exports.Color = {
27
+ render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
28
+ args: {
29
+ color: 'white',
30
+ },
31
+ };
32
+ exports.Customized = {
33
+ render: (args) => ((0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, Object.assign({ className: "bg-attention" }, args, { children: (0, jsx_runtime_1.jsx)("button", { children: "Hover me" }) }))),
34
+ };
22
35
  //# sourceMappingURL=Tooltip.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAAuC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;KACtB;CAC8B,CAAC;AAEjC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,cAChB,0DAAyB,IAChB,CACV;CACD,CAAC"}
1
+ {"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAAuC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,oBAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;QACtB,KAAK,EAAE,UAAU;KACjB;CAC8B,CAAC;AAEjC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,cAChB,0DAAyB,IAChB,CACV;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,IAAE,QAAQ,kBAC1B,0DAAyB,IAChB,CACV;CACD,CAAC;AAEW,QAAA,KAAK,GAAU;IAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,oBAAK,IAAI,cAChB,0DAAyB,IAChB,CACV;IACD,IAAI,EAAE;QACL,KAAK,EAAE,OAAO;KACd;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,uBAAC,oBAAO,kBAAC,SAAS,EAAC,cAAc,IAAK,IAAI,cACzC,0DAAyB,IAChB,CACV;CACD,CAAC"}
package/dist/css/main.css CHANGED
@@ -1206,4 +1206,4 @@
1206
1206
  0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
1207
1207
  50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
1208
1208
  100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
1209
- }.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.\[\&\[data-state\=open\]\]\:animate-forwards[data-state=open],.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-state\=active\]\]\:cursor-default[data-state=active],.cursor-default{cursor:default;}.important\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true]{cursor:default !important;}.disabled\:cursor-default:disabled{cursor:default;}.important\:disabled\:cursor-default:disabled{cursor:default !important;}.cursor-pointer{cursor:pointer;}.cursor-grab{cursor:grab;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.appearance-none{-webkit-appearance:none;appearance:none;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-start{align-self:flex-start;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-stretch{justify-content:stretch;}.gap-1{gap:0.25rem;}.gap-2{gap:0.50rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1.00rem;}.overflow-hidden{overflow:hidden;}.overflow-visible{overflow:visible;}.overflow-y-auto{overflow-y:auto;}.text-ellipsis{text-overflow:ellipsis;}.whitespace-nowrap{white-space:nowrap;}.border{border-width:calc(1px * var(--global-border-scale,1));}.border-0{border-width:0px;}.border-13px{border-width:13px;}.border-2{border-width:2px;}.border-b{border-bottom-width:calc(1px * var(--global-border-scale,1));}.border-b-1px{border-bottom-width:1px;}.border-l-1px{border-left-width:1px;}.border-r{border-right-width:calc(1px * var(--global-border-scale,1));}.border-r-0{border-right-width:0px;}.border-r-1px{border-right-width:1px;}.border-t{border-top-width:calc(1px * var(--global-border-scale,1));}.\[\&\[data-state\=on\]\]\:border-black[data-state=on],.border-black{border-color:var(--color-black);}.border-gray{border-color:var(--color-gray);}.border-primary{border-color:var(--color-primary);}.border-primary-dark{border-color:var(--color-primary-dark);}.border-transparent{border-color:transparent;}.border-white{border-color:var(--color-white);}.hover\:border-gray-dark:hover{border-color:var(--color-gray-dark);}.\[\&\[data-bottom-edge\]\]\:border-b-gray[data-bottom-edge]{border-bottom-color:var(--color-gray);}.\[\&\[data-day-first\]\]\:border-l-gray[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray[data-first-column]{border-left-color:var(--color-gray);}.\[\&\[data-day-last\]\]\:border-r-gray[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray[data-last-column],.border-r-gray{border-right-color:var(--color-gray);}.\[\&\[data-top-edge\]\]\:border-t-gray[data-top-edge]{border-top-color:var(--color-gray);}.border-r-primary-wash{border-right-color:var(--color-primary-wash);}.border-t-black{border-top-color:var(--color-black);}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range],.rounded-none{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded{border-radius:0.25rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.\[\&_\.ProseMirror\]\:border-none .ProseMirror,.border-none{border-style:none;}.border-solid{border-style:solid;}.border-b-solid{border-bottom-style:solid;}.border-r-solid{border-right-style:solid;}.border-t-solid{border-top-style:solid;}.from-gray-wash{--un-gradient-from-position:0%;--un-gradient-from:var(--color-gray-wash) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-\[color\:var\(--v-bg\,var\(--color-wash\)\)\]::after{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg,var(--color-wash)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-gray-light{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--color-gray-light) var(--un-gradient-via-position), var(--un-gradient-to);}.to-gray-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-gray-wash) var(--un-gradient-to-position);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-primary-wash) var(--un-gradient-to-position);}.after\:to-transparent::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--color-white) var(--un-gradient-to-position);}.after\:from-20\%::after{--un-gradient-from-position:20%;}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-l::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.fill-black{fill:var(--color-black) /* var(--color-black) */;}.fill-white{fill:var(--color-white) /* var(--color-white) */;}.stroke-1{stroke-width:1px;}.stroke-black{stroke:var(--color-black) /* var(--color-black) */;}.stroke-current{stroke:currentColor /* currentColor */;}.stroke-gray-blend{stroke:var(--color-gray-blend) /* var(--color-gray-blend) */;}.object-cover{object-fit:cover;}.p-1{padding:0.25rem;}.p-10{padding:2.50rem;}.p-2{padding:0.50rem;}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.50rem;padding-right:0.50rem;}.px-25px{padding-left:25px;padding-right:25px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-4{padding-left:1.00rem;padding-right:1.00rem;}.px-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.py-sm{padding-top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-3{padding-left:0.75rem;}.pr-8{padding-right:2.00rem;}.text-center{text-align:center;}.text-left{text-align:left;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-lg{font-size:1.25rem;line-height:1.75rem;}.text-md{font-size:1.125rem;line-height:1.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.\[\&\[data-state\=active\]\]\:text-black[data-state=active],.text-black{color:var(--color-black) /* var(--color-black) */;}.\[\&\[data-state\=checked\]\]\:text-primary-dark[data-state=checked]{color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.text-dark-blend{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.text-gray-dark{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.text-white{color:var(--color-white) /* var(--color-white) */;}.\[\&\[data-state\=active\]\]\:font-semibold[data-state=active]{font-weight:600;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-6{line-height:1.5rem;}.font-inherit{font-family:inherit;}.font-title{font-family:var(--font-title, var(--font-default));}.italic{font-style:italic;}.oblique{font-style:oblique;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.important\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5 !important;}.op-0{opacity:0;}.opacity-50{opacity:0.5;}.opacity-80{opacity:0.8;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.important\:disabled\:opacity-50:disabled{opacity:0.5 !important;}.\[\&_\.ProseMirror\:focus\]\:shadow-none .ProseMirror:focus,.\[\&_\.ProseMirror\]\:shadow-none .ProseMirror{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.\[\&\[data-highlighted\]\]\:outline-accent[data-highlighted]{outline-color:var(--color-accent) /* var(--color-accent) */;}.hover\:outline-accent:hover{outline-color:var(--color-accent) /* var(--color-accent) */;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:ring-none:disabled{--un-ring-width:0 !important;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color) !important;--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.ring-white{--un-ring-color:var(--color-white) /* var(--color-white) */;}.focus\:ring-primary:focus{--un-ring-color:var(--color-primary) /* var(--color-primary) */;}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-300{transition-duration:300ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.before\:content-\[\"\"\]::before{content:"";}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.shadow-1{box-shadow:0 1px 2px 0 var(--color-shadow-2);}.shadow-2{box-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);}.shadow-3{box-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);}.shadow-4{box-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder],.color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.color-and-indicator,.color-inherit{color:var(--v-color-altered,var(--v-color));}.color-primary-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-dark);}.after\:color-gray-dark::after{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.\[\&\:nth-child\(2n\+1\)\]\:bg-gray-blend:nth-child(2n+1){background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.\[\&\[data-highlighted\]\]\:bg-primary-wash[data-highlighted],.\[\&\[data-state\=checked\]\]\:bg-primary-wash[data-state=checked],.bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range],.bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.\[\&\[data-range-end\]\]\:bg-accent-light[data-range-end],.\[\&\[data-range-start\]\]\:bg-accent-light[data-range-start],.\[\&\[data-selected\]\]\:bg-accent-light[data-selected]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.\[\&\[data-state\=active\]\]\:bg-\[var\(--bg\)\][data-state=active]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.\[\&\[data-state\=on\]\]\:bg-primary[data-state=on],.bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.bg-\[var\(--color-wash\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}.bg-\[var\(--scroll-bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--scroll-bg);}.bg-\$colors{background-color:var(--colors) /* var(--colors) */;}.bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);}.bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray);}.bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.bg-gray-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);}.bg-primary-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-dark);}.bg-primary-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-ink);}.bg-primary-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-light);}.bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.important\:\[\&\[data-disabled\=true\]\]\:bg-\[var\(--bg\)\][data-disabled=true]{background-color:var(--v-bg-altered,var(--v-bg)) !important;--v-bg:var(--bg) !important;}.hover\:bg-gray-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);}.active\:bg-accent-wash:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.important\:disabled\:bg-\[var\(--bg\)\]:disabled{background-color:var(--v-bg-altered,var(--v-bg)) !important;--v-bg:var(--bg) !important;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.focus-visible\:bg-lighten-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.\[\&\[data-in-range\]\]\:bg-darken-0\.5[data-in-range]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.00625 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0000625 * var(--dyn-mode-lighten-mult, 1))) h);}.bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.\[\&\[data-state\=active\]\]\:hover\:bg-darken-1:hover[data-state=active]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.hover\:bg-darken-1:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}.border-color-black{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.border-color-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);}.border-color-darken-3{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}@layer components{.layer-components\:\[--bg\:var\(--color-primary-wash\)\]{--bg:var(--color-primary-wash);}.layer-components\:\[--fill\:var\(--color-primary\)\]{--fill:var(--color-primary);}.layer-components\:\[--webkit-tap-highlight-color\:transparent\]{--webkit-tap-highlight-color:transparent;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[box-shadow\:inset_0_30px_60px_0px_var\(--color-overlay\)\]{box-shadow:inset 0 30px 60px 0px var(--color-overlay);}.layer-components\:\[font-family\:inherit\],.layer-components\:font-inherit{font-family:inherit;}.layer-components\:\[grid-area\:content\]{grid-area:content;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[line-height\:1\]{line-height:1;}.layer-components\:\[resize\:none\],.layer-components\:resize-none{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:before\:absolute::before{position:absolute;}.layer-components\:inset-0{inset:0.00rem;}.layer-components\:before\:inset-x-4::before{left:1.00rem;right:1.00rem;}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0{bottom:0.00rem;}.layer-components\:left-0{left:0.00rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:right-0{right:0.00rem;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:top-0{top:0.00rem;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:before\:top-0::before{top:0.00rem;}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-50{z-index:50;}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr\]{grid-template-rows:1fr;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-2{margin:0.50rem;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));margin-bottom:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mx-2{margin-left:0.50rem;margin-right:0.50rem;}.layer-components\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h3,.layer-components\:\[\&_h4\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul{margin-top:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0.00rem;}.layer-components\:\[\&_h1\]\:\[\&\:not\:first-child\]\:mt-xl:not:first-child h1{margin-top:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\:first-child\]\:mt-lg:not:first-child h2{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li{margin-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mb-120px{margin-bottom:120px;}.layer-components\:ml-0{margin-left:0.00rem;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0.00rem;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-2px{margin-top:2px;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:aspect-1{aspect-ratio:1;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:h-2\.5[data-orientation=horizontal]{height:0.625rem;}.layer-components\:\[\&\[data-orientation\=vertical\]\]\:w-2\.5[data-orientation=vertical]{width:0.625rem;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-25px{height:25px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-36px{height:36px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-300px{max-height:300px;}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px{min-height:40px;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-full{width:100%;}.layer-components\:w-min-content{width:min-content;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0.00rem;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:flex-col[data-orientation=horizontal],.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-x-\[calc\(-100\%\*\(1-var\(--value\)\)\)\]{--un-translate-x:calc(-100% * (1 - var(--value)));transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:\[\&\[data-visually-disabled\=true\]\]\:cursor-default[data-visually-disabled=true]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-end{justify-content:flex-end;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.50rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1.00rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:overflow-auto{overflow:auto;}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-auto{overflow-x:auto;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-y-auto{overflow-y:auto;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror{border-width:1px;}.layer-components\:border{border-width:calc(1px * var(--global-border-scale,1));}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{border-left-width:4px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:\[\&_\.ProseMirror\]\:border-gray-dark .ProseMirror,.layer-components\:border-gray-dark{border-color:var(--color-gray-dark);}.layer-components\:\[\&_blockquote\]\:border-gray blockquote,.layer-components\:\[\&_hr\]\:border-gray hr{border-color:var(--color-gray);}.layer-components\:\[\&\:disabled\]\:border-gray-light:disabled{border-color:var(--color-gray-light);}.layer-components\:\[\&\[data-state\=checked\]\]\:border-primary-dark[data-state=checked],.layer-components\:border-primary-dark{border-color:var(--color-primary-dark);}.layer-components\:border-accent-dark{border-color:var(--color-accent-dark);}.layer-components\:border-attention-dark{border-color:var(--color-attention-dark);}.layer-components\:border-black{border-color:var(--color-black);}.layer-components\:border-gray-dark-blend{border-color:var(--color-gray-dark-blend);}.layer-components\:border-transparent{border-color:transparent;}.layer-components\:disabled\:border-gray:disabled{border-color:var(--color-gray);}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:first-child\]\:rounded-t-lg:first-child,.layer-components\:rounded-t-lg{border-top-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:first-of-type\]\:rounded-t-md:first-of-type{border-top-left-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:last-child\]\:rounded-b-lg:last-child{border-bottom-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-bottom-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:last-of-type\]\:rounded-b-md:last-of-type{border-bottom-left-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-bottom-right-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-bl-none{border-bottom-left-radius:0;}.layer-components\:rounded-tr-none{border-top-right-radius:0;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-white{fill:var(--color-white) /* var(--color-white) */;}.layer-components\:fill-none{fill:none;}.layer-components\:stroke-black{stroke:var(--color-black) /* var(--color-black) */;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:p-0{padding:0.00rem;}.layer-components\:p-0\.5{padding:0.125rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1.00rem;}.layer-components\:p-6{padding:1.50rem;}.layer-components\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.layer-components\:px-2{padding-left:0.50rem;padding-right:0.50rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.layer-components\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1.00rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.50rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.50rem;}.layer-components\:pb-4{padding-bottom:1.00rem;}.layer-components\:pl-1{padding-left:0.25rem;}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-35px{padding-left:35px;}.layer-components\:pl-8{padding-left:2.00rem;}.layer-components\:pr-4{padding-right:1.00rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-3{padding-top:0.75rem;}.layer-components\:pt-6{padding-top:1.50rem;}.layer-components\:pt-8{padding-top:2.00rem;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-size-md{font-size:1.125rem;}.layer-components\:\[\&\[data-active\=true\]\]\:text-black[data-active=true],.layer-components\:text-black{color:var(--color-black) /* var(--color-black) */;}.layer-components\:text-dark-blend{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.layer-components\:text-gray-dark-blend{color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-components\:text-white{color:var(--color-white) /* var(--color-white) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--font-title, var(--font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&_\.ProseMirror\:focus\]\:shadow-focus .ProseMirror:focus,.layer-components\:\[\&_a\:focus\]\:shadow-focus a:focus{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_\.ProseMirror\]\:shadow-sm-inset .ProseMirror,.layer-components\:shadow-sm-inset{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:shadow-\[0_0_0_1px_var\(--color-black\)\]:hover:not(:disabled){--un-shadow:0 0 0 1px var(--un-shadow-color, var(--color-black));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl-up{--un-shadow:0 -20px 25px -5px var(--color-shadow-1), 0 -10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-sm-inset:hover{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:shadow-focus:focus{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-lg:focus-visible{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:shadow-lg:active{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.layer-components\:\[\&_a\:focus-visible\]\:outline-none a:focus-visible,.layer-components\:\[\&_a\:focus\]\:outline-none a:focus,.layer-components\:outline-none{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:\[\&_a\:focus-visible\]\:ring-4 a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-4[data-visually-focused=true]{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\[data-focus\=true\]\]\:ring-6[data-focus=true]{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:ring-4:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-4:focus-visible{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-6:focus-visible{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_a\:focus-visible\]\:ring-gray a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-gray[data-visually-focused=true]{--un-ring-color:var(--color-gray) /* var(--color-gray) */;}.layer-components\:ring-black{--un-ring-color:var(--color-black) /* var(--color-black) */;}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--color-white) /* var(--color-white) */;}.layer-components\:focus-visible\:ring-accent-dark:focus-visible{--un-ring-color:var(--color-accent-dark) /* var(--color-accent-dark) */;}.layer-components\:focus-visible\:ring-gray:focus-visible{--un-ring-color:var(--color-gray) /* var(--color-gray) */;}.layer-components\:active\:ring-accent-dark:active{--un-ring-color:var(--color-accent-dark) /* var(--color-accent-dark) */;}.layer-components\:focus-visible\:ring-opacity-50:focus-visible{--un-ring-opacity:0.5;}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:\[\&_a\:focus-visible\]\:ring-inset a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-inset[data-visually-focused=true]{--un-ring-inset:inset;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:all\:transition *,.layer-components\:transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-bottom{transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:duration-160ms{transition-duration:160ms;}.layer-components\:duration-200{transition-duration:200ms;}.layer-components\:ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.layer-components\:before\:content-\[\"\"\]::before{content:"";}.layer-components\:disabled\:placeholder-gray-dark:disabled::placeholder{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.layer-components\:\[\&_h2\]\:color-gray-dark h2,.layer-components\:\[\&_h3\]\:color-gray-dark h3,.layer-components\:\[\&_h4\]\:color-gray-dark h4,.layer-components\:\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder]{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.layer-components\:\[\&\[data-disabled\]\]\:color-black[data-disabled],.layer-components\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:\[\&\[data-disabled\]\]\:color-gray[data-disabled]{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray);}.layer-components\:color-accent-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-accent-ink);}.layer-components\:color-attention-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-attention-ink);}.layer-components\:color-dark-blend,.layer-components\:color-inherit{color:var(--v-color-altered,var(--v-color));}.layer-components\:color-primary-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-ink);}.layer-components\:hover\:color-black:hover{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:focus-visible\:color-black:focus-visible{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:color-lighten-1{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:color-lighten-2{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (0.2 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.002 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_h2\]\:color-darken-4 h2{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (-0.05 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0005 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_h3\]\:color-darken-3 h3{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_h4\]\:color-darken-1 h4,.layer-components\:color-darken-1{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_\.ProseMirror\]\:bg-white .ProseMirror,.layer-components\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.layer-components\:\[\&_mark\]\:bg-primary-wash mark,.layer-components\:bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-\[var\(--bg\)\][data-active=true],.layer-components\:\[\&\[data-focus\=true\]\]\:bg-\[var\(--bg\)\][data-focus=true]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:\[\&\[data-highlighted\=true\]\]\:bg-gray-light[data-highlighted=true]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary[data-state=checked],.layer-components\:bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-components\:\[\&\[data-state\=complete\]\]\:bg-accent[data-state=complete],.layer-components\:bg-accent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.05\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:rgba(0,0,0,0.05);}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.1\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:rgba(0,0,0,0.1);}.layer-components\:bg-\[var\(--bg-neutral\,var\(--bg\)\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg-neutral,var(--bg));}.layer-components\:bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.layer-components\:bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention);}.layer-components\:bg-attention-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-components\:bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);}.layer-components\:bg-inherit{background-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:bg-light-blend{background-color:var(--color-light-blend) /* var(--color-light-blend) */;}.layer-components\:bg-overlay{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-overlay);}.layer-components\:hover\:bg-\[var\(--bg\)\]:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:hover\:bg-gray-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-components\:hover\:bg-gray-light:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:focus-visible\:bg-\[var\(--bg\)\]:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:focus-visible\:bg-accent-light:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.layer-components\:focus-visible\:bg-gray-light:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:active\:bg-\[var\(--bg\)\]:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:active\:bg-accent-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.layer-components\:disabled\:bg-transparent:disabled{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-components\:before\:bg-dark-blend::before{background-color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.layer-components\:bg-lighten-4{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.4 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.004 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:hover\:bg-lighten-4:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.4 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.004 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus\:bg-lighten-2:focus{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.2 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.002 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_mark\]\:bg-darken-3 mark{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&\[data-active\=true\]\]\:bg-darken-2[data-active=true],[data-interactive=true]:hover>.layer-components\:\[\[data-interactive\=true\]\:hover\>\&\]\:bg-darken-2{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&\[data-focus\=true\]\]\:bg-darken-1[data-focus=true],.layer-components\:bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:bg-darken-8{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:hover\:bg-darken-1:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus-visible\:bg-darken-0\.5:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.00625 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0000625 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus-visible\:bg-darken-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus-visible\:bg-darken-3:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:active\:bg-darken-1:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:ring-bg{--un-ring-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:hover\:ring-bg:hover{--un-ring-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:focus-visible\:ring-bg:focus-visible{--un-ring-color:var(--v-bg-altered,var(--v-bg));}}@layer responsive{.layer-responsive\:hidden{display:none;}}@layer variants{.layer-variants\:\[--bg\:var\(--color-gray-blend\)\]{--bg:var(--color-gray-blend);}.layer-variants\:\[--bg\:var\(--color-primary\)\],.layer-variants\:\[\&\.btn-color-primary\]\:\[--bg\:var\(--color-primary\)\].btn-color-primary{--bg:var(--color-primary);}.layer-variants\:\[--bg\:var\(--color-white\)\]{--bg:var(--color-white);}.layer-variants\:\[--fill\:var\(--color-gray\)\]{--fill:var(--color-gray);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg-neutral\:var\(--color-accent-wash\)\].btn-color-accent{--bg-neutral:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg\:var\(--color-accent-light\)\].btn-color-accent{--bg:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--bg\:var\(--color-black\)\].btn-color-contrast{--bg:var(--color-black);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg-neutral\:var\(--color-white\)\].btn-color-default{--bg-neutral:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg\:var\(--color-gray-light\)\].btn-color-default{--bg:var(--color-gray-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--bg\:var\(--color-attention\)\].btn-color-destructive{--bg:var(--color-attention);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg-neutral\:transparent\].btn-color-ghost,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg-neutral\:transparent\].btn-color-ghostAccent,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg-neutral\:transparent\].btn-color-ghostDestructive{--bg-neutral:transparent;}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg\:oklch\(from_var\(--color-gray\)_l_c_h\/50\%\)\].btn-color-ghost{--bg:oklch(from var(--color-gray) l c h/50%);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg\:var\(--color-accent-wash\)\].btn-color-ghostAccent{--bg:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--bg:var(--color-attention-light);}.layer-variants\:\[\&\[data-unstyled\=true\]\]\:\[background\:unset\][data-unstyled=true]{background:unset;}.layer-variants\:absolute{position:absolute;}.layer-variants\:right-2{right:0.50rem;}.layer-variants\:top-2{top:0.50rem;}.layer-variants\:z-10{z-index:10;}.layer-variants\:m-2{margin:0.50rem;}.layer-variants\:\[\&\.size-icon-small\]\:-m-y-0\.5.size-icon-small{margin-top:-0.125rem;margin-bottom:-0.125rem;}.layer-variants\:mx-1{margin-left:0.25rem;margin-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-variants\:mb-auto{margin-bottom:auto;}.layer-variants\:h-32px{height:32px;}.layer-variants\:h-full{height:100%;}.layer-variants\:min-h-7\.5{min-height:1.875rem;}.layer-variants\:w-32px{width:32px;}.layer-variants\:w-auto{width:auto;}.layer-variants\:flex{display:flex;}.layer-variants\:inline-flex{display:inline-flex;}.layer-variants\:flex-1{flex:1 1 0%;}.layer-variants\:flex-row{flex-direction:row;}.layer-variants\:flex-wrap{flex-wrap:wrap;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-both[data-both][data-state=closed]{animation:radix-collapsible-close-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-radix-collapsible-open-both[data-both][data-state=open]{animation:radix-collapsible-open-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-horizontal[data-horizontal][data-state=closed]{animation:radix-collapsible-close-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-radix-collapsible-open-horizontal[data-horizontal][data-state=open]{animation:radix-collapsible-open-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:animate-pop-in-from-half{animation:pop-in-from-half 1s linear 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-duration-300[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-duration-300[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-duration-300[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-duration-300[data-horizontal][data-state=open]{animation-duration:300ms;}.layer-variants\:animate-duration-200{animation-duration:200ms;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-ease-springy[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-ease-springy[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-ease-springy[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-ease-springy[data-horizontal][data-state=open],.layer-variants\:animate-ease-springy{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-variants\:cursor-pointer{cursor:pointer;}.layer-variants\:items-start{align-items:flex-start;}.layer-variants\:items-center{align-items:center;}.layer-variants\:gap-2{gap:0.50rem;}.layer-variants\:overflow-y-auto{overflow-y:auto;}.layer-variants\:whitespace-nowrap{white-space:nowrap;}.layer-variants\:\[\&\.btn-color-accent\]\:border-accent-dark.btn-color-accent{border-color:var(--color-accent-dark);}.layer-variants\:\[\&\.btn-color-contrast\]\:border-black.btn-color-contrast{border-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-default\]\:border-gray-dark.btn-color-default,.layer-variants\:border-gray-dark{border-color:var(--color-gray-dark);}.layer-variants\:\[\&\.btn-color-destructive\]\:border-attention-dark.btn-color-destructive{border-color:var(--color-attention-dark);}.layer-variants\:\[\&\.btn-color-primary\]\:border-primary-dark.btn-color-primary{border-color:var(--color-primary-dark);}.layer-variants\:border-gray-dark-blend{border-color:var(--color-gray-dark-blend);}.layer-variants\:border-transparent{border-color:transparent;}.layer-variants\:\[\&\.size-icon-small\]\:rounded-lg.size-icon-small,.layer-variants\:\[\&\.size-icon\]\:rounded-lg.size-icon,.layer-variants\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:\[\&\.size-small\]\:rounded-md.size-small,.layer-variants\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:rounded-none{border-radius:0;}.layer-variants\:\[\&\[data-borderless\=true\]\]\:border-none[data-borderless=true],.layer-variants\:\[\&\[data-unstyled\=true\]\]\:border-none[data-unstyled=true],.layer-variants\:border-none{border-style:none;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-\[var\(--fill\)\]{fill:var(--fill) /* var(--fill) */;}.layer-variants\:\[\&\.size-icon-small\]\:p-2.size-icon-small,.layer-variants\:p-2{padding:0.50rem;}.layer-variants\:\[\&\.size-icon\]\:p-2\.35.size-icon{padding:0.5875rem;}.layer-variants\:\[\&\[data-unstyled\=true\]\]\:p-0[data-unstyled=true],.layer-variants\:p-0{padding:0.00rem;}.layer-variants\:important\:p-0{padding:0.00rem !important;}.layer-variants\:p-5{padding:1.25rem;}.layer-variants\:\[\&\.size-small\]\:px-4.size-small,.layer-variants\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-variants\:\[\&\.size-small\]\:py-1.size-small{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-variants\:py-0\.25{padding-top:0.0625rem;padding-bottom:0.0625rem;}.layer-variants\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:px-1{padding-left:0.25rem;padding-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:py-0{padding-top:0.00rem;padding-bottom:0.00rem;}.layer-variants\:pb-0{padding-bottom:0.00rem;}.layer-variants\:text-left{text-align:left;}.layer-variants\:\[\&\.size-icon-small\]\:text-xs.size-icon-small,[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-variants\:\[\&\.size-icon\]\:text-sm.size-icon,.layer-variants\:\[\&\.size-small\]\:text-sm.size-small{font-size:1rem;line-height:1.25rem;}.layer-variants\:font-size-inherit,.layer-variants\:text-size-inherit{font-size:inherit;}.layer-variants\:\[\&\[data-active\=true\]\]\:text-black[data-active=true]{color:var(--color-black) /* var(--color-black) */;}.layer-variants\:text-attention-dark{color:var(--color-attention-dark) /* var(--color-attention-dark) */;}.layer-variants\:text-inherit{color:inherit;}.layer-variants\:font-normal{font-weight:400;}.layer-variants\:font-inherit{font-family:inherit;}.layer-variants\:\[\&\.btn-color-accent\]\:shadow-sm.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:shadow-sm.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:shadow-sm.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:shadow-sm.btn-color-primary,.layer-variants\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:\[\&\[data-borderless\=true\]\]\:shadow-md[data-borderless=true]{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:hover\:shadow-none:hover{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus\:shadow-none:focus{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:active\:shadow-none:active{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:ring-primary-dark:focus-visible[data-color=primary]{--un-ring-color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:ring-primary-dark:active[data-color=primary]{--un-ring-color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.layer-variants\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-variants\:transition-none{transition:none;}.layer-variants\:\[\&\.btn-color-accent\]\:color-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:color-black.btn-color-default,.layer-variants\:\[\&\.btn-color-primary\]\:color-black.btn-color-primary,.layer-variants\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:color-white.btn-color-contrast{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-white);}.layer-variants\:\[\&\.btn-color-destructive\]\:color-black\).btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghost\]\:color-dark-blend.btn-color-ghost,.layer-variants\:color-inherit{color:var(--v-color-altered,var(--v-color));}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:color-accent-dark.btn-color-ghostAccent{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-accent-dark);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:color-attention-dark.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-attention-dark);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:hover\:color-black:hover.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:focus-visible\:color-black:focus-visible.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\[data-active\=true\]\]\:bg-gray-dark-blend[data-active=true]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark-blend);}.layer-variants\:\[\&\[data-color\=accent\]\]\:bg-accent[data-color=accent]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.layer-variants\:\[\&\[data-color\=primary\]\]\:bg-primary[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-variants\:aria-pressed\:bg-\[var\(--bg\)\][aria-pressed="true"]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-variants\:bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.layer-variants\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.layer-variants\:hover\:bg-attention-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-variants\:hover\:bg-gray-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-variants\:hover\:bg-gray-dark-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark-blend);}.layer-variants\:hover\:bg-transparent:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:focus\:bg-transparent:focus{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:bg-primary:focus-visible[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-variants\:focus-visible\:bg-attention-wash:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-variants\:focus-visible\:bg-gray-dark-blend:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark-blend);}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:bg-primary:active[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-variants\:active\:bg-gray-dark-blend:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark-blend);}.layer-variants\:active\:bg-transparent:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:\[\&\.btn-color-contrast\]\:hover\:bg-lighten-1:hover.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-variants\:\[\&\.btn-color-contrast\]\:focus-visible\:bg-lighten-1:focus-visible.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-variants\:\[\&\.btn-color-contrast\]\:active\:bg-lighten-1:active.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:hover\:bg-darken-4:hover.btn-color-ghostAccent{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.05 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0005 * var(--dyn-mode-lighten-mult, 1))) h);}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.motion-reduce\:animate-none{animation:none;}}@media (prefers-reduced-motion: reduce){@layer components{.layer-components\:motion-reduce\:animate-none{animation:none;}}}@media (max-width: 767.9px){@layer variants{.layer-variants\:lt-md\:bottom-\[max\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\)\]{bottom:max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))));}.layer-variants\:lt-md\:bottom-\[max\(var\(--viewport-bottom-offset\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\]{bottom:max(var(--viewport-bottom-offset,0px),var(--nav-height,env(safe-area-inset-bottom,0px)));}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0.00rem;}.layer-variants\:lt-sm\:right-0{right:0.00rem;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-h-\[calc\(95vh-var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\)\]{max-height:calc(95vh - var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-full{width:100%;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0.00rem;--un-translate-y:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-variants\:lt-sm\:\[\&\[data-state\=closed\]\]\:animate-fade-out-down[data-state=closed]{animation:fade-out-down 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-fade-in-up{animation:fade-in-up 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);}.layer-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:p-6{padding:1.50rem;}.layer-variants\:lt-sm\:pb-\[calc\(3rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-8{padding-top:2.00rem;}}}@media (min-width: 640px){.sm\:\[grid-template-columns\:auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.sm\:bottom-0{bottom:0.00rem;}.\!sm\:grid{display:grid !important;}.sm\:grid-areas-\[prevMonth_leftMonth_rightMonth_nextMonth\]-\[leftGrid_leftGrid_rightGrid_rightGrid\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth" "leftGrid leftGrid rightGrid rightGrid";}.\!sm\:block{display:block !important;}.sm\:hidden{display:none;}.sm\:h-8{height:2rem;}.sm\:w-8{width:2rem;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:display-initial{display:initial;}.layer-components\:sm\:flex-row{flex-direction:row;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:sm\:flex-wrap{flex-wrap:wrap;}.layer-components\:sm\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:shadow-xl{--un-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}}}@media (min-width: 640px){@layer variants{.layer-variants\:sm\:p-4{padding:1.00rem;}}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:grid-cols-\[1fr_auto_20fr_1fr\]{grid-template-columns:1fr auto 20fr 1fr;}.md\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.md\:layer-responsive\:min-h-auto{min-height:auto;}}}@media (min-width: 768px){.md\:max-w-800px{max-width:800px;}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:md\:fixed{position:fixed;}.layer-components\:md\:sticky{position:sticky;}.layer-components\:md\:bottom-3{bottom:0.75rem;}.layer-components\:md\:bottom-auto{bottom:auto;}.layer-components\:md\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:md\:left-auto{left:auto;}.layer-components\:md\:right-auto{right:auto;}.layer-components\:md\:top-0{top:0.00rem;}.layer-components\:md\:top-auto{top:auto;}.layer-components\:md\:before\:hidden::before{display:none;}.layer-components\:md\:h-auto{height:auto;}.layer-components\:md\:h-min-content{height:min-content;}.layer-components\:md\:max-w-80vw{max-width:80vw;}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.layer-components\:md\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:md\:flex{display:flex;}.layer-components\:md\:flex-row{flex-direction:row;}.layer-components\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:md\:flex-col{flex-direction:column;}.layer-components\:md\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:md\:flex-wrap{flex-wrap:wrap;}.layer-components\:md\:items-end{align-items:flex-end;}.layer-components\:md\:items-stretch{align-items:stretch;}.layer-components\:md\:justify-start{justify-content:flex-start;}.layer-components\:md\:gap-2{gap:0.50rem;}.layer-components\:md\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:md\:overflow-y-auto{overflow-y:auto;}.layer-components\:md\:border-transparent{border-color:transparent;}.layer-components\:md\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:md\:rounded-none{border-radius:0;}.layer-components\:md\:border-none{border-style:none;}.layer-components\:md\:p-0{padding:0.00rem;}.layer-components\:md\:p-6px{padding:6px;}.layer-components\:md\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:pb-10{padding-bottom:2.50rem;}.layer-components\:md\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:md\:leading-normal{line-height:1.5;}.layer-components\:md\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:md\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:md\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:md\:bg-gray-blend{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-components\:md\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}}}@media (min-width: 768px){@layer responsive{.layer-responsive\:md\:h-auto{height:auto;}.layer-responsive\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-responsive\:md\:justify-start{justify-content:flex-start;}.layer-responsive\:md\:gap-2{gap:0.50rem;}.layer-responsive\:md\:overflow-visible{overflow:visible;}.layer-responsive\:md\:active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}}}@media (min-width: 768px){@layer variants{*[data-active=true] .layer-variants\:md\:\[\*\[data-active\=true\]_\&\]\:bg-\[var\(--bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-variants\:md\:active\:bg-gray-dark-blend:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark-blend);}}}@layer responsive{@media (min-width: 1024px){.lg\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,70vw\)_1fr\]{grid-template-columns:1fr auto min(800px,70vw) 1fr;}}}@media (min-width: 1024px){@layer components{.layer-components\:lg\:flex-row{flex-direction:row;}.layer-components\:lg\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:lg\:flex-col{flex-direction:column;}.layer-components\:lg\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:lg\:flex-wrap{flex-wrap:wrap;}.layer-components\:lg\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}}}
1209
+ }.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.\[\&\[data-state\=open\]\]\:animate-forwards[data-state=open],.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-state\=active\]\]\:cursor-default[data-state=active],.cursor-default{cursor:default;}.important\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true]{cursor:default !important;}.disabled\:cursor-default:disabled{cursor:default;}.important\:disabled\:cursor-default:disabled{cursor:default !important;}.cursor-pointer{cursor:pointer;}.cursor-grab{cursor:grab;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.appearance-none{-webkit-appearance:none;appearance:none;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-start{align-self:flex-start;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-stretch{justify-content:stretch;}.gap-1{gap:0.25rem;}.gap-2{gap:0.50rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1.00rem;}.overflow-hidden{overflow:hidden;}.overflow-visible{overflow:visible;}.overflow-y-auto{overflow-y:auto;}.text-ellipsis{text-overflow:ellipsis;}.whitespace-nowrap{white-space:nowrap;}.border{border-width:calc(1px * var(--global-border-scale,1));}.border-0{border-width:0px;}.border-13px{border-width:13px;}.border-2{border-width:2px;}.border-b{border-bottom-width:calc(1px * var(--global-border-scale,1));}.border-b-1px{border-bottom-width:1px;}.border-l-1px{border-left-width:1px;}.border-r{border-right-width:calc(1px * var(--global-border-scale,1));}.border-r-0{border-right-width:0px;}.border-r-1px{border-right-width:1px;}.border-t{border-top-width:calc(1px * var(--global-border-scale,1));}.\[\&\[data-state\=on\]\]\:border-black[data-state=on],.border-black{border-color:var(--color-black);}.border-gray{border-color:var(--color-gray);}.border-primary{border-color:var(--color-primary);}.border-primary-dark{border-color:var(--color-primary-dark);}.border-transparent{border-color:transparent;}.border-white{border-color:var(--color-white);}.hover\:border-gray-dark:hover{border-color:var(--color-gray-dark);}.\[\&\[data-bottom-edge\]\]\:border-b-gray[data-bottom-edge]{border-bottom-color:var(--color-gray);}.\[\&\[data-day-first\]\]\:border-l-gray[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray[data-first-column]{border-left-color:var(--color-gray);}.\[\&\[data-day-last\]\]\:border-r-gray[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray[data-last-column],.border-r-gray{border-right-color:var(--color-gray);}.\[\&\[data-top-edge\]\]\:border-t-gray[data-top-edge]{border-top-color:var(--color-gray);}.border-r-primary-wash{border-right-color:var(--color-primary-wash);}.border-t-black{border-top-color:var(--color-black);}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range],.rounded-none{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded{border-radius:0.25rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.\[\&_\.ProseMirror\]\:border-none .ProseMirror,.border-none{border-style:none;}.border-solid{border-style:solid;}.border-b-solid{border-bottom-style:solid;}.border-r-solid{border-right-style:solid;}.border-t-solid{border-top-style:solid;}.from-gray-wash{--un-gradient-from-position:0%;--un-gradient-from:var(--color-gray-wash) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-\[color\:var\(--v-bg\,var\(--color-wash\)\)\]::after{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg,var(--color-wash)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-gray-light{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--color-gray-light) var(--un-gradient-via-position), var(--un-gradient-to);}.to-gray-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-gray-wash) var(--un-gradient-to-position);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-primary-wash) var(--un-gradient-to-position);}.after\:to-transparent::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--color-white) var(--un-gradient-to-position);}.after\:from-20\%::after{--un-gradient-from-position:20%;}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-l::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.fill-white{fill:var(--color-white) /* var(--color-white) */;}.stroke-1{stroke-width:1px;}.stroke-black{stroke:var(--color-black) /* var(--color-black) */;}.stroke-current{stroke:currentColor /* currentColor */;}.stroke-gray-blend{stroke:var(--color-gray-blend) /* var(--color-gray-blend) */;}.object-cover{object-fit:cover;}.p-1{padding:0.25rem;}.p-10{padding:2.50rem;}.p-2{padding:0.50rem;}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.50rem;padding-right:0.50rem;}.px-25px{padding-left:25px;padding-right:25px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-4{padding-left:1.00rem;padding-right:1.00rem;}.px-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.py-sm{padding-top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-3{padding-left:0.75rem;}.pr-8{padding-right:2.00rem;}.text-center{text-align:center;}.text-left{text-align:left;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-lg{font-size:1.25rem;line-height:1.75rem;}.text-md{font-size:1.125rem;line-height:1.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.\[\&\[data-state\=active\]\]\:text-black[data-state=active],.text-black{color:var(--color-black) /* var(--color-black) */;}.\[\&\[data-state\=checked\]\]\:text-primary-dark[data-state=checked]{color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.text-dark-blend{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.text-gray-dark{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.text-white{color:var(--color-white) /* var(--color-white) */;}.\[\&\[data-state\=active\]\]\:font-semibold[data-state=active]{font-weight:600;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-6{line-height:1.5rem;}.font-inherit{font-family:inherit;}.font-title{font-family:var(--font-title, var(--font-default));}.italic{font-style:italic;}.oblique{font-style:oblique;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.important\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5 !important;}.op-0{opacity:0;}.opacity-50{opacity:0.5;}.opacity-80{opacity:0.8;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.important\:disabled\:opacity-50:disabled{opacity:0.5 !important;}.\[\&_\.ProseMirror\:focus\]\:shadow-none .ProseMirror:focus,.\[\&_\.ProseMirror\]\:shadow-none .ProseMirror{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.\[\&\[data-highlighted\]\]\:outline-accent[data-highlighted]{outline-color:var(--color-accent) /* var(--color-accent) */;}.hover\:outline-accent:hover{outline-color:var(--color-accent) /* var(--color-accent) */;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:ring-none:disabled{--un-ring-width:0 !important;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color) !important;--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.ring-white{--un-ring-color:var(--color-white) /* var(--color-white) */;}.focus\:ring-primary:focus{--un-ring-color:var(--color-primary) /* var(--color-primary) */;}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-300{transition-duration:300ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.before\:content-\[\"\"\]::before{content:"";}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.shadow-1{box-shadow:0 1px 2px 0 var(--color-shadow-2);}.shadow-2{box-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);}.shadow-3{box-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);}.shadow-4{box-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder],.color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.color-and-indicator,.color-inherit{color:var(--v-color-altered,var(--v-color));}.color-primary-dark{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-dark);}.after\:color-gray-dark::after{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.\[\&\:nth-child\(2n\+1\)\]\:bg-gray-blend:nth-child(2n+1){background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.\[\&\[data-highlighted\]\]\:bg-primary-wash[data-highlighted],.\[\&\[data-state\=checked\]\]\:bg-primary-wash[data-state=checked],.bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range],.bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.\[\&\[data-range-end\]\]\:bg-accent-light[data-range-end],.\[\&\[data-range-start\]\]\:bg-accent-light[data-range-start],.\[\&\[data-selected\]\]\:bg-accent-light[data-selected]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.\[\&\[data-state\=active\]\]\:bg-\[var\(--bg\)\][data-state=active]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.\[\&\[data-state\=on\]\]\:bg-primary[data-state=on],.bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.bg-\[var\(--color-wash\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-wash);}.bg-\[var\(--scroll-bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--scroll-bg);}.bg-\$colors{background-color:var(--colors) /* var(--colors) */;}.bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention);}.bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);}.bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray);}.bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.bg-gray-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);}.bg-primary-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-dark);}.bg-primary-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-ink);}.bg-primary-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-light);}.bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.important\:\[\&\[data-disabled\=true\]\]\:bg-\[var\(--bg\)\][data-disabled=true]{background-color:var(--v-bg-altered,var(--v-bg)) !important;--v-bg:var(--bg) !important;}.hover\:bg-gray-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-wash);}.active\:bg-accent-wash:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.important\:disabled\:bg-\[var\(--bg\)\]:disabled{background-color:var(--v-bg-altered,var(--v-bg)) !important;--v-bg:var(--bg) !important;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.focus-visible\:bg-lighten-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.\[\&\[data-in-range\]\]\:bg-darken-0\.5[data-in-range]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.00625 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0000625 * var(--dyn-mode-lighten-mult, 1))) h);}.bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.\[\&\[data-state\=active\]\]\:hover\:bg-darken-1:hover[data-state=active]{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.hover\:bg-darken-1:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}.border-color-black{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-black);}.border-color-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--color-gray);}.border-color-darken-3{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}@layer components{.layer-components\:\[--bg\:var\(--color-primary-wash\)\]{--bg:var(--color-primary-wash);}.layer-components\:\[--fill\:var\(--color-primary\)\]{--fill:var(--color-primary);}.layer-components\:\[--webkit-tap-highlight-color\:transparent\]{--webkit-tap-highlight-color:transparent;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[box-shadow\:inset_0_30px_60px_0px_var\(--color-overlay\)\]{box-shadow:inset 0 30px 60px 0px var(--color-overlay);}.layer-components\:\[font-family\:inherit\],.layer-components\:font-inherit{font-family:inherit;}.layer-components\:\[grid-area\:content\]{grid-area:content;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[line-height\:1\]{line-height:1;}.layer-components\:\[resize\:none\],.layer-components\:resize-none{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:before\:absolute::before{position:absolute;}.layer-components\:inset-0{inset:0.00rem;}.layer-components\:before\:inset-x-4::before{left:1.00rem;right:1.00rem;}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0{bottom:0.00rem;}.layer-components\:left-0{left:0.00rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:right-0{right:0.00rem;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:top-0{top:0.00rem;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:before\:top-0::before{top:0.00rem;}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-50{z-index:50;}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr\]{grid-template-rows:1fr;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-2{margin:0.50rem;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));margin-bottom:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mx-2{margin-left:0.50rem;margin-right:0.50rem;}.layer-components\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h3,.layer-components\:\[\&_h4\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul{margin-top:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0.00rem;}.layer-components\:\[\&_h1\]\:\[\&\:not\:first-child\]\:mt-xl:not:first-child h1{margin-top:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\:first-child\]\:mt-lg:not:first-child h2{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li{margin-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mb-120px{margin-bottom:120px;}.layer-components\:ml-0{margin-left:0.00rem;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0.00rem;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-2px{margin-top:2px;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:aspect-1{aspect-ratio:1;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:h-2\.5[data-orientation=horizontal]{height:0.625rem;}.layer-components\:\[\&\[data-orientation\=vertical\]\]\:w-2\.5[data-orientation=vertical]{width:0.625rem;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-25px{height:25px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-36px{height:36px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-300px{max-height:300px;}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px{min-height:40px;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-full{width:100%;}.layer-components\:w-min-content{width:min-content;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0.00rem;}.layer-components\:flex-basis-auto{flex-basis:auto;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:flex-col[data-orientation=horizontal],.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-x-\[calc\(-100\%\*\(1-var\(--value\)\)\)\]{--un-translate-x:calc(-100% * (1 - var(--value)));transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:\[\&\[data-visually-disabled\=true\]\]\:cursor-default[data-visually-disabled=true]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-end{justify-content:flex-end;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.50rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1.00rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:overflow-auto{overflow:auto;}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-auto{overflow-x:auto;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-y-auto{overflow-y:auto;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror{border-width:1px;}.layer-components\:border{border-width:calc(1px * var(--global-border-scale,1));}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{border-left-width:4px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:\[\&_\.ProseMirror\]\:border-gray-dark .ProseMirror,.layer-components\:border-gray-dark{border-color:var(--color-gray-dark);}.layer-components\:\[\&_blockquote\]\:border-gray blockquote,.layer-components\:\[\&_hr\]\:border-gray hr{border-color:var(--color-gray);}.layer-components\:\[\&\:disabled\]\:border-gray-light:disabled{border-color:var(--color-gray-light);}.layer-components\:\[\&\[data-state\=checked\]\]\:border-primary-dark[data-state=checked],.layer-components\:border-primary-dark{border-color:var(--color-primary-dark);}.layer-components\:border-accent-dark{border-color:var(--color-accent-dark);}.layer-components\:border-attention-dark{border-color:var(--color-attention-dark);}.layer-components\:border-black{border-color:var(--color-black);}.layer-components\:border-gray-dark-blend{border-color:var(--color-gray-dark-blend);}.layer-components\:border-transparent{border-color:transparent;}.layer-components\:disabled\:border-gray:disabled{border-color:var(--color-gray);}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:first-child\]\:rounded-t-lg:first-child,.layer-components\:rounded-t-lg{border-top-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:first-of-type\]\:rounded-t-md:first-of-type{border-top-left-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:last-child\]\:rounded-b-lg:last-child{border-bottom-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-bottom-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:\[\&\:last-of-type\]\:rounded-b-md:last-of-type{border-bottom-left-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-bottom-right-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-bl-none{border-bottom-left-radius:0;}.layer-components\:rounded-tr-none{border-top-right-radius:0;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-\[var\(--v-bg\)\]{fill:var(--v-bg) /* var(--v-bg) */;}.layer-components\:fill-white{fill:var(--color-white) /* var(--color-white) */;}.layer-components\:fill-none{fill:none;}.layer-components\:stroke-black{stroke:var(--color-black) /* var(--color-black) */;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:p-0{padding:0.00rem;}.layer-components\:p-0\.5{padding:0.125rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1.00rem;}.layer-components\:p-6{padding:1.50rem;}.layer-components\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.layer-components\:px-2{padding-left:0.50rem;padding-right:0.50rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.layer-components\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1.00rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.50rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.50rem;}.layer-components\:pb-4{padding-bottom:1.00rem;}.layer-components\:pl-1{padding-left:0.25rem;}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-35px{padding-left:35px;}.layer-components\:pl-8{padding-left:2.00rem;}.layer-components\:pr-4{padding-right:1.00rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-3{padding-top:0.75rem;}.layer-components\:pt-6{padding-top:1.50rem;}.layer-components\:pt-8{padding-top:2.00rem;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-size-md{font-size:1.125rem;}.layer-components\:\[\&\[data-active\=true\]\]\:text-black[data-active=true],.layer-components\:text-black{color:var(--color-black) /* var(--color-black) */;}.layer-components\:text-dark-blend{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.layer-components\:text-gray-dark-blend{color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-components\:text-white{color:var(--color-white) /* var(--color-white) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--font-title, var(--font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&_\.ProseMirror\:focus\]\:shadow-focus .ProseMirror:focus,.layer-components\:\[\&_a\:focus\]\:shadow-focus a:focus{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_\.ProseMirror\]\:shadow-sm-inset .ProseMirror,.layer-components\:shadow-sm-inset{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:shadow-\[0_0_0_1px_var\(--color-black\)\]:hover:not(:disabled){--un-shadow:0 0 0 1px var(--un-shadow-color, var(--color-black));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl-up{--un-shadow:0 -20px 25px -5px var(--color-shadow-1), 0 -10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-sm-inset:hover{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:shadow-focus:focus{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--un-shadow-color, var(--color-primary-light));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-lg:focus-visible{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:shadow-lg:active{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.layer-components\:\[\&_a\:focus-visible\]\:outline-none a:focus-visible,.layer-components\:\[\&_a\:focus\]\:outline-none a:focus,.layer-components\:outline-none{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:\[\&_a\:focus-visible\]\:ring-4 a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-4[data-visually-focused=true]{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\[data-focus\=true\]\]\:ring-6[data-focus=true]{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:ring-4:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-4:focus-visible{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-6:focus-visible{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&_a\:focus-visible\]\:ring-gray a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-gray[data-visually-focused=true]{--un-ring-color:var(--color-gray) /* var(--color-gray) */;}.layer-components\:ring-black{--un-ring-color:var(--color-black) /* var(--color-black) */;}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--color-white) /* var(--color-white) */;}.layer-components\:focus-visible\:ring-accent-dark:focus-visible{--un-ring-color:var(--color-accent-dark) /* var(--color-accent-dark) */;}.layer-components\:focus-visible\:ring-gray:focus-visible{--un-ring-color:var(--color-gray) /* var(--color-gray) */;}.layer-components\:active\:ring-accent-dark:active{--un-ring-color:var(--color-accent-dark) /* var(--color-accent-dark) */;}.layer-components\:focus-visible\:ring-opacity-50:focus-visible{--un-ring-opacity:0.5;}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:\[\&_a\:focus-visible\]\:ring-inset a:focus-visible,.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-inset[data-visually-focused=true]{--un-ring-inset:inset;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:all\:transition *,.layer-components\:transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-bottom{transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:duration-160ms{transition-duration:160ms;}.layer-components\:duration-200{transition-duration:200ms;}.layer-components\:ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.layer-components\:before\:content-\[\"\"\]::before{content:"";}.layer-components\:disabled\:placeholder-gray-dark:disabled::placeholder{color:var(--color-gray-dark) /* var(--color-gray-dark) */;}.layer-components\:\[\&_h2\]\:color-gray-dark h2,.layer-components\:\[\&_h3\]\:color-gray-dark h3,.layer-components\:\[\&_h4\]\:color-gray-dark h4,.layer-components\:\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder]{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray-dark);}.layer-components\:\[\&\[data-disabled\]\]\:color-black[data-disabled],.layer-components\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:\[\&\[data-disabled\]\]\:color-gray[data-disabled]{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-gray);}.layer-components\:color-accent-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-accent-ink);}.layer-components\:color-attention-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-attention-ink);}.layer-components\:color-dark-blend,.layer-components\:color-inherit{color:var(--v-color-altered,var(--v-color));}.layer-components\:color-primary-ink{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-primary-ink);}.layer-components\:hover\:color-black:hover{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:focus-visible\:color-black:focus-visible{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-components\:color-lighten-1{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:color-lighten-2{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (0.2 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.002 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_h2\]\:color-darken-4 h2{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (-0.05 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0005 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_h3\]\:color-darken-3 h3{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_h4\]\:color-darken-1 h4,.layer-components\:color-darken-1{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_\.ProseMirror\]\:bg-white .ProseMirror,.layer-components\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.layer-components\:\[\&_mark\]\:bg-primary-wash mark,.layer-components\:bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary-wash);}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-\[var\(--bg\)\][data-active=true],.layer-components\:\[\&\[data-focus\=true\]\]\:bg-\[var\(--bg\)\][data-focus=true]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:\[\&\[data-highlighted\=true\]\]\:bg-gray-light[data-highlighted=true]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary[data-state=checked],.layer-components\:bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-components\:\[\&\[data-state\=complete\]\]\:bg-accent[data-state=complete],.layer-components\:bg-accent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.05\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:rgba(0,0,0,0.05);}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.1\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:rgba(0,0,0,0.1);}.layer-components\:bg-\[var\(--bg-neutral\,var\(--bg\)\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg-neutral,var(--bg));}.layer-components\:bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.layer-components\:bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention);}.layer-components\:bg-attention-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-components\:bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);}.layer-components\:bg-inherit{background-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:bg-light-blend{background-color:var(--color-light-blend) /* var(--color-light-blend) */;}.layer-components\:bg-overlay{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-overlay);}.layer-components\:hover\:bg-\[var\(--bg\)\]:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:hover\:bg-gray-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-components\:hover\:bg-gray-light:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:focus-visible\:bg-\[var\(--bg\)\]:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:focus-visible\:bg-accent-light:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.layer-components\:focus-visible\:bg-gray-light:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-light);}.layer-components\:active\:bg-\[var\(--bg\)\]:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-components\:active\:bg-accent-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-light);}.layer-components\:disabled\:bg-transparent:disabled{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-components\:before\:bg-dark-blend::before{background-color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.layer-components\:bg-lighten-4{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.4 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.004 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:hover\:bg-lighten-4:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.4 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.004 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus\:bg-lighten-2:focus{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.2 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.002 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&_mark\]\:bg-darken-3 mark{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&\[data-active\=true\]\]\:bg-darken-2[data-active=true],[data-interactive=true]:hover>.layer-components\:\[\[data-interactive\=true\]\:hover\>\&\]\:bg-darken-2{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:\[\&\[data-focus\=true\]\]\:bg-darken-1[data-focus=true],.layer-components\:bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:bg-darken-8{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:hover\:bg-darken-1:hover{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus-visible\:bg-darken-0\.5:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.00625 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0000625 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus-visible\:bg-darken-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:focus-visible\:bg-darken-3:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.037500000000000006 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00037500000000000006 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:active\:bg-darken-1:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.0125 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.000125 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-components\:ring-bg{--un-ring-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:hover\:ring-bg:hover{--un-ring-color:var(--v-bg-altered,var(--v-bg));}.layer-components\:focus-visible\:ring-bg:focus-visible{--un-ring-color:var(--v-bg-altered,var(--v-bg));}}@layer responsive{.layer-responsive\:hidden{display:none;}}@layer variants{.layer-variants\:\[--bg\:var\(--color-gray-blend\)\]{--bg:var(--color-gray-blend);}.layer-variants\:\[--bg\:var\(--color-primary\)\],.layer-variants\:\[\&\.btn-color-primary\]\:\[--bg\:var\(--color-primary\)\].btn-color-primary{--bg:var(--color-primary);}.layer-variants\:\[--bg\:var\(--color-white\)\]{--bg:var(--color-white);}.layer-variants\:\[--fill\:var\(--color-gray\)\]{--fill:var(--color-gray);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg-neutral\:var\(--color-accent-wash\)\].btn-color-accent{--bg-neutral:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg\:var\(--color-accent-light\)\].btn-color-accent{--bg:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--bg\:var\(--color-black\)\].btn-color-contrast{--bg:var(--color-black);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg-neutral\:var\(--color-white\)\].btn-color-default{--bg-neutral:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg\:var\(--color-gray-light\)\].btn-color-default{--bg:var(--color-gray-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--bg\:var\(--color-attention\)\].btn-color-destructive{--bg:var(--color-attention);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg-neutral\:transparent\].btn-color-ghost,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg-neutral\:transparent\].btn-color-ghostAccent,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg-neutral\:transparent\].btn-color-ghostDestructive{--bg-neutral:transparent;}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg\:oklch\(from_var\(--color-gray\)_l_c_h\/50\%\)\].btn-color-ghost{--bg:oklch(from var(--color-gray) l c h/50%);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg\:var\(--color-accent-wash\)\].btn-color-ghostAccent{--bg:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--bg:var(--color-attention-light);}.layer-variants\:\[\&\[data-unstyled\=true\]\]\:\[background\:unset\][data-unstyled=true]{background:unset;}.layer-variants\:absolute{position:absolute;}.layer-variants\:right-2{right:0.50rem;}.layer-variants\:top-2{top:0.50rem;}.layer-variants\:z-10{z-index:10;}.layer-variants\:m-2{margin:0.50rem;}.layer-variants\:\[\&\.size-icon-small\]\:-m-y-0\.5.size-icon-small{margin-top:-0.125rem;margin-bottom:-0.125rem;}.layer-variants\:mx-1{margin-left:0.25rem;margin-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.layer-variants\:mb-auto{margin-bottom:auto;}.layer-variants\:h-32px{height:32px;}.layer-variants\:h-full{height:100%;}.layer-variants\:min-h-7\.5{min-height:1.875rem;}.layer-variants\:w-32px{width:32px;}.layer-variants\:w-auto{width:auto;}.layer-variants\:flex{display:flex;}.layer-variants\:inline-flex{display:inline-flex;}.layer-variants\:flex-1{flex:1 1 0%;}.layer-variants\:flex-row{flex-direction:row;}.layer-variants\:flex-wrap{flex-wrap:wrap;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-both[data-both][data-state=closed]{animation:radix-collapsible-close-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-radix-collapsible-open-both[data-both][data-state=open]{animation:radix-collapsible-open-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-horizontal[data-horizontal][data-state=closed]{animation:radix-collapsible-close-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-radix-collapsible-open-horizontal[data-horizontal][data-state=open]{animation:radix-collapsible-open-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:animate-pop-in-from-half{animation:pop-in-from-half 1s linear 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-duration-300[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-duration-300[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-duration-300[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-duration-300[data-horizontal][data-state=open]{animation-duration:300ms;}.layer-variants\:animate-duration-200{animation-duration:200ms;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-ease-springy[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-ease-springy[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-ease-springy[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-ease-springy[data-horizontal][data-state=open],.layer-variants\:animate-ease-springy{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-variants\:cursor-pointer{cursor:pointer;}.layer-variants\:items-start{align-items:flex-start;}.layer-variants\:items-center{align-items:center;}.layer-variants\:gap-2{gap:0.50rem;}.layer-variants\:overflow-y-auto{overflow-y:auto;}.layer-variants\:whitespace-nowrap{white-space:nowrap;}.layer-variants\:\[\&\.btn-color-accent\]\:border-accent-dark.btn-color-accent{border-color:var(--color-accent-dark);}.layer-variants\:\[\&\.btn-color-contrast\]\:border-black.btn-color-contrast{border-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-default\]\:border-gray-dark.btn-color-default,.layer-variants\:border-gray-dark{border-color:var(--color-gray-dark);}.layer-variants\:\[\&\.btn-color-destructive\]\:border-attention-dark.btn-color-destructive{border-color:var(--color-attention-dark);}.layer-variants\:\[\&\.btn-color-primary\]\:border-primary-dark.btn-color-primary{border-color:var(--color-primary-dark);}.layer-variants\:border-gray-dark-blend{border-color:var(--color-gray-dark-blend);}.layer-variants\:border-transparent{border-color:transparent;}.layer-variants\:\[\&\.size-icon-small\]\:rounded-lg.size-icon-small,.layer-variants\:\[\&\.size-icon\]\:rounded-lg.size-icon,.layer-variants\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:\[\&\.size-small\]\:rounded-md.size-small,.layer-variants\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:rounded-none{border-radius:0;}.layer-variants\:\[\&\[data-borderless\=true\]\]\:border-none[data-borderless=true],.layer-variants\:\[\&\[data-unstyled\=true\]\]\:border-none[data-unstyled=true],.layer-variants\:border-none{border-style:none;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-\[var\(--fill\)\]{fill:var(--fill) /* var(--fill) */;}.layer-variants\:\[\&\.size-icon-small\]\:p-2.size-icon-small,.layer-variants\:p-2{padding:0.50rem;}.layer-variants\:\[\&\.size-icon\]\:p-2\.35.size-icon{padding:0.5875rem;}.layer-variants\:\[\&\[data-unstyled\=true\]\]\:p-0[data-unstyled=true],.layer-variants\:p-0{padding:0.00rem;}.layer-variants\:important\:p-0{padding:0.00rem !important;}.layer-variants\:p-5{padding:1.25rem;}.layer-variants\:\[\&\.size-small\]\:px-4.size-small,.layer-variants\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-variants\:\[\&\.size-small\]\:py-1.size-small{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-variants\:py-0\.25{padding-top:0.0625rem;padding-bottom:0.0625rem;}.layer-variants\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:px-1{padding-left:0.25rem;padding-right:0.25rem;}[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:py-0{padding-top:0.00rem;padding-bottom:0.00rem;}.layer-variants\:pb-0{padding-bottom:0.00rem;}.layer-variants\:text-left{text-align:left;}.layer-variants\:\[\&\.size-icon-small\]\:text-xs.size-icon-small,[data-compact=true] .layer-variants\:\[\[data-compact\=true\]_\&\]\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-variants\:\[\&\.size-icon\]\:text-sm.size-icon,.layer-variants\:\[\&\.size-small\]\:text-sm.size-small{font-size:1rem;line-height:1.25rem;}.layer-variants\:font-size-inherit,.layer-variants\:text-size-inherit{font-size:inherit;}.layer-variants\:\[\&\[data-active\=true\]\]\:text-black[data-active=true],.layer-variants\:text-black{color:var(--color-black) /* var(--color-black) */;}.layer-variants\:text-attention-dark{color:var(--color-attention-dark) /* var(--color-attention-dark) */;}.layer-variants\:text-white{color:var(--color-white) /* var(--color-white) */;}.layer-variants\:text-inherit{color:inherit;}.layer-variants\:font-normal{font-weight:400;}.layer-variants\:font-inherit{font-family:inherit;}.layer-variants\:\[\&\.btn-color-accent\]\:shadow-sm.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:shadow-sm.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:shadow-sm.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:shadow-sm.btn-color-primary,.layer-variants\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:\[\&\[data-borderless\=true\]\]\:shadow-md[data-borderless=true]{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:hover\:shadow-none:hover{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus\:shadow-none:focus{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:active\:shadow-none:active{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:ring-primary-dark:focus-visible[data-color=primary]{--un-ring-color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:ring-primary-dark:active[data-color=primary]{--un-ring-color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.layer-variants\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-variants\:transition-none{transition:none;}.layer-variants\:\[\&\.btn-color-accent\]\:color-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:color-black.btn-color-default,.layer-variants\:\[\&\.btn-color-primary\]\:color-black.btn-color-primary,.layer-variants\:color-black{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:color-white.btn-color-contrast{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-white);}.layer-variants\:\[\&\.btn-color-destructive\]\:color-black\).btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghost\]\:color-dark-blend.btn-color-ghost,.layer-variants\:color-inherit{color:var(--v-color-altered,var(--v-color));}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:color-accent-dark.btn-color-ghostAccent{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-accent-dark);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:color-attention-dark.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-attention-dark);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:hover\:color-black:hover.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:focus-visible\:color-black:focus-visible.btn-color-ghostDestructive{color:var(--v-color-altered,var(--v-color));--v-color:var(--color-black);}.layer-variants\:\[\&\[data-active\=true\]\]\:bg-gray-dark-blend[data-active=true]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark-blend);}.layer-variants\:\[\&\[data-color\=accent\]\]\:bg-accent[data-color=accent]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent);}.layer-variants\:\[\&\[data-color\=primary\]\]\:bg-primary[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-variants\:aria-pressed\:bg-\[var\(--bg\)\][aria-pressed="true"]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-variants\:bg-accent-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-accent-wash);}.layer-variants\:bg-attention-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-ink);}.layer-variants\:bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-black);}.layer-variants\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-white);}.layer-variants\:hover\:bg-attention-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-variants\:hover\:bg-gray-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-variants\:hover\:bg-gray-dark-blend:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark-blend);}.layer-variants\:hover\:bg-transparent:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:focus\:bg-transparent:focus{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:bg-primary:focus-visible[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-variants\:focus-visible\:bg-attention-wash:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-attention-wash);}.layer-variants\:focus-visible\:bg-gray-dark-blend:focus-visible{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark-blend);}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:bg-primary:active[data-color=primary]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-primary);}.layer-variants\:active\:bg-gray-dark-blend:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark-blend);}.layer-variants\:active\:bg-transparent:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}.layer-variants\:\[\&\.btn-color-contrast\]\:hover\:bg-lighten-1:hover.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-variants\:\[\&\.btn-color-contrast\]\:focus-visible\:bg-lighten-1:focus-visible.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-variants\:\[\&\.btn-color-contrast\]\:active\:bg-lighten-1:active.btn-color-contrast{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (0.1 * var(--dyn-mode-lighten-mult, 1))) calc(c + (0.001 * var(--dyn-mode-lighten-mult, 1))) h);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:hover\:bg-darken-4:hover.btn-color-ghostAccent{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.05 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.0005 * var(--dyn-mode-lighten-mult, 1))) h);}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.motion-reduce\:animate-none{animation:none;}}@media (prefers-reduced-motion: reduce){@layer components{.layer-components\:motion-reduce\:animate-none{animation:none;}}}@media (max-width: 767.9px){@layer variants{.layer-variants\:lt-md\:bottom-\[max\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\)\]{bottom:max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))));}.layer-variants\:lt-md\:bottom-\[max\(var\(--viewport-bottom-offset\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\]{bottom:max(var(--viewport-bottom-offset,0px),var(--nav-height,env(safe-area-inset-bottom,0px)));}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0.00rem;}.layer-variants\:lt-sm\:right-0{right:0.00rem;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-h-\[calc\(95vh-var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\)\]{max-height:calc(95vh - var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-full{width:100%;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0.00rem;--un-translate-y:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-variants\:lt-sm\:\[\&\[data-state\=closed\]\]\:animate-fade-out-down[data-state=closed]{animation:fade-out-down 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-fade-in-up{animation:fade-in-up 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);}.layer-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-variants\:lt-sm\:p-6{padding:1.50rem;}.layer-variants\:lt-sm\:pb-\[calc\(3rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-8{padding-top:2.00rem;}}}@media (min-width: 640px){.sm\:\[grid-template-columns\:auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.sm\:bottom-0{bottom:0.00rem;}.\!sm\:grid{display:grid !important;}.sm\:grid-areas-\[prevMonth_leftMonth_rightMonth_nextMonth\]-\[leftGrid_leftGrid_rightGrid_rightGrid\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth" "leftGrid leftGrid rightGrid rightGrid";}.\!sm\:block{display:block !important;}.sm\:hidden{display:none;}.sm\:h-8{height:2rem;}.sm\:w-8{width:2rem;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:display-initial{display:initial;}.layer-components\:sm\:flex-row{flex-direction:row;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:sm\:flex-wrap{flex-wrap:wrap;}.layer-components\:sm\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:sm\:shadow-xl{--un-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}}}@media (min-width: 640px){@layer variants{.layer-variants\:sm\:p-4{padding:1.00rem;}}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:grid-cols-\[1fr_auto_20fr_1fr\]{grid-template-columns:1fr auto 20fr 1fr;}.md\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.md\:layer-responsive\:min-h-auto{min-height:auto;}}}@media (min-width: 768px){.md\:max-w-800px{max-width:800px;}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:md\:fixed{position:fixed;}.layer-components\:md\:sticky{position:sticky;}.layer-components\:md\:bottom-3{bottom:0.75rem;}.layer-components\:md\:bottom-auto{bottom:auto;}.layer-components\:md\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:md\:left-auto{left:auto;}.layer-components\:md\:right-auto{right:auto;}.layer-components\:md\:top-0{top:0.00rem;}.layer-components\:md\:top-auto{top:auto;}.layer-components\:md\:before\:hidden::before{display:none;}.layer-components\:md\:h-auto{height:auto;}.layer-components\:md\:h-min-content{height:min-content;}.layer-components\:md\:max-w-80vw{max-width:80vw;}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.layer-components\:md\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:md\:flex{display:flex;}.layer-components\:md\:flex-row{flex-direction:row;}.layer-components\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:md\:flex-col{flex-direction:column;}.layer-components\:md\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:md\:flex-wrap{flex-wrap:wrap;}.layer-components\:md\:items-end{align-items:flex-end;}.layer-components\:md\:items-stretch{align-items:stretch;}.layer-components\:md\:justify-start{justify-content:flex-start;}.layer-components\:md\:gap-2{gap:0.50rem;}.layer-components\:md\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:md\:overflow-y-auto{overflow-y:auto;}.layer-components\:md\:border-transparent{border-color:transparent;}.layer-components\:md\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:md\:rounded-none{border-radius:0;}.layer-components\:md\:border-none{border-style:none;}.layer-components\:md\:p-0{padding:0.00rem;}.layer-components\:md\:p-6px{padding:6px;}.layer-components\:md\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:md\:pb-10{padding-bottom:2.50rem;}.layer-components\:md\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:md\:leading-normal{line-height:1.5;}.layer-components\:md\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:md\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:md\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:md\:bg-gray-blend{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-blend);}.layer-components\:md\:bg-transparent{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:transparent;}}}@media (min-width: 768px){@layer responsive{.layer-responsive\:md\:h-auto{height:auto;}.layer-responsive\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-responsive\:md\:justify-start{justify-content:flex-start;}.layer-responsive\:md\:gap-2{gap:0.50rem;}.layer-responsive\:md\:overflow-visible{overflow:visible;}.layer-responsive\:md\:active\:bg-darken-2:active{--v-bg-altered:oklch(from var(--v-bg,var(--color-white)) calc(l + (-0.025 * var(--dyn-mode-lighten-mult, 1))) calc(c + (-0.00025 * var(--dyn-mode-lighten-mult, 1))) h);}}}@media (min-width: 768px){@layer variants{*[data-active=true] .layer-variants\:md\:\[\*\[data-active\=true\]_\&\]\:bg-\[var\(--bg\)\]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--bg);}.layer-variants\:md\:active\:bg-gray-dark-blend:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--color-gray-dark-blend);}}}@layer responsive{@media (min-width: 1024px){.lg\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,70vw\)_1fr\]{grid-template-columns:1fr auto min(800px,70vw) 1fr;}}}@media (min-width: 1024px){@layer components{.layer-components\:lg\:flex-row{flex-direction:row;}.layer-components\:lg\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:lg\:flex-col{flex-direction:column;}.layer-components\:lg\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:lg\:flex-wrap{flex-wrap:wrap;}.layer-components\:lg\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:lg\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}}}
@@ -1,9 +1,10 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { AvatarProps } from './Avatar.js';
3
- export declare function AvatarListRoot({ children, count, size, }: {
3
+ export declare function AvatarListRoot({ children, count, size, className, }: {
4
4
  children: ReactNode;
5
5
  count: number;
6
6
  size?: number;
7
+ className?: string;
7
8
  }): import("react/jsx-runtime").JSX.Element;
8
9
  export declare function AvatarListItemRoot({ index, children, className, }: {
9
10
  index: number;
@@ -11,19 +11,19 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  return t;
12
12
  };
13
13
  import { jsx as _jsx } from "react/jsx-runtime";
14
- import classNames from 'clsx';
14
+ import clsx from 'clsx';
15
15
  import { createContext, useContext } from 'react';
16
16
  import { Avatar } from './Avatar.js';
17
17
  const AvatarListContext = createContext({
18
18
  size: 24,
19
19
  });
20
- export function AvatarListRoot({ children, count, size = 24, }) {
20
+ export function AvatarListRoot({ children, count, size = 24, className, }) {
21
21
  const width = count > 0 ? size + (count - 1) * ((size * 2) / 3) : 0;
22
- return (_jsx(AvatarListContext.Provider, { value: { size }, children: _jsx("div", { className: "relative flex-basis-auto", style: { width, minWidth: width, height: size }, children: children }) }));
22
+ return (_jsx(AvatarListContext.Provider, { value: { size }, children: _jsx("div", { className: clsx('layer-components:relative layer-components:flex-basis-auto', className), style: { width, minWidth: width, height: size }, children: children }) }));
23
23
  }
24
24
  export function AvatarListItemRoot({ index, children, className, }) {
25
25
  const { size } = useContext(AvatarListContext);
26
- return (_jsx("div", { className: classNames('absolute', className), style: {
26
+ return (_jsx("div", { className: clsx('layer-components:absolute', className), style: {
27
27
  left: index === 0 ? 0 : index * ((size * 2) / 3),
28
28
  zIndex: index,
29
29
  top: 0,
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarList.js","sourceRoot":"","sources":["../../../../src/components/avatar/AvatarList.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAa,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAElD,MAAM,iBAAiB,GAAG,aAAa,CAAmB;IACzD,IAAI,EAAE,EAAE;CACR,CAAC,CAAC;AAEH,MAAM,UAAU,cAAc,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,EAAE,GAKT;IACA,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpE,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAC1C,cACC,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAE9C,QAAQ,GACJ,GACsB,CAC7B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,SAAS,GAKT;IACA,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,cACC,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,EAC5C,KAAK,EAAE;YACN,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAChD,MAAM,EAAE,KAAK;YACb,GAAG,EAAE,CAAC;SACN,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAQhB;QARgB,EAC9B,KAAK,EACL,SAAS,OAMK,EALX,IAAI,cAHuB,sBAI9B,CADO;IAMP,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YACrD,KAAC,MAAM,kBAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAM,IAAI,EAAI,GACtC,CACrB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC,CAAC"}
1
+ {"version":3,"file":"AvatarList.js","sourceRoot":"","sources":["../../../../src/components/avatar/AvatarList.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAa,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAC;AAElD,MAAM,iBAAiB,GAAG,aAAa,CAAmB;IACzD,IAAI,EAAE,EAAE;CACR,CAAC,CAAC;AAEH,MAAM,UAAU,cAAc,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAMT;IACA,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpE,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAC1C,cACC,SAAS,EAAE,IAAI,CACd,6CAA6C,EAC7C,SAAS,CACT,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAE9C,QAAQ,GACJ,GACsB,CAC7B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,SAAS,GAKT;IACA,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,cACC,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,SAAS,CAAC,EACvD,KAAK,EAAE;YACN,IAAI,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAChD,MAAM,EAAE,KAAK;YACb,GAAG,EAAE,CAAC;SACN,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAQhB;QARgB,EAC9B,KAAK,EACL,SAAS,OAMK,EALX,IAAI,cAHuB,sBAI9B,CADO;IAMP,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CACN,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YACrD,KAAC,MAAM,kBAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAM,IAAI,EAAI,GACtC,CACrB,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC,CAAC"}
@@ -1,14 +1,17 @@
1
1
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
2
- declare function Content({ children, className, ...props }: TooltipPrimitive.TooltipContentProps): import("react/jsx-runtime").JSX.Element;
2
+ export interface TooltipContentProps extends TooltipPrimitive.TooltipContentProps {
3
+ color?: 'contrast' | 'white' | 'attention';
4
+ }
5
+ declare function Content({ children, className, color, ...props }: TooltipPrimitive.TooltipContentProps): import("react/jsx-runtime").JSX.Element;
3
6
  export declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
4
7
  export interface TooltipProps extends Omit<TooltipPrimitive.TooltipTriggerProps, 'content'> {
5
8
  content: React.ReactNode;
6
9
  open?: boolean;
7
10
  disabled?: boolean;
8
11
  }
9
- export declare const Tooltip: (({ ref, content, children, open, disabled, ...rest }: TooltipProps & {
12
+ export declare const Tooltip: (({ ref, content, children, open, disabled, className, sideOffset, side, color, ...rest }: TooltipProps & {
10
13
  ref?: React.Ref<HTMLButtonElement>;
11
- }) => import("react/jsx-runtime").JSX.Element) & {
14
+ } & Pick<TooltipContentProps, "color" | "sideOffset" | "side">) => import("react/jsx-runtime").JSX.Element) & {
12
15
  Trigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
13
16
  Content: typeof Content;
14
17
  };
@@ -16,13 +16,17 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
16
16
  import classNames from 'clsx';
17
17
  import { BoxContext } from '../box/Box.js';
18
18
  function Content(_a) {
19
- var { children, className } = _a, props = __rest(_a, ["children", "className"]);
20
- return (_jsx(TooltipPrimitive.Portal, { children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsxs(TooltipPrimitive.Content, Object.assign({ className: classNames('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:bg-black layer-components:text-white layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "fill-black" })] })) }) }));
19
+ var { children, className, color } = _a, props = __rest(_a, ["children", "className", "color"]);
20
+ return (_jsx(TooltipPrimitive.Portal, { children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsxs(TooltipPrimitive.Content, Object.assign({ className: classNames('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', {
21
+ 'layer-variants:bg-black layer-variants:text-white': color === 'contrast',
22
+ 'layer-variants:bg-white layer-variants:text-black': color === 'white',
23
+ 'layer-variants:bg-attention-ink layer-variants:text-white': color === 'attention',
24
+ }, className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "layer-components:fill-[var(--v-bg)]" })] })) }) }));
21
25
  }
22
26
  export const TooltipProvider = TooltipPrimitive.Provider;
23
27
  export const Tooltip = Object.assign(function Tooltip(_a) {
24
- var { ref, content, children, open, disabled } = _a, rest = __rest(_a, ["ref", "content", "children", "open", "disabled"]);
25
- return (_jsxs(TooltipPrimitive.Root, { open: open, children: [disabled ? (children) : (_jsx(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true, ref: ref }, rest, { children: children }))), _jsx(Content, { sideOffset: 12, children: content })] }));
28
+ var { ref, content, children, open, disabled, className, sideOffset = 12, side, color } = _a, rest = __rest(_a, ["ref", "content", "children", "open", "disabled", "className", "sideOffset", "side", "color"]);
29
+ return (_jsxs(TooltipPrimitive.Root, { open: open, children: [disabled ? (children) : (_jsx(TooltipPrimitive.TooltipTrigger, Object.assign({ asChild: true, ref: ref }, rest, { children: children }))), _jsx(Content, { color: color, side: side, sideOffset: sideOffset, className: className, children: content })] }));
26
30
  }, {
27
31
  Trigger: TooltipPrimitive.TooltipTrigger,
28
32
  Content,
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,cACvB,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,MAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,UAAU,CACpB,sJAAsJ,EACtJ,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,YAAY,GAAG,KACvB,GACN,GACG,CAC1B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AASzD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,SAAS,OAAO,CAAC,EAShB;QATgB,EAChB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,OAIR,EAHG,IAAI,cANS,kDAOhB,CADO;IAIP,OAAO,CACN,MAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,KAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,KAAC,OAAO,IAAC,UAAU,EAAE,EAAE,YAAG,OAAO,GAAW,IACrB,CACxB,CAAC;AACH,CAAC,EACD;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAO3C,SAAS,OAAO,CAAC,EAKsB;QALtB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,OAEiC,EADnC,KAAK,cAJQ,kCAKhB,CADQ;IAER,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,cACvB,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,MAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,UAAU,CACpB,kIAAkI,EAClI,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE;oBACC,sCAAsC,EAAE,KAAK,KAAK,UAAU;oBAC5D,sCAAsC,EAAE,KAAK,KAAK,OAAO;oBACzD,8CAA8C,EAC7C,KAAK,KAAK,WAAW;iBACtB,EACD,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,qCAAqC,GAAG,KAChD,GACN,GACG,CAC1B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AASzD,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CACnC,SAAS,OAAO,CAAC,EAa6C;QAb7C,EAChB,GAAG,EACH,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,KAAK,OAIwD,EAH1D,IAAI,cAVS,8FAWhB,CADO;IAIP,OAAO,CACN,MAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,KAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,QAAC,GAAG,EAAE,GAAG,IAAM,IAAI,cACzD,QAAQ,IACwB,CAClC,EACD,KAAC,OAAO,IACP,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,OAAO,GACC,IACa,CACxB,CAAC;AACH,CAAC,EACD;IACC,OAAO,EAAE,gBAAgB,CAAC,cAAc;IACxC,OAAO;CACP,CACD,CAAC"}
@@ -2,11 +2,11 @@ import type { StoryObj } from '@storybook/react';
2
2
  import { Tooltip } from './Tooltip.js';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: (({ ref, content, children, open, disabled, ...rest }: import("./Tooltip.js").TooltipProps & {
5
+ component: (({ ref, content, children, open, disabled, className, sideOffset, side, color, ...rest }: import("./Tooltip.js").TooltipProps & {
6
6
  ref?: React.Ref<HTMLButtonElement>;
7
- }) => import("react/jsx-runtime").JSX.Element) & {
7
+ } & Pick<import("./Tooltip.js").TooltipContentProps, "color" | "sideOffset" | "side">) => import("react/jsx-runtime").JSX.Element) & {
8
8
  Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-tooltip").TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
9
- Content: ({ children, className, ...props }: import("@radix-ui/react-tooltip").TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
9
+ Content: ({ children, className, color, ...props }: import("@radix-ui/react-tooltip").TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
10
10
  };
11
11
  argTypes: {};
12
12
  parameters: {
@@ -16,8 +16,12 @@ declare const meta: {
16
16
  };
17
17
  args: {
18
18
  content: string;
19
+ color: "contrast";
19
20
  };
20
21
  };
21
22
  export default meta;
22
23
  type Story = StoryObj<typeof Tooltip>;
23
24
  export declare const Default: Story;
25
+ export declare const Disabled: Story;
26
+ export declare const Color: Story;
27
+ export declare const Customized: Story;
@@ -10,10 +10,23 @@ const meta = {
10
10
  },
11
11
  args: {
12
12
  content: 'hello world',
13
+ color: 'contrast',
13
14
  },
14
15
  };
15
16
  export default meta;
16
17
  export const Default = {
17
18
  render: (args) => (_jsx(Tooltip, Object.assign({}, args, { children: _jsx("button", { children: "Hover me" }) }))),
18
19
  };
20
+ export const Disabled = {
21
+ render: (args) => (_jsx(Tooltip, Object.assign({}, args, { disabled: true, children: _jsx("button", { children: "Hover me" }) }))),
22
+ };
23
+ export const Color = {
24
+ render: (args) => (_jsx(Tooltip, Object.assign({}, args, { children: _jsx("button", { children: "Hover me" }) }))),
25
+ args: {
26
+ color: 'white',
27
+ },
28
+ };
29
+ export const Customized = {
30
+ render: (args) => (_jsx(Tooltip, Object.assign({ className: "bg-attention" }, args, { children: _jsx("button", { children: "Hover me" }) }))),
31
+ };
19
32
  //# sourceMappingURL=Tooltip.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;KACtB;CAC8B,CAAC;AAEjC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,OAAO,oBAAK,IAAI,cAChB,wCAAyB,IAChB,CACV;CACD,CAAC"}
1
+ {"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;QACtB,KAAK,EAAE,UAAU;KACjB;CAC8B,CAAC;AAEjC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,OAAO,oBAAK,IAAI,cAChB,wCAAyB,IAChB,CACV;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,OAAO,oBAAK,IAAI,IAAE,QAAQ,kBAC1B,wCAAyB,IAChB,CACV;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,OAAO,oBAAK,IAAI,cAChB,wCAAyB,IAChB,CACV;IACD,IAAI,EAAE;QACL,KAAK,EAAE,OAAO;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACjB,KAAC,OAAO,kBAAC,SAAS,EAAC,cAAc,IAAK,IAAI,cACzC,wCAAyB,IAChB,CACV;CACD,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "2.0.5",
3
+ "version": "2.0.6",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "/dist",
@@ -1,4 +1,4 @@
1
- import classNames from 'clsx';
1
+ import clsx from 'clsx';
2
2
  import { ReactNode, createContext, useContext } from 'react';
3
3
  import { Avatar, AvatarProps } from './Avatar.js';
4
4
 
@@ -10,17 +10,22 @@ export function AvatarListRoot({
10
10
  children,
11
11
  count,
12
12
  size = 24,
13
+ className,
13
14
  }: {
14
15
  children: ReactNode;
15
16
  count: number;
16
17
  size?: number;
18
+ className?: string;
17
19
  }) {
18
20
  const width = count > 0 ? size + (count - 1) * ((size * 2) / 3) : 0;
19
21
 
20
22
  return (
21
23
  <AvatarListContext.Provider value={{ size }}>
22
24
  <div
23
- className="relative flex-basis-auto"
25
+ className={clsx(
26
+ 'layer-components:(relative flex-basis-auto)',
27
+ className,
28
+ )}
24
29
  style={{ width, minWidth: width, height: size }}
25
30
  >
26
31
  {children}
@@ -41,7 +46,7 @@ export function AvatarListItemRoot({
41
46
  const { size } = useContext(AvatarListContext);
42
47
  return (
43
48
  <div
44
- className={classNames('absolute', className)}
49
+ className={clsx('layer-components:absolute', className)}
45
50
  style={{
46
51
  left: index === 0 ? 0 : index * ((size * 2) / 3),
47
52
  zIndex: index,
@@ -10,6 +10,7 @@ const meta = {
10
10
  },
11
11
  args: {
12
12
  content: 'hello world',
13
+ color: 'contrast',
13
14
  },
14
15
  } satisfies Meta<typeof Tooltip>;
15
16
 
@@ -24,3 +25,30 @@ export const Default: Story = {
24
25
  </Tooltip>
25
26
  ),
26
27
  };
28
+
29
+ export const Disabled: Story = {
30
+ render: (args) => (
31
+ <Tooltip {...args} disabled>
32
+ <button>Hover me</button>
33
+ </Tooltip>
34
+ ),
35
+ };
36
+
37
+ export const Color: Story = {
38
+ render: (args) => (
39
+ <Tooltip {...args}>
40
+ <button>Hover me</button>
41
+ </Tooltip>
42
+ ),
43
+ args: {
44
+ color: 'white',
45
+ },
46
+ };
47
+
48
+ export const Customized: Story = {
49
+ render: (args) => (
50
+ <Tooltip className="bg-attention" {...args}>
51
+ <button>Hover me</button>
52
+ </Tooltip>
53
+ ),
54
+ };
@@ -4,9 +4,15 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
4
4
  import classNames from 'clsx';
5
5
  import { BoxContext } from '../box/Box.js';
6
6
 
7
+ export interface TooltipContentProps
8
+ extends TooltipPrimitive.TooltipContentProps {
9
+ color?: 'contrast' | 'white' | 'attention';
10
+ }
11
+
7
12
  function Content({
8
13
  children,
9
14
  className,
15
+ color,
10
16
  ...props
11
17
  }: TooltipPrimitive.TooltipContentProps) {
12
18
  return (
@@ -14,17 +20,23 @@ function Content({
14
20
  <BoxContext.Provider value={{ spacingScale: 1 }}>
15
21
  <TooltipPrimitive.Content
16
22
  className={classNames(
17
- 'layer-components:(relative rounded-sm py-2 px-3 bg-black text-white text-sm leading-tight shadow-sm select-none hidden z-tooltip sm:display-initial)',
23
+ 'layer-components:(relative rounded-sm py-2 px-3 text-sm leading-tight shadow-sm select-none hidden z-tooltip sm:display-initial)',
18
24
  '[&[data-state=delayed-open]]:display-initial',
19
25
  '[&[data-state=instant-open]]:display-initial',
20
26
  'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]',
21
27
  'layer-components:[&[data-state=delayed-open]]:animate-popover-in',
28
+ {
29
+ 'layer-variants:(bg-black text-white)': color === 'contrast',
30
+ 'layer-variants:(bg-white text-black)': color === 'white',
31
+ 'layer-variants:(bg-attention-ink text-white)':
32
+ color === 'attention',
33
+ },
22
34
  className,
23
35
  )}
24
36
  {...props}
25
37
  >
26
38
  {children}
27
- <TooltipPrimitive.Arrow className="fill-black" />
39
+ <TooltipPrimitive.Arrow className="layer-components:fill-[var(--v-bg)]" />
28
40
  </TooltipPrimitive.Content>
29
41
  </BoxContext.Provider>
30
42
  </TooltipPrimitive.Portal>
@@ -47,10 +59,14 @@ export const Tooltip = Object.assign(
47
59
  children,
48
60
  open,
49
61
  disabled,
62
+ className,
63
+ sideOffset = 12,
64
+ side,
65
+ color,
50
66
  ...rest
51
67
  }: TooltipProps & {
52
68
  ref?: React.Ref<HTMLButtonElement>;
53
- }) {
69
+ } & Pick<TooltipContentProps, 'color' | 'sideOffset' | 'side'>) {
54
70
  return (
55
71
  <TooltipPrimitive.Root open={open}>
56
72
  {disabled ? (
@@ -60,7 +76,14 @@ export const Tooltip = Object.assign(
60
76
  {children}
61
77
  </TooltipPrimitive.TooltipTrigger>
62
78
  )}
63
- <Content sideOffset={12}>{content}</Content>
79
+ <Content
80
+ color={color}
81
+ side={side}
82
+ sideOffset={sideOffset}
83
+ className={className}
84
+ >
85
+ {content}
86
+ </Content>
64
87
  </TooltipPrimitive.Root>
65
88
  );
66
89
  },