@a-type/ui 1.6.1 → 1.6.3

package/dist/cjs/components/imageUploader/ImageUploader.d.ts

@@ -1,13 +1,35 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../button/index.js';
 export interface ImageUploaderProps {
     value: string | null;
     onChange: (value: File | null) => void;
     className?: string;
     maxDimension?: number;
-    facingMode?: 'user' | 'environment';
+    children?: ReactNode;
 }
 /**
  * Renders an image if one is already set, and allows either clicking
  * on the image to select a new one, or dragging a new image onto the
  * component to replace the existing one.
  */
-export declare function ImageUploader({ value, onChange: handleChange, maxDimension, facingMode, ...rest }: ImageUploaderProps): import("react/jsx-runtime.js").JSX.Element;
+export declare function ImageUploaderRoot({ value, onChange: handleChange, maxDimension, children, ...rest }: ImageUploaderProps): import("react/jsx-runtime.js").JSX.Element;
+declare function ImageUploaderPrebuilt(props: Omit<ImageUploaderProps, 'children'> & {
+    facingMode?: 'user' | 'environment';
+}): import("react/jsx-runtime.js").JSX.Element;
+export declare function ImageUploaderFileButton({ children, ...props }: ButtonProps): import("react/jsx-runtime.js").JSX.Element;
+export declare function ImageUploaderRemoveButton({ className, ...rest }: ButtonProps): import("react/jsx-runtime.js").JSX.Element | null;
+export declare function ImageUploaderDisplay({ className, ...rest }: {
+    className?: string;
+}): import("react/jsx-runtime.js").JSX.Element | null;
+export declare function ImageUploaderEmptyControls({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime.js").JSX.Element | null;
+export declare const ImageUploader: typeof ImageUploaderPrebuilt & {
+    Root: typeof ImageUploaderRoot;
+    FileButton: typeof ImageUploaderFileButton;
+    RemoveButton: typeof ImageUploaderRemoveButton;
+    Display: typeof ImageUploaderDisplay;
+    EmptyControls: typeof ImageUploaderEmptyControls;
+};
+export {};

package/dist/cjs/components/imageUploader/ImageUploader.js

@@ -44,13 +44,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageUploader = ImageUploader;
+exports.ImageUploader = void 0;
+exports.ImageUploaderRoot = ImageUploaderRoot;
+exports.ImageUploaderFileButton = ImageUploaderFileButton;
+exports.ImageUploaderRemoveButton = ImageUploaderRemoveButton;
+exports.ImageUploaderDisplay = ImageUploaderDisplay;
+exports.ImageUploaderEmptyControls = ImageUploaderEmptyControls;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
+const clsx_1 = __importStar(require("clsx"));
 const react_1 = require("react");
 const index_js_1 = require("../button/index.js");
 const index_js_2 = require("../camera/index.js");
@@ -60,8 +62,8 @@ const index_js_3 = require("../icon/index.js");
  * on the image to select a new one, or dragging a new image onto the
  * component to replace the existing one.
  */
-function ImageUploader(_a) {
-    var { value, onChange: handleChange, maxDimension, facingMode } = _a, rest = __rest(_a, ["value", "onChange", "maxDimension", "facingMode"]);
+function ImageUploaderRoot(_a) {
+    var { value, onChange: handleChange, maxDimension, children } = _a, rest = __rest(_a, ["value", "onChange", "maxDimension", "children"]);
     const inputId = (0, react_1.useId)();
     const [dragging, setDragging] = (0, react_1.useState)(false);
     const [draggingOver, setDraggingOver] = (0, react_1.useState)(false);
@@ -132,13 +134,55 @@ function ImageUploader(_a) {
     const onFileClick = (0, react_1.useCallback)((e) => {
         e.stopPropagation();
     }, []);
+    return ((0, jsx_runtime_1.jsx)(ImageUploaderContext.Provider, { value: { inputId, dragging, draggingOver, value, onChange }, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('relative overflow-hidden rounded-lg', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd, children: [!value && ((0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "absolute inset--99999 op-0", id: inputId })), children] }) }));
+}
+const ImageUploaderContext = (0, react_1.createContext)(null);
+function useUploaderContext() {
+    const context = (0, react_1.useContext)(ImageUploaderContext);
+    if (!context) {
+        throw new Error('ImageUploaderContext not found');
+    }
+    return context;
+}
+function ImageUploaderPrebuilt(props) {
     const [cameraOpen, setCameraOpen] = (0, react_1.useState)(false);
     const openCamera = () => setCameraOpen(true);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('relative overflow-hidden rounded-lg', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd, children: [value ? ((0, jsx_runtime_1.jsx)("img", { src: value, className: "w-full h-full object-cover object-center" })) : null, !value && ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('absolute inset-0 flex flex-col items-center justify-center gap-3 bg-[rgba(0,0,0,0.05)]', {
-                    '!bg-[rgba(0,0,0,0.1)]': draggingOver,
-                }), children: [(0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "absolute inset--99999 op-0", id: inputId }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", asChild: true, children: (0, jsx_runtime_1.jsxs)("label", { htmlFor: inputId, children: [(0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "upload" }), (0, jsx_runtime_1.jsx)("span", { children: dragging ? 'Drop' : 'Upload' })] }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "ghost", onClick: openCamera, children: [(0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "camera" }), (0, jsx_runtime_1.jsx)("span", { children: "Camera" })] })] })), !value && cameraOpen && ((0, jsx_runtime_1.jsxs)(index_js_2.CameraRoot, { className: "absolute w-full h-full z-1", format: "image/png", onCapture: (file) => {
-                    onChange(file);
+    return ((0, jsx_runtime_1.jsxs)(ImageUploaderRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(ImageUploaderDisplay, {}), (0, jsx_runtime_1.jsxs)(ImageUploaderEmptyControls, { children: [(0, jsx_runtime_1.jsx)(ImageUploaderFileButton, {}), (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "ghost", onClick: openCamera, children: [(0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "camera" }), (0, jsx_runtime_1.jsx)("span", { children: "Camera" })] })] }), !props.value && cameraOpen && ((0, jsx_runtime_1.jsxs)(index_js_2.CameraRoot, { className: "absolute w-full h-full z-1", format: "image/png", onCapture: (file) => {
+                    props.onChange(file);
                     setCameraOpen(false);
-                }, facingMode: facingMode, children: [(0, jsx_runtime_1.jsx)(index_js_2.CameraShutterButton, {}), (0, jsx_runtime_1.jsx)(index_js_2.CameraDeviceSelector, {}), (0, jsx_runtime_1.jsx)(index_js_2.CameraFullscreenButton, {}), (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => setCameraOpen(false), color: "ghost", size: "small", className: "text-white absolute top-2 left-2", children: "Cancel" })] })), value && ((0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "icon", className: "absolute top-2 right-2 w-32px h-32px border-none p-2 cursor-pointer bg-white color-black rounded-lg transition-colors shadow-sm", onClick: () => onChange(null), children: (0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "x" }) }))] }));
+                }, facingMode: props.facingMode, children: [(0, jsx_runtime_1.jsx)(index_js_2.CameraShutterButton, {}), (0, jsx_runtime_1.jsx)(index_js_2.CameraDeviceSelector, {}), (0, jsx_runtime_1.jsx)(index_js_2.CameraFullscreenButton, {}), (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => setCameraOpen(false), color: "ghost", size: "small", className: "text-white absolute top-2 left-2", children: "Cancel" })] })), (0, jsx_runtime_1.jsx)(ImageUploaderRemoveButton, {})] })));
+}
+function ImageUploaderFileButton(_a) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const { inputId, dragging } = useUploaderContext();
+    return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ color: "ghost", asChild: true }, props, { children: (0, jsx_runtime_1.jsx)("label", { htmlFor: inputId, children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "upload" }), (0, jsx_runtime_1.jsx)("span", { children: dragging ? 'Drop' : 'Upload' })] })) }) })));
 }
+function ImageUploaderRemoveButton(_a) {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    const { value, onChange } = useUploaderContext();
+    if (!value)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(index_js_1.Button, Object.assign({ color: "ghost", size: "icon", className: (0, clsx_1.clsx)('layer-variants:absolute layer-variants:top-2 layer-variants:right-2 layer-variants:w-32px layer-variants:h-32px layer-variants:border-none layer-variants:p-2 layer-variants:cursor-pointer layer-variants:bg-white layer-variants:color-black layer-variants:rounded-lg layer-variants:transition-colors layer-variants:shadow-sm layer-variants:z-10', className), onClick: () => onChange(null) }, rest, { children: (0, jsx_runtime_1.jsx)(index_js_3.Icon, { name: "x" }) })));
+}
+function ImageUploaderDisplay(_a) {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    const { value } = useUploaderContext();
+    return value ? ((0, jsx_runtime_1.jsx)("img", Object.assign({ src: value, className: (0, clsx_1.clsx)('layer-components:w-full layer-components:h-full layer-components:object-cover layer-components:object-center', className) }, rest))) : null;
+}
+function ImageUploaderEmptyControls({ children, className, }) {
+    const { value, draggingOver } = useUploaderContext();
+    if (value)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:absolute layer-components:inset-0 layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:gap-3', {
+            'layer-components:bg-[rgba(0,0,0,0.05)]': !draggingOver,
+            'layer-components:bg-[rgba(0,0,0,0.1)]': draggingOver,
+        }, className), children: children }));
+}
+exports.ImageUploader = Object.assign(ImageUploaderPrebuilt, {
+    Root: ImageUploaderRoot,
+    FileButton: ImageUploaderFileButton,
+    RemoveButton: ImageUploaderRemoveButton,
+    Display: ImageUploaderDisplay,
+    EmptyControls: ImageUploaderEmptyControls,
+});
 //# sourceMappingURL=ImageUploader.js.map

package/dist/cjs/components/imageUploader/ImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,sCAoLC;;AA5MD,gDAA8B;AAC9B,iCAAqD;AACrD,iDAA4C;AAC5C,iDAK4B;AAC5B,+CAAwC;AAUxC;;;;GAIG;AACH,SAAgB,aAAa,CAAC,EAMT;QANS,EAC7B,KAAK,EACL,QAAQ,EAAE,YAAY,EACtB,YAAY,EACZ,UAAU,OAEU,EADjB,IAAI,cALsB,mDAM7B,CADO;IAEP,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAkC,EAAE,EAAE;QACrE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC3B,KAAK,EAAE,IAAiB,EAAE,EAAE;QAC3B,IAAI,CAAC,IAAI,EAAE,CAAC;YACX,YAAY,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,YAAY,EAAE,CAAC;YACzB,IAAI,OAAO,GAAG,wDAAa,uBAAuB,GAAC,CAAC;YACpD,aAAa;YACb,OAAO,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC;YACnE,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,oBAAoB,EAAE,CAAC;gBAC/C,qEAAqE;gBACrE,kBAAkB;gBAClB,OAAO,CAAC,IAAI,CACX,+DAA+D,CAC/D,CAAC;gBACF,YAAY,CAAC,IAAI,CAAC,CAAC;gBACnB,OAAO;YACR,CAAC;YAED,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,oBAAoB,CAAC,IAAI,EAAE;gBAC7D,QAAQ,EAAE,YAAY;gBACtB,SAAS,EAAE,YAAY;gBACvB,QAAQ,EAAE,IAAI,CAAC,IAAI;aACnB,CAAC,CAAC;YACH,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACxE,CAAC;aAAM,CAAC;YACP,YAAY,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC5B,CAAC;IAEF,MAAM,MAAM,GAAG,IAAA,mBAAW,EACzB,CAAC,CAAkC,EAAE,EAAE;QACtC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACnC,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,WAAW,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAkC,EAAE,EAAE;QACpE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,WAAW,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC/B,CAAC,CAAsC,EAAE,EAAE;QAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAqC,EAAE,EAAE;QACzE,CAAC,CAAC,eAAe,EAAE,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACN,iCACC,SAAS,EAAE,IAAA,cAAU,EACpB,qCAAqC,EACrC,IAAI,CAAC,SAAS,CACd,EACD,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,aAEnB,KAAK,CAAC,CAAC,CAAC,CACR,gCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,0CAA0C,GAAG,CACxE,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,KAAK,IAAI,CACV,iCACC,SAAS,EAAE,IAAA,cAAU,EACpB,wFAAwF,EACxF;oBACC,uBAAuB,EAAE,YAAY;iBACrC,CACD,aAED,kCACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,4BAA4B,EACtC,EAAE,EAAE,OAAO,GACV,EACF,uBAAC,iBAAM,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,kBAC5B,mCAAO,OAAO,EAAE,OAAO,aACtB,uBAAC,eAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,2CAAO,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,GAAQ,IACpC,GACA,EACT,wBAAC,iBAAM,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,aACxC,uBAAC,eAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,sDAAmB,IACX,IACJ,CACN,EACA,CAAC,KAAK,IAAI,UAAU,IAAI,CACxB,wBAAC,qBAAU,IACV,SAAS,EAAC,4BAA4B,EACtC,MAAM,EAAC,WAAW,EAClB,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;oBACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACf,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC,EACD,UAAU,EAAE,UAAU,aAEtB,uBAAC,8BAAmB,KAAG,EACvB,uBAAC,+BAAoB,KAAG,EACxB,uBAAC,iCAAsB,KAAG,EAC1B,uBAAC,iBAAM,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACnC,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kCAAkC,uBAGpC,IACG,CACb,EACA,KAAK,IAAI,CACT,uBAAC,iBAAM,IACN,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,iIAAiI,EAC3I,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,YAE7B,uBAAC,eAAI,IAAC,IAAI,EAAC,GAAG,GAAG,GACT,CACT,IACI,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/imageUploader/ImageUploader.stories.d.ts

@@ -2,7 +2,15 @@ import type { StoryObj } from '@storybook/react';
 import { ImageUploader } from './ImageUploader.js';
 declare const meta: {
     title: string;
-    component: typeof ImageUploader;
+    component: ((props: Omit<import("./ImageUploader.js").ImageUploaderProps, "children"> & {
+        facingMode?: "user" | "environment";
+    }) => import("react/jsx-runtime.js").JSX.Element) & {
+        Root: typeof import("./ImageUploader.js").ImageUploaderRoot;
+        FileButton: typeof import("./ImageUploader.js").ImageUploaderFileButton;
+        RemoveButton: typeof import("./ImageUploader.js").ImageUploaderRemoveButton;
+        Display: typeof import("./ImageUploader.js").ImageUploaderDisplay;
+        EmptyControls: typeof import("./ImageUploader.js").ImageUploaderEmptyControls;
+    };
     argTypes: {
         onChange: {
             action: string;

package/dist/cjs/components/richEditor/index.js

@@ -6,6 +6,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tipTapReadonlyClassName = exports.tipTapClassName = void 0;
 const clsx_1 = __importDefault(require("clsx"));
-exports.tipTapClassName = (0, clsx_1.default)('layer-components:w-full layer-components:rounded-lg', 'layer-components:[&_.ProseMirror:focus]:outline-none layer-components:[&_.ProseMirror:focus]:shadow-focus', 'layer-components:[&_.ProseMirror_h1,h2,h3,p]:mt-0', 'layer-components:[&_.ProseMirror_h1]:text-xl layer-components:[&_.ProseMirror_h1]:font-medium', 'layer-components:[&_.ProseMirror_h2]:text-lg layer-components:[&_.ProseMirror_h2]:font-medium layer-components:[&_.ProseMirror_h2]:mt-4 layer-components:[&_.ProseMirror_h2]:mb-2', 'layer-components:[&_.ProseMirror_h3]:text-md layer-components:[&_.ProseMirror_h3]:font-extrabold', 'layer-components:[&_.ProseMirror_a]:underline', 'layer-components:[&_.ProseMirror]:bg-white layer-components:[&_.ProseMirror]:rounded-[20px] layer-components:[&_.ProseMirror]:px-4 layer-components:[&_.ProseMirror]:py-2 layer-components:[&_.ProseMirror]:shadow-sm-inset layer-components:[&_.ProseMirror]:border-gray-5 layer-components:[&_.ProseMirror]:border-solid layer-components:[&_.ProseMirror]:border-1');
+exports.tipTapClassName = (0, clsx_1.default)('layer-components:w-full layer-components:rounded-lg', 'layer-components:[&_.ProseMirror:focus]:outline-none layer-components:[&_.ProseMirror:focus]:shadow-focus', 'layer-components:[&_.ProseMirror_h1,h2,h3,p]:mt-0', 'layer-components:[&_.ProseMirror_h1]:text-xl layer-components:[&_.ProseMirror_h1]:font-medium layer-components:[&_.ProseMirror_h1]:mb-lg', 'layer-components:[&_.ProseMirror_h2]:text-lg layer-components:[&_.ProseMirror_h2]:font-medium layer-components:[&_.ProseMirror_h2]:mb-md', 'layer-components:[&_.ProseMirror_h3]:text-md layer-components:[&_.ProseMirror_h3]:font-extrabold layer-components:[&_.ProseMirror_h3]:mb-sm', 'layer-components:[&_.ProseMirror_h4]:text-sm layer-components:[&_.ProseMirror_h4]:font-bold layer-components:[&_.ProseMirror_h4]:mb-sm', 'layer-components:[&_.ProseMirror_p]:mb-sm', 'layer-components:[&_.ProseMirror_a]:underline', 'layer-components:[&_.ProseMirror]:bg-white layer-components:[&_.ProseMirror]:rounded-[20px] layer-components:[&_.ProseMirror]:px-4 layer-components:[&_.ProseMirror]:py-2 layer-components:[&_.ProseMirror]:shadow-sm-inset layer-components:[&_.ProseMirror]:border-gray-5 layer-components:[&_.ProseMirror]:border-solid layer-components:[&_.ProseMirror]:border-1');
 exports.tipTapReadonlyClassName = (0, clsx_1.default)('[&_.ProseMirror]:bg-transparent [&_.ProseMirror]:border-none [&_.ProseMirror]:shadow-none', '[&_.ProseMirror:focus]:outline-none [&_.ProseMirror:focus]:shadow-none [&_.ProseMirror:focus]:bg-transparent');
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/richEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/richEditor/index.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAEX,QAAA,eAAe,GAAG,IAAA,cAAI,EAClC,sCAAsC,EACtC,qEAAqE,EACrE,mDAAmD,EACnD,4DAA4D,EAC5D,sEAAsE,EACtE,+DAA+D,EAC/D,+CAA+C,EAC/C,2HAA2H,CAC3H,CAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,cAAI,EAC1C,2DAA2D,EAC3D,kEAAkE,CAClE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/richEditor/index.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAEX,QAAA,eAAe,GAAG,IAAA,cAAI,EAClC,sCAAsC,EACtC,qEAAqE,EACrE,mDAAmD,EACnD,kEAAkE,EAClE,kEAAkE,EAClE,qEAAqE,EACrE,gEAAgE,EAChE,6CAA6C,EAC7C,+CAA+C,EAC/C,2HAA2H,CAC3H,CAAC;AAEW,QAAA,uBAAuB,GAAG,IAAA,cAAI,EAC1C,2DAA2D,EAC3D,kEAAkE,CAClE,CAAC"}

package/dist/css/main.css

@@ -421,7 +421,7 @@
 						overscroll-behavior: none;
 					}
 				}
-			.outline-off{outline:none;}.unset{all:unset;}.focus-visible\:outline-off:focus-visible{outline:none;}.container{width:100%;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.bottom-keyboard{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.center{left:50%;top:50%;}.--z-dialog{z-index:calc(calc(var(--z-dialog) * -1) * -1);}.--z-menu{z-index:calc(calc(var(--z-menu) * -1) * -1);}.--z-nav{z-index:calc(calc(var(--z-nav) * -1) * -1);}.--z-overdraw{z-index:calc(calc(var(--z-overdraw) * -1) * -1);}.--z-tooltip{z-index:calc(calc(var(--z-tooltip) * -1) * -1);}.z-dialog{z-index:var(--z-dialog);}.z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.z-menu{z-index:var(--z-menu);}.z-nav{z-index:var(--z-nav);}.z-now-playing{z-index:var(--z-nowPlaying);}.z-overdraw{z-index:var(--z-overdraw);}.z-tooltip{z-index:var(--z-tooltip);}.hidden-input::webkit-file-upload-button{display:none;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0.00rem;}.border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.bg-wash{background-color:var(--color-wash) /* var(--color-wash) */;}@layer components{.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-now-playing{z-index:var(--z-nowPlaying);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.col{display:flex;flex-direction:column;align-items:center;gap:0.50rem;}.row{display:flex;flex-direction:row;align-items:center;gap:0.50rem;}.layer-components\:border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.layer-components\:border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.layer-components\:bg-wash{background-color:var(--color-wash) /* var(--color-wash) */;}}@layer responsive{@media (min-width: 640px){.sm\:layer-responsive\:bg-wash{background-color:var(--color-wash) /* var(--color-wash) */;}}}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\!\[background-attachment\:local\,local\,scroll\,scroll\]{background-attachment:local,local,scroll,scroll !important;}.\!\[background-repeat\:no-repeat\]{background-repeat:no-repeat !important;}.\!\[background-size\:100\%_40px\,100\%_40px\,100\%_14px\,100\%_14px\]{background-size:100% 40px,100% 40px,100% 14px,100% 14px !important;}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[background\:linear-gradient\(var\(--scroll-bg\)_30\%\,rgba\(255\,255\,255\,0\)\)_center_top\,linear-gradient\(rgba\(255\,255\,255\,0\)\,var\(--scroll-bg\)_70\%\)_center_bottom\,radial-gradient\(farthest-side_at_50\%_0\,var\(--scroll-shadow\)\,rgba\(0\,0\,0\,0\)\)_center_top\,radial-gradient\(farthest-side_at_50\%_100\%\,var\(--scroll-shadow\)\,rgba\(0\,0\,0\,0\)\)_center_bottom\]{background:linear-gradient(var(--scroll-bg) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--scroll-bg) 70%) center bottom,radial-gradient(farthest-side at 50% 0,var(--scroll-shadow),rgba(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,var(--scroll-shadow),rgba(0,0,0,0)) center bottom;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.\[\&\[data-state\=active\]\]\:relative[data-state=active],.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.before\:absolute::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset--99999{inset:-24999.75rem;}.inset-0{inset:0.00rem;}.after\:inset-0::after{inset:0.00rem;}.bottom--6{bottom:-1.5rem;}.bottom-\[var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\]{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.bottom-0{bottom:0.00rem;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.50rem;}.bottom-3{bottom:0.75rem;}.left-0{left:0.00rem;}.left-1\/2,.left-50\%{left:50%;}.left-2{left:0.50rem;}.left-9px{left:9px;}.right-0{right:0.00rem;}.right-1{right:0.25rem;}.right-2{right:0.50rem;}.top--4px{top:-4px;}.top-0{top:0.00rem;}.top-1px{top:1px;}.top-2{top:0.50rem;}.top-50\%{top:50%;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[2px\][data-today]::before{left:2px;}.\[\&\[data-today\]\]\:before\:top-\[2px\][data-today]::before{top:2px;}.before\:left-1\/2::before{left:50%;}.before\:top-1\/2::before{top:50%;}.after\:bottom-0::after{bottom:0.00rem;}.after\:right-0::after{right:0.00rem;}.after\:top-0::after{top:0.00rem;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.\[\&\[data-state\=active\]\]\:z-1[data-state=active],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog);}.z-\[var\(--z-dialogBackdrop\)\]{z-index:var(--z-dialogBackdrop);}.z-\[var\(--z-menu\)\]{z-index:var(--z-menu);}.z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.z-\[var\(--z-overdraw\)\]{z-index:var(--z-overdraw);}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip);}.z-1000{z-index:1000;}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.m-1{margin:0.25rem;}.m-2{margin:0.50rem;}.m-5px{margin:5px;}.m\[k\]{margin:k;}.my-4{margin-top:1.00rem;margin-bottom:1.00rem;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.mb-4{margin-bottom:1.00rem;}.mb-6{margin-bottom:1.50rem;}.me{margin-inline-end:1rem;}.ml--1{margin-left:-0.25rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mr-1{margin-right:0.25rem;}.mt-0{margin-top:0.00rem;}.mt-3{margin-top:0.75rem;}.mt-auto{margin-top:auto;}.box-content{box-sizing:content-box;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button,.hidden{display:none;}.\[\&\[data-state\=delayed-open\]\]\:display-initial[data-state=delayed-open],.\[\&\[data-state\=instant-open\]\]\:display-initial[data-state=instant-open]{display:initial;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[12px\]{height:12px;}.h-\[20px\]{height:20px;}.h-\[4px\]{height:4px;}.h-\[var\(--mock-virtual-keyboard-height\,0\)\]{height:var(--mock-virtual-keyboard-height,0);}.h-0{height:0;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-21px{height:21px;}.h-25px{height:25px;}.h-26px{height:26px;}.h-32px{height:32px;}.h-36px{height:36px;}.h-4,.h4{height:1rem;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.max-h-200px{max-height:200px;}.max-w-300px{max-width:300px;}.max-w-600px{max-width:600px;}.max-w-full{max-width:100%;}.min-h-20vh{min-height:20vh;}.min-w-0{min-width:0;}.min-w-220px{min-width:220px;}.w-\[12px\]{width:12px;}.w-\[20px\]{width:20px;}.w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.w-0{width:0;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-1px{width:1px;}.w-20\%{width:20%;}.w-21px{width:21px;}.w-25px{width:25px;}.w-32px{width:32px;}.w-4{width:1rem;}.w-400px{width:400px;}.w-42px{width:42px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.w-max-content{width:max-content;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.before\:min-h-44px::before{min-height:44px;}.before\:min-w-44px::before{min-width:44px;}.before\:w-full::before{width:100%;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.flex{display:flex;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-\[0_0_20px\]{flex:0 0 20px;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.flex-basis-0{flex-basis:0.00rem;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.transform-origin-br{transform-origin:bottom right;}.transform-origin-cc{transform-origin:center center;}.translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;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));}.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));}.-translate-x-1\/2{--un-translate-x:-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));}.\[\&\[data-state\=checked\]\]\:translate-x-19px[data-state=checked]{--un-translate-x:19px;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));}.translate-y-\[-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));}.translate-y-6{--un-translate-y:1.50rem;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));}.before\:-translate-x-1\/2::before{--un-translate-x:-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));}.before\:-translate-y-1\/2::before{--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));}.rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;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));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;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));}.transform{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));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), 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));}@keyframes peek-close{
+			.outline-off{outline:none;}.unset{all:unset;}.focus-visible\:outline-off:focus-visible{outline:none;}.container{width:100%;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.bottom-keyboard{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.center{left:50%;top:50%;}.--z-dialog{z-index:calc(calc(var(--z-dialog) * -1) * -1);}.--z-menu{z-index:calc(calc(var(--z-menu) * -1) * -1);}.--z-nav{z-index:calc(calc(var(--z-nav) * -1) * -1);}.--z-overdraw{z-index:calc(calc(var(--z-overdraw) * -1) * -1);}.--z-tooltip{z-index:calc(calc(var(--z-tooltip) * -1) * -1);}.z-dialog{z-index:var(--z-dialog);}.z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.z-menu{z-index:var(--z-menu);}.z-nav{z-index:var(--z-nav);}.z-now-playing{z-index:var(--z-nowPlaying);}.z-overdraw{z-index:var(--z-overdraw);}.z-tooltip{z-index:var(--z-tooltip);}.hidden-input::webkit-file-upload-button{display:none;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0.00rem;}.border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.bg-wash{background-color:var(--color-wash) /* var(--color-wash) */;}@layer components{.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-now-playing{z-index:var(--z-nowPlaying);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.col{display:flex;flex-direction:column;align-items:center;gap:0.50rem;}.row{display:flex;flex-direction:row;align-items:center;gap:0.50rem;}.layer-components\:border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.layer-components\:border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.layer-components\:bg-wash{background-color:var(--color-wash) /* var(--color-wash) */;}}@layer responsive{@media (min-width: 640px){.sm\:layer-responsive\:bg-wash{background-color:var(--color-wash) /* var(--color-wash) */;}}}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\!\[background-attachment\:local\,local\,scroll\,scroll\]{background-attachment:local,local,scroll,scroll !important;}.\!\[background-repeat\:no-repeat\]{background-repeat:no-repeat !important;}.\!\[background-size\:100\%_40px\,100\%_40px\,100\%_14px\,100\%_14px\]{background-size:100% 40px,100% 40px,100% 14px,100% 14px !important;}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[background\:linear-gradient\(var\(--scroll-bg\)_30\%\,rgba\(255\,255\,255\,0\)\)_center_top\,linear-gradient\(rgba\(255\,255\,255\,0\)\,var\(--scroll-bg\)_70\%\)_center_bottom\,radial-gradient\(farthest-side_at_50\%_0\,var\(--scroll-shadow\)\,rgba\(0\,0\,0\,0\)\)_center_top\,radial-gradient\(farthest-side_at_50\%_100\%\,var\(--scroll-shadow\)\,rgba\(0\,0\,0\,0\)\)_center_bottom\]{background:linear-gradient(var(--scroll-bg) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--scroll-bg) 70%) center bottom,radial-gradient(farthest-side at 50% 0,var(--scroll-shadow),rgba(0,0,0,0)) center top,radial-gradient(farthest-side at 50% 100%,var(--scroll-shadow),rgba(0,0,0,0)) center bottom;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.\[\&\[data-state\=active\]\]\:relative[data-state=active],.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.before\:absolute::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset--99999{inset:-24999.75rem;}.inset-0{inset:0.00rem;}.after\:inset-0::after{inset:0.00rem;}.bottom--6{bottom:-1.5rem;}.bottom-\[var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\]{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.bottom-0{bottom:0.00rem;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.50rem;}.bottom-3{bottom:0.75rem;}.left-0{left:0.00rem;}.left-1\/2,.left-50\%{left:50%;}.left-2{left:0.50rem;}.left-9px{left:9px;}.right-0{right:0.00rem;}.right-1{right:0.25rem;}.right-2{right:0.50rem;}.top--4px{top:-4px;}.top-0{top:0.00rem;}.top-1px{top:1px;}.top-2{top:0.50rem;}.top-50\%{top:50%;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[2px\][data-today]::before{left:2px;}.\[\&\[data-today\]\]\:before\:top-\[2px\][data-today]::before{top:2px;}.before\:left-1\/2::before{left:50%;}.before\:top-1\/2::before{top:50%;}.after\:bottom-0::after{bottom:0.00rem;}.after\:right-0::after{right:0.00rem;}.after\:top-0::after{top:0.00rem;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.\[\&\[data-state\=active\]\]\:z-1[data-state=active],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog);}.z-\[var\(--z-dialogBackdrop\)\]{z-index:var(--z-dialogBackdrop);}.z-\[var\(--z-menu\)\]{z-index:var(--z-menu);}.z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.z-\[var\(--z-overdraw\)\]{z-index:var(--z-overdraw);}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip);}.z-1000{z-index:1000;}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.m-1{margin:0.25rem;}.m-2{margin:0.50rem;}.m-5px{margin:5px;}.m\[k\]{margin:k;}.my-4{margin-top:1.00rem;margin-bottom:1.00rem;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.mb-4{margin-bottom:1.00rem;}.mb-6{margin-bottom:1.50rem;}.me{margin-inline-end:1rem;}.ml--1{margin-left:-0.25rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mr-1{margin-right:0.25rem;}.mt-0{margin-top:0.00rem;}.mt-3{margin-top:0.75rem;}.mt-auto{margin-top:auto;}.box-content{box-sizing:content-box;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button,.hidden{display:none;}.\[\&\[data-state\=delayed-open\]\]\:display-initial[data-state=delayed-open],.\[\&\[data-state\=instant-open\]\]\:display-initial[data-state=instant-open]{display:initial;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[12px\]{height:12px;}.h-\[20px\]{height:20px;}.h-\[4px\]{height:4px;}.h-\[var\(--mock-virtual-keyboard-height\,0\)\]{height:var(--mock-virtual-keyboard-height,0);}.h-0{height:0;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-21px{height:21px;}.h-25px{height:25px;}.h-26px{height:26px;}.h-36px{height:36px;}.h-4,.h4{height:1rem;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.max-h-200px{max-height:200px;}.max-w-300px{max-width:300px;}.max-w-600px{max-width:600px;}.max-w-full{max-width:100%;}.min-h-20vh{min-height:20vh;}.min-w-0{min-width:0;}.min-w-220px{min-width:220px;}.w-\[12px\]{width:12px;}.w-\[20px\]{width:20px;}.w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.w-0{width:0;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-1px{width:1px;}.w-20\%{width:20%;}.w-21px{width:21px;}.w-25px{width:25px;}.w-4{width:1rem;}.w-400px{width:400px;}.w-42px{width:42px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.w-max-content{width:max-content;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.before\:min-h-44px::before{min-height:44px;}.before\:min-w-44px::before{min-width:44px;}.before\:w-full::before{width:100%;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.flex{display:flex;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-\[0_0_20px\]{flex:0 0 20px;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.flex-basis-0{flex-basis:0.00rem;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.transform-origin-br{transform-origin:bottom right;}.transform-origin-cc{transform-origin:center center;}.translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;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));}.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));}.-translate-x-1\/2{--un-translate-x:-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));}.\[\&\[data-state\=checked\]\]\:translate-x-19px[data-state=checked]{--un-translate-x:19px;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));}.translate-y-\[-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));}.translate-y-6{--un-translate-y:1.50rem;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));}.before\:-translate-x-1\/2::before{--un-translate-x:-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));}.before\:-translate-y-1\/2::before{--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));}.rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;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));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;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));}.transform{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));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), 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));}@keyframes peek-close{
 						from { height: calc(var(--collapsible-height) + 80px); max-height: none; }
 						to { height: min(var(--peek-height, 120px), var(--collapsible-height)); max-height: var(--peek-height, 120px); }
 					}@keyframes peek-open{
@@ -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;}.\!bg-\[rgba\(0\,0\,0\,0\.1\)\]{--un-bg-opacity:0.1 !important;background-color:rgba(0, 0, 0, var(--un-bg-opacity)) /* rgba(0,0,0,0.1) */ !important;}.\[\&_\.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-\[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) */;}.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;}.object-center{object-position:center;}.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-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;}.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_h2\]\:mb-2 .ProseMirror h2{margin-bottom:0.50rem;}.layer-components\:\[\&_\.ProseMirror_h2\]\:mt-4 .ProseMirror h2{margin-top:1.00rem;}.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-\[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\: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\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:text-sm{font-size:1rem;line-height:1.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\: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\: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-full{height:100%;}.layer-variants\:min-h-7\.5{min-height:1.875rem;}.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\: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\: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{--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-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\:\[--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));}}}

package/dist/esm/components/imageUploader/ImageUploader.d.ts

@@ -1,13 +1,35 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../button/index.js';
 export interface ImageUploaderProps {
     value: string | null;
     onChange: (value: File | null) => void;
     className?: string;
     maxDimension?: number;
-    facingMode?: 'user' | 'environment';
+    children?: ReactNode;
 }
 /**
  * Renders an image if one is already set, and allows either clicking
  * on the image to select a new one, or dragging a new image onto the
  * component to replace the existing one.
  */
-export declare function ImageUploader({ value, onChange: handleChange, maxDimension, facingMode, ...rest }: ImageUploaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageUploaderRoot({ value, onChange: handleChange, maxDimension, children, ...rest }: ImageUploaderProps): import("react/jsx-runtime").JSX.Element;
+declare function ImageUploaderPrebuilt(props: Omit<ImageUploaderProps, 'children'> & {
+    facingMode?: 'user' | 'environment';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ImageUploaderFileButton({ children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageUploaderRemoveButton({ className, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ImageUploaderDisplay({ className, ...rest }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function ImageUploaderEmptyControls({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare const ImageUploader: typeof ImageUploaderPrebuilt & {
+    Root: typeof ImageUploaderRoot;
+    FileButton: typeof ImageUploaderFileButton;
+    RemoveButton: typeof ImageUploaderRemoveButton;
+    Display: typeof ImageUploaderDisplay;
+    EmptyControls: typeof ImageUploaderEmptyControls;
+};
+export {};

package/dist/esm/components/imageUploader/ImageUploader.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'clsx';
-import { useCallback, useId, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames, { clsx } from 'clsx';
+import { createContext, useCallback, useContext, useId, useState, } from 'react';
 import { Button } from '../button/index.js';
 import { CameraDeviceSelector, CameraFullscreenButton, CameraRoot, CameraShutterButton, } from '../camera/index.js';
 import { Icon } from '../icon/index.js';
@@ -21,8 +21,8 @@ import { Icon } from '../icon/index.js';
  * on the image to select a new one, or dragging a new image onto the
  * component to replace the existing one.
  */
-export function ImageUploader(_a) {
-    var { value, onChange: handleChange, maxDimension, facingMode } = _a, rest = __rest(_a, ["value", "onChange", "maxDimension", "facingMode"]);
+export function ImageUploaderRoot(_a) {
+    var { value, onChange: handleChange, maxDimension, children } = _a, rest = __rest(_a, ["value", "onChange", "maxDimension", "children"]);
     const inputId = useId();
     const [dragging, setDragging] = useState(false);
     const [draggingOver, setDraggingOver] = useState(false);
@@ -93,13 +93,55 @@ export function ImageUploader(_a) {
     const onFileClick = useCallback((e) => {
         e.stopPropagation();
     }, []);
+    return (_jsx(ImageUploaderContext.Provider, { value: { inputId, dragging, draggingOver, value, onChange }, children: _jsxs("div", { className: classNames('relative overflow-hidden rounded-lg', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd, children: [!value && (_jsx("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "absolute inset--99999 op-0", id: inputId })), children] }) }));
+}
+const ImageUploaderContext = createContext(null);
+function useUploaderContext() {
+    const context = useContext(ImageUploaderContext);
+    if (!context) {
+        throw new Error('ImageUploaderContext not found');
+    }
+    return context;
+}
+function ImageUploaderPrebuilt(props) {
     const [cameraOpen, setCameraOpen] = useState(false);
     const openCamera = () => setCameraOpen(true);
-    return (_jsxs("div", { className: classNames('relative overflow-hidden rounded-lg', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd, children: [value ? (_jsx("img", { src: value, className: "w-full h-full object-cover object-center" })) : null, !value && (_jsxs("div", { className: classNames('absolute inset-0 flex flex-col items-center justify-center gap-3 bg-[rgba(0,0,0,0.05)]', {
-                    '!bg-[rgba(0,0,0,0.1)]': draggingOver,
-                }), children: [_jsx("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "absolute inset--99999 op-0", id: inputId }), _jsx(Button, { color: "ghost", asChild: true, children: _jsxs("label", { htmlFor: inputId, children: [_jsx(Icon, { name: "upload" }), _jsx("span", { children: dragging ? 'Drop' : 'Upload' })] }) }), _jsxs(Button, { color: "ghost", onClick: openCamera, children: [_jsx(Icon, { name: "camera" }), _jsx("span", { children: "Camera" })] })] })), !value && cameraOpen && (_jsxs(CameraRoot, { className: "absolute w-full h-full z-1", format: "image/png", onCapture: (file) => {
-                    onChange(file);
+    return (_jsxs(ImageUploaderRoot, Object.assign({}, props, { children: [_jsx(ImageUploaderDisplay, {}), _jsxs(ImageUploaderEmptyControls, { children: [_jsx(ImageUploaderFileButton, {}), _jsxs(Button, { color: "ghost", onClick: openCamera, children: [_jsx(Icon, { name: "camera" }), _jsx("span", { children: "Camera" })] })] }), !props.value && cameraOpen && (_jsxs(CameraRoot, { className: "absolute w-full h-full z-1", format: "image/png", onCapture: (file) => {
+                    props.onChange(file);
                     setCameraOpen(false);
-                }, facingMode: facingMode, children: [_jsx(CameraShutterButton, {}), _jsx(CameraDeviceSelector, {}), _jsx(CameraFullscreenButton, {}), _jsx(Button, { onClick: () => setCameraOpen(false), color: "ghost", size: "small", className: "text-white absolute top-2 left-2", children: "Cancel" })] })), value && (_jsx(Button, { color: "ghost", size: "icon", className: "absolute top-2 right-2 w-32px h-32px border-none p-2 cursor-pointer bg-white color-black rounded-lg transition-colors shadow-sm", onClick: () => onChange(null), children: _jsx(Icon, { name: "x" }) }))] }));
+                }, facingMode: props.facingMode, children: [_jsx(CameraShutterButton, {}), _jsx(CameraDeviceSelector, {}), _jsx(CameraFullscreenButton, {}), _jsx(Button, { onClick: () => setCameraOpen(false), color: "ghost", size: "small", className: "text-white absolute top-2 left-2", children: "Cancel" })] })), _jsx(ImageUploaderRemoveButton, {})] })));
+}
+export function ImageUploaderFileButton(_a) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const { inputId, dragging } = useUploaderContext();
+    return (_jsx(Button, Object.assign({ color: "ghost", asChild: true }, props, { children: _jsx("label", { htmlFor: inputId, children: children !== null && children !== void 0 ? children : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "upload" }), _jsx("span", { children: dragging ? 'Drop' : 'Upload' })] })) }) })));
+}
+export function ImageUploaderRemoveButton(_a) {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    const { value, onChange } = useUploaderContext();
+    if (!value)
+        return null;
+    return (_jsx(Button, Object.assign({ color: "ghost", size: "icon", className: clsx('layer-variants:absolute layer-variants:top-2 layer-variants:right-2 layer-variants:w-32px layer-variants:h-32px layer-variants:border-none layer-variants:p-2 layer-variants:cursor-pointer layer-variants:bg-white layer-variants:color-black layer-variants:rounded-lg layer-variants:transition-colors layer-variants:shadow-sm layer-variants:z-10', className), onClick: () => onChange(null) }, rest, { children: _jsx(Icon, { name: "x" }) })));
+}
+export function ImageUploaderDisplay(_a) {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    const { value } = useUploaderContext();
+    return value ? (_jsx("img", Object.assign({ src: value, className: clsx('layer-components:w-full layer-components:h-full layer-components:object-cover layer-components:object-center', className) }, rest))) : null;
+}
+export function ImageUploaderEmptyControls({ children, className, }) {
+    const { value, draggingOver } = useUploaderContext();
+    if (value)
+        return null;
+    return (_jsx("div", { className: classNames('layer-components:absolute layer-components:inset-0 layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:gap-3', {
+            'layer-components:bg-[rgba(0,0,0,0.05)]': !draggingOver,
+            'layer-components:bg-[rgba(0,0,0,0.1)]': draggingOver,
+        }, className), children: children }));
 }
+export const ImageUploader = Object.assign(ImageUploaderPrebuilt, {
+    Root: ImageUploaderRoot,
+    FileButton: ImageUploaderFileButton,
+    RemoveButton: ImageUploaderRemoveButton,
+    Display: ImageUploaderDisplay,
+    EmptyControls: ImageUploaderEmptyControls,
+});
 //# sourceMappingURL=ImageUploader.js.map

package/dist/esm/components/imageUploader/ImageUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ImageUploader.js","sourceRoot":"","sources":["../../../../src/components/imageUploader/ImageUploader.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EACN,aAAa,EAEb,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,EACN,oBAAoB,EACpB,sBAAsB,EACtB,UAAU,EACV,mBAAmB,GACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAUxC;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAMb;QANa,EACjC,KAAK,EACL,QAAQ,EAAE,YAAY,EACtB,YAAY,EACZ,QAAQ,OAEY,EADjB,IAAI,cAL0B,iDAMjC,CADO;IAEP,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAkC,EAAE,EAAE;QACrE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,WAAW,CAC3B,KAAK,EAAE,IAAiB,EAAE,EAAE;QAC3B,IAAI,CAAC,IAAI,EAAE,CAAC;YACX,YAAY,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,YAAY,EAAE,CAAC;YACzB,IAAI,OAAO,GAAG,MAAM,MAAM,CAAC,uBAAuB,CAAC,CAAC;YACpD,aAAa;YACb,OAAO,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC;YACnE,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,oBAAoB,EAAE,CAAC;gBAC/C,qEAAqE;gBACrE,kBAAkB;gBAClB,OAAO,CAAC,IAAI,CACX,+DAA+D,CAC/D,CAAC;gBACF,YAAY,CAAC,IAAI,CAAC,CAAC;gBACnB,OAAO;YACR,CAAC;YAED,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,oBAAoB,CAAC,IAAI,EAAE;gBAC7D,QAAQ,EAAE,YAAY;gBACtB,SAAS,EAAE,YAAY;gBACvB,QAAQ,EAAE,IAAI,CAAC,IAAI;aACnB,CAAC,CAAC;YACH,YAAY,CAAC,IAAI,IAAI,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACxE,CAAC;aAAM,CAAC;YACP,YAAY,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;IACF,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC5B,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CACzB,CAAC,CAAkC,EAAE,EAAE;QACtC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QACnC,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAkC,EAAE,EAAE;QACtE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,WAAW,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAkC,EAAE,EAAE;QACpE,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,WAAW,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAC/B,CAAC,CAAsC,EAAE,EAAE;QAC1C,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAqC,EAAE,EAAE;QACzE,CAAC,CAAC,eAAe,EAAE,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,KAAC,oBAAoB,CAAC,QAAQ,IAC7B,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,YAE3D,eACC,SAAS,EAAE,UAAU,CACpB,qCAAqC,EACrC,IAAI,CAAC,SAAS,CACd,EACD,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,aAEnB,CAAC,KAAK,IAAI,CACV,gBACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,4BAA4B,EACtC,EAAE,EAAE,OAAO,GACV,CACF,EACA,QAAQ,IACJ,GACyB,CAChC,CAAC;AACH,CAAC;AAED,MAAM,oBAAoB,GAAG,aAAa,CAMhC,IAAI,CAAC,CAAC;AAChB,SAAS,kBAAkB;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACjD,IAAI,CAAC,OAAO,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACnD,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,SAAS,qBAAqB,CAC7B,KAEC;IAED,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,CACN,MAAC,iBAAiB,oBAAK,KAAK,eAC3B,KAAC,oBAAoB,KAAG,EAExB,MAAC,0BAA0B,eAC1B,KAAC,uBAAuB,KAAG,EAC3B,MAAC,MAAM,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,aACxC,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,oCAAmB,IACX,IACmB,EAC5B,CAAC,KAAK,CAAC,KAAK,IAAI,UAAU,IAAI,CAC9B,MAAC,UAAU,IACV,SAAS,EAAC,4BAA4B,EACtC,MAAM,EAAC,WAAW,EAClB,SAAS,EAAE,CAAC,IAAI,EAAE,EAAE;oBACnB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;oBACrB,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC,EACD,UAAU,EAAE,KAAK,CAAC,UAAU,aAE5B,KAAC,mBAAmB,KAAG,EACvB,KAAC,oBAAoB,KAAG,EACxB,KAAC,sBAAsB,KAAG,EAC1B,KAAC,MAAM,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACnC,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kCAAkC,uBAGpC,IACG,CACb,EACD,KAAC,yBAAyB,KAAG,KACV,CACpB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,EAAmC;QAAnC,EAAE,QAAQ,OAAyB,EAApB,KAAK,cAApB,YAAsB,CAAF;IAC3D,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEnD,OAAO,CACN,KAAC,MAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,UAAK,KAAK,cACtC,gBAAO,OAAO,EAAE,OAAO,YACrB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACZ,8BACC,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,yBAAO,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,GAAQ,IACzC,CACH,GACM,IACA,CACT,CAAC;AACH,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,EAAmC;QAAnC,EAAE,SAAS,OAAwB,EAAnB,IAAI,cAApB,aAAsB,CAAF;IAC7D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACjD,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,CACN,KAAC,MAAM,kBACN,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAI,CACd,uJAAuJ,EACvJ,SAAS,CACT,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IACzB,IAAI,cAER,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,IACT,CACT,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EAKpC;QALoC,EACpC,SAAS,OAIT,EAHG,IAAI,cAF6B,aAGpC,CADO;IAIP,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACvC,OAAO,KAAK,CAAC,CAAC,CAAC,CACd,4BACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,IAAI,CACd,6DAA6D,EAC7D,SAAS,CACT,IACG,IAAI,EACP,CACF,CAAC,CAAC,CAAC,IAAI,CAAC;AACV,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,EAC1C,QAAQ,EACR,SAAS,GAIT;IACA,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAErD,IAAI,KAAK;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACN,cACC,SAAS,EAAE,UAAU,CACpB,qFAAqF,EACrF;YACC,wCAAwC,EAAE,CAAC,YAAY;YACvD,uCAAuC,EAAE,YAAY;SACrD,EACD,SAAS,CACT,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,EAAE;IACjE,IAAI,EAAE,iBAAiB;IACvB,UAAU,EAAE,uBAAuB;IACnC,YAAY,EAAE,yBAAyB;IACvC,OAAO,EAAE,oBAAoB;IAC7B,aAAa,EAAE,0BAA0B;CACzC,CAAC,CAAC"}

package/dist/esm/components/imageUploader/ImageUploader.stories.d.ts

@@ -2,7 +2,15 @@ import type { StoryObj } from '@storybook/react';
 import { ImageUploader } from './ImageUploader.js';
 declare const meta: {
     title: string;
-    component: typeof ImageUploader;
+    component: ((props: Omit<import("./ImageUploader.js").ImageUploaderProps, "children"> & {
+        facingMode?: "user" | "environment";
+    }) => import("react/jsx-runtime").JSX.Element) & {
+        Root: typeof import("./ImageUploader.js").ImageUploaderRoot;
+        FileButton: typeof import("./ImageUploader.js").ImageUploaderFileButton;
+        RemoveButton: typeof import("./ImageUploader.js").ImageUploaderRemoveButton;
+        Display: typeof import("./ImageUploader.js").ImageUploaderDisplay;
+        EmptyControls: typeof import("./ImageUploader.js").ImageUploaderEmptyControls;
+    };
     argTypes: {
         onChange: {
             action: string;

package/dist/esm/components/richEditor/index.js

@@ -1,5 +1,5 @@
 // @unocss-include
 import clsx from 'clsx';
-export const tipTapClassName = clsx('layer-components:w-full layer-components:rounded-lg', 'layer-components:[&_.ProseMirror:focus]:outline-none layer-components:[&_.ProseMirror:focus]:shadow-focus', 'layer-components:[&_.ProseMirror_h1,h2,h3,p]:mt-0', 'layer-components:[&_.ProseMirror_h1]:text-xl layer-components:[&_.ProseMirror_h1]:font-medium', 'layer-components:[&_.ProseMirror_h2]:text-lg layer-components:[&_.ProseMirror_h2]:font-medium layer-components:[&_.ProseMirror_h2]:mt-4 layer-components:[&_.ProseMirror_h2]:mb-2', 'layer-components:[&_.ProseMirror_h3]:text-md layer-components:[&_.ProseMirror_h3]:font-extrabold', 'layer-components:[&_.ProseMirror_a]:underline', 'layer-components:[&_.ProseMirror]:bg-white layer-components:[&_.ProseMirror]:rounded-[20px] layer-components:[&_.ProseMirror]:px-4 layer-components:[&_.ProseMirror]:py-2 layer-components:[&_.ProseMirror]:shadow-sm-inset layer-components:[&_.ProseMirror]:border-gray-5 layer-components:[&_.ProseMirror]:border-solid layer-components:[&_.ProseMirror]:border-1');
+export const tipTapClassName = clsx('layer-components:w-full layer-components:rounded-lg', 'layer-components:[&_.ProseMirror:focus]:outline-none layer-components:[&_.ProseMirror:focus]:shadow-focus', 'layer-components:[&_.ProseMirror_h1,h2,h3,p]:mt-0', 'layer-components:[&_.ProseMirror_h1]:text-xl layer-components:[&_.ProseMirror_h1]:font-medium layer-components:[&_.ProseMirror_h1]:mb-lg', 'layer-components:[&_.ProseMirror_h2]:text-lg layer-components:[&_.ProseMirror_h2]:font-medium layer-components:[&_.ProseMirror_h2]:mb-md', 'layer-components:[&_.ProseMirror_h3]:text-md layer-components:[&_.ProseMirror_h3]:font-extrabold layer-components:[&_.ProseMirror_h3]:mb-sm', 'layer-components:[&_.ProseMirror_h4]:text-sm layer-components:[&_.ProseMirror_h4]:font-bold layer-components:[&_.ProseMirror_h4]:mb-sm', 'layer-components:[&_.ProseMirror_p]:mb-sm', 'layer-components:[&_.ProseMirror_a]:underline', 'layer-components:[&_.ProseMirror]:bg-white layer-components:[&_.ProseMirror]:rounded-[20px] layer-components:[&_.ProseMirror]:px-4 layer-components:[&_.ProseMirror]:py-2 layer-components:[&_.ProseMirror]:shadow-sm-inset layer-components:[&_.ProseMirror]:border-gray-5 layer-components:[&_.ProseMirror]:border-solid layer-components:[&_.ProseMirror]:border-1');
 export const tipTapReadonlyClassName = clsx('[&_.ProseMirror]:bg-transparent [&_.ProseMirror]:border-none [&_.ProseMirror]:shadow-none', '[&_.ProseMirror:focus]:outline-none [&_.ProseMirror:focus]:shadow-none [&_.ProseMirror:focus]:bg-transparent');
 //# sourceMappingURL=index.js.map

package/dist/esm/components/richEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/richEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAClC,sCAAsC,EACtC,qEAAqE,EACrE,mDAAmD,EACnD,4DAA4D,EAC5D,sEAAsE,EACtE,+DAA+D,EAC/D,+CAA+C,EAC/C,2HAA2H,CAC3H,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CAC1C,2DAA2D,EAC3D,kEAAkE,CAClE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/richEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAClC,sCAAsC,EACtC,qEAAqE,EACrE,mDAAmD,EACnD,kEAAkE,EAClE,kEAAkE,EAClE,qEAAqE,EACrE,gEAAgE,EAChE,6CAA6C,EAC7C,+CAA+C,EAC/C,2HAA2H,CAC3H,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CAC1C,2DAA2D,EAC3D,kEAAkE,CAClE,CAAC"}

package/package.json

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

package/src/components/imageUploader/ImageUploader.tsx

@@ -1,6 +1,13 @@
-import classNames from 'clsx';
-import { useCallback, useId, useState } from 'react';
-import { Button } from '../button/index.js';
+import classNames, { clsx } from 'clsx';
+import {
+	createContext,
+	ReactNode,
+	useCallback,
+	useContext,
+	useId,
+	useState,
+} from 'react';
+import { Button, ButtonProps } from '../button/index.js';
 import {
 	CameraDeviceSelector,
 	CameraFullscreenButton,
@@ -14,7 +21,7 @@ export interface ImageUploaderProps {
 	onChange: (value: File | null) => void;
 	className?: string;
 	maxDimension?: number;
-	facingMode?: 'user' | 'environment';
+	children?: ReactNode;
 }
 
 /**
@@ -22,11 +29,11 @@ export interface ImageUploaderProps {
  * on the image to select a new one, or dragging a new image onto the
  * component to replace the existing one.
  */
-export function ImageUploader({
+export function ImageUploaderRoot({
 	value,
 	onChange: handleChange,
 	maxDimension,
-	facingMode,
+	children,
 	...rest
 }: ImageUploaderProps) {
 	const inputId = useId();
@@ -119,34 +126,23 @@ export function ImageUploader({
 		e.stopPropagation();
 	}, []);
 
-	const [cameraOpen, setCameraOpen] = useState(false);
-	const openCamera = () => setCameraOpen(true);
-
 	return (
-		<div
-			className={classNames(
-				'relative overflow-hidden rounded-lg',
-				rest.className,
-			)}
-			onDragEnter={onDragEnter}
-			onDragLeave={onDragLeave}
-			onDragOver={onDragOver}
-			onDrop={onDrop}
-			onDragStart={onDragStart}
-			onDragEnd={onDragEnd}
+		<ImageUploaderContext.Provider
+			value={{ inputId, dragging, draggingOver, value, onChange }}
 		>
-			{value ? (
-				<img src={value} className="w-full h-full object-cover object-center" />
-			) : null}
-			{!value && (
-				<div
-					className={classNames(
-						'absolute inset-0 flex flex-col items-center justify-center gap-3 bg-[rgba(0,0,0,0.05)]',
-						{
-							'!bg-[rgba(0,0,0,0.1)]': draggingOver,
-						},
-					)}
-				>
+			<div
+				className={classNames(
+					'relative overflow-hidden rounded-lg',
+					rest.className,
+				)}
+				onDragEnter={onDragEnter}
+				onDragLeave={onDragLeave}
+				onDragOver={onDragOver}
+				onDrop={onDrop}
+				onDragStart={onDragStart}
+				onDragEnd={onDragEnd}
+			>
+				{!value && (
 					<input
 						type="file"
 						accept="image/*"
@@ -155,27 +151,56 @@ export function ImageUploader({
 						className="absolute inset--99999 op-0"
 						id={inputId}
 					/>
-					<Button color="ghost" asChild>
-						<label htmlFor={inputId}>
-							<Icon name="upload" />
-							<span>{dragging ? 'Drop' : 'Upload'}</span>
-						</label>
-					</Button>
-					<Button color="ghost" onClick={openCamera}>
-						<Icon name="camera" />
-						<span>Camera</span>
-					</Button>
-				</div>
-			)}
-			{!value && cameraOpen && (
+				)}
+				{children}
+			</div>
+		</ImageUploaderContext.Provider>
+	);
+}
+
+const ImageUploaderContext = createContext<{
+	inputId: string;
+	dragging: boolean;
+	draggingOver: boolean;
+	value: string | null;
+	onChange: (file: File | null) => void;
+} | null>(null);
+function useUploaderContext() {
+	const context = useContext(ImageUploaderContext);
+	if (!context) {
+		throw new Error('ImageUploaderContext not found');
+	}
+	return context;
+}
+
+function ImageUploaderPrebuilt(
+	props: Omit<ImageUploaderProps, 'children'> & {
+		facingMode?: 'user' | 'environment';
+	},
+) {
+	const [cameraOpen, setCameraOpen] = useState(false);
+	const openCamera = () => setCameraOpen(true);
+
+	return (
+		<ImageUploaderRoot {...props}>
+			<ImageUploaderDisplay />
+
+			<ImageUploaderEmptyControls>
+				<ImageUploaderFileButton />
+				<Button color="ghost" onClick={openCamera}>
+					<Icon name="camera" />
+					<span>Camera</span>
+				</Button>
+			</ImageUploaderEmptyControls>
+			{!props.value && cameraOpen && (
 				<CameraRoot
 					className="absolute w-full h-full z-1"
 					format="image/png"
 					onCapture={(file) => {
-						onChange(file);
+						props.onChange(file);
 						setCameraOpen(false);
 					}}
-					facingMode={facingMode}
+					facingMode={props.facingMode}
 				>
 					<CameraShutterButton />
 					<CameraDeviceSelector />
@@ -190,16 +215,97 @@ export function ImageUploader({
 					</Button>
 				</CameraRoot>
 			)}
-			{value && (
-				<Button
-					color="ghost"
-					size="icon"
-					className="absolute top-2 right-2 w-32px h-32px border-none p-2 cursor-pointer bg-white color-black rounded-lg transition-colors shadow-sm"
-					onClick={() => onChange(null)}
-				>
-					<Icon name="x" />
-				</Button>
+			<ImageUploaderRemoveButton />
+		</ImageUploaderRoot>
+	);
+}
+
+export function ImageUploaderFileButton({ children, ...props }: ButtonProps) {
+	const { inputId, dragging } = useUploaderContext();
+
+	return (
+		<Button color="ghost" asChild {...props}>
+			<label htmlFor={inputId}>
+				{children ?? (
+					<>
+						<Icon name="upload" />
+						<span>{dragging ? 'Drop' : 'Upload'}</span>
+					</>
+				)}
+			</label>
+		</Button>
+	);
+}
+
+export function ImageUploaderRemoveButton({ className, ...rest }: ButtonProps) {
+	const { value, onChange } = useUploaderContext();
+	if (!value) return null;
+	return (
+		<Button
+			color="ghost"
+			size="icon"
+			className={clsx(
+				'layer-variants:(absolute top-2 right-2 w-32px h-32px border-none p-2 cursor-pointer bg-white color-black rounded-lg transition-colors shadow-sm z-10)',
+				className,
+			)}
+			onClick={() => onChange(null)}
+			{...rest}
+		>
+			<Icon name="x" />
+		</Button>
+	);
+}
+
+export function ImageUploaderDisplay({
+	className,
+	...rest
+}: {
+	className?: string;
+}) {
+	const { value } = useUploaderContext();
+	return value ? (
+		<img
+			src={value}
+			className={clsx(
+				'layer-components:(w-full h-full object-cover object-center)',
+				className,
 			)}
+			{...rest}
+		/>
+	) : null;
+}
+
+export function ImageUploaderEmptyControls({
+	children,
+	className,
+}: {
+	children: ReactNode;
+	className?: string;
+}) {
+	const { value, draggingOver } = useUploaderContext();
+
+	if (value) return null;
+
+	return (
+		<div
+			className={classNames(
+				'layer-components:(absolute inset-0 flex flex-col items-center justify-center gap-3)',
+				{
+					'layer-components:bg-[rgba(0,0,0,0.05)]': !draggingOver,
+					'layer-components:bg-[rgba(0,0,0,0.1)]': draggingOver,
+				},
+				className,
+			)}
+		>
+			{children}
 		</div>
 	);
 }
+
+export const ImageUploader = Object.assign(ImageUploaderPrebuilt, {
+	Root: ImageUploaderRoot,
+	FileButton: ImageUploaderFileButton,
+	RemoveButton: ImageUploaderRemoveButton,
+	Display: ImageUploaderDisplay,
+	EmptyControls: ImageUploaderEmptyControls,
+});

package/src/components/richEditor/index.ts

@@ -4,9 +4,11 @@ export const tipTapClassName = clsx(
 	'layer-components:(w-full rounded-lg)',
 	'layer-components:[&_.ProseMirror:focus]:(outline-none shadow-focus)',
 	'layer-components:[&_.ProseMirror_h1,h2,h3,p]:mt-0',
-	'layer-components:[&_.ProseMirror_h1]:(text-xl font-medium)',
-	'layer-components:[&_.ProseMirror_h2]:(text-lg font-medium mt-4 mb-2)',
-	'layer-components:[&_.ProseMirror_h3]:(text-md font-extrabold)',
+	'layer-components:[&_.ProseMirror_h1]:(text-xl font-medium mb-lg)',
+	'layer-components:[&_.ProseMirror_h2]:(text-lg font-medium mb-md)',
+	'layer-components:[&_.ProseMirror_h3]:(text-md font-extrabold mb-sm)',
+	'layer-components:[&_.ProseMirror_h4]:(text-sm font-bold mb-sm)',
+	'layer-components:[&_.ProseMirror_p]:(mb-sm)',
 	'layer-components:[&_.ProseMirror_a]:underline',
 	'layer-components:[&_.ProseMirror]:(bg-white rounded-[20px] px-4 py-2 shadow-sm-inset border-gray-5 border-solid border-1)',
 );