npm - @a-type/ui - Versions diffs - 1.6.3 → 1.6.5 - Mend

@a-type/ui 1.6.3 → 1.6.5

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.

Files changed (19) hide show

package/dist/cjs/components/layouts/layouts.stories.js CHANGED Viewed

@@ -23,7 +23,7 @@ const meta = {
 };
 exports.default = meta;
 exports.Default = {
-    render: () => ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "w-full h-full", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." }), (0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })] }), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] })] }) })] })),
+    render: () => ((0, jsx_runtime_1.jsxs)(PageRoot_js_1.PageRoot, { className: "w-full h-full", children: [(0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." }), (0, jsx_runtime_1.jsx)(Card_js_1.Card.Grid, { children: new Array(100).fill(null).map((_, i) => ((0, jsx_runtime_1.jsx)(Card_js_1.Card, { children: (0, jsx_runtime_1.jsx)(Card_js_1.Card.Main, {}) }, i))) })] }), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }), (0, jsx_runtime_1.jsx)(PageNav_js_1.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_4.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_4.NavBarItem, { color: "neutral", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemIcon, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_4.NavBarItemPip, {})] })] }) })] })),
 };
 exports.WithoutNav = {
     render: () => ((0, jsx_runtime_1.jsx)(PageRoot_js_1.PageRoot, { className: "w-full h-full", children: (0, jsx_runtime_1.jsxs)(PageContent_js_1.PageContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-lg", children: "This is a simple page layout." })] }), (0, jsx_runtime_1.jsx)(PageNowPlaying_js_1.PageNowPlaying, { children: "Now playing" })] }) })),

package/dist/cjs/components/layouts/layouts.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/navBar/NavBar.d.ts CHANGED Viewed

@@ -6,8 +6,9 @@ export interface NavBarItemProps {
     className?: string;
     children?: ReactNode;
     active?: boolean;
+    color?: 'primary' | 'neutral';
 }
-export declare const NavBarItem: ({ ref, asChild, className, active, ...rest }: NavBarItemProps & {
+export declare const NavBarItem: ({ ref, asChild, className, active, color, ...rest }: NavBarItemProps & {
     ref?: React.Ref<HTMLDivElement>;
 }) => import("react/jsx-runtime.js").JSX.Element;
 export declare const NavBarItemIconWrapper: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
@@ -23,7 +24,7 @@ export declare const NavBarItemIcon: ({ ref, children, asChild, className, name,
 export declare const NavBarItemPip: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const NavBarRoot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const NavBar: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>> & {
-    Item: ({ ref, asChild, className, active, ...rest }: NavBarItemProps & {
+    Item: ({ ref, asChild, className, active, color, ...rest }: NavBarItemProps & {
         ref?: React.Ref<HTMLDivElement>;
     }) => import("react/jsx-runtime.js").JSX.Element;
     ItemIcon: ({ ref, children, asChild, className, name, ...rest }: NavBarItemIconProps) => import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/navBar/NavBar.js CHANGED Viewed

@@ -51,19 +51,25 @@ const react_slot_1 = require("@radix-ui/react-slot");
 const clsx_1 = __importStar(require("clsx"));
 const hooks_js_1 = require("../../hooks.js");
 const index_js_1 = require("../icon/index.js");
-exports.navBarItemClass = (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-gray-7 layer-components:select-none', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primary-wash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primary-wash', 'layer-components:active:bg-primary-wash layer-components:sm:active:bg-gray-dark-blend', 'layer-components:[&[data-active=true]]:bg-primary-wash layer-components:[&[data-active=true]]:text-black');
+exports.navBarItemClass = (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-gray-7 layer-components:select-none', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:active:bg-primary-wash layer-components:sm:active:bg-gray-dark-blend', 'layer-components:hover:bg-primary-wash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primary-wash', 'layer-components:[&[data-active=true]]:bg-primary-wash layer-components:[&[data-active=true]]:text-black', 'layer-components:[--bg:var(--color-primary-wash)] layer-components:[--fill:var(--color-primary)]');
 const NavBarItem = function NavBarItem(_a) {
-    var { ref, asChild, className, active } = _a, rest = __rest(_a, ["ref", "asChild", "className", "active"]);
+    var { ref, asChild, className, active, color } = _a, rest = __rest(_a, ["ref", "asChild", "className", "active", "color"]);
     const Comp = asChild ? react_slot_1.Slot : 'div';
-    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)(exports.navBarItemClass, className), "data-active": active }, rest)));
+    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)(exports.navBarItemClass, color === 'neutral' && [
+            'layer-variants:active:bg-gray-dark-blend layer-variants:sm:active:bg-gray-dark-blend',
+            'layer-variants:hover:bg-gray-dark-blend',
+            'layer-variants:focus-visible:bg-gray-dark-blend',
+            'layer-variants:[&[data-active=true]]:bg-gray-dark-blend layer-variants:[&[data-active=true]]:text-black',
+            'layer-variants:[--bg:var(--color-gray-blend)] layer-variants:[--fill:var(--color-gray-5)]',
+        ], className), "data-active": active }, rest)));
 };
 exports.NavBarItem = NavBarItem;
-exports.NavBarItemIconWrapper = (0, hooks_js_1.withClassName)('div', 'layer-components:relative layer-components:flex layer-components:sm:p-6px layer-components:sm:rounded-lg layer-components:sm:bg-gray-blend', 'layer-variants:sm:[*[data-active=true]_&]:bg-primary-light');
+exports.NavBarItemIconWrapper = (0, hooks_js_1.withClassName)('div', 'layer-components:relative layer-components:flex layer-components:sm:p-6px layer-components:sm:rounded-lg layer-components:sm:bg-gray-blend', 'layer-variants:sm:[*[data-active=true]_&]:bg-[var(--bg)]');
 exports.NavBarItemText = (0, hooks_js_1.withClassName)('span', 'layer-components:overflow-hidden layer-components:pl-1 layer-components:inline-block layer-components:text-xxs layer-components:whitespace-nowrap layer-components:text-ellipsis layer-components:sm:text-md layer-components:sm:leading-normal');
 const NavBarItemIcon = function NavBarItemIcon(_a) {
     var { ref, children, asChild, className, name = 'placeholder' } = _a, rest = __rest(_a, ["ref", "children", "asChild", "className", "name"]);
     const Comp = asChild ? react_slot_1.Slot : index_js_1.Icon;
-    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ name: name, className: (0, clsx_1.clsx)('layer-components:relative layer-components:z-1 layer-components:flex layer-components:fill-none layer-components:text-inherit', 'layer-variants:[*[data-active=true]_&]:fill-primary-light', className) }, rest, { ref: ref, children: children })));
+    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ name: name, className: (0, clsx_1.clsx)('layer-components:relative layer-components:z-1 layer-components:flex layer-components:fill-none layer-components:text-inherit', 'layer-variants:[*[data-active=true]_&]:fill-[var(--fill)]', className) }, rest, { ref: ref, children: children })));
 };
 exports.NavBarItemIcon = NavBarItemIcon;
 exports.NavBarItemPip = (0, hooks_js_1.withClassName)('div', 'layer-components:absolute layer-components:top-6px layer-components:right-6px layer-components:w-6px layer-components:h-6px layer-components:rounded-lg layer-components:bg-attention layer-components:shadow-sm');

package/dist/cjs/components/navBar/NavBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,6CAAwC;AAExC,6CAA+C;AAC/C,+CAAmD;AAEtC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,~~uFAAuF~~,~~EACvF~~,~~qEAAqE~~,~~CACrE~~,CAAC;~~AASK~~,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,~~EAQ7C~~;~~QAR6C~~,EAC7C,GAAG,EACH,OAAO,EACP,SAAS,EACT,MAAM,~~OAIN~~,EAHG,IAAI,~~cALsC~~,~~yCAM7C~~,CADO;IAIP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,~~EAAC~~,uBAAe,~~EAAE~~,SAAS,~~CAAC~~,~~iBACpC~~,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;~~AAnBW~~,QAAA,UAAU,~~cAmBrB~~;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,uFAAuF,EACvF,~~4DAA4D~~,~~CAC5D~~,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AASK,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAOhC;QAPgC,EACrD,GAAG,EACH,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,GAAG,aAAa,OAEC,EADlB,IAAI,cAN8C,mDAOrD,CADO;IAEP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,eAAI,CAAC;IACnC,OAAO,CACN,uBAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,WAAI,EACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,YAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,6FAA6F,CAC7F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,kJAAkJ,EAClJ,oDAAoD,EACpD,oMAAoM,CACpM,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAU,EAAE;IAC/C,IAAI,EAAE,kBAAU;IAChB,QAAQ,EAAE,sBAAc;IACxB,QAAQ,EAAE,sBAAc;IACxB,eAAe,EAAE,6BAAqB;IACtC,OAAO,EAAE,qBAAa;CACtB,CAAC,CAAC"}
1	+ {"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA4C;AAC5C,6CAAwC;AAExC,6CAA+C;AAC/C,+CAAmD;AAEtC,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,yNAAyN,EACzN,oFAAoF,EACpF,uFAAuF,EACvF,wCAAwC,EACxC,+DAA+D,EAC/D,qEAAqE,EACrE,mFAAmF,CACnF,CAAC;AAUK,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAS7C;QAT6C,EAC7C,GAAG,EACH,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,OAIL,EAHG,IAAI,cANsC,kDAO7C,CADO;IAIP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,uBAAe,EACf,KAAK,KAAK,SAAS,IAAI;YACtB,sFAAsF;YACtF,yCAAyC;YACzC,mDAAmD;YACnD,sEAAsE;YACtE,8EAA8E;SAC9E,EACD,SAAS,CACT,iBACY,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AA9BW,QAAA,UAAU,cA8BrB;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,uFAAuF,EACvF,0DAA0D,CAC1D,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AASK,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAOhC;QAPgC,EACrD,GAAG,EACH,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,GAAG,aAAa,OAEC,EADlB,IAAI,cAN8C,mDAOrD,CADO;IAEP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,eAAI,CAAC;IACnC,OAAO,CACN,uBAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,WAAI,EACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,YAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CAAC;AAvBW,QAAA,cAAc,kBAuBzB;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,6FAA6F,CAC7F,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,kJAAkJ,EAClJ,oDAAoD,EACpD,oMAAoM,CACpM,CAAC;AAEW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAU,EAAE;IAC/C,IAAI,EAAE,kBAAU;IAChB,QAAQ,EAAE,sBAAc;IACxB,QAAQ,EAAE,sBAAc;IACxB,eAAe,EAAE,6BAAqB;IACtC,OAAO,EAAE,qBAAa;CACtB,CAAC,CAAC"}

package/dist/cjs/hooks/useVisualViewportOffset.js CHANGED Viewed

@@ -23,7 +23,8 @@ function useIsKeyboardOpen() {
     const { virtualKeyboardBehavior } = (0, Provider_js_1.useConfig)();
     const [isViewportConstrained, setIsViewportConstrained] = (0, react_1.useState)(false);
     useReactToViewportChanges((viewport) => {
-        setIsViewportConstrained(viewport.height < window.innerHeight);
+        // heuristic - 100px difference between visual viewport and window height
+        setIsViewportConstrained(Math.abs(viewport.height - window.innerHeight) > 100);
     }, virtualKeyboardBehavior !== 'displace');
     const [isKeyboardOpen, setIsKeyboardOpen] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {

package/dist/cjs/hooks/useVisualViewportOffset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useVisualViewportOffset.js","sourceRoot":"","sources":["../../../src/hooks/useVisualViewportOffset.ts"],"names":[],"mappings":";;AAOA,0DA2BC;AAED,~~8CAiCC~~;~~AArED~~,iCAA4C;AAC5C,oEAA+D;AAC/D,iEAA2D;AAE3D;;GAEG;AACH,SAAgB,uBAAuB,CAAC,OAAiB;IACxD,yBAAyB,CAAC,CAAC,QAAQ,EAAE,EAAE;QACtC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,0BAA0B,EAC1B,GAAG,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,SAAS,IAAI,CAChE,CAAC;QACF,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,mBAAmB,EACnB,GAAG,QAAQ,CAAC,MAAM,IAAI,CACtB,CAAC;QACF,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,kBAAkB,EAClB,GAAG,QAAQ,CAAC,KAAK,IAAI,CACrB,CAAC;QACF,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,uBAAuB,EACvB,GAAG,QAAQ,CAAC,SAAS,IAAI,CACzB,CAAC;QACF,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,wBAAwB,EACxB,GAAG,QAAQ,CAAC,UAAU,IAAI,CAC1B,CAAC;QACF,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,iBAAiB,EACjB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAChD,CAAC;IACH,CAAC,EAAE,OAAO,CAAC,CAAC;AACb,CAAC;AAED,SAAgB,iBAAiB;IAChC,MAAM,EAAE,uBAAuB,EAAE,GAAG,IAAA,uBAAS,GAAE,CAAC;IAEhD,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1E,yBAAyB,CAAC,CAAC,QAAQ,EAAE,EAAE;QACtC,wBAAwB,CAAC,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;~~IAChE~~,CAAC,EAAE,uBAAuB,KAAK,UAAU,CAAC,CAAC;IAE3C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,CAAC,iBAAiB,IAAI,SAAS,CAAC,EAAE,CAAC;YACvC,aAAa;YACb,OAAO,CAAC,IAAI,CACX,uGAAuG,CACvG,CAAC;YACF,OAAO;QACR,CAAC;QACD,MAAM,eAAe,GAAG,SAAS,CAAC,eAAsB,CAAC;QACzD,MAAM,MAAM,GAAG,GAAG,EAAE;YACnB,iBAAiB,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;QACF,MAAM,EAAE,CAAC;QACT,eAAe,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YACX,eAAe,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,uBAAuB,KAAK,UAAU,EAAE,CAAC;QAC5C,OAAO,qBAAqB,CAAC;IAC9B,CAAC;IAED,OAAO,cAAc,CAAC;AACvB,CAAC;AAED,SAAS,yBAAyB,CACjC,EAAsC,EACtC,OAAiB;IAEjB,MAAM,QAAQ,GAAG,IAAA,wCAAiB,EAAC,EAAE,CAAC,CAAC;IACvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,OAAO;YAAE,OAAO;QAEpB,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC;QACvC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACf,OAAO;QACR,CAAC;QAED,MAAM,MAAM,GAAG,GAAG,EAAE;YACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACpB,CAAC,CAAC;QACF,IAAI,WAA+B,CAAC;QACpC,MAAM,eAAe,GAAG,GAAG,EAAE;YAC5B,IAAI,WAAW,EAAE,CAAC;gBACjB,YAAY,CAAC,WAAW,CAAC,CAAC;YAC3B,CAAC;YACD,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC7C,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QAET,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7D,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC5C,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAExE,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC/C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC7C,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QACzD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AACzB,CAAC"}
1	+ {"version":3,"file":"useVisualViewportOffset.js","sourceRoot":"","sources":["../../../src/hooks/useVisualViewportOffset.ts"],"names":[],"mappings":"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"}

package/dist/css/main.css CHANGED Viewed

@@ -470,4 +470,4 @@
 						0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
 						50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
 						100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
-					}.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;}.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.\[\&\[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:1px;}.border-0{border-width:0px;}.border-13px{border-width:13px;}.border-2{border-width:2px;}.border-b,.border-b-1px{border-bottom-width:1px;}.border-l-1px{border-left-width:1px;}.border-r,.border-r-1px{border-right-width:1px;}.border-r-0{border-right-width:0px;}.border-t{border-top-width:1px;}.\[\&\[data-state\=on\]\]\:border-black[data-state=on],.border-black{border-color:var(--color-black);}.border-gray5{border-color:var(--color-gray-5);}.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-gray7:hover{border-color:var(--color-gray-7);}.\[\&\[data-bottom-edge\]\]\:border-b-gray-5[data-bottom-edge]{border-bottom-color:var(--color-gray-5);}.\[\&\[data-day-first\]\]\:border-l-gray-5[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray-5[data-first-column]{border-left-color:var(--color-gray-5);}.\[\&\[data-day-last\]\]\:border-r-gray-5[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray-5[data-last-column],.border-r-gray-5{border-right-color:var(--color-gray-5);}.\[\&\[data-top-edge\]\]\:border-t-gray-5[data-top-edge]{border-top-color:var(--color-gray-5);}.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-lg{border-radius:1.25rem;}.rounded-md{border-radius:1rem;}.rounded-sm{border-radius:0.5rem;}.rounded-xl{border-radius:1.5rem;}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:1.25rem;}.\[\&\[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-r-solid{border-right-style:solid;}.border-t-solid{border-top-style:solid;}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:transparent /* transparent */;}.\[\&\:nth-child\(2n\+1\)\]\:bg-gray-blend:nth-child(2n+1){background-color:var(--color-gray-blend) /* 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(--color-primary-wash) /* var(--color-primary-wash) */;}.\[\&\[data-highlighted\=true\]\]\:bg-gray2[data-highlighted=true],.bg-gray2{background-color:var(--color-gray-2) /* var(--color-gray-2) */;}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range],.bg-accent-wash{background-color:var(--color-accent-wash) /* 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(--color-accent-light) /* var(--color-accent-light) */;}.\[\&\[data-state\=active\]\]\:bg-\[var\(--focus\,var\(--hover\)\)\][data-state=active]{background-color:var(--focus,var(--hover)) /* var(--focus,var(--hover)) */;}.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--color-accent) /* var(--color-accent) */;}.\[\&\[data-state\=on\]\]\:bg-primary-light[data-state=on]{background-color:var(--color-primary-light) /* var(--color-primary-light) */;}.bg-\[var\(--color-wash\)\]{background-color:var(--color-wash) /* var(--color-wash) */;}.bg-\[var\(--scroll-bg\)\]{background-color:var(--scroll-bg) /* var(--scroll-bg) */;}.bg-black{background-color:var(--color-black) /* var(--color-black) */;}.bg-gray-4{background-color:var(--color-gray-4) /* var(--color-gray-4) */;}.bg-gray-5,.bg-gray5{background-color:var(--color-gray-5) /* var(--color-gray-5) */;}.bg-gray1{background-color:var(--color-gray-1) /* var(--color-gray-1) */;}.bg-gray50{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity)) /* #f9fafb */;}.bg-primary{background-color:var(--color-primary) /* var(--color-primary) */;}.bg-primary-dark{background-color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.bg-white{background-color:var(--color-white) /* var(--color-white) */;}.important\:\[\&\[data-disabled\=true\]\]\:bg-\[var\(--bg\)\][data-disabled=true]{background-color:var(--bg) /* var(--bg) */ !important;}.\[\&\[data-state\=active\]\]\:hover\:bg-\[var\(--hover\)\]:hover[data-state=active]{background-color:var(--hover) /* var(--hover) */;}.hover\:bg-gray-1:hover{background-color:var(--color-gray-1) /* var(--color-gray-1) */;}.hover\:bg-gray2:hover{background-color:var(--color-gray-2) /* var(--color-gray-2) */;}.hover\:bg-gray3:hover{background-color:var(--color-gray-3) /* var(--color-gray-3) */;}.focus-visible\:bg-gray-2:focus-visible{background-color:var(--color-gray-2) /* var(--color-gray-2) */;}.active\:bg-accent-wash:active{background-color:var(--color-accent-wash) /* var(--color-accent-wash) */;}.active\:bg-gray4:active{background-color:var(--color-gray-4) /* var(--color-gray-4) */;}.important\:disabled\:bg-\[var\(--bg\)\]:disabled{background-color:var(--bg) /* var(--bg) */ !important;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--color-primary) /* var(--color-primary) */;}.from-gray1{--un-gradient-from-position:0%;--un-gradient-from:var(--color-gray-1) 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-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);}.after\:from-wash::after{--un-gradient-from-position:0%;--un-gradient-from: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);}.via-gray2{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--color-gray-2) var(--un-gradient-via-position), var(--un-gradient-to);}.to-gray1{--un-gradient-to-position:100%;--un-gradient-to:var(--color-gray-1) 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-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--color-white) var(--un-gradient-to-position);}.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;}.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;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-25px{padding-left:25px;}.pl-3{padding-left:0.75rem;}.pl-35px{padding-left:35px;}.pr-4{padding-right:1.00rem;}.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-highlighted\]\]\:color-black[data-highlighted],.\[\&\[data-state\=active\]\]\:text-black[data-state=active],.color-black,.text-black{color:var(--color-black) /* var(--color-black) */;}.\[\&\[data-state\=checked\]\]\:text-primary-dark[data-state=checked],.color-primary-dark{color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.text-dark-blend{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.text-gray-6{color:var(--color-gray-6) /* var(--color-gray-6) */;}.text-white{color:var(--color-white) /* var(--color-white) */;}.\[\&\[data-disabled\]\]\:color-gray5[data-disabled]{color:var(--color-gray-5) /* var(--color-gray-5) */;}.\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder],.color-gray8{color:var(--color-gray-8) /* var(--color-gray-8) */;}.color-gray-9{color:var(--color-gray-9) /* var(--color-gray-9) */;}.after\:color-gray9::after{color:var(--color-gray-9) /* var(--color-gray-9) */;}.color-inherit{color:inherit;}.\[\&\[data-state\=active\]\]\:font-semibold[data-state=active]{font-weight:600;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-4{line-height:1rem;}.leading-6{line-height:1.5rem;}.font-inherit{font-family:inherit;}.font-title{font-family:"Inter", sans-serif;}.italic{font-style:italic;}.oblique{font-style:oblique;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.accent-dark{--un-accent-opacity:1;accent-color:rgb(34 34 34 / var(--un-accent-opacity)) /* #222222 */;}.accent-light{--un-accent-opacity:1;accent-color:rgb(246 246 246 / var(--un-accent-opacity)) /* #f6f6f6 */;}.accent-wash{accent-color:var(--color-wash) /* var(--color-wash) */;}.\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true],.opacity-50{opacity:0.5;}.important\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5 !important;}.op-0{opacity:0;}.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-none{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) */;}.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);}@layer components{.layer-components\:\[--scroll-bg\:var\(--color-wash\)\]{--scroll-bg:var(--color-wash);}.layer-components\:\[--scroll-shadow\:var\(--color-shadow-1\)\)\]{--scroll-shadow:var(--color-shadow-1));}.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\]{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\: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\:\[\&_\.ProseMirror_h1\,h2\,h3\,p\]\:mt-0 .ProseMirror h1,h2,h3,p,.layer-components\:mt-0{margin-top:0.00rem;}.layer-components\:\[\&_\.ProseMirror_h1\]\:mb-lg .ProseMirror h1{margin-bottom:calc(2rem * var(--spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror_h2\]\:mb-md .ProseMirror h2{margin-bottom:calc(1rem * var(--spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror_h3\]\:mb-sm .ProseMirror h3,.layer-components\:\[\&_\.ProseMirror_h4\]\:mb-sm .ProseMirror h4,.layer-components\:\[\&_\.ProseMirror_p\]\:mb-sm .ProseMirror p{margin-bottom:calc(0.5rem * var(--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-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-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\: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));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1));}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-auto{overflow-x:auto;}.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,.layer-components\:border{border-width:1px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:\[\&_\.ProseMirror\]\:border-gray-5 .ProseMirror,.layer-components\:border-gray-5{border-color:var(--color-gray-5);}.layer-components\:\[\&\:disabled\]\:border-gray-3:disabled{border-color:var(--color-gray-3);}.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-black{border-color:var(--color-black);}.layer-components\:border-gray-8{border-color:var(--color-gray-8);}.layer-components\:border-grayDarkBlend{border-color:var(--color-gray-dark-blend);}.layer-components\:border-transparent{border-color:transparent;}.layer-components\:disabled\:border-gray-5:disabled{border-color:var(--color-gray-5);}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:rounded-lg{border-radius:1.25rem;}.layer-components\:rounded-md{border-radius:1rem;}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:0.5rem;}.layer-components\:rounded-xl{border-radius:1.5rem;}.layer-components\:rounded-t-lg{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;}.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\:\[\&_\.ProseMirror\]\:bg-white .ProseMirror,.layer-components\:bg-white{background-color:var(--color-white) /* var(--color-white) */;}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:transparent /* transparent */;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-primary-wash[data-active=true],.layer-components\:bg-primary-wash{background-color:var(--color-primary-wash) /* var(--color-primary-wash) */;}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary-light[data-state=checked]{background-color:var(--color-primary-light) /* var(--color-primary-light) */;}.layer-components\:\[\&\[data-state\=complete\]\]\:bg-accent[data-state=complete],.layer-components\:bg-accent{background-color:var(--color-accent) /* var(--color-accent) */;}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.05\)\]{--un-bg-opacity:0.05;background-color:rgba(0, 0, 0, var(--un-bg-opacity)) /* rgba(0,0,0,0.05) */;}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.1\)\]{--un-bg-opacity:0.1;background-color:rgba(0, 0, 0, var(--un-bg-opacity)) /* rgba(0,0,0,0.1) */;}.layer-components\:bg-\[var\(--bg\)\]{background-color:var(--bg) /* var(--bg) */;}.layer-components\:bg-accent-wash{background-color:var(--color-accent-wash) /* var(--color-accent-wash) */;}.layer-components\:bg-attention{background-color:var(--color-attention) /* var(--color-attention) */;}.layer-components\:bg-black{background-color:var(--color-black) /* var(--color-black) */;}.layer-components\:bg-gray-1{background-color:var(--color-gray-1) /* var(--color-gray-1) */;}.layer-components\:bg-gray-2,[data-interactive=true]:hover>.layer-components\:\[\[data-interactive\=true\]\:hover\>\&\]\:bg-gray-2{background-color:var(--color-gray-2) /* var(--color-gray-2) */;}.layer-components\:bg-gray-5{background-color:var(--color-gray-5) /* var(--color-gray-5) */;}.layer-components\:bg-light-blend{background-color:var(--color-light-blend) /* var(--color-light-blend) */;}.layer-components\:bg-overlay{background-color:var(--color-overlay) /* var(--color-overlay) */;}.layer-components\:bg-primary{background-color:var(--color-primary) /* var(--color-primary) */;}.layer-components\:hover\:bg-\[var\(--hover\)\]:hover{background-color:var(--hover) /* var(--hover) */;}.layer-components\:hover\:bg-gray-3:hover{background-color:var(--color-gray-3) /* var(--color-gray-3) */;}.layer-components\:hover\:bg-gray-darkBlend:hover{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-components\:hover\:bg-light-blend:hover{background-color:var(--color-light-blend) /* var(--color-light-blend) */;}.layer-components\:hover\:bg-primary-wash:hover{background-color:var(--color-primary-wash) /* var(--color-primary-wash) */;}.layer-components\:focus\:bg-gray-1:focus{background-color:var(--color-gray-1) /* var(--color-gray-1) */;}.layer-components\:focus-visible\:bg-accent-light:focus-visible{background-color:var(--color-accent-light) /* var(--color-accent-light) */;}.layer-components\:focus-visible\:bg-gray2:focus-visible{background-color:var(--color-gray-2) /* var(--color-gray-2) */;}.layer-components\:focus-visible\:bg-primary-wash:focus-visible{background-color:var(--color-primary-wash) /* var(--color-primary-wash) */;}.layer-components\:active\:bg-\[var\(--active\)\]:active{background-color:var(--active) /* var(--active) */;}.layer-components\:active\:bg-accent-light:active{background-color:var(--color-accent-light) /* var(--color-accent-light) */;}.layer-components\:active\:bg-primary-wash:active{background-color:var(--color-primary-wash) /* var(--color-primary-wash) */;}.layer-components\:disabled\:bg-transparent:disabled{background-color:transparent /* transparent */;}.layer-components\:before\:bg-\[\#00000070\]::before{--un-bg-opacity:0.44;background-color:rgb(0 0 0 / var(--un-bg-opacity)) /* #00000070 */;}.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-2{padding:0.50rem;}.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));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--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\: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-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\:\[\&_\.ProseMirror_h1\]\:text-xl .ProseMirror h1{font-size:1.5rem;line-height:2rem;}.layer-components\:\[\&_\.ProseMirror_h2\]\:text-lg .ProseMirror h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_\.ProseMirror_h3\]\:text-md .ProseMirror h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_\.ProseMirror_h4\]\:text-sm .ProseMirror h4,.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.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\:color-black,.layer-components\:text-black{color:var(--color-black) /* var(--color-black) */;}.layer-components\:color-dark-blend,.layer-components\:text-dark-blend{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.layer-components\:text-gray-7{color:var(--color-gray-7) /* var(--color-gray-7) */;}.layer-components\:\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder],.layer-components\:text-gray-8{color:var(--color-gray-8) /* var(--color-gray-8) */;}.layer-components\:text-white{color:var(--color-white) /* var(--color-white) */;}.layer-components\:\[\&\[data-disabled\]\]\:color-gray9[data-disabled],.layer-components\:color-gray9{color:var(--color-gray-9) /* var(--color-gray-9) */;}.layer-components\:hover\:color-black:hover{color:var(--color-black) /* var(--color-black) */;}.layer-components\:focus-visible\:color-gray9:focus-visible{color:var(--color-gray-9) /* var(--color-gray-9) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_\.ProseMirror_h1\]\:font-medium .ProseMirror h1,.layer-components\:\[\&_\.ProseMirror_h2\]\:font-medium .ProseMirror h2{font-weight:500;}.layer-components\:\[\&_\.ProseMirror_h3\]\:font-extrabold .ProseMirror h3{font-weight:800;}.layer-components\:\[\&_\.ProseMirror_h4\]\:font-bold .ProseMirror h4,.layer-components\:font-bold{font-weight:700;}.layer-components\:font-normal{font-weight:400;}.layer-components\:font-semibold{font-weight:600;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-sans,.layer-components\:font-title{font-family:"Inter", sans-serif;}.layer-components\:\[\&_\.ProseMirror_a\]\:underline .ProseMirror a{text-decoration-line:underline;}.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{--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\: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\:\[\&\[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\:\[\&\[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\: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\:focus-ring:focus:focus-visible{--un-ring-width:3px;--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\:\[\&\[data-focus\=true\]\]\:ring-\[var\(--focus\,var\(--hover\)\)\][data-focus=true]{--un-ring-color:var(--focus,var(--hover)) /* var(--focus,var(--hover)) */;}.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-gray-5[data-visually-focused=true]{--un-ring-color:var(--color-gray-5) /* var(--color-gray-5) */;}.layer-components\:ring-black{--un-ring-color:var(--color-black) /* var(--color-black) */;}.layer-components\:hover\:ring-\[var\(--hover\)\]:hover{--un-ring-color:var(--hover) /* var(--hover) */;}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--color-white) /* var(--color-white) */;}.layer-components\:focus-visible\:focus-ring-\[var\(--focus\)\]:focus:focus-visible{--un-ring-color:var(--focus) /* var(--focus) */;}.layer-components\:focus-visible\:ring-\[var\(--focus\,var\(--hover\)\)\]:focus-visible{--un-ring-color:var(--focus,var(--hover)) /* var(--focus,var(--hover)) */;}.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-5:focus-visible{--un-ring-color:var(--color-gray-5) /* var(--color-gray-5) */;}.layer-components\:focus-visible\:ring-gray-dark-blend:focus-visible{--un-ring-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-components\:active\:ring-\[var\(--active\)\]:active{--un-ring-color:var(--active) /* var(--active) */;}.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\:\[\&\[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-7:disabled::placeholder{color:var(--color-gray-7) /* var(--color-gray-7) */;}}@layer responsive{.layer-responsive\:hidden{display:none;}}@layer variants{.layer-variants\:\[--active\:var\(--color-gray-4\)\],.layer-variants\:\[\&\.btn-color-default\]\:\[--active\:var\(--color-gray-4\)\].btn-color-default{--active:var(--color-gray-4);}.layer-variants\:\[--active\:var\(--color-primary-light\)\]{--active:var(--color-primary-light);}.layer-variants\:\[--bg\:var\(--color-primary\)\]{--bg:var(--color-primary);}.layer-variants\:\[--bg\:var\(--color-white\)\],.layer-variants\:\[\&\.btn-color-default\]\:\[--bg\:var\(--color-white\)\].btn-color-default{--bg:var(--color-white);}.layer-variants\:\[--focus\:var\(--color-gray-4\)\]{--focus:var(--color-gray-4);}.layer-variants\:\[--focus\:var\(--color-primary-light\)\]{--focus:var(--color-primary-light);}.layer-variants\:\[--hover\:var\(--color-gray-3\)\],.layer-variants\:\[\&\.btn-color-default\]\:\[--hover\:var\(--color-gray-3\)\].btn-color-default{--hover:var(--color-gray-3);}.layer-variants\:\[--hover\:var\(--color-primary-light\)\]{--hover:var(--color-primary-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-ghostAccent{--active:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg\:var\(--color-accent-wash\)\].btn-color-accent{--bg:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-ghostAccent{--focus:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--hover\:var\(--color-accent-light\)\].btn-color-accent{--hover:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--active\:var\(--color-gray-6\)\].btn-color-contrast{--active:var(--color-gray-6);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--bg\:var\(--color-black\)\].btn-color-contrast{--bg:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--focus\:var\(--color-gray-7\)\].btn-color-contrast{--focus:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--hover\:var\(--color-gray-7\)\].btn-color-contrast{--hover:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-default\]\:\[--focus\:var\(--color-gray-5\)\].btn-color-default,.layer-variants\:\[\&\.btn-color-ghost\]\:\[--focus\:var\(--color-gray-5\)\].btn-color-ghost{--focus:var(--color-gray-5);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--active:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-destructive{--bg:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--focus:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--hover\:var\(--color-attention-light\)\].btn-color-destructive{--hover:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--active\:var\(--color-gray-dark-blend\)\].btn-color-ghost{--active:var(--color-gray-dark-blend);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg\:transparent\].btn-color-ghost,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg\:transparent\].btn-color-ghostAccent,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg\:transparent\].btn-color-ghostDestructive{--bg:transparent;}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--hover\:var\(--color-gray-blend\)\].btn-color-ghost{--hover:var(--color-gray-blend);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--hover\:rgb\(from_var\(--color-accent-light\)_r_g_b\/0\.25\)\].btn-color-ghostAccent{--hover:rgb(from var(--color-accent-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--hover\:rgb\(from_var\(--color-attention-light\)_r_g_b\/0\.25\)\].btn-color-ghostDestructive{--hover:rgb(from var(--color-attention-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--active\:var\(--color-primary\)\].btn-color-primary{--active:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--bg\:var\(--color-primary-light\)\].btn-color-primary{--bg:var(--color-primary-light);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--focus\:var\(--color-primary\)\].btn-color-primary{--focus:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--hover\:var\(--color-primary\)\].btn-color-primary{--hover:var(--color-primary);}.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-7.btn-color-default,.layer-variants\:border-gray7{border-color:var(--color-gray-7);}.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:1.25rem;}.layer-variants\:\[\&\.size-small\]\:rounded-md.size-small,.layer-variants\:rounded-md{border-radius:1rem;}.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;}.layer-variants\:\[\&\[data-color\=accent\]\]\:bg-accent[data-color=accent]{background-color:var(--color-accent) /* var(--color-accent) */;}.layer-variants\:\[\&\[data-color\=primary\]\]\:bg-primary[data-color=primary]{background-color:var(--color-primary) /* var(--color-primary) */;}.layer-variants\:aria-pressed\:bg-\[var\(--bg\)\][aria-pressed="true"]{background-color:var(--bg) /* var(--bg) */;}.layer-variants\:bg-accent-wash{background-color:var(--color-accent-wash) /* var(--color-accent-wash) */;}.layer-variants\:bg-transparent{background-color:transparent /* transparent */;}.layer-variants\:bg-white{background-color:var(--color-white) /* var(--color-white) */;}.layer-variants\:hover\:bg-attention-wash:hover{background-color:var(--color-attention-wash) /* var(--color-attention-wash) */;}.layer-variants\:hover\:bg-gray-blend:hover{background-color:var(--color-gray-blend) /* var(--color-gray-blend) */;}.layer-variants\:hover\:bg-transparent:hover{background-color:transparent /* transparent */;}.layer-variants\:focus\:bg-transparent:focus{background-color:transparent /* transparent */;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:bg-primary-light:focus-visible[data-color=primary]{background-color:var(--color-primary-light) /* var(--color-primary-light) */;}.layer-variants\:focus-visible\:bg-attention-wash:focus-visible{background-color:var(--color-attention-wash) /* var(--color-attention-wash) */;}.layer-variants\:focus-visible\:bg-gray-dark-blend:focus-visible{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:bg-primary-light:active[data-color=primary]{background-color:var(--color-primary-light) /* var(--color-primary-light) */;}.layer-variants\:active\:bg-transparent:active{background-color:transparent /* transparent */;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-primary-light{fill:var(--color-primary-light) /* var(--color-primary-light) */;}.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\:\[\&\.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\:\[\&\.btn-color-ghostDestructive\]\:color-attention-dark.btn-color-ghostDestructive,.layer-variants\:text-attention-dark{color:var(--color-attention-dark) /* var(--color-attention-dark) */;}.layer-variants\:\[\&\.btn-color-accent\]\:color-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:color-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:color-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:color-black.btn-color-primary,.layer-variants\:color-black{color:var(--color-black) /* var(--color-black) */;}.layer-variants\:\[\&\.btn-color-contrast\]\:color-white.btn-color-contrast{color:var(--color-white) /* var(--color-white) */;}.layer-variants\:\[\&\.btn-color-ghost\]\:color-dark-blend.btn-color-ghost{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:color-accent-dark.btn-color-ghostAccent{color:var(--color-accent-dark) /* var(--color-accent-dark) */;}.layer-variants\:color-inherit,.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;}}@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: 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\: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-sm\: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)));}.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:1.5rem;}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:1.5rem;}.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;}}}@layer responsive{@media (min-width: 640px){.sm\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,60vw\)_1fr\]{grid-template-columns:1fr auto min(800px,60vw) 1fr;}.sm\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.sm\:layer-responsive\:min-h-auto{min-height:auto;}}}@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\: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\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:sm\:fixed{position:fixed;}.layer-components\:sm\:sticky{position:sticky;}.layer-components\:sm\:bottom-3{bottom:0.75rem;}.layer-components\:sm\:bottom-auto{bottom:auto;}.layer-components\:sm\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:sm\:left-auto{left:auto;}.layer-components\:sm\:right-auto{right:auto;}.layer-components\:sm\:top-0{top:0.00rem;}.layer-components\:sm\:top-auto{top:auto;}.layer-components\:sm\:before\:hidden::before{display:none;}.layer-components\:sm\:display-initial{display:initial;}.layer-components\:sm\:h-auto{height:auto;}.layer-components\:sm\:h-min-content{height:min-content;}.layer-components\:sm\:max-w-80vw{max-width:80vw;}.layer-components\:sm\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:sm\:flex{display:flex;}.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\:items-end{align-items:flex-end;}.layer-components\:sm\:items-stretch{align-items:stretch;}.layer-components\:sm\:justify-start{justify-content:flex-start;}.layer-components\:sm\:gap-2{gap:0.50rem;}.layer-components\:sm\:overflow-visible{overflow:visible;}.layer-components\:sm\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:sm\:overflow-y-auto{overflow-y:auto;}.layer-components\:sm\:border-transparent{border-color:transparent;}.layer-components\:sm\:rounded-lg{border-radius:1.25rem;}.layer-components\:sm\:rounded-none{border-radius:0;}.layer-components\:sm\:border-none{border-style:none;}.layer-components\:sm\:bg-gray-blend{background-color:var(--color-gray-blend) /* var(--color-gray-blend) */;}.layer-components\:sm\:bg-transparent{background-color:transparent /* transparent */;}.layer-components\:sm\:active\:bg-gray-dark-blend:active{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-components\:sm\:p-0{padding:0.00rem;}.layer-components\:sm\:p-6px{padding:6px;}.layer-components\:sm\:p-lg{padding:calc(2rem * var(--spacing-scale,1));}.layer-components\:sm\:p-md{padding:calc(1rem * var(--spacing-scale,1));}.layer-components\:sm\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1));}.layer-components\:sm\:p-xl{padding:calc(3rem * var(--spacing-scale,1));}.layer-components\:sm\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1));}.layer-components\:sm\:pb-10{padding-bottom:2.50rem;}.layer-components\:sm\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:sm\:leading-normal{line-height:1.5;}.layer-components\:sm\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:sm\: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\: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);}.layer-components\:sm\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}}}@media (min-width: 640px){@layer variants{*[data-active=true] .layer-variants\:sm\:\[\*\[data-active\=true\]_\&\]\:bg-primary-light{background-color:var(--color-primary-light) /* var(--color-primary-light) */;}.layer-variants\:sm\:p-4{padding:1.00rem;}}}@media (min-width: 768px){.md\:max-w-800px{max-width:800px;}}@media (min-width: 768px){@layer components{.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.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\:p-lg{padding:calc(2rem * var(--spacing-scale,1));}.layer-components\:md\:p-md{padding:calc(1rem * var(--spacing-scale,1));}.layer-components\:md\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1));}.layer-components\:md\:p-xl{padding:calc(3rem * var(--spacing-scale,1));}.layer-components\:md\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1));}}}@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));}.layer-components\:lg\:p-md{padding:calc(1rem * var(--spacing-scale,1));}.layer-components\:lg\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1));}.layer-components\:lg\:p-xl{padding:calc(3rem * var(--spacing-scale,1));}.layer-components\:lg\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1));}}}
+					}.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;}.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.\[\&\[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:1px;}.border-0{border-width:0px;}.border-13px{border-width:13px;}.border-2{border-width:2px;}.border-b,.border-b-1px{border-bottom-width:1px;}.border-l-1px{border-left-width:1px;}.border-r,.border-r-1px{border-right-width:1px;}.border-r-0{border-right-width:0px;}.border-t{border-top-width:1px;}.\[\&\[data-state\=on\]\]\:border-black[data-state=on],.border-black{border-color:var(--color-black);}.border-gray5{border-color:var(--color-gray-5);}.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-gray7:hover{border-color:var(--color-gray-7);}.\[\&\[data-bottom-edge\]\]\:border-b-gray-5[data-bottom-edge]{border-bottom-color:var(--color-gray-5);}.\[\&\[data-day-first\]\]\:border-l-gray-5[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray-5[data-first-column]{border-left-color:var(--color-gray-5);}.\[\&\[data-day-last\]\]\:border-r-gray-5[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray-5[data-last-column],.border-r-gray-5{border-right-color:var(--color-gray-5);}.\[\&\[data-top-edge\]\]\:border-t-gray-5[data-top-edge]{border-top-color:var(--color-gray-5);}.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-lg{border-radius:1.25rem;}.rounded-md{border-radius:1rem;}.rounded-sm{border-radius:0.5rem;}.rounded-xl{border-radius:1.5rem;}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:1.25rem;}.\[\&\[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-r-solid{border-right-style:solid;}.border-t-solid{border-top-style:solid;}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:transparent /* transparent */;}.\[\&\:nth-child\(2n\+1\)\]\:bg-gray-blend:nth-child(2n+1){background-color:var(--color-gray-blend) /* 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(--color-primary-wash) /* var(--color-primary-wash) */;}.\[\&\[data-highlighted\=true\]\]\:bg-gray2[data-highlighted=true],.bg-gray2{background-color:var(--color-gray-2) /* var(--color-gray-2) */;}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range],.bg-accent-wash{background-color:var(--color-accent-wash) /* 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(--color-accent-light) /* var(--color-accent-light) */;}.\[\&\[data-state\=active\]\]\:bg-\[var\(--focus\,var\(--hover\)\)\][data-state=active]{background-color:var(--focus,var(--hover)) /* var(--focus,var(--hover)) */;}.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--color-accent) /* var(--color-accent) */;}.\[\&\[data-state\=on\]\]\:bg-primary-light[data-state=on]{background-color:var(--color-primary-light) /* var(--color-primary-light) */;}.bg-\[var\(--color-wash\)\]{background-color:var(--color-wash) /* var(--color-wash) */;}.bg-\[var\(--scroll-bg\)\]{background-color:var(--scroll-bg) /* var(--scroll-bg) */;}.bg-black{background-color:var(--color-black) /* var(--color-black) */;}.bg-gray-4{background-color:var(--color-gray-4) /* var(--color-gray-4) */;}.bg-gray-5,.bg-gray5{background-color:var(--color-gray-5) /* var(--color-gray-5) */;}.bg-gray1{background-color:var(--color-gray-1) /* var(--color-gray-1) */;}.bg-gray50{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity)) /* #f9fafb */;}.bg-primary{background-color:var(--color-primary) /* var(--color-primary) */;}.bg-primary-dark{background-color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.bg-white{background-color:var(--color-white) /* var(--color-white) */;}.important\:\[\&\[data-disabled\=true\]\]\:bg-\[var\(--bg\)\][data-disabled=true]{background-color:var(--bg) /* var(--bg) */ !important;}.\[\&\[data-state\=active\]\]\:hover\:bg-\[var\(--hover\)\]:hover[data-state=active]{background-color:var(--hover) /* var(--hover) */;}.hover\:bg-gray-1:hover{background-color:var(--color-gray-1) /* var(--color-gray-1) */;}.hover\:bg-gray2:hover{background-color:var(--color-gray-2) /* var(--color-gray-2) */;}.hover\:bg-gray3:hover{background-color:var(--color-gray-3) /* var(--color-gray-3) */;}.focus-visible\:bg-gray-2:focus-visible{background-color:var(--color-gray-2) /* var(--color-gray-2) */;}.active\:bg-accent-wash:active{background-color:var(--color-accent-wash) /* var(--color-accent-wash) */;}.active\:bg-gray4:active{background-color:var(--color-gray-4) /* var(--color-gray-4) */;}.important\:disabled\:bg-\[var\(--bg\)\]:disabled{background-color:var(--bg) /* var(--bg) */ !important;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--color-primary) /* var(--color-primary) */;}.from-gray1{--un-gradient-from-position:0%;--un-gradient-from:var(--color-gray-1) 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-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);}.after\:from-wash::after{--un-gradient-from-position:0%;--un-gradient-from: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);}.via-gray2{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--color-gray-2) var(--un-gradient-via-position), var(--un-gradient-to);}.to-gray1{--un-gradient-to-position:100%;--un-gradient-to:var(--color-gray-1) 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-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--color-white) var(--un-gradient-to-position);}.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;}.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;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-25px{padding-left:25px;}.pl-3{padding-left:0.75rem;}.pl-35px{padding-left:35px;}.pr-4{padding-right:1.00rem;}.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-highlighted\]\]\:color-black[data-highlighted],.\[\&\[data-state\=active\]\]\:text-black[data-state=active],.color-black,.text-black{color:var(--color-black) /* var(--color-black) */;}.\[\&\[data-state\=checked\]\]\:text-primary-dark[data-state=checked],.color-primary-dark{color:var(--color-primary-dark) /* var(--color-primary-dark) */;}.text-dark-blend{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.text-gray-6{color:var(--color-gray-6) /* var(--color-gray-6) */;}.text-white{color:var(--color-white) /* var(--color-white) */;}.\[\&\[data-disabled\]\]\:color-gray5[data-disabled]{color:var(--color-gray-5) /* var(--color-gray-5) */;}.\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder],.color-gray8{color:var(--color-gray-8) /* var(--color-gray-8) */;}.color-gray-9{color:var(--color-gray-9) /* var(--color-gray-9) */;}.after\:color-gray9::after{color:var(--color-gray-9) /* var(--color-gray-9) */;}.color-inherit{color:inherit;}.\[\&\[data-state\=active\]\]\:font-semibold[data-state=active]{font-weight:600;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-4{line-height:1rem;}.leading-6{line-height:1.5rem;}.font-inherit{font-family:inherit;}.font-title{font-family:"Inter", sans-serif;}.italic{font-style:italic;}.oblique{font-style:oblique;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.accent-dark{--un-accent-opacity:1;accent-color:rgb(34 34 34 / var(--un-accent-opacity)) /* #222222 */;}.accent-light{--un-accent-opacity:1;accent-color:rgb(246 246 246 / var(--un-accent-opacity)) /* #f6f6f6 */;}.accent-wash{accent-color:var(--color-wash) /* var(--color-wash) */;}.\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true],.opacity-50{opacity:0.5;}.important\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5 !important;}.op-0{opacity:0;}.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-none{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) */;}.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);}@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\:\[--scroll-bg\:var\(--color-wash\)\]{--scroll-bg:var(--color-wash);}.layer-components\:\[--scroll-shadow\:var\(--color-shadow-1\)\)\]{--scroll-shadow:var(--color-shadow-1));}.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\]{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\: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\:\[\&_\.ProseMirror_h1\,h2\,h3\,p\]\:mt-0 .ProseMirror h1,h2,h3,p,.layer-components\:mt-0{margin-top:0.00rem;}.layer-components\:\[\&_\.ProseMirror_h1\]\:mb-lg .ProseMirror h1{margin-bottom:calc(2rem * var(--spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror_h2\]\:mb-md .ProseMirror h2{margin-bottom:calc(1rem * var(--spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror_h3\]\:mb-sm .ProseMirror h3,.layer-components\:\[\&_\.ProseMirror_h4\]\:mb-sm .ProseMirror h4,.layer-components\:\[\&_\.ProseMirror_p\]\:mb-sm .ProseMirror p{margin-bottom:calc(0.5rem * var(--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-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-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\: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));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1));}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-auto{overflow-x:auto;}.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,.layer-components\:border{border-width:1px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:\[\&_\.ProseMirror\]\:border-gray-5 .ProseMirror,.layer-components\:border-gray-5{border-color:var(--color-gray-5);}.layer-components\:\[\&\:disabled\]\:border-gray-3:disabled{border-color:var(--color-gray-3);}.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-black{border-color:var(--color-black);}.layer-components\:border-gray-8{border-color:var(--color-gray-8);}.layer-components\:border-grayDarkBlend{border-color:var(--color-gray-dark-blend);}.layer-components\:border-transparent{border-color:transparent;}.layer-components\:disabled\:border-gray-5:disabled{border-color:var(--color-gray-5);}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:rounded-lg{border-radius:1.25rem;}.layer-components\:rounded-md{border-radius:1rem;}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:0.5rem;}.layer-components\:rounded-xl{border-radius:1.5rem;}.layer-components\:rounded-t-lg{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;}.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\:\[\&_\.ProseMirror\]\:bg-white .ProseMirror,.layer-components\:bg-white{background-color:var(--color-white) /* var(--color-white) */;}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:transparent /* transparent */;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-primary-wash[data-active=true],.layer-components\:bg-primary-wash{background-color:var(--color-primary-wash) /* var(--color-primary-wash) */;}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary-light[data-state=checked]{background-color:var(--color-primary-light) /* var(--color-primary-light) */;}.layer-components\:\[\&\[data-state\=complete\]\]\:bg-accent[data-state=complete],.layer-components\:bg-accent{background-color:var(--color-accent) /* var(--color-accent) */;}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.05\)\]{--un-bg-opacity:0.05;background-color:rgba(0, 0, 0, var(--un-bg-opacity)) /* rgba(0,0,0,0.05) */;}.layer-components\:bg-\[rgba\(0\,0\,0\,0\.1\)\]{--un-bg-opacity:0.1;background-color:rgba(0, 0, 0, var(--un-bg-opacity)) /* rgba(0,0,0,0.1) */;}.layer-components\:bg-\[var\(--bg\)\]{background-color:var(--bg) /* var(--bg) */;}.layer-components\:bg-accent-wash{background-color:var(--color-accent-wash) /* var(--color-accent-wash) */;}.layer-components\:bg-attention{background-color:var(--color-attention) /* var(--color-attention) */;}.layer-components\:bg-black{background-color:var(--color-black) /* var(--color-black) */;}.layer-components\:bg-gray-1{background-color:var(--color-gray-1) /* var(--color-gray-1) */;}.layer-components\:bg-gray-2,[data-interactive=true]:hover>.layer-components\:\[\[data-interactive\=true\]\:hover\>\&\]\:bg-gray-2{background-color:var(--color-gray-2) /* var(--color-gray-2) */;}.layer-components\:bg-gray-5{background-color:var(--color-gray-5) /* var(--color-gray-5) */;}.layer-components\:bg-light-blend{background-color:var(--color-light-blend) /* var(--color-light-blend) */;}.layer-components\:bg-overlay{background-color:var(--color-overlay) /* var(--color-overlay) */;}.layer-components\:bg-primary{background-color:var(--color-primary) /* var(--color-primary) */;}.layer-components\:hover\:bg-\[var\(--hover\)\]:hover{background-color:var(--hover) /* var(--hover) */;}.layer-components\:hover\:bg-gray-3:hover{background-color:var(--color-gray-3) /* var(--color-gray-3) */;}.layer-components\:hover\:bg-gray-darkBlend:hover{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-components\:hover\:bg-light-blend:hover{background-color:var(--color-light-blend) /* var(--color-light-blend) */;}.layer-components\:hover\:bg-primary-wash:hover{background-color:var(--color-primary-wash) /* var(--color-primary-wash) */;}.layer-components\:focus\:bg-gray-1:focus{background-color:var(--color-gray-1) /* var(--color-gray-1) */;}.layer-components\:focus-visible\:bg-accent-light:focus-visible{background-color:var(--color-accent-light) /* var(--color-accent-light) */;}.layer-components\:focus-visible\:bg-gray2:focus-visible{background-color:var(--color-gray-2) /* var(--color-gray-2) */;}.layer-components\:focus-visible\:bg-primary-wash:focus-visible{background-color:var(--color-primary-wash) /* var(--color-primary-wash) */;}.layer-components\:active\:bg-\[var\(--active\)\]:active{background-color:var(--active) /* var(--active) */;}.layer-components\:active\:bg-accent-light:active{background-color:var(--color-accent-light) /* var(--color-accent-light) */;}.layer-components\:active\:bg-primary-wash:active{background-color:var(--color-primary-wash) /* var(--color-primary-wash) */;}.layer-components\:disabled\:bg-transparent:disabled{background-color:transparent /* transparent */;}.layer-components\:before\:bg-\[\#00000070\]::before{--un-bg-opacity:0.44;background-color:rgb(0 0 0 / var(--un-bg-opacity)) /* #00000070 */;}.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-2{padding:0.50rem;}.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));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--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\: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-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\:\[\&_\.ProseMirror_h1\]\:text-xl .ProseMirror h1{font-size:1.5rem;line-height:2rem;}.layer-components\:\[\&_\.ProseMirror_h2\]\:text-lg .ProseMirror h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_\.ProseMirror_h3\]\:text-md .ProseMirror h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_\.ProseMirror_h4\]\:text-sm .ProseMirror h4,.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.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\:color-black,.layer-components\:text-black{color:var(--color-black) /* var(--color-black) */;}.layer-components\:color-dark-blend,.layer-components\:text-dark-blend{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.layer-components\:text-gray-7{color:var(--color-gray-7) /* var(--color-gray-7) */;}.layer-components\:\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder],.layer-components\:text-gray-8{color:var(--color-gray-8) /* var(--color-gray-8) */;}.layer-components\:text-white{color:var(--color-white) /* var(--color-white) */;}.layer-components\:\[\&\[data-disabled\]\]\:color-gray9[data-disabled],.layer-components\:color-gray9{color:var(--color-gray-9) /* var(--color-gray-9) */;}.layer-components\:hover\:color-black:hover{color:var(--color-black) /* var(--color-black) */;}.layer-components\:focus-visible\:color-gray9:focus-visible{color:var(--color-gray-9) /* var(--color-gray-9) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_\.ProseMirror_h1\]\:font-medium .ProseMirror h1,.layer-components\:\[\&_\.ProseMirror_h2\]\:font-medium .ProseMirror h2{font-weight:500;}.layer-components\:\[\&_\.ProseMirror_h3\]\:font-extrabold .ProseMirror h3{font-weight:800;}.layer-components\:\[\&_\.ProseMirror_h4\]\:font-bold .ProseMirror h4,.layer-components\:font-bold{font-weight:700;}.layer-components\:font-normal{font-weight:400;}.layer-components\:font-semibold{font-weight:600;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-sans,.layer-components\:font-title{font-family:"Inter", sans-serif;}.layer-components\:\[\&_\.ProseMirror_a\]\:underline .ProseMirror a{text-decoration-line:underline;}.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{--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\: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\:\[\&\[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\:\[\&\[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\: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\:focus-ring:focus:focus-visible{--un-ring-width:3px;--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\:\[\&\[data-focus\=true\]\]\:ring-\[var\(--focus\,var\(--hover\)\)\][data-focus=true]{--un-ring-color:var(--focus,var(--hover)) /* var(--focus,var(--hover)) */;}.layer-components\:\[\&\[data-visually-focused\=true\]\]\:ring-gray-5[data-visually-focused=true]{--un-ring-color:var(--color-gray-5) /* var(--color-gray-5) */;}.layer-components\:ring-black{--un-ring-color:var(--color-black) /* var(--color-black) */;}.layer-components\:hover\:ring-\[var\(--hover\)\]:hover{--un-ring-color:var(--hover) /* var(--hover) */;}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--color-white) /* var(--color-white) */;}.layer-components\:focus-visible\:focus-ring-\[var\(--focus\)\]:focus:focus-visible{--un-ring-color:var(--focus) /* var(--focus) */;}.layer-components\:focus-visible\:ring-\[var\(--focus\,var\(--hover\)\)\]:focus-visible{--un-ring-color:var(--focus,var(--hover)) /* var(--focus,var(--hover)) */;}.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-5:focus-visible{--un-ring-color:var(--color-gray-5) /* var(--color-gray-5) */;}.layer-components\:focus-visible\:ring-gray-dark-blend:focus-visible{--un-ring-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-components\:active\:ring-\[var\(--active\)\]:active{--un-ring-color:var(--active) /* var(--active) */;}.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\:\[\&\[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-7:disabled::placeholder{color:var(--color-gray-7) /* var(--color-gray-7) */;}}@layer responsive{.layer-responsive\:hidden{display:none;}}@layer variants{.layer-variants\:\[--active\:var\(--color-gray-4\)\],.layer-variants\:\[\&\.btn-color-default\]\:\[--active\:var\(--color-gray-4\)\].btn-color-default{--active:var(--color-gray-4);}.layer-variants\:\[--active\:var\(--color-primary-light\)\]{--active:var(--color-primary-light);}.layer-variants\:\[--bg\:var\(--color-gray-blend\)\]{--bg:var(--color-gray-blend);}.layer-variants\:\[--bg\:var\(--color-primary\)\]{--bg:var(--color-primary);}.layer-variants\:\[--bg\:var\(--color-white\)\],.layer-variants\:\[\&\.btn-color-default\]\:\[--bg\:var\(--color-white\)\].btn-color-default{--bg:var(--color-white);}.layer-variants\:\[--fill\:var\(--color-gray-5\)\]{--fill:var(--color-gray-5);}.layer-variants\:\[--focus\:var\(--color-gray-4\)\]{--focus:var(--color-gray-4);}.layer-variants\:\[--focus\:var\(--color-primary-light\)\]{--focus:var(--color-primary-light);}.layer-variants\:\[--hover\:var\(--color-gray-3\)\],.layer-variants\:\[\&\.btn-color-default\]\:\[--hover\:var\(--color-gray-3\)\].btn-color-default{--hover:var(--color-gray-3);}.layer-variants\:\[--hover\:var\(--color-primary-light\)\]{--hover:var(--color-primary-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-ghostAccent{--active:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg\:var\(--color-accent-wash\)\].btn-color-accent{--bg:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-ghostAccent{--focus:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--hover\:var\(--color-accent-light\)\].btn-color-accent{--hover:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--active\:var\(--color-gray-6\)\].btn-color-contrast{--active:var(--color-gray-6);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--bg\:var\(--color-black\)\].btn-color-contrast{--bg:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--focus\:var\(--color-gray-7\)\].btn-color-contrast{--focus:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--hover\:var\(--color-gray-7\)\].btn-color-contrast{--hover:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-default\]\:\[--focus\:var\(--color-gray-5\)\].btn-color-default,.layer-variants\:\[\&\.btn-color-ghost\]\:\[--focus\:var\(--color-gray-5\)\].btn-color-ghost{--focus:var(--color-gray-5);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--active:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-destructive{--bg:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--focus:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--hover\:var\(--color-attention-light\)\].btn-color-destructive{--hover:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--active\:var\(--color-gray-dark-blend\)\].btn-color-ghost{--active:var(--color-gray-dark-blend);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg\:transparent\].btn-color-ghost,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg\:transparent\].btn-color-ghostAccent,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg\:transparent\].btn-color-ghostDestructive{--bg:transparent;}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--hover\:var\(--color-gray-blend\)\].btn-color-ghost{--hover:var(--color-gray-blend);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--hover\:rgb\(from_var\(--color-accent-light\)_r_g_b\/0\.25\)\].btn-color-ghostAccent{--hover:rgb(from var(--color-accent-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--hover\:rgb\(from_var\(--color-attention-light\)_r_g_b\/0\.25\)\].btn-color-ghostDestructive{--hover:rgb(from var(--color-attention-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--active\:var\(--color-primary\)\].btn-color-primary{--active:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--bg\:var\(--color-primary-light\)\].btn-color-primary{--bg:var(--color-primary-light);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--focus\:var\(--color-primary\)\].btn-color-primary{--focus:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--hover\:var\(--color-primary\)\].btn-color-primary{--hover:var(--color-primary);}.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-7.btn-color-default,.layer-variants\:border-gray7{border-color:var(--color-gray-7);}.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:1.25rem;}.layer-variants\:\[\&\.size-small\]\:rounded-md.size-small,.layer-variants\:rounded-md{border-radius:1rem;}.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;}.layer-variants\:\[\&\[data-active\=true\]\]\:bg-gray-dark-blend[data-active=true]{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-variants\:\[\&\[data-color\=accent\]\]\:bg-accent[data-color=accent]{background-color:var(--color-accent) /* var(--color-accent) */;}.layer-variants\:\[\&\[data-color\=primary\]\]\:bg-primary[data-color=primary]{background-color:var(--color-primary) /* var(--color-primary) */;}.layer-variants\:aria-pressed\:bg-\[var\(--bg\)\][aria-pressed="true"]{background-color:var(--bg) /* var(--bg) */;}.layer-variants\:bg-accent-wash{background-color:var(--color-accent-wash) /* var(--color-accent-wash) */;}.layer-variants\:bg-transparent{background-color:transparent /* transparent */;}.layer-variants\:bg-white{background-color:var(--color-white) /* var(--color-white) */;}.layer-variants\:hover\:bg-attention-wash:hover{background-color:var(--color-attention-wash) /* var(--color-attention-wash) */;}.layer-variants\:hover\:bg-gray-blend:hover{background-color:var(--color-gray-blend) /* var(--color-gray-blend) */;}.layer-variants\:hover\:bg-gray-dark-blend:hover{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-variants\:hover\:bg-transparent:hover{background-color:transparent /* transparent */;}.layer-variants\:focus\:bg-transparent:focus{background-color:transparent /* transparent */;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:bg-primary-light:focus-visible[data-color=primary]{background-color:var(--color-primary-light) /* var(--color-primary-light) */;}.layer-variants\:focus-visible\:bg-attention-wash:focus-visible{background-color:var(--color-attention-wash) /* var(--color-attention-wash) */;}.layer-variants\:focus-visible\:bg-gray-dark-blend:focus-visible{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:bg-primary-light:active[data-color=primary]{background-color:var(--color-primary-light) /* var(--color-primary-light) */;}.layer-variants\:active\:bg-gray-dark-blend:active{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-variants\:active\:bg-transparent:active{background-color:transparent /* transparent */;}*[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\:\[\&\.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\:\[\&\.btn-color-accent\]\:color-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:color-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:color-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:color-black.btn-color-primary,.layer-variants\:\[\&\[data-active\=true\]\]\:text-black[data-active=true],.layer-variants\:color-black{color:var(--color-black) /* var(--color-black) */;}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:color-attention-dark.btn-color-ghostDestructive,.layer-variants\:text-attention-dark{color:var(--color-attention-dark) /* var(--color-attention-dark) */;}.layer-variants\:\[\&\.btn-color-contrast\]\:color-white.btn-color-contrast{color:var(--color-white) /* var(--color-white) */;}.layer-variants\:\[\&\.btn-color-ghost\]\:color-dark-blend.btn-color-ghost{color:var(--color-dark-blend) /* var(--color-dark-blend) */;}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:color-accent-dark.btn-color-ghostAccent{color:var(--color-accent-dark) /* var(--color-accent-dark) */;}.layer-variants\:color-inherit,.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;}}@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: 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\: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-sm\: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)));}.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:1.5rem;}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:1.5rem;}.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;}}}@layer responsive{@media (min-width: 640px){.sm\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,60vw\)_1fr\]{grid-template-columns:1fr auto min(800px,60vw) 1fr;}.sm\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.sm\:layer-responsive\:min-h-auto{min-height:auto;}}}@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\: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\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:sm\:fixed{position:fixed;}.layer-components\:sm\:sticky{position:sticky;}.layer-components\:sm\:bottom-3{bottom:0.75rem;}.layer-components\:sm\:bottom-auto{bottom:auto;}.layer-components\:sm\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:sm\:left-auto{left:auto;}.layer-components\:sm\:right-auto{right:auto;}.layer-components\:sm\:top-0{top:0.00rem;}.layer-components\:sm\:top-auto{top:auto;}.layer-components\:sm\:before\:hidden::before{display:none;}.layer-components\:sm\:display-initial{display:initial;}.layer-components\:sm\:h-auto{height:auto;}.layer-components\:sm\:h-min-content{height:min-content;}.layer-components\:sm\:max-w-80vw{max-width:80vw;}.layer-components\:sm\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:sm\:flex{display:flex;}.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\:items-end{align-items:flex-end;}.layer-components\:sm\:items-stretch{align-items:stretch;}.layer-components\:sm\:justify-start{justify-content:flex-start;}.layer-components\:sm\:gap-2{gap:0.50rem;}.layer-components\:sm\:overflow-visible{overflow:visible;}.layer-components\:sm\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:sm\:overflow-y-auto{overflow-y:auto;}.layer-components\:sm\:border-transparent{border-color:transparent;}.layer-components\:sm\:rounded-lg{border-radius:1.25rem;}.layer-components\:sm\:rounded-none{border-radius:0;}.layer-components\:sm\:border-none{border-style:none;}.layer-components\:sm\:bg-gray-blend{background-color:var(--color-gray-blend) /* var(--color-gray-blend) */;}.layer-components\:sm\:bg-transparent{background-color:transparent /* transparent */;}.layer-components\:sm\:active\:bg-gray-dark-blend:active{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-components\:sm\:p-0{padding:0.00rem;}.layer-components\:sm\:p-6px{padding:6px;}.layer-components\:sm\:p-lg{padding:calc(2rem * var(--spacing-scale,1));}.layer-components\:sm\:p-md{padding:calc(1rem * var(--spacing-scale,1));}.layer-components\:sm\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1));}.layer-components\:sm\:p-xl{padding:calc(3rem * var(--spacing-scale,1));}.layer-components\:sm\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1));}.layer-components\:sm\:pb-10{padding-bottom:2.50rem;}.layer-components\:sm\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:sm\:leading-normal{line-height:1.5;}.layer-components\:sm\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:sm\: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\: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);}.layer-components\:sm\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}}}@media (min-width: 640px){@layer variants{*[data-active=true] .layer-variants\:sm\:\[\*\[data-active\=true\]_\&\]\:bg-\[var\(--bg\)\]{background-color:var(--bg) /* var(--bg) */;}.layer-variants\:sm\:active\:bg-gray-dark-blend:active{background-color:var(--color-gray-dark-blend) /* var(--color-gray-dark-blend) */;}.layer-variants\:sm\:p-4{padding:1.00rem;}}}@media (min-width: 768px){.md\:max-w-800px{max-width:800px;}}@media (min-width: 768px){@layer components{.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.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\:p-lg{padding:calc(2rem * var(--spacing-scale,1));}.layer-components\:md\:p-md{padding:calc(1rem * var(--spacing-scale,1));}.layer-components\:md\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1));}.layer-components\:md\:p-xl{padding:calc(3rem * var(--spacing-scale,1));}.layer-components\:md\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1));}}}@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));}.layer-components\:lg\:p-md{padding:calc(1rem * var(--spacing-scale,1));}.layer-components\:lg\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1));}.layer-components\:lg\:p-xl{padding:calc(3rem * var(--spacing-scale,1));}.layer-components\:lg\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1));}}}

package/dist/esm/components/layouts/layouts.stories.js CHANGED Viewed

@@ -20,7 +20,7 @@ const meta = {
 };
 export default meta;
 export const Default = {
-    render: () => (_jsxs(PageRoot, { className: "w-full h-full", children: [_jsxs(PageContent, { children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." }), _jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })] }), _jsx(PageNowPlaying, { children: "Now playing" })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { asChild: true, children: _jsx(Icon, { name: "book" }) }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] })] }) })] })),
+    render: () => (_jsxs(PageRoot, { className: "w-full h-full", children: [_jsxs(PageContent, { children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." }), _jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })] }), _jsx(PageNowPlaying, { children: "Now playing" })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { asChild: true, children: _jsx(Icon, { name: "book" }) }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }), _jsxs(NavBarItem, { color: "neutral", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { asChild: true, children: _jsx(Icon, { name: "book" }) }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] })),
 };
 export const WithoutNav = {
     render: () => (_jsx(PageRoot, { className: "w-full h-full", children: _jsxs(PageContent, { children: [_jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "text-3xl font-bold", children: "Hello, World!" }), _jsx("p", { className: "text-lg", children: "This is a simple page layout." })] }), _jsx(PageNowPlaying, { children: "Now playing" })] }) })),

package/dist/esm/components/layouts/layouts.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/navBar/NavBar.d.ts CHANGED Viewed

@@ -6,8 +6,9 @@ export interface NavBarItemProps {
     className?: string;
     children?: ReactNode;
     active?: boolean;
+    color?: 'primary' | 'neutral';
 }
-export declare const NavBarItem: ({ ref, asChild, className, active, ...rest }: NavBarItemProps & {
+export declare const NavBarItem: ({ ref, asChild, className, active, color, ...rest }: NavBarItemProps & {
     ref?: React.Ref<HTMLDivElement>;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const NavBarItemIconWrapper: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
@@ -23,7 +24,7 @@ export declare const NavBarItemIcon: ({ ref, children, asChild, className, name,
 export declare const NavBarItemPip: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const NavBarRoot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const NavBar: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>> & {
-    Item: ({ ref, asChild, className, active, ...rest }: NavBarItemProps & {
+    Item: ({ ref, asChild, className, active, color, ...rest }: NavBarItemProps & {
         ref?: React.Ref<HTMLDivElement>;
     }) => import("react/jsx-runtime").JSX.Element;
     ItemIcon: ({ ref, children, asChild, className, name, ...rest }: NavBarItemIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/navBar/NavBar.js CHANGED Viewed

@@ -15,18 +15,24 @@ import { Slot } from '@radix-ui/react-slot';
 import classNames, { clsx } from 'clsx';
 import { withClassName } from '../../hooks.js';
 import { Icon } from '../icon/index.js';
-export const navBarItemClass = classNames('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-gray-7 layer-components:select-none', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primary-wash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primary-wash', 'layer-components:active:bg-primary-wash layer-components:sm:active:bg-gray-dark-blend', 'layer-components:[&[data-active=true]]:bg-primary-wash layer-components:[&[data-active=true]]:text-black');
+export const navBarItemClass = classNames('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-gray-7 layer-components:select-none', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:active:bg-primary-wash layer-components:sm:active:bg-gray-dark-blend', 'layer-components:hover:bg-primary-wash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primary-wash', 'layer-components:[&[data-active=true]]:bg-primary-wash layer-components:[&[data-active=true]]:text-black', 'layer-components:[--bg:var(--color-primary-wash)] layer-components:[--fill:var(--color-primary)]');
 export const NavBarItem = function NavBarItem(_a) {
-    var { ref, asChild, className, active } = _a, rest = __rest(_a, ["ref", "asChild", "className", "active"]);
+    var { ref, asChild, className, active, color } = _a, rest = __rest(_a, ["ref", "asChild", "className", "active", "color"]);
     const Comp = asChild ? Slot : 'div';
-    return (_jsx(Comp, Object.assign({ ref: ref, className: classNames(navBarItemClass, className), "data-active": active }, rest)));
+    return (_jsx(Comp, Object.assign({ ref: ref, className: classNames(navBarItemClass, color === 'neutral' && [
+            'layer-variants:active:bg-gray-dark-blend layer-variants:sm:active:bg-gray-dark-blend',
+            'layer-variants:hover:bg-gray-dark-blend',
+            'layer-variants:focus-visible:bg-gray-dark-blend',
+            'layer-variants:[&[data-active=true]]:bg-gray-dark-blend layer-variants:[&[data-active=true]]:text-black',
+            'layer-variants:[--bg:var(--color-gray-blend)] layer-variants:[--fill:var(--color-gray-5)]',
+        ], className), "data-active": active }, rest)));
 };
-export const NavBarItemIconWrapper = withClassName('div', 'layer-components:relative layer-components:flex layer-components:sm:p-6px layer-components:sm:rounded-lg layer-components:sm:bg-gray-blend', 'layer-variants:sm:[*[data-active=true]_&]:bg-primary-light');
+export const NavBarItemIconWrapper = withClassName('div', 'layer-components:relative layer-components:flex layer-components:sm:p-6px layer-components:sm:rounded-lg layer-components:sm:bg-gray-blend', 'layer-variants:sm:[*[data-active=true]_&]:bg-[var(--bg)]');
 export const NavBarItemText = withClassName('span', 'layer-components:overflow-hidden layer-components:pl-1 layer-components:inline-block layer-components:text-xxs layer-components:whitespace-nowrap layer-components:text-ellipsis layer-components:sm:text-md layer-components:sm:leading-normal');
 export const NavBarItemIcon = function NavBarItemIcon(_a) {
     var { ref, children, asChild, className, name = 'placeholder' } = _a, rest = __rest(_a, ["ref", "children", "asChild", "className", "name"]);
     const Comp = asChild ? Slot : Icon;
-    return (_jsx(Comp, Object.assign({ name: name, className: clsx('layer-components:relative layer-components:z-1 layer-components:flex layer-components:fill-none layer-components:text-inherit', 'layer-variants:[*[data-active=true]_&]:fill-primary-light', className) }, rest, { ref: ref, children: children })));
+    return (_jsx(Comp, Object.assign({ name: name, className: clsx('layer-components:relative layer-components:z-1 layer-components:flex layer-components:fill-none layer-components:text-inherit', 'layer-variants:[*[data-active=true]_&]:fill-[var(--fill)]', className) }, rest, { ref: ref, children: children })));
 };
 export const NavBarItemPip = withClassName('div', 'layer-components:absolute layer-components:top-6px layer-components:right-6px layer-components:w-6px layer-components:h-6px layer-components:rounded-lg layer-components:bg-attention layer-components:shadow-sm');
 export const NavBarRoot = withClassName('div', 'layer-components:grid layer-components:[grid-auto-columns:1fr] layer-components:[grid-auto-flow:column] layer-components:justify-items-center layer-components:w-full layer-components:rounded-none layer-components:overflow-hidden layer-components:z-50 layer-components:p-1 layer-components:h-auto', 'pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:sm:bg-transparent layer-components:sm:flex layer-components:sm:flex-col layer-components:sm:rounded-none layer-components:sm:border-none layer-components:sm:border-transparent layer-components:sm:shadow-none layer-components:sm:h-min-content layer-components:sm:overflow-y-auto layer-components:sm:overflow-x-hidden layer-components:sm:justify-start layer-components:sm:items-stretch layer-components:sm:gap-2 layer-components:sm:pb-10');

package/dist/esm/components/navBar/NavBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAa,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,~~uFAAuF~~,~~EACvF~~,~~qEAAqE~~,~~CACrE~~,CAAC;~~AASF~~,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,~~EAQ7C~~;~~QAR6C~~,EAC7C,GAAG,EACH,OAAO,EACP,SAAS,EACT,MAAM,~~OAIN~~,EAHG,IAAI,~~cALsC~~,~~yCAM7C~~,CADO;IAIP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,KAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,~~CAAC~~,eAAe,~~EAAE~~,SAAS,~~CAAC~~,~~iBACpC~~,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CACjD,KAAK,EACL,uFAAuF,EACvF,~~4DAA4D~~,~~CAC5D~~,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AASF,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAOhC;QAPgC,EACrD,GAAG,EACH,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,GAAG,aAAa,OAEC,EADlB,IAAI,cAN8C,mDAOrD,CADO;IAEP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACnC,OAAO,CACN,KAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,CACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,YAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,KAAK,EACL,6FAA6F,CAC7F,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,KAAK,EACL,kJAAkJ,EAClJ,oDAAoD,EACpD,oMAAoM,CACpM,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,cAAc;IACxB,eAAe,EAAE,qBAAqB;IACtC,OAAO,EAAE,aAAa;CACtB,CAAC,CAAC"}
1	+ {"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAa,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACxC,yNAAyN,EACzN,oFAAoF,EACpF,uFAAuF,EACvF,wCAAwC,EACxC,+DAA+D,EAC/D,qEAAqE,EACrE,mFAAmF,CACnF,CAAC;AAUF,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAS7C;QAT6C,EAC7C,GAAG,EACH,OAAO,EACP,SAAS,EACT,MAAM,EACN,KAAK,OAIL,EAHG,IAAI,cANsC,kDAO7C,CADO;IAIP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,KAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,eAAe,EACf,KAAK,KAAK,SAAS,IAAI;YACtB,sFAAsF;YACtF,yCAAyC;YACzC,mDAAmD;YACnD,sEAAsE;YACtE,8EAA8E;SAC9E,EACD,SAAS,CACT,iBACY,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CACjD,KAAK,EACL,uFAAuF,EACvF,0DAA0D,CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AASF,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,cAAc,CAAC,EAOhC;QAPgC,EACrD,GAAG,EACH,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAI,GAAG,aAAa,OAEC,EADlB,IAAI,cAN8C,mDAOrD,CADO;IAEP,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACnC,OAAO,CACN,KAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,CACd,6DAA6D,EAC7D,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,YAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,KAAK,EACL,6FAA6F,CAC7F,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,KAAK,EACL,kJAAkJ,EAClJ,oDAAoD,EACpD,oMAAoM,CACpM,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,cAAc;IACxB,eAAe,EAAE,qBAAqB;IACtC,OAAO,EAAE,aAAa;CACtB,CAAC,CAAC"}

package/dist/esm/hooks/useVisualViewportOffset.js CHANGED Viewed

@@ -19,7 +19,8 @@ export function useIsKeyboardOpen() {
     const { virtualKeyboardBehavior } = useConfig();
     const [isViewportConstrained, setIsViewportConstrained] = useState(false);
     useReactToViewportChanges((viewport) => {
-        setIsViewportConstrained(viewport.height < window.innerHeight);
+        // heuristic - 100px difference between visual viewport and window height
+        setIsViewportConstrained(Math.abs(viewport.height - window.innerHeight) > 100);
     }, virtualKeyboardBehavior !== 'displace');
     const [isKeyboardOpen, setIsKeyboardOpen] = useState(false);
     useEffect(() => {

package/dist/esm/hooks/useVisualViewportOffset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useVisualViewportOffset.js","sourceRoot":"","sources":["../../../src/hooks/useVisualViewportOffset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,OAAiB;IACxD,yBAAyB,CAAC,CAAC,QAAQ,EAAE,EAAE;QACtC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,0BAA0B,EAC1B,GAAG,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,SAAS,IAAI,CAChE,CAAC;QACF,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,mBAAmB,EACnB,GAAG,QAAQ,CAAC,MAAM,IAAI,CACtB,CAAC;QACF,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,kBAAkB,EAClB,GAAG,QAAQ,CAAC,KAAK,IAAI,CACrB,CAAC;QACF,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,uBAAuB,EACvB,GAAG,QAAQ,CAAC,SAAS,IAAI,CACzB,CAAC;QACF,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,wBAAwB,EACxB,GAAG,QAAQ,CAAC,UAAU,IAAI,CAC1B,CAAC;QACF,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACzC,iBAAiB,EACjB,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAChD,CAAC;IACH,CAAC,EAAE,OAAO,CAAC,CAAC;AACb,CAAC;AAED,MAAM,UAAU,iBAAiB;IAChC,MAAM,EAAE,uBAAuB,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhD,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1E,yBAAyB,CAAC,CAAC,QAAQ,EAAE,EAAE;QACtC,wBAAwB,CAAC,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;~~IAChE~~,CAAC,EAAE,uBAAuB,KAAK,UAAU,CAAC,CAAC;IAE3C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,CAAC,iBAAiB,IAAI,SAAS,CAAC,EAAE,CAAC;YACvC,aAAa;YACb,OAAO,CAAC,IAAI,CACX,uGAAuG,CACvG,CAAC;YACF,OAAO;QACR,CAAC;QACD,MAAM,eAAe,GAAG,SAAS,CAAC,eAAsB,CAAC;QACzD,MAAM,MAAM,GAAG,GAAG,EAAE;YACnB,iBAAiB,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;QACF,MAAM,EAAE,CAAC;QACT,eAAe,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAC3D,OAAO,GAAG,EAAE;YACX,eAAe,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAC/D,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,uBAAuB,KAAK,UAAU,EAAE,CAAC;QAC5C,OAAO,qBAAqB,CAAC;IAC9B,CAAC;IAED,OAAO,cAAc,CAAC;AACvB,CAAC;AAED,SAAS,yBAAyB,CACjC,EAAsC,EACtC,OAAiB;IAEjB,MAAM,QAAQ,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACvC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,OAAO;YAAE,OAAO;QAEpB,MAAM,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC;QACvC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACf,OAAO;QACR,CAAC;QAED,MAAM,MAAM,GAAG,GAAG,EAAE;YACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACpB,CAAC,CAAC;QACF,IAAI,WAA+B,CAAC;QACpC,MAAM,eAAe,GAAG,GAAG,EAAE;YAC5B,IAAI,WAAW,EAAE,CAAC;gBACjB,YAAY,CAAC,WAAW,CAAC,CAAC;YAC3B,CAAC;YACD,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC7C,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QAET,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7D,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC5C,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAExE,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC/C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC7C,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QACzD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AACzB,CAAC"}
1	+ {"version":3,"file":"useVisualViewportOffset.js","sourceRoot":"","sources":["../../../src/hooks/useVisualViewportOffset.ts"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "1.6.3",
+  "version": "1.6.5",
   "type": "module",
   "files": [
     "/dist",

package/src/components/layouts/layouts.stories.tsx CHANGED Viewed

@@ -64,6 +64,15 @@ export const Default: Story = {
 						<NavBarItemText>Item 2</NavBarItemText>
 						<NavBarItemPip />
 					</NavBarItem>
+					<NavBarItem color="neutral" active={true}>
+						<NavBarItemIconWrapper>
+							<NavBarItemIcon asChild>
+								<Icon name="book" />
+							</NavBarItemIcon>
+						</NavBarItemIconWrapper>
+						<NavBarItemText>Neutral</NavBarItemText>
+						<NavBarItemPip />
+					</NavBarItem>
 				</NavBarRoot>
 			</PageNav>
 		</PageRoot>

package/src/components/navBar/NavBar.tsx CHANGED Viewed

@@ -7,10 +7,11 @@ import { Icon, IconProps } from '../icon/index.js';
 export const navBarItemClass = classNames(
 	'layer-components:(flex flex-col items-center justify-center whitespace-nowrap py-1 px-3 bg-transparent rounded-md border-none cursor-pointer text-sm transition-colors h-full gap-6px relative text-gray-7 select-none)',
 	'layer-components:sm:(flex-row-reverse h-auto justify-start gap-2 overflow-visible)',
+	'layer-components:active:bg-primary-wash layer-components:sm:active:bg-gray-dark-blend',
 	'layer-components:hover:bg-primary-wash',
 	'layer-components:focus-visible:(outline-none bg-primary-wash)',
-	'layer-components:active:bg-primary-wash layer-components:sm:active:bg-gray-dark-blend',
 	'layer-components:[&[data-active=true]]:(bg-primary-wash text-black)',
+	'layer-components:([--bg:var(--color-primary-wash)] [--fill:var(--color-primary)])',
 );
 export interface NavBarItemProps {
@@ -18,6 +19,7 @@ export interface NavBarItemProps {
 	className?: string;
 	children?: ReactNode;
 	active?: boolean;
+	color?: 'primary' | 'neutral';
 }
 export const NavBarItem = function NavBarItem({
@@ -25,6 +27,7 @@ export const NavBarItem = function NavBarItem({
 	asChild,
 	className,
 	active,
+	color,
 	...rest
 }: NavBarItemProps & {
 	ref?: React.Ref<HTMLDivElement>;
@@ -34,7 +37,17 @@ export const NavBarItem = function NavBarItem({
 	return (
 		<Comp
 			ref={ref}
-			className={classNames(navBarItemClass, className)}
+			className={classNames(
+				navBarItemClass,
+				color === 'neutral' && [
+					'layer-variants:active:bg-gray-dark-blend layer-variants:sm:active:bg-gray-dark-blend',
+					'layer-variants:hover:bg-gray-dark-blend',
+					'layer-variants:focus-visible:(bg-gray-dark-blend)',
+					'layer-variants:[&[data-active=true]]:(bg-gray-dark-blend text-black)',
+					'layer-variants:([--bg:var(--color-gray-blend)] [--fill:var(--color-gray-5)])',
+				],
+				className,
+			)}
 			data-active={active}
 			{...rest}
 		/>
@@ -44,7 +57,7 @@ export const NavBarItem = function NavBarItem({
 export const NavBarItemIconWrapper = withClassName(
 	'div',
 	'layer-components:(relative flex) layer-components:sm:(p-6px rounded-lg bg-gray-blend)',
-	'layer-variants:sm:[*[data-active=true]_&]:bg-primary-light',
+	'layer-variants:sm:[*[data-active=true]_&]:bg-[var(--bg)]',
 );
 export const NavBarItemText = withClassName(
@@ -73,7 +86,7 @@ export const NavBarItemIcon = function NavBarItemIcon({
 			name={name}
 			className={clsx(
 				'layer-components:(relative z-1 flex fill-none text-inherit)',
-				'layer-variants:[*[data-active=true]_&]:fill-primary-light',
+				'layer-variants:[*[data-active=true]_&]:fill-[var(--fill)]',
 				className,
 			)}
 			{...rest}

package/src/hooks/useVisualViewportOffset.ts CHANGED Viewed

@@ -39,7 +39,10 @@ export function useIsKeyboardOpen() {
 	const [isViewportConstrained, setIsViewportConstrained] = useState(false);
 	useReactToViewportChanges((viewport) => {
-		setIsViewportConstrained(viewport.height < window.innerHeight);
+		// heuristic - 100px difference between visual viewport and window height
+		setIsViewportConstrained(
+			Math.abs(viewport.height - window.innerHeight) > 100,
+		);
 	}, virtualKeyboardBehavior !== 'displace');
 	const [isKeyboardOpen, setIsKeyboardOpen] = useState(false);