lecom-ui 4.1.0 → 4.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3,6 +3,7 @@ import { useReactTable, getCoreRowModel, getSortedRowModel, flexRender } from '@
|
|
|
3
3
|
import { Pagination } from '../Pagination/Pagination.js';
|
|
4
4
|
import { ScrollArea, ScrollBar } from '../ScrollArea/ScrollArea.js';
|
|
5
5
|
import { Skeleton } from '../Skeleton/Skeleton.js';
|
|
6
|
+
import { buildColumns } from './DataTable.utils.js';
|
|
6
7
|
|
|
7
8
|
function DataTable({
|
|
8
9
|
columnFullSize,
|
|
@@ -19,7 +20,7 @@ function DataTable({
|
|
|
19
20
|
const [sorting, setSorting] = React.useState([]);
|
|
20
21
|
const table = useReactTable({
|
|
21
22
|
data,
|
|
22
|
-
columns,
|
|
23
|
+
columns: buildColumns({ columns }),
|
|
23
24
|
getCoreRowModel: getCoreRowModel(),
|
|
24
25
|
onSortingChange: setSorting,
|
|
25
26
|
getSortedRowModel: getSortedRowModel(),
|
|
@@ -30,32 +31,6 @@ function DataTable({
|
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
});
|
|
33
|
-
const styleFixed = (column, elemIndex, elem) => {
|
|
34
|
-
const isPinned = column.getIsPinned();
|
|
35
|
-
if (!isPinned) {
|
|
36
|
-
return {
|
|
37
|
-
width: column.id === columnFullSize ? "100%" : undefined
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
const selector = elem === "th" ? "thead" : "tbody";
|
|
41
|
-
const columnIndex = column.getIndex();
|
|
42
|
-
const elemBefore = document.querySelector(
|
|
43
|
-
`table#data-table ${selector} tr:nth-child(${elemIndex + 1}) ${elem}:nth-child(${columnIndex})`
|
|
44
|
-
);
|
|
45
|
-
const isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
|
|
46
|
-
const leftStyleElemBefore = elemBefore?.style?.left ? Number(elemBefore.style.left.replace(/px/g, "")) : 0;
|
|
47
|
-
const widthElemBefore = elemBefore?.getBoundingClientRect()?.width ?? 0;
|
|
48
|
-
const left = leftStyleElemBefore + widthElemBefore;
|
|
49
|
-
const lastRow = table.getRowCount() === elemIndex + 1;
|
|
50
|
-
const boxShadow = elem === "td" ? `-0.5px ${lastRow ? "0px" : "-0.5px"}` : "-0.5px -1.5px";
|
|
51
|
-
return {
|
|
52
|
-
boxShadow: isLastLeftPinnedColumn ? `#c9c9c9 ${boxShadow} 0px 0px inset` : undefined,
|
|
53
|
-
position: "sticky",
|
|
54
|
-
left,
|
|
55
|
-
zIndex: 1,
|
|
56
|
-
width: column.id === columnFullSize ? "100%" : undefined
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
34
|
const styleDataTableContainer = () => ({
|
|
60
35
|
width: vwDiff ? `calc(100vw - ${vwDiff}px)` : "100%",
|
|
61
36
|
height: vhDiff ? `calc(100vh - ${vhDiff}px)` : "100%"
|
|
@@ -68,12 +43,15 @@ function DataTable({
|
|
|
68
43
|
};
|
|
69
44
|
const arrSkeleton = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
|
|
70
45
|
React.useEffect(() => {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
46
|
+
if (!isLoading) {
|
|
47
|
+
console.log(
|
|
48
|
+
isLoading,
|
|
49
|
+
document.querySelector(
|
|
50
|
+
`table#data-table tbody tr:nth-child(50) td:nth-child(2)`
|
|
51
|
+
)
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
}, [isLoading]);
|
|
77
55
|
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
78
56
|
"div",
|
|
79
57
|
{
|
|
@@ -96,8 +74,7 @@ function DataTable({
|
|
|
96
74
|
"th",
|
|
97
75
|
{
|
|
98
76
|
key: header.id,
|
|
99
|
-
className: "h-12 px-4 [&:has([role=checkbox])]:pr-0 bg-white shadow-[0_-1.5px_0px_0px_#c9c9c9_inset]"
|
|
100
|
-
style: styleFixed(header.column, 0, "th")
|
|
77
|
+
className: "h-12 px-4 [&:has([role=checkbox])]:pr-0 bg-white shadow-[0_-1.5px_0px_0px_#c9c9c9_inset] text-left"
|
|
101
78
|
},
|
|
102
79
|
header.isPlaceholder ? null : flexRender(
|
|
103
80
|
header.column.columnDef.header,
|
|
@@ -114,12 +91,7 @@ function DataTable({
|
|
|
114
91
|
"td",
|
|
115
92
|
{
|
|
116
93
|
key: cell.id,
|
|
117
|
-
className: "p-4 py-0 h-10 [&:has([role=checkbox])]:pr-0 transition-colors bg-white shadow-[0_-0.5px_0px_0px_#c9c9c9_inset]"
|
|
118
|
-
style: styleFixed(
|
|
119
|
-
cell.column,
|
|
120
|
-
cell.row.index,
|
|
121
|
-
"td"
|
|
122
|
-
)
|
|
94
|
+
className: "p-4 py-0 h-10 [&:has([role=checkbox])]:pr-0 transition-colors bg-white shadow-[0_-0.5px_0px_0px_#c9c9c9_inset] text-left"
|
|
123
95
|
},
|
|
124
96
|
flexRender(
|
|
125
97
|
cell.column.columnDef.cell,
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { clsx } from 'clsx';
|
|
2
|
+
import { ArrowUpDown } from 'lucide-react';
|
|
3
|
+
import { Checkbox } from '../Checkbox/Checkbox.js';
|
|
4
|
+
import { Typography } from '../Typography/Typography.js';
|
|
5
|
+
|
|
6
|
+
function buildHeaderSelect({
|
|
7
|
+
table,
|
|
8
|
+
column,
|
|
9
|
+
checkedHeader,
|
|
10
|
+
onCheckedHeaderChange
|
|
11
|
+
}) {
|
|
12
|
+
return /* @__PURE__ */ React.createElement(
|
|
13
|
+
Checkbox,
|
|
14
|
+
{
|
|
15
|
+
checked: !!checkedHeader?.({ table, column }),
|
|
16
|
+
onCheckedChange: (value) => onCheckedHeaderChange?.({ table, column, value: !!value })
|
|
17
|
+
}
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
function buildCellSelect({
|
|
21
|
+
row,
|
|
22
|
+
checkedCell,
|
|
23
|
+
onCheckedCellChange
|
|
24
|
+
}) {
|
|
25
|
+
return /* @__PURE__ */ React.createElement(
|
|
26
|
+
Checkbox,
|
|
27
|
+
{
|
|
28
|
+
checked: !!checkedCell?.({ row }),
|
|
29
|
+
onCheckedChange: (value) => onCheckedCellChange?.({ row, value: !!value })
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
function buildColumns({
|
|
34
|
+
columns
|
|
35
|
+
}) {
|
|
36
|
+
const mappedColumns = columns.map((externalColumn) => ({
|
|
37
|
+
accessorKey: externalColumn.key,
|
|
38
|
+
header: ({ table, column }) => {
|
|
39
|
+
if (!!externalColumn.enableSelect) {
|
|
40
|
+
return buildHeaderSelect({
|
|
41
|
+
table,
|
|
42
|
+
column,
|
|
43
|
+
checkedHeader: externalColumn.checkedHeader,
|
|
44
|
+
onCheckedHeaderChange: externalColumn.onCheckedHeaderChange
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
const hasSort = !!externalColumn.onSort;
|
|
48
|
+
const title = typeof externalColumn.title === "function" ? externalColumn.title({ table, column }) : externalColumn.title;
|
|
49
|
+
return /* @__PURE__ */ React.createElement(
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
className: clsx(
|
|
53
|
+
"group flex items-center gap-1",
|
|
54
|
+
hasSort && "hover:cursor-pointer"
|
|
55
|
+
),
|
|
56
|
+
onClick: () => externalColumn.onSort?.({ table, column })
|
|
57
|
+
},
|
|
58
|
+
typeof externalColumn.title === "string" ? /* @__PURE__ */ React.createElement(Typography, { variant: "body-large-500", textColor: "text-grey-950" }, externalColumn.title) : title,
|
|
59
|
+
hasSort && /* @__PURE__ */ React.createElement(
|
|
60
|
+
ArrowUpDown,
|
|
61
|
+
{
|
|
62
|
+
size: 16,
|
|
63
|
+
className: "text-grey-400 group-hover:text-grey-950"
|
|
64
|
+
}
|
|
65
|
+
)
|
|
66
|
+
);
|
|
67
|
+
},
|
|
68
|
+
cell: ({ row }) => {
|
|
69
|
+
if (!!externalColumn.enableSelect) {
|
|
70
|
+
return buildCellSelect({
|
|
71
|
+
row,
|
|
72
|
+
checkedCell: externalColumn.checkedCell,
|
|
73
|
+
onCheckedCellChange: externalColumn.onCheckedCellChange
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
if (!!externalColumn.render) {
|
|
77
|
+
if (typeof externalColumn.render === "function") {
|
|
78
|
+
return externalColumn.render({
|
|
79
|
+
value: row.getValue(externalColumn.key),
|
|
80
|
+
row
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
return externalColumn.render;
|
|
84
|
+
}
|
|
85
|
+
return /* @__PURE__ */ React.createElement(Typography, { variant: "body-large-400", textColor: "text-grey-800" }, row.getValue(externalColumn.key));
|
|
86
|
+
}
|
|
87
|
+
}));
|
|
88
|
+
return mappedColumns;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
export { buildColumns };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
-
import * as React from 'react';
|
|
2
|
+
import * as React$1 from 'react';
|
|
3
3
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
6
|
-
import {
|
|
6
|
+
import { Row, Table, Column as Column$1 } from '@tanstack/react-table';
|
|
7
7
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
8
8
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
9
9
|
import { CustomStyles as CustomStyles$2 } from '@/components/Button';
|
|
@@ -19,15 +19,15 @@ declare const accordionVariants: (props?: ({
|
|
|
19
19
|
variant?: "default" | null | undefined;
|
|
20
20
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
21
21
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
22
|
-
declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
-
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
-
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
22
|
+
declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
25
25
|
variant?: "default" | null | undefined;
|
|
26
26
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
27
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
|
|
28
|
-
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
27
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
28
|
+
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
29
29
|
disabled?: boolean;
|
|
30
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
31
31
|
|
|
32
32
|
declare const buttonVariants: (props?: ({
|
|
33
33
|
variant?: "filled" | "outlined" | "tonal" | "ghost" | null | undefined;
|
|
@@ -52,26 +52,26 @@ interface CustomStyles$1 {
|
|
|
52
52
|
opacity: number;
|
|
53
53
|
};
|
|
54
54
|
}
|
|
55
|
-
interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
|
|
55
|
+
interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
|
|
56
56
|
customStyles?: CustomStyles$1;
|
|
57
57
|
isActive?: boolean;
|
|
58
58
|
}
|
|
59
|
-
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
59
|
+
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
60
60
|
|
|
61
|
-
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
62
|
-
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
-
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
64
|
-
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
65
|
-
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
-
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
61
|
+
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
62
|
+
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
64
|
+
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
65
|
+
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
67
67
|
|
|
68
68
|
declare const checkboxVariants: (props?: ({
|
|
69
69
|
variant?: "default" | null | undefined;
|
|
70
70
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
71
|
-
interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
|
|
71
|
+
interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
|
|
72
72
|
indeterminate?: boolean;
|
|
73
73
|
}
|
|
74
|
-
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
74
|
+
declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
75
75
|
|
|
76
76
|
type Transparent = 'transparent';
|
|
77
77
|
type Black = 'black';
|
|
@@ -214,34 +214,34 @@ declare const colors: {
|
|
|
214
214
|
};
|
|
215
215
|
};
|
|
216
216
|
|
|
217
|
-
interface CadastroFacilProps extends React.SVGAttributes<SVGSVGElement> {
|
|
217
|
+
interface CadastroFacilProps extends React$1.SVGAttributes<SVGSVGElement> {
|
|
218
218
|
fillColor?: FillColor;
|
|
219
219
|
size?: string | number;
|
|
220
220
|
}
|
|
221
|
-
declare const CadastroFacil: React.ForwardRefExoticComponent<CadastroFacilProps & React.RefAttributes<SVGSVGElement>>;
|
|
221
|
+
declare const CadastroFacil: React$1.ForwardRefExoticComponent<CadastroFacilProps & React$1.RefAttributes<SVGSVGElement>>;
|
|
222
222
|
|
|
223
|
-
interface LogoLecomProps extends React.SVGAttributes<SVGSVGElement> {
|
|
223
|
+
interface LogoLecomProps extends React$1.SVGAttributes<SVGSVGElement> {
|
|
224
224
|
fillColor?: FillColor;
|
|
225
225
|
size?: string | number;
|
|
226
226
|
}
|
|
227
|
-
declare const LogoLecom: React.ForwardRefExoticComponent<LogoLecomProps & React.RefAttributes<SVGSVGElement>>;
|
|
227
|
+
declare const LogoLecom: React$1.ForwardRefExoticComponent<LogoLecomProps & React$1.RefAttributes<SVGSVGElement>>;
|
|
228
228
|
|
|
229
|
-
interface ModoTesteProps extends React.SVGAttributes<SVGSVGElement> {
|
|
229
|
+
interface ModoTesteProps extends React$1.SVGAttributes<SVGSVGElement> {
|
|
230
230
|
fillColor?: FillColor;
|
|
231
231
|
size?: string | number;
|
|
232
232
|
}
|
|
233
|
-
declare const ModoTeste: React.ForwardRefExoticComponent<ModoTesteProps & React.RefAttributes<SVGSVGElement>>;
|
|
233
|
+
declare const ModoTeste: React$1.ForwardRefExoticComponent<ModoTesteProps & React$1.RefAttributes<SVGSVGElement>>;
|
|
234
234
|
|
|
235
|
-
interface RpaProps extends React.SVGAttributes<SVGSVGElement> {
|
|
235
|
+
interface RpaProps extends React$1.SVGAttributes<SVGSVGElement> {
|
|
236
236
|
fillColor?: FillColor;
|
|
237
237
|
size?: string | number;
|
|
238
238
|
}
|
|
239
|
-
declare const Rpa: React.ForwardRefExoticComponent<RpaProps & React.RefAttributes<SVGSVGElement>>;
|
|
239
|
+
declare const Rpa: React$1.ForwardRefExoticComponent<RpaProps & React$1.RefAttributes<SVGSVGElement>>;
|
|
240
240
|
|
|
241
|
-
interface LogoLecomBrandProps extends React.SVGAttributes<SVGSVGElement> {
|
|
241
|
+
interface LogoLecomBrandProps extends React$1.SVGAttributes<SVGSVGElement> {
|
|
242
242
|
fillColor?: FillColor;
|
|
243
243
|
}
|
|
244
|
-
declare const LogoLecomBrand: React.ForwardRefExoticComponent<LogoLecomBrandProps & React.RefAttributes<SVGSVGElement>>;
|
|
244
|
+
declare const LogoLecomBrand: React$1.ForwardRefExoticComponent<LogoLecomBrandProps & React$1.RefAttributes<SVGSVGElement>>;
|
|
245
245
|
|
|
246
246
|
type UsePaginationProps = {
|
|
247
247
|
count?: number;
|
|
@@ -266,7 +266,7 @@ type UsePaginationItem = {
|
|
|
266
266
|
};
|
|
267
267
|
declare const usePagination: ({ count, defaultPage, boundaryCount, siblingCount, disabled, hideNextButton, hidePrevButton, showFirstButton, showLastButton, onChange, }?: UsePaginationProps) => {
|
|
268
268
|
page: number;
|
|
269
|
-
setPage: React.Dispatch<React.SetStateAction<number>>;
|
|
269
|
+
setPage: React$1.Dispatch<React$1.SetStateAction<number>>;
|
|
270
270
|
items: UsePaginationItem[];
|
|
271
271
|
};
|
|
272
272
|
|
|
@@ -278,7 +278,7 @@ type PaginationButtonProps = {
|
|
|
278
278
|
onClick?: () => void;
|
|
279
279
|
};
|
|
280
280
|
interface PaginationIndexProps extends PaginationButtonProps {
|
|
281
|
-
children: React.ReactNode;
|
|
281
|
+
children: React$1.ReactNode;
|
|
282
282
|
}
|
|
283
283
|
interface PaginationProps {
|
|
284
284
|
currentPage: number;
|
|
@@ -288,42 +288,78 @@ interface PaginationProps {
|
|
|
288
288
|
totalRowsSelected?: number;
|
|
289
289
|
onChangePerPage?: (currentPerPage: number) => void;
|
|
290
290
|
}
|
|
291
|
-
declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
292
|
-
declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
291
|
+
declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
292
|
+
declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
293
293
|
declare const PaginationFirst: {
|
|
294
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
294
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React$1.JSX.Element;
|
|
295
295
|
displayName: string;
|
|
296
296
|
};
|
|
297
297
|
declare const PaginationLast: {
|
|
298
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
298
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React$1.JSX.Element;
|
|
299
299
|
displayName: string;
|
|
300
300
|
};
|
|
301
301
|
declare const PaginationPrevious: {
|
|
302
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
302
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React$1.JSX.Element;
|
|
303
303
|
displayName: string;
|
|
304
304
|
};
|
|
305
305
|
declare const PaginationNext: {
|
|
306
|
-
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
306
|
+
({ className, disabled, isActive, onClick, }: PaginationButtonProps): React$1.JSX.Element;
|
|
307
307
|
displayName: string;
|
|
308
308
|
};
|
|
309
309
|
declare const PaginationEllipsis: {
|
|
310
|
-
({ className, disabled, isActive, asChild, onClick, }: PaginationButtonProps): React.JSX.Element;
|
|
310
|
+
({ className, disabled, isActive, asChild, onClick, }: PaginationButtonProps): React$1.JSX.Element;
|
|
311
311
|
displayName: string;
|
|
312
312
|
};
|
|
313
313
|
declare const PaginationIndex: {
|
|
314
|
-
({ className, disabled, isActive, onClick, children, }: PaginationIndexProps): React.JSX.Element;
|
|
314
|
+
({ className, disabled, isActive, onClick, children, }: PaginationIndexProps): React$1.JSX.Element;
|
|
315
315
|
displayName: string;
|
|
316
316
|
};
|
|
317
317
|
declare const Pagination: {
|
|
318
|
-
({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, }: PaginationProps): React.JSX.Element;
|
|
318
|
+
({ currentPage, itemsPage, perPage, totalRowsSelected, onChangePerPage, }: PaginationProps): React$1.JSX.Element;
|
|
319
319
|
displayName: string;
|
|
320
320
|
};
|
|
321
321
|
|
|
322
|
+
interface ColumnRender<TData, TValue> {
|
|
323
|
+
row: Row<TData>;
|
|
324
|
+
value: TValue;
|
|
325
|
+
}
|
|
326
|
+
interface ColumnSort<TData, TValue> {
|
|
327
|
+
table: Table<TData>;
|
|
328
|
+
column: Column$1<TData, TValue>;
|
|
329
|
+
}
|
|
330
|
+
type ColumnTitle<TData, TValue> = ColumnSort<TData, TValue>;
|
|
331
|
+
interface CheckedHeader<TData, TValue> {
|
|
332
|
+
table: Table<TData>;
|
|
333
|
+
column: Column$1<TData, TValue>;
|
|
334
|
+
}
|
|
335
|
+
interface CheckedHeaderChange<TData, TValue> {
|
|
336
|
+
table: Table<TData>;
|
|
337
|
+
column: Column$1<TData, TValue>;
|
|
338
|
+
value: boolean;
|
|
339
|
+
}
|
|
340
|
+
interface CheckedCell<TData> {
|
|
341
|
+
row: Row<TData>;
|
|
342
|
+
}
|
|
343
|
+
interface CheckedCellChange<TData> {
|
|
344
|
+
row: Row<TData>;
|
|
345
|
+
value: boolean;
|
|
346
|
+
}
|
|
347
|
+
interface Column<TData, TValue> {
|
|
348
|
+
key: string;
|
|
349
|
+
title?: (({ table, column }: ColumnTitle<TData, TValue>) => React.ReactNode) | React.ReactNode;
|
|
350
|
+
enableSelect?: boolean;
|
|
351
|
+
render?: (({ value, row }: ColumnRender<TData, TValue>) => React.ReactNode) | React.ReactNode;
|
|
352
|
+
onSort?: ({ table, column }: ColumnSort<TData, TValue>) => void;
|
|
353
|
+
checkedHeader?: ({ table, column }: CheckedHeader<TData, TValue>) => boolean;
|
|
354
|
+
checkedCell?: ({ row }: CheckedCell<TData>) => boolean;
|
|
355
|
+
onCheckedHeaderChange?: ({ table, column, value, }: CheckedHeaderChange<TData, TValue>) => void;
|
|
356
|
+
onCheckedCellChange?: ({ row, value }: CheckedCellChange<TData>) => void;
|
|
357
|
+
}
|
|
322
358
|
interface DataTableProps<TData, TValue> {
|
|
323
359
|
columnFullSize?: string;
|
|
324
360
|
fixedColumns?: string[];
|
|
325
361
|
isLoading?: boolean;
|
|
326
|
-
columns:
|
|
362
|
+
columns: Column<TData, TValue>[];
|
|
327
363
|
data: TData[];
|
|
328
364
|
noResults?: React.ReactNode;
|
|
329
365
|
pagination?: PaginationProps;
|
|
@@ -331,58 +367,59 @@ interface DataTableProps<TData, TValue> {
|
|
|
331
367
|
vhDiff?: number;
|
|
332
368
|
onIsSelected?: (row: Row<TData>) => boolean;
|
|
333
369
|
}
|
|
334
|
-
|
|
370
|
+
|
|
371
|
+
declare function DataTable<TData, TValue>({ columnFullSize, fixedColumns, isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, onIsSelected, }: DataTableProps<TData, TValue>): React$1.JSX.Element;
|
|
335
372
|
declare namespace DataTable {
|
|
336
373
|
var displayName: string;
|
|
337
374
|
}
|
|
338
375
|
|
|
339
|
-
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
340
|
-
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
341
|
-
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
342
|
-
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
343
|
-
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
344
|
-
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
376
|
+
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
377
|
+
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
378
|
+
declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
379
|
+
declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
380
|
+
declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
381
|
+
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
345
382
|
declare const DialogHeader: {
|
|
346
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
383
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
347
384
|
displayName: string;
|
|
348
385
|
};
|
|
349
386
|
declare const DialogFooter: {
|
|
350
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
387
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
|
|
351
388
|
displayName: string;
|
|
352
389
|
};
|
|
353
|
-
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
354
|
-
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
355
|
-
|
|
356
|
-
declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
357
|
-
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
358
|
-
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
359
|
-
declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
360
|
-
declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
361
|
-
declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
362
|
-
declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
390
|
+
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
391
|
+
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
392
|
+
|
|
393
|
+
declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
394
|
+
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
395
|
+
declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
396
|
+
declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
397
|
+
declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
398
|
+
declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
399
|
+
declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
363
400
|
inset?: boolean;
|
|
364
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
365
|
-
declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
366
|
-
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
367
|
-
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
401
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
402
|
+
declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
403
|
+
declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
404
|
+
declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
368
405
|
inset?: boolean;
|
|
369
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
370
|
-
declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
371
|
-
declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
372
|
-
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
406
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
407
|
+
declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
408
|
+
declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
409
|
+
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
373
410
|
inset?: boolean;
|
|
374
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
375
|
-
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
411
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
412
|
+
declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
376
413
|
declare const DropdownMenuShortcut: {
|
|
377
|
-
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
|
|
414
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
|
|
378
415
|
displayName: string;
|
|
379
416
|
};
|
|
380
417
|
|
|
381
418
|
interface HelpMenuItem {
|
|
382
|
-
icon?: React.ReactNode;
|
|
419
|
+
icon?: React$1.ReactNode;
|
|
383
420
|
description?: string;
|
|
384
421
|
disabled?: boolean;
|
|
385
|
-
render?: React.ReactNode;
|
|
422
|
+
render?: React$1.ReactNode;
|
|
386
423
|
onClick?: () => void;
|
|
387
424
|
}
|
|
388
425
|
interface HelpMenuProps {
|
|
@@ -394,14 +431,14 @@ interface HelpMenuProps {
|
|
|
394
431
|
|
|
395
432
|
interface ModulesMenuItem {
|
|
396
433
|
containerIconBgColor?: BgColor;
|
|
397
|
-
icon?: React.ReactNode;
|
|
434
|
+
icon?: React$1.ReactNode;
|
|
398
435
|
title?: string;
|
|
399
436
|
description?: string;
|
|
400
437
|
disabled?: boolean;
|
|
401
|
-
render?: React.ReactNode;
|
|
438
|
+
render?: React$1.ReactNode;
|
|
402
439
|
bgColor: string;
|
|
403
440
|
textColor: string;
|
|
404
|
-
highlight?: React.ReactNode;
|
|
441
|
+
highlight?: React$1.ReactNode;
|
|
405
442
|
onClick?: () => void;
|
|
406
443
|
}
|
|
407
444
|
interface ModulesMenuProps {
|
|
@@ -426,22 +463,22 @@ interface UserMenuProps {
|
|
|
426
463
|
user?: {
|
|
427
464
|
name: string;
|
|
428
465
|
email: string;
|
|
429
|
-
render?: React.ReactNode;
|
|
466
|
+
render?: React$1.ReactNode;
|
|
430
467
|
};
|
|
431
468
|
language?: {
|
|
432
|
-
icon?: React.ReactNode;
|
|
469
|
+
icon?: React$1.ReactNode;
|
|
433
470
|
label?: string;
|
|
434
471
|
select?: {
|
|
435
472
|
options: LanguageOption[];
|
|
436
473
|
value?: string;
|
|
437
474
|
onChange?: (language: string) => void;
|
|
438
475
|
};
|
|
439
|
-
render?: React.ReactNode;
|
|
476
|
+
render?: React$1.ReactNode;
|
|
440
477
|
};
|
|
441
478
|
logout?: {
|
|
442
|
-
icon: React.ReactNode;
|
|
479
|
+
icon: React$1.ReactNode;
|
|
443
480
|
label: string;
|
|
444
|
-
render?: React.ReactNode;
|
|
481
|
+
render?: React$1.ReactNode;
|
|
445
482
|
onClick: () => void;
|
|
446
483
|
};
|
|
447
484
|
}
|
|
@@ -451,7 +488,7 @@ interface CustomStyles {
|
|
|
451
488
|
bgColor: string;
|
|
452
489
|
textColor: string;
|
|
453
490
|
}
|
|
454
|
-
interface HeaderProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
|
|
491
|
+
interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof headerVariants> {
|
|
455
492
|
customStyles: CustomStyles;
|
|
456
493
|
module?: string;
|
|
457
494
|
customImgSrc?: string;
|
|
@@ -459,7 +496,7 @@ interface HeaderProps extends React.HTMLAttributes<HTMLElement>, VariantProps<ty
|
|
|
459
496
|
userMenu?: Omit<UserMenuProps, 'customStyles'>;
|
|
460
497
|
helpMenu?: Omit<HelpMenuProps, 'customStyles'>;
|
|
461
498
|
modulesMenu?: Omit<ModulesMenuProps, 'customStyles'>;
|
|
462
|
-
extraContent?: React.ReactNode;
|
|
499
|
+
extraContent?: React$1.ReactNode;
|
|
463
500
|
onOpenMenuChange?: () => void;
|
|
464
501
|
}
|
|
465
502
|
|
|
@@ -468,7 +505,7 @@ interface SideBarProps {
|
|
|
468
505
|
title: string;
|
|
469
506
|
onClick?: () => void;
|
|
470
507
|
url?: string;
|
|
471
|
-
icon: React.ReactNode;
|
|
508
|
+
icon: React$1.ReactNode;
|
|
472
509
|
isActive?: boolean;
|
|
473
510
|
}[];
|
|
474
511
|
info: {
|
|
@@ -481,12 +518,12 @@ interface SideBarProps {
|
|
|
481
518
|
version: string;
|
|
482
519
|
};
|
|
483
520
|
}
|
|
484
|
-
interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
521
|
+
interface LayoutProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
485
522
|
header: HeaderProps;
|
|
486
523
|
sideBar: SideBarProps;
|
|
487
524
|
}
|
|
488
525
|
declare const Layout: {
|
|
489
|
-
({ children, header, sideBar }: LayoutProps): React.JSX.Element;
|
|
526
|
+
({ children, header, sideBar }: LayoutProps): React$1.JSX.Element;
|
|
490
527
|
displayName: string;
|
|
491
528
|
};
|
|
492
529
|
|
|
@@ -500,7 +537,7 @@ declare const notificationVariants: (props?: ({
|
|
|
500
537
|
variant?: "error" | "success" | "information" | "warning" | null | undefined;
|
|
501
538
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
502
539
|
type BaseNotificationProps = VariantProps<typeof notificationVariants> & {
|
|
503
|
-
action?: React.ReactNode;
|
|
540
|
+
action?: React$1.ReactNode;
|
|
504
541
|
};
|
|
505
542
|
interface ToastNotificationProps extends BaseNotificationProps {
|
|
506
543
|
type: 'toast';
|
|
@@ -511,18 +548,18 @@ interface ToastNotificationProps extends BaseNotificationProps {
|
|
|
511
548
|
}
|
|
512
549
|
interface CalloutNotificationProps extends BaseNotificationProps {
|
|
513
550
|
type: 'callout';
|
|
514
|
-
title?: React.ReactNode;
|
|
515
|
-
content: React.ReactNode;
|
|
551
|
+
title?: React$1.ReactNode;
|
|
552
|
+
content: React$1.ReactNode;
|
|
516
553
|
shouldExpand?: boolean;
|
|
517
|
-
action?: React.ReactNode;
|
|
554
|
+
action?: React$1.ReactNode;
|
|
518
555
|
}
|
|
519
556
|
interface InlineNotificationProps extends BaseNotificationProps {
|
|
520
557
|
type: 'inline';
|
|
521
|
-
title?: React.ReactNode;
|
|
522
|
-
content: React.ReactNode;
|
|
558
|
+
title?: React$1.ReactNode;
|
|
559
|
+
content: React$1.ReactNode;
|
|
523
560
|
enableClose?: boolean;
|
|
524
561
|
shouldExpand?: boolean;
|
|
525
|
-
action?: React.ReactNode;
|
|
562
|
+
action?: React$1.ReactNode;
|
|
526
563
|
}
|
|
527
564
|
type NotificationProps = ToastNotificationProps | CalloutNotificationProps | InlineNotificationProps;
|
|
528
565
|
declare const posistionMap: {
|
|
@@ -532,15 +569,15 @@ declare const posistionMap: {
|
|
|
532
569
|
readonly bottomLeft: "bottom-0 left-0";
|
|
533
570
|
};
|
|
534
571
|
declare const getPositionClass: (type: string, placement?: keyof typeof posistionMap) => "" | "top-0 right-0" | "top-0 left-0" | "bottom-0 right-0" | "bottom-0 left-0";
|
|
535
|
-
declare const Notification: React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
|
|
572
|
+
declare const Notification: React$1.ForwardRefExoticComponent<NotificationProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
536
573
|
|
|
537
574
|
declare const TOAST_REMOVE_DELAY = 5000;
|
|
538
575
|
type ToasterToast = {
|
|
539
576
|
id: string;
|
|
540
|
-
title?: React.ReactNode;
|
|
541
|
-
content: React.ReactNode;
|
|
577
|
+
title?: React$1.ReactNode;
|
|
578
|
+
content: React$1.ReactNode;
|
|
542
579
|
variant: 'success' | 'error' | 'warning' | 'information';
|
|
543
|
-
action?: React.ReactNode;
|
|
580
|
+
action?: React$1.ReactNode;
|
|
544
581
|
toastLimit?: number;
|
|
545
582
|
duration?: number;
|
|
546
583
|
open: boolean;
|
|
@@ -589,57 +626,57 @@ declare function useNotificationToast(): {
|
|
|
589
626
|
pauseNotification: (toastId?: string) => void;
|
|
590
627
|
};
|
|
591
628
|
|
|
592
|
-
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
593
|
-
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
594
|
-
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
629
|
+
declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
630
|
+
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
631
|
+
declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
595
632
|
|
|
596
|
-
declare const Skeleton: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
|
|
633
|
+
declare const Skeleton: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => React$1.JSX.Element;
|
|
597
634
|
|
|
598
|
-
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
635
|
+
declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
599
636
|
|
|
600
637
|
declare const tagVariants: (props?: ({
|
|
601
638
|
color?: "blue" | "grey" | "green" | "orange" | "pink" | "purple" | "red" | "turquoise" | "yellow" | null | undefined;
|
|
602
639
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
603
|
-
interface TagProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof tagVariants> {
|
|
604
|
-
children: React.ReactNode;
|
|
640
|
+
interface TagProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof tagVariants> {
|
|
641
|
+
children: React$1.ReactNode;
|
|
605
642
|
}
|
|
606
|
-
declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
|
|
643
|
+
declare const Tag: React$1.ForwardRefExoticComponent<TagProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
607
644
|
|
|
608
|
-
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
609
|
-
declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
|
|
610
|
-
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
611
|
-
declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
|
|
612
|
-
declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
|
|
645
|
+
declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
646
|
+
declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
|
|
647
|
+
declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
648
|
+
declare const TooltipArrow: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React$1.RefAttributes<SVGSVGElement>>;
|
|
649
|
+
declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
|
|
613
650
|
declare const tooltipContentVariants: (props?: ({
|
|
614
651
|
color?: "black" | "white" | null | undefined;
|
|
615
652
|
arrow?: boolean | null | undefined;
|
|
616
653
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
617
|
-
interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
|
|
654
|
+
interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {
|
|
618
655
|
color?: 'white' | 'black';
|
|
619
656
|
arrow?: boolean;
|
|
620
657
|
}
|
|
621
|
-
declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
658
|
+
declare const TooltipContent: React$1.ForwardRefExoticComponent<TooltipContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
622
659
|
|
|
623
660
|
declare const typographyVariants: (props?: ({
|
|
624
661
|
variant?: "heading-xxlarge-500" | "heading-xlarge-500" | "heading-large-600" | "heading-large-500" | "heading-medium-600" | "heading-medium-500" | "heading-small-600" | "heading-small-500" | "heading-xsmall-600" | "heading-xsmall-500" | "heading-xxsmall-600" | "heading-xxsmall-500" | "body-large-700" | "body-large-500" | "body-large-400" | "body-medium-700" | "body-medium-500" | "body-medium-400" | "body-small-700" | "body-small-500" | "body-small-400" | "code-medium-400" | null | undefined;
|
|
625
662
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
626
|
-
interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'tag'>, VariantProps<typeof typographyVariants> {
|
|
663
|
+
interface TypographyProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'tag'>, VariantProps<typeof typographyVariants> {
|
|
627
664
|
textColor?: TextColor;
|
|
628
665
|
tag?: any;
|
|
629
666
|
}
|
|
630
667
|
declare const Typography: {
|
|
631
|
-
({ className, variant, children, textColor, tag, ...props }: TypographyProps): React.JSX.Element;
|
|
668
|
+
({ className, variant, children, textColor, tag, ...props }: TypographyProps): React$1.JSX.Element;
|
|
632
669
|
displayName: string;
|
|
633
670
|
};
|
|
634
671
|
|
|
635
|
-
declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
636
|
-
declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
672
|
+
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
673
|
+
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
637
674
|
|
|
638
|
-
interface SpinProps extends React.SVGAttributes<SVGSVGElement> {
|
|
675
|
+
interface SpinProps extends React$1.SVGAttributes<SVGSVGElement> {
|
|
639
676
|
textColor?: TextColor;
|
|
640
677
|
size?: string | number;
|
|
641
678
|
}
|
|
642
|
-
declare const Spin: React.ForwardRefExoticComponent<SpinProps & React.RefAttributes<SVGSVGElement>>;
|
|
679
|
+
declare const Spin: React$1.ForwardRefExoticComponent<SpinProps & React$1.RefAttributes<SVGSVGElement>>;
|
|
643
680
|
|
|
644
681
|
type SidebarContext = {
|
|
645
682
|
state: 'expanded' | 'collapsed';
|
|
@@ -650,7 +687,7 @@ type SidebarContext = {
|
|
|
650
687
|
isMobile: boolean;
|
|
651
688
|
toggleSidebar: () => void;
|
|
652
689
|
};
|
|
653
|
-
declare const SidebarContext: React.Context<SidebarContext | null>;
|
|
690
|
+
declare const SidebarContext: React$1.Context<SidebarContext | null>;
|
|
654
691
|
declare function useSidebar(): SidebarContext;
|
|
655
692
|
|
|
656
693
|
declare function useIsMobile(): boolean;
|
package/dist/style.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(89,123,216,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(89,123,216,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 14.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 14.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem;--sidebar-background:0 0% 100%%;--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%}@font-face{font-family:Roboto;font-style:italic;font-weight:100;font-display:swap;src:url(../public/fonts/Roboto/thin-100-italic.woff2)}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-display:swap;src:url(../public/fonts/Roboto/light-300-italic.woff2)}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(../public/fonts/Roboto/regular-400-italic.woff2)}@font-face{font-family:Roboto;font-style:italic;font-weight:500;font-display:swap;src:url(../public/fonts/Roboto/medium-500-italic.woff2)}@font-face{font-family:Roboto;font-style:italic;font-weight:700;font-display:swap;src:url(../public/fonts/Roboto/bold-700-italic.woff2)}@font-face{font-family:Roboto;font-style:italic;font-weight:900;font-display:swap;src:url(../public/fonts/Roboto/black-900-italic.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:100;font-display:swap;src:url(../public/fonts/Roboto/thin-100.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(../public/fonts/Roboto/light-300.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(../public/fonts/Roboto/regular-400.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(../public/fonts/Roboto/medium-500.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(../public/fonts/Roboto/bold-700.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-display:swap;src:url(../public/fonts/Roboto/black-900.woff2)}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(../public/fonts/Montserrat/italic.woff2)}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../public/fonts/Montserrat/normal.woff2)}@font-face{font-family:IBM Plex Mono;font-style:italic;font-weight:100;font-display:swap;src:url(../public/fonts/Ibm/thin-100-italic.woff2)}@font-face{font-family:IBM Plex Mono;font-style:italic;font-weight:300;font-display:swap;src:url(../public/fonts/Ibm/light-300-italic.woff2)}@font-face{font-family:IBM Plex Mono;font-style:italic;font-weight:400;font-display:swap;src:url(../public/fonts/Ibm/regular-400-italic.woff2)}@font-face{font-family:IBM Plex Mono;font-style:italic;font-weight:500;font-display:swap;src:url(../public/fonts/Ibm/medium-500-italic.woff2)}@font-face{font-family:IBM Plex Mono;font-style:italic;font-weight:700;font-display:swap;src:url(../public/fonts/Ibm/bold-700-italic.woff2)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:100;font-display:swap;src:url(../public/fonts/Ibm/thin-100.woff2)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../public/fonts/Ibm/light-300.woff2)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../public/fonts/Ibm/regular-400.woff2)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../public/fonts/Ibm/medium-500.woff2)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../public/fonts/Ibm/bold-700.woff2)}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));font-family:Roboto,sans-serif;color:hsl(var(--foreground))}.container{width:100%}@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}}.heading-xxlarge-500{font-size:3rem;line-height:3.25rem}.heading-xlarge-500,.heading-xxlarge-500{font-family:Montserrat,sans-serif;font-weight:500}.heading-xlarge-500{font-size:2.5rem;line-height:2.75rem}.heading-large-600{font-weight:600}.heading-large-500,.heading-large-600{font-family:Montserrat,sans-serif;font-size:2rem;line-height:2.25rem}.heading-large-500{font-weight:500}.heading-medium-600{font-weight:600}.heading-medium-500,.heading-medium-600{font-family:Montserrat,sans-serif;font-size:1.5rem;line-height:1.75rem}.heading-medium-500{font-weight:500}.heading-small-600{font-weight:600}.heading-small-500,.heading-small-600{font-family:Montserrat,sans-serif;font-size:1.25rem;line-height:1.5rem}.heading-small-500{font-weight:500}.heading-xsmall-600{font-weight:600}.heading-xsmall-500,.heading-xsmall-600{font-family:Montserrat,sans-serif;font-size:1rem;line-height:1.25rem}.heading-xsmall-500{font-weight:500}.heading-xxsmall-600{font-weight:600}.heading-xxsmall-500,.heading-xxsmall-600{font-family:Montserrat,sans-serif;font-size:.875rem;line-height:1.25rem}.heading-xxsmall-500{font-weight:500}.body-large-700{font-weight:700}.body-large-500,.body-large-700{font-family:Roboto,sans-serif;font-size:1rem;line-height:1.5rem}.body-large-500{font-weight:500}.body-large-400{font-family:Roboto,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:400}.body-medium-700{font-weight:700}.body-medium-500,.body-medium-700{font-family:Roboto,sans-serif;font-size:.875rem;line-height:1.25rem}.body-medium-500{font-weight:500}.body-medium-400{font-family:Roboto,sans-serif;font-size:.875rem;line-height:1.25rem;font-weight:400}.body-small-700{font-weight:700}.body-small-500,.body-small-700{font-family:Roboto,sans-serif;font-size:.75rem;line-height:1rem}.body-small-500{font-weight:500}.body-small-400{font-family:Roboto,sans-serif;font-size:.75rem;line-height:1rem;font-weight:400}.code-medium-400{font-family:IBM Plex Mono,sans-serif;font-size:.875rem;line-height:1.25rem;font-weight:400}.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}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.ml-auto{margin-left:auto}.mt-6{margin-top:1.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-0{height:0}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[20px\]{height:20px}.h-\[25px\]{height:25px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0}.max-h-10{max-height:2.5rem}.max-h-6{max-height:1.5rem}.max-h-96{max-height:24rem}.max-h-\[32px\]{max-height:32px}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-12{min-height:3rem}.min-h-8{min-height:2rem}.min-h-svh{min-height:100svh}.w-0{width:0}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[--sidebar-width\]{width:var(--sidebar-width)}.w-\[100px\]{width:100px}.w-\[180px\]{width:180px}.w-\[1px\]{width:1px}.w-\[200px\]{width:200px}.w-\[200x\]{width:200x}.w-\[250px\]{width:250px}.w-\[274px\]{width:274px}.w-\[424px\]{width:424px}.w-\[50vw\]{width:50vw}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-5{min-width:1.25rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-80{max-width:20rem}.max-w-\[--skeleton-width\]{max-width:var(--skeleton-width)}.max-w-\[102px\]{max-width:102px}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-px{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x:-1px}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-x-px{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-px{--tw-translate-x:1px}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.transform,.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1\.25rem_1fr\]{grid-template-columns:1.25rem 1fr}.grid-cols-\[1\.25rem_1fr_auto\]{grid-template-columns:1.25rem 1fr auto}.grid-cols-\[1\.25rem_1fr_auto_minmax\(1\.25rem\2c _auto\)\]{grid-template-columns:1.25rem 1fr auto minmax(1.25rem,auto)}.grid-cols-\[1\.25rem_1fr_minmax\(1\.25rem\2c _auto\)\]{grid-template-columns:1.25rem 1fr minmax(1.25rem,auto)}.grid-cols-\[1\.25rem_auto\]{grid-template-columns:1.25rem auto}.grid-cols-\[1\.25rem_auto_1\.25rem\]{grid-template-columns:1.25rem auto 1.25rem}.grid-cols-\[1\.25rem_auto_auto\]{grid-template-columns:1.25rem auto auto}.grid-cols-\[1\.25rem_auto_auto_1\.25rem\]{grid-template-columns:1.25rem auto auto 1.25rem}.grid-cols-\[1\.25rem_auto_minmax\(1\.25rem\2c _auto\)\]{grid-template-columns:1.25rem auto minmax(1.25rem,auto)}.grid-cols-\[1\.25rem_minmax\(_auto\2c 11rem\)_minmax\(1\.25rem\2c _auto\)\]{grid-template-columns:1.25rem minmax(auto,11rem) minmax(1.25rem,auto)}.grid-cols-\[1\.25rem_minmax\(_auto\2c 13\.25rem\)\]{grid-template-columns:1.25rem minmax(auto,13.25rem)}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-24{gap:6rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[8px\]{border-radius:8px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-b-lg{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-e-sm{border-start-end-radius:calc(var(--radius) - 4px);border-end-end-radius:calc(var(--radius) - 4px)}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-y-\[12px\]{border-top-width:12px;border-bottom-width:12px}.border-b{border-bottom-width:1px}.border-b-\[0\.5px\]{border-bottom-width:.5px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-r-\[12px\]{border-right-width:12px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-blue-600{--tw-border-opacity:1;border-color:rgb(60 89 201/var(--tw-border-opacity,1))}.border-grey-100{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity,1))}.border-grey-400{--tw-border-opacity:1;border-color:rgb(201 201 201/var(--tw-border-opacity,1))}.border-grey-600{--tw-border-opacity:1;border-color:rgb(122 122 122/var(--tw-border-opacity,1))}.border-input{border-color:hsl(var(--input))}.border-red-600{--tw-border-opacity:1;border-color:rgb(236 22 22/var(--tw-border-opacity,1))}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-y-transparent{border-top-color:transparent;border-bottom-color:transparent}.border-l-transparent{border-left-color:transparent}.border-r-pink-500{--tw-border-opacity:1;border-right-color:rgb(227 92 156/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\[\#eeeeee\]{--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity,1))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(201 215 244/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(242 245 252/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(60 89 201/var(--tw-bg-opacity,1))}.bg-blue-800{--tw-bg-opacity:1;background-color:rgb(53 65 152/var(--tw-bg-opacity,1))}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(212 247 231/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(15 140 109/var(--tw-bg-opacity,1))}.bg-grey-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.bg-grey-200{--tw-bg-opacity:1;background-color:rgb(231 231 231/var(--tw-bg-opacity,1))}.bg-grey-400\/30{background-color:hsla(0,0%,79%,.3)}.bg-grey-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-grey-600{--tw-bg-opacity:1;background-color:rgb(122 122 122/var(--tw-bg-opacity,1))}.bg-muted{background-color:hsl(var(--muted))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(254 240 214/var(--tw-bg-opacity,1))}.bg-pink-100{--tw-bg-opacity:1;background-color:rgb(251 232 243/var(--tw-bg-opacity,1))}.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(227 92 156/var(--tw-bg-opacity,1))}.bg-popover{background-color:hsl(var(--popover))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(238 235 252/var(--tw-bg-opacity,1))}.bg-purple-200{--tw-bg-opacity:1;background-color:rgb(222 217 251/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(255 224 224/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(255 241 241/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(236 22 22/var(--tw-bg-opacity,1))}.bg-sidebar{background-color:hsl(var(--sidebar-background))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-transparent{background-color:transparent}.bg-turquoise-100{--tw-bg-opacity:1;background-color:rgb(211 247 250/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 253 195/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(201 152 5/var(--tw-bg-opacity,1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-400{--tw-gradient-from:#aa94f1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(170,148,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from:#f9dc16 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,220,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-green-500{--tw-gradient-to:rgba(28,173,134,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1cad86 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pink-500{--tw-gradient-to:rgba(227,92,156,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#e35c9c var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to:#597bd8 var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ff4646 var(--tw-gradient-to-position)}.fill-blue-500{fill:#597bd8}.fill-current{fill:currentColor}.fill-grey-950{fill:#262626}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-0{padding-bottom:0}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-roboto{font-family:Roboto,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-600{--tw-text-opacity:1;color:rgb(60 89 201/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(59 78 186/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(47 58 121/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-foreground{color:hsl(var(--foreground))}.text-green-600{--tw-text-opacity:1;color:rgb(15 140 109/var(--tw-text-opacity,1))}.text-grey-300{--tw-text-opacity:1;color:rgb(224 225 225/var(--tw-text-opacity,1))}.text-grey-500{--tw-text-opacity:1;color:rgb(136 136 136/var(--tw-text-opacity,1))}.text-grey-600{--tw-text-opacity:1;color:rgb(122 122 122/var(--tw-text-opacity,1))}.text-grey-700{--tw-text-opacity:1;color:rgb(93 93 93/var(--tw-text-opacity,1))}.text-grey-800{--tw-text-opacity:1;color:rgb(74 74 74/var(--tw-text-opacity,1))}.text-grey-950{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity,1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-600{--tw-text-opacity:1;color:rgb(229 105 16/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(207 51 117/var(--tw-text-opacity,1))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-purple-600{--tw-text-opacity:1;color:rgb(130 80 223/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(109 55 202/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(236 22 22/var(--tw-text-opacity,1))}.text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground)/.7)}.text-turquoise-600{--tw-text-opacity:1;color:rgb(21 136 165/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(201 152 5/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow-\[0_-0\.5px_0px_0px_\#c9c9c9_inset\]{--tw-shadow:0 -0.5px 0px 0px #c9c9c9 inset;--tw-shadow-colored:inset 0 -0.5px 0px 0px var(--tw-shadow-color)}.shadow-\[0_-0\.5px_0px_0px_\#c9c9c9_inset\],.shadow-\[0_-1\.5px_0px_0px_\#c9c9c9_inset\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_-1\.5px_0px_0px_\#c9c9c9_inset\]{--tw-shadow:0 -1.5px 0px 0px #c9c9c9 inset;--tw-shadow-colored:inset 0 -1.5px 0px 0px var(--tw-shadow-color)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-sidebar-ring{--tw-ring-color:hsl(var(--sidebar-ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\2c right\2c width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\2c opa\]{transition-property:margin,opa;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\2c height\2c padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-75{transition-duration:75ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-75{animation-duration:75ms}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:-.5rem}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.hover\:cursor-not-allowed:hover{cursor:not-allowed}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:rounded-lg:hover{border-radius:var(--radius)}.hover\:border-blue-600:hover{--tw-border-opacity:1;border-color:rgb(60 89 201/var(--tw-border-opacity,1))}.hover\:border-grey-200:hover{--tw-border-opacity:1;border-color:rgb(231 231 231/var(--tw-border-opacity,1))}.hover\:border-grey-500:hover{--tw-border-opacity:1;border-color:rgb(136 136 136/var(--tw-border-opacity,1))}.hover\:border-t-transparent:hover{border-top-color:transparent}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(201 215 244/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(59 78 186/var(--tw-bg-opacity,1))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(172 238 212/var(--tw-bg-opacity,1))}.hover\:bg-grey-200:hover{--tw-bg-opacity:1;background-color:rgb(231 231 231/var(--tw-bg-opacity,1))}.hover\:bg-grey-200\/70:hover{background-color:hsla(0,0%,91%,.7)}.hover\:bg-grey-300:hover{--tw-bg-opacity:1;background-color:rgb(224 225 225/var(--tw-bg-opacity,1))}.hover\:bg-grey-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\:bg-grey-800:hover{--tw-bg-opacity:1;background-color:rgb(74 74 74/var(--tw-bg-opacity,1))}.hover\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:rgb(252 221 172/var(--tw-bg-opacity,1))}.hover\:bg-pink-200:hover{--tw-bg-opacity:1;background-color:rgb(248 210 231/var(--tw-bg-opacity,1))}.hover\:bg-purple-200:hover{--tw-bg-opacity:1;background-color:rgb(222 217 251/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(255 224 224/var(--tw-bg-opacity,1))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(255 197 197/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(199 14 14/var(--tw-bg-opacity,1))}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:bg-turquoise-200:hover{--tw-bg-opacity:1;background-color:rgb(172 238 245/var(--tw-bg-opacity,1))}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(254 248 138/var(--tw-bg-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(60 89 201/var(--tw-text-opacity,1))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-70:hover{opacity:.7}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:ring-0:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}.focus\:rounded-lg:focus{border-radius:var(--radius)}.focus\:border-blue-600:focus{--tw-border-opacity:1;border-color:rgb(60 89 201/var(--tw-border-opacity,1))}.focus\:border-t-transparent:focus{border-top-color:transparent}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-background:focus{background-color:hsl(var(--background))}.focus\:bg-blue-100:focus{--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.focus\:bg-green-100:focus{--tw-bg-opacity:1;background-color:rgb(212 247 231/var(--tw-bg-opacity,1))}.focus\:bg-grey-200:focus{--tw-bg-opacity:1;background-color:rgb(231 231 231/var(--tw-bg-opacity,1))}.focus\:bg-orange-100:focus{--tw-bg-opacity:1;background-color:rgb(254 240 214/var(--tw-bg-opacity,1))}.focus\:bg-pink-100:focus{--tw-bg-opacity:1;background-color:rgb(251 232 243/var(--tw-bg-opacity,1))}.focus\:bg-purple-100:focus{--tw-bg-opacity:1;background-color:rgb(238 235 252/var(--tw-bg-opacity,1))}.focus\:bg-red-100:focus{--tw-bg-opacity:1;background-color:rgb(255 224 224/var(--tw-bg-opacity,1))}.focus\:bg-transparent:focus{background-color:transparent}.focus\:bg-turquoise-100:focus{--tw-bg-opacity:1;background-color:rgb(211 247 250/var(--tw-bg-opacity,1))}.focus\:bg-yellow-100:focus{--tw-bg-opacity:1;background-color:rgb(254 253 195/var(--tw-bg-opacity,1))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(201 215 244/var(--tw-ring-opacity,1))}.focus\:ring-blue-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(242 245 252/var(--tw-ring-opacity,1))}.focus\:ring-blue-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(60 89 201/var(--tw-ring-opacity,1))}.focus\:ring-green-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(237 252 246/var(--tw-ring-opacity,1))}.focus\:ring-grey-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(231 231 231/var(--tw-ring-opacity,1))}.focus\:ring-grey-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 250 250/var(--tw-ring-opacity,1))}.focus\:ring-orange-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 248 237/var(--tw-ring-opacity,1))}.focus\:ring-pink-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(252 243 248/var(--tw-ring-opacity,1))}.focus\:ring-purple-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(246 244 254/var(--tw-ring-opacity,1))}.focus\:ring-red-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 197 197/var(--tw-ring-opacity,1))}.focus\:ring-red-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 241 241/var(--tw-ring-opacity,1))}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-turquoise-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(237 253 254/var(--tw-ring-opacity,1))}.focus\:ring-yellow-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 254 232/var(--tw-ring-opacity,1))}.focus\:ring-opacity-20:focus{--tw-ring-opacity:0.2}.focus\:ring-opacity-30:focus{--tw-ring-opacity:0.3}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:hover\:ring-0:hover:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:border-blue-600:focus-visible{--tw-border-opacity:1;border-color:rgb(60 89 201/var(--tw-border-opacity,1))}.focus-visible\:bg-background:focus-visible{background-color:hsl(var(--background))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-blue-600:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(60 89 201/var(--tw-ring-opacity,1))}.focus-visible\:ring-sidebar-ring:focus-visible{--tw-ring-color:hsl(var(--sidebar-ring))}.focus-visible\:ring-opacity-20:focus-visible{--tw-ring-opacity:0.2}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:before\:absolute:focus-visible:before{content:var(--tw-content);position:absolute}.focus-visible\:before\:left-1\/2:focus-visible:before{content:var(--tw-content);left:50%}.focus-visible\:before\:top-1\/2:focus-visible:before{content:var(--tw-content);top:50%}.focus-visible\:before\:-z-10:focus-visible:before{content:var(--tw-content);z-index:-10}.focus-visible\:before\:h-10:focus-visible:before{content:var(--tw-content);height:2.5rem}.focus-visible\:before\:w-10:focus-visible:before{content:var(--tw-content);width:2.5rem}.focus-visible\:before\:-translate-x-1\/2:focus-visible:before{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus-visible\:before\:-translate-y-1\/2:focus-visible:before{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus-visible\:before\:transform:focus-visible:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus-visible\:before\:rounded-full:focus-visible:before{content:var(--tw-content);border-radius:9999px}.focus-visible\:before\:bg-blue-100:focus-visible:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.active\:border-grey-700:active{--tw-border-opacity:1;border-color:rgb(93 93 93/var(--tw-border-opacity,1))}.active\:border-transparent:active{border-color:transparent}.active\:bg-blue-300:active{--tw-bg-opacity:1;background-color:rgb(164 190 236/var(--tw-bg-opacity,1))}.active\:bg-blue-800:active{--tw-bg-opacity:1;background-color:rgb(53 65 152/var(--tw-bg-opacity,1))}.active\:bg-green-300:active{--tw-bg-opacity:1;background-color:rgb(95 217 176/var(--tw-bg-opacity,1))}.active\:bg-grey-200:active{--tw-bg-opacity:1;background-color:rgb(231 231 231/var(--tw-bg-opacity,1))}.active\:bg-grey-400:active{--tw-bg-opacity:1;background-color:rgb(201 201 201/var(--tw-bg-opacity,1))}.active\:bg-grey-900:active{--tw-bg-opacity:1;background-color:rgb(61 61 61/var(--tw-bg-opacity,1))}.active\:bg-orange-300:active{--tw-bg-opacity:1;background-color:rgb(250 196 119/var(--tw-bg-opacity,1))}.active\:bg-pink-300:active{--tw-bg-opacity:1;background-color:rgb(244 173 211/var(--tw-bg-opacity,1))}.active\:bg-purple-300:active{--tw-bg-opacity:1;background-color:rgb(199 187 247/var(--tw-bg-opacity,1))}.active\:bg-red-300:active{--tw-bg-opacity:1;background-color:rgb(255 157 157/var(--tw-bg-opacity,1))}.active\:bg-red-800:active{--tw-bg-opacity:1;background-color:rgb(164 16 16/var(--tw-bg-opacity,1))}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:bg-turquoise-300:active{--tw-bg-opacity:1;background-color:rgb(107 221 237/var(--tw-bg-opacity,1))}.active\:bg-yellow-300:active{--tw-bg-opacity:1;background-color:rgb(252 237 72/var(--tw-bg-opacity,1))}.active\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.active\:ring-0:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-blue-200:disabled{--tw-border-opacity:1;border-color:rgb(201 215 244/var(--tw-border-opacity,1))}.disabled\:border-grey-200:disabled{--tw-border-opacity:1;border-color:rgb(231 231 231/var(--tw-border-opacity,1))}.disabled\:border-grey-300:disabled{--tw-border-opacity:1;border-color:rgb(224 225 225/var(--tw-border-opacity,1))}.disabled\:border-input:disabled{border-color:hsl(var(--input))}.disabled\:border-red-200:disabled{--tw-border-opacity:1;border-color:rgb(255 197 197/var(--tw-border-opacity,1))}.disabled\:bg-blue-100:disabled{--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.disabled\:bg-blue-50:disabled{--tw-bg-opacity:1;background-color:rgb(242 245 252/var(--tw-bg-opacity,1))}.disabled\:bg-grey-200:disabled{--tw-bg-opacity:1;background-color:rgb(231 231 231/var(--tw-bg-opacity,1))}.disabled\:bg-grey-50:disabled{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.disabled\:bg-red-100:disabled{--tw-bg-opacity:1;background-color:rgb(255 224 224/var(--tw-bg-opacity,1))}.disabled\:bg-red-50:disabled{--tw-bg-opacity:1;background-color:rgb(255 241 241/var(--tw-bg-opacity,1))}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.disabled\:text-blue-200:disabled{--tw-text-opacity:1;color:rgb(201 215 244/var(--tw-text-opacity,1))}.disabled\:text-blue-400:disabled{--tw-text-opacity:1;color:rgb(121 157 225/var(--tw-text-opacity,1))}.disabled\:text-grey-300:disabled{--tw-text-opacity:1;color:rgb(224 225 225/var(--tw-text-opacity,1))}.disabled\:text-grey-800:disabled{--tw-text-opacity:1;color:rgb(74 74 74/var(--tw-text-opacity,1))}.disabled\:text-red-100:disabled{--tw-text-opacity:1;color:rgb(255 224 224/var(--tw-text-opacity,1))}.disabled\:text-red-200:disabled{--tw-text-opacity:1;color:rgb(255 197 197/var(--tw-text-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:rounded-none:hover:disabled{border-radius:0}.disabled\:hover\:border-grey-400:hover:disabled{--tw-border-opacity:1;border-color:rgb(201 201 201/var(--tw-border-opacity,1))}.disabled\:hover\:bg-none:hover:disabled{background-image:none}.disabled\:focus\:ring-0:focus:disabled{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.disabled\:active\:bg-transparent:active:disabled{background-color:transparent}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-100,.group\/menu-item:hover .group-hover\/menu-item\:opacity-100{opacity:1}.group:focus .group-focus\:ring-8{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:focus .group-focus\:ring-blue-200{--tw-ring-opacity:1;--tw-ring-color:rgb(201 215 244/var(--tw-ring-opacity,1))}.group:focus .group-focus\:ring-opacity-50{--tw-ring-opacity:0.5}.group:active:enabled .group-active\:group-enabled\:h-5{height:1.25rem}.group:active:enabled .group-active\:group-enabled\:w-5{width:1.25rem}.peer\/menu-button:hover~.peer-hover\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-50{opacity:.5}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){background-color:hsl(var(--sidebar-background))}.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{padding-right:2rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-6[data-state=checked]{--tw-translate-x:1.5rem}.data-\[state\=checked\]\:translate-x-6[data-state=checked],.data-\[state\=unchecked\]\:translate-x-1[data-state=unchecked]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-1[data-state=unchecked]{--tw-translate-x:0.25rem}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[state\=unchecked\]\:border-2[data-state=unchecked]{border-width:2px}.data-\[state\=checked\]\:border-blue-600[data-state=checked]{--tw-border-opacity:1;border-color:rgb(60 89 201/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:border-grey-400[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(201 201 201/var(--tw-border-opacity,1))}.data-\[active\=true\]\:bg-blue-100[data-active=true]{--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=checked\]\:bg-blue-600[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(60 89 201/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-white[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=unchecked\]\:bg-grey-400[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(201 201 201/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[active\=true\]\:text-blue-600[data-active=true]{--tw-text-opacity:1;color:rgb(60 89 201/var(--tw-text-opacity,1))}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\[state\=checked\]\:text-blue-600[data-state=checked]{--tw-text-opacity:1;color:rgb(60 89 201/var(--tw-text-opacity,1))}.data-\[state\=checked\]\:text-white[data-state=checked]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[state\=checked\]\:hover\:border-blue-700:hover[data-state=checked]{--tw-border-opacity:1;border-color:rgb(59 78 186/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:hover\:border-grey-500:hover[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(136 136 136/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:hover\:bg-blue-700:hover[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(59 78 186/var(--tw-bg-opacity,1))}.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=checked\]\:hover\:text-blue-700:hover[data-state=checked]{--tw-text-opacity:1;color:rgb(59 78 186/var(--tw-text-opacity,1))}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open]{color:hsl(var(--sidebar-accent-foreground))}.data-\[state\=checked\]\:active\:border-blue-800:active[data-state=checked]{--tw-border-opacity:1;border-color:rgb(53 65 152/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:active\:border-grey-700:active[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(93 93 93/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:active\:bg-blue-800:active[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(53 65 152/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:active\:text-blue-800:active[data-state=checked]{--tw-text-opacity:1;color:rgb(53 65 152/var(--tw-text-opacity,1))}.data-\[state\=checked\]\:disabled\:border-blue-400:disabled[data-state=checked]{--tw-border-opacity:1;border-color:rgb(121 157 225/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:disabled\:border-grey-300:disabled[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(224 225 225/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:disabled\:bg-blue-200:disabled[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(201 215 244/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:disabled\:bg-blue-400:disabled[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(121 157 225/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:disabled\:text-blue-400:disabled[data-state=checked]{--tw-text-opacity:1;color:rgb(121 157 225/var(--tw-text-opacity,1))}.group:hover .group-hover\:data-\[state\=unchecked\]\:bg-grey-500[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(136 136 136/var(--tw-bg-opacity,1))}.group:active .group-active\:data-\[state\=unchecked\]\:bg-grey-700[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(93 93 93/var(--tw-bg-opacity,1))}.group:active:enabled .group-active\:group-enabled\:data-\[state\=unchecked\]\:translate-x-\[-2px\][data-state=unchecked]{--tw-translate-x:-2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:disabled .group-disabled\:data-\[state\=unchecked\]\:bg-grey-300[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(224 225 225/var(--tw-bg-opacity,1))}.group:disabled .group-disabled\:data-\[state\=unchecked\]\:bg-opacity-65[data-state=unchecked]{--tw-bg-opacity:0.65}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width)*-1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width)*-1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-10{width:2.5rem!important;height:2.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2{padding:.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0,.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:opacity-0{opacity:0}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{background-color:hsl(var(--sidebar-background))}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer[data-variant=inset]~.peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]{min-height:calc(100svh - 1rem)}.peer\/menu-button[data-active=true]~.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}@media not all and (min-width:768px){.max-md\:hidden{display:none}.max-md\:w-full{width:100%}}@media (min-width:640px){.sm\:flex{display:flex}.sm\:w-\[17\.5rem\]{width:17.5rem}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:opacity-0{opacity:0}.after\:md\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:.75rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:size-6>svg{width:1.5rem;height:1.5rem}.\[\&\>svg\]\:\!h-5>svg{height:1.25rem!important}.\[\&\>svg\]\:\!h-6>svg{height:1.5rem!important}.\[\&\>svg\]\:\!h-8>svg{height:2rem!important}.\[\&\>svg\]\:h-5>svg{height:1.25rem}.\[\&\>svg\]\:h-6>svg{height:1.5rem}.\[\&\>svg\]\:\!w-5>svg{width:1.25rem!important}.\[\&\>svg\]\:\!w-6>svg{width:1.5rem!important}.\[\&\>svg\]\:\!w-8>svg{width:2rem!important}.\[\&\>svg\]\:w-5>svg{width:1.25rem}.\[\&\>svg\]\:w-6>svg{width:1.5rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_\.tooltip-arrow\]\:fill-black .tooltip-arrow{fill:#000}.\[\&_\.tooltip-arrow\]\:fill-white .tooltip-arrow{fill:#fff}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_td\]\:data-\[state\=selected\]\:bg-grey-100[data-state=selected] td,.\[\&_td\]\:hover\:bg-grey-100:hover td{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\:last-child_td\]\:shadow-none tr:last-child td{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(89,123,216,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(89,123,216,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 14.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 14.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:0.5rem;--sidebar-background:0 0% 100%%;--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%}@font-face{font-family:Roboto;font-style:italic;font-weight:100;font-display:swap;src:url(../public/fonts/Roboto/thin-100-italic.woff2)}@font-face{font-family:Roboto;font-style:italic;font-weight:300;font-display:swap;src:url(../public/fonts/Roboto/light-300-italic.woff2)}@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url(../public/fonts/Roboto/regular-400-italic.woff2)}@font-face{font-family:Roboto;font-style:italic;font-weight:500;font-display:swap;src:url(../public/fonts/Roboto/medium-500-italic.woff2)}@font-face{font-family:Roboto;font-style:italic;font-weight:700;font-display:swap;src:url(../public/fonts/Roboto/bold-700-italic.woff2)}@font-face{font-family:Roboto;font-style:italic;font-weight:900;font-display:swap;src:url(../public/fonts/Roboto/black-900-italic.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:100;font-display:swap;src:url(../public/fonts/Roboto/thin-100.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(../public/fonts/Roboto/light-300.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(../public/fonts/Roboto/regular-400.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(../public/fonts/Roboto/medium-500.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(../public/fonts/Roboto/bold-700.woff2)}@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-display:swap;src:url(../public/fonts/Roboto/black-900.woff2)}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(../public/fonts/Montserrat/italic.woff2)}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../public/fonts/Montserrat/normal.woff2)}@font-face{font-family:IBM Plex Mono;font-style:italic;font-weight:100;font-display:swap;src:url(../public/fonts/Ibm/thin-100-italic.woff2)}@font-face{font-family:IBM Plex Mono;font-style:italic;font-weight:300;font-display:swap;src:url(../public/fonts/Ibm/light-300-italic.woff2)}@font-face{font-family:IBM Plex Mono;font-style:italic;font-weight:400;font-display:swap;src:url(../public/fonts/Ibm/regular-400-italic.woff2)}@font-face{font-family:IBM Plex Mono;font-style:italic;font-weight:500;font-display:swap;src:url(../public/fonts/Ibm/medium-500-italic.woff2)}@font-face{font-family:IBM Plex Mono;font-style:italic;font-weight:700;font-display:swap;src:url(../public/fonts/Ibm/bold-700-italic.woff2)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:100;font-display:swap;src:url(../public/fonts/Ibm/thin-100.woff2)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../public/fonts/Ibm/light-300.woff2)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../public/fonts/Ibm/regular-400.woff2)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../public/fonts/Ibm/medium-500.woff2)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../public/fonts/Ibm/bold-700.woff2)}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));font-family:Roboto,sans-serif;color:hsl(var(--foreground))}.container{width:100%}@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}}.heading-xxlarge-500{font-size:3rem;line-height:3.25rem}.heading-xlarge-500,.heading-xxlarge-500{font-family:Montserrat,sans-serif;font-weight:500}.heading-xlarge-500{font-size:2.5rem;line-height:2.75rem}.heading-large-600{font-weight:600}.heading-large-500,.heading-large-600{font-family:Montserrat,sans-serif;font-size:2rem;line-height:2.25rem}.heading-large-500{font-weight:500}.heading-medium-600{font-weight:600}.heading-medium-500,.heading-medium-600{font-family:Montserrat,sans-serif;font-size:1.5rem;line-height:1.75rem}.heading-medium-500{font-weight:500}.heading-small-600{font-weight:600}.heading-small-500,.heading-small-600{font-family:Montserrat,sans-serif;font-size:1.25rem;line-height:1.5rem}.heading-small-500{font-weight:500}.heading-xsmall-600{font-weight:600}.heading-xsmall-500,.heading-xsmall-600{font-family:Montserrat,sans-serif;font-size:1rem;line-height:1.25rem}.heading-xsmall-500{font-weight:500}.heading-xxsmall-600{font-weight:600}.heading-xxsmall-500,.heading-xxsmall-600{font-family:Montserrat,sans-serif;font-size:.875rem;line-height:1.25rem}.heading-xxsmall-500{font-weight:500}.body-large-700{font-weight:700}.body-large-500,.body-large-700{font-family:Roboto,sans-serif;font-size:1rem;line-height:1.5rem}.body-large-500{font-weight:500}.body-large-400{font-family:Roboto,sans-serif;font-size:1rem;line-height:1.5rem;font-weight:400}.body-medium-700{font-weight:700}.body-medium-500,.body-medium-700{font-family:Roboto,sans-serif;font-size:.875rem;line-height:1.25rem}.body-medium-500{font-weight:500}.body-medium-400{font-family:Roboto,sans-serif;font-size:.875rem;line-height:1.25rem;font-weight:400}.body-small-700{font-weight:700}.body-small-500,.body-small-700{font-family:Roboto,sans-serif;font-size:.75rem;line-height:1rem}.body-small-500{font-weight:500}.body-small-400{font-family:Roboto,sans-serif;font-size:.75rem;line-height:1rem;font-weight:400}.code-medium-400{font-family:IBM Plex Mono,sans-serif;font-size:.875rem;line-height:1.25rem;font-weight:400}.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}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.m-0{margin:0}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.ml-auto{margin-left:auto}.mt-6{margin-top:1.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-0{height:0}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[20px\]{height:20px}.h-\[25px\]{height:25px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0}.max-h-10{max-height:2.5rem}.max-h-6{max-height:1.5rem}.max-h-96{max-height:24rem}.max-h-\[32px\]{max-height:32px}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-12{min-height:3rem}.min-h-8{min-height:2rem}.min-h-svh{min-height:100svh}.w-0{width:0}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[--sidebar-width\]{width:var(--sidebar-width)}.w-\[100px\]{width:100px}.w-\[180px\]{width:180px}.w-\[1px\]{width:1px}.w-\[200px\]{width:200px}.w-\[200x\]{width:200x}.w-\[250px\]{width:250px}.w-\[274px\]{width:274px}.w-\[424px\]{width:424px}.w-\[50vw\]{width:50vw}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-5{min-width:1.25rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-80{max-width:20rem}.max-w-\[--skeleton-width\]{max-width:var(--skeleton-width)}.max-w-\[102px\]{max-width:102px}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-px{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-px{--tw-translate-x:-1px}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-x-px{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-px{--tw-translate-x:1px}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.transform,.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1\.25rem_1fr\]{grid-template-columns:1.25rem 1fr}.grid-cols-\[1\.25rem_1fr_auto\]{grid-template-columns:1.25rem 1fr auto}.grid-cols-\[1\.25rem_1fr_auto_minmax\(1\.25rem\2c _auto\)\]{grid-template-columns:1.25rem 1fr auto minmax(1.25rem,auto)}.grid-cols-\[1\.25rem_1fr_minmax\(1\.25rem\2c _auto\)\]{grid-template-columns:1.25rem 1fr minmax(1.25rem,auto)}.grid-cols-\[1\.25rem_auto\]{grid-template-columns:1.25rem auto}.grid-cols-\[1\.25rem_auto_1\.25rem\]{grid-template-columns:1.25rem auto 1.25rem}.grid-cols-\[1\.25rem_auto_auto\]{grid-template-columns:1.25rem auto auto}.grid-cols-\[1\.25rem_auto_auto_1\.25rem\]{grid-template-columns:1.25rem auto auto 1.25rem}.grid-cols-\[1\.25rem_auto_minmax\(1\.25rem\2c _auto\)\]{grid-template-columns:1.25rem auto minmax(1.25rem,auto)}.grid-cols-\[1\.25rem_minmax\(_auto\2c 11rem\)_minmax\(1\.25rem\2c _auto\)\]{grid-template-columns:1.25rem minmax(auto,11rem) minmax(1.25rem,auto)}.grid-cols-\[1\.25rem_minmax\(_auto\2c 13\.25rem\)\]{grid-template-columns:1.25rem minmax(auto,13.25rem)}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-24{gap:6rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[8px\]{border-radius:8px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-b-lg{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-e-sm{border-start-end-radius:calc(var(--radius) - 4px);border-end-end-radius:calc(var(--radius) - 4px)}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-y-\[12px\]{border-top-width:12px;border-bottom-width:12px}.border-b{border-bottom-width:1px}.border-b-\[0\.5px\]{border-bottom-width:.5px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-r-\[12px\]{border-right-width:12px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-blue-600{--tw-border-opacity:1;border-color:rgb(60 89 201/var(--tw-border-opacity,1))}.border-grey-100{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity,1))}.border-grey-400{--tw-border-opacity:1;border-color:rgb(201 201 201/var(--tw-border-opacity,1))}.border-grey-600{--tw-border-opacity:1;border-color:rgb(122 122 122/var(--tw-border-opacity,1))}.border-input{border-color:hsl(var(--input))}.border-red-600{--tw-border-opacity:1;border-color:rgb(236 22 22/var(--tw-border-opacity,1))}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-y-transparent{border-top-color:transparent;border-bottom-color:transparent}.border-l-transparent{border-left-color:transparent}.border-r-pink-500{--tw-border-opacity:1;border-right-color:rgb(227 92 156/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\[\#eeeeee\]{--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity,1))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(201 215 244/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(242 245 252/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(60 89 201/var(--tw-bg-opacity,1))}.bg-blue-800{--tw-bg-opacity:1;background-color:rgb(53 65 152/var(--tw-bg-opacity,1))}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(212 247 231/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(15 140 109/var(--tw-bg-opacity,1))}.bg-grey-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.bg-grey-200{--tw-bg-opacity:1;background-color:rgb(231 231 231/var(--tw-bg-opacity,1))}.bg-grey-400\/30{background-color:hsla(0,0%,79%,.3)}.bg-grey-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-grey-600{--tw-bg-opacity:1;background-color:rgb(122 122 122/var(--tw-bg-opacity,1))}.bg-muted{background-color:hsl(var(--muted))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(254 240 214/var(--tw-bg-opacity,1))}.bg-pink-100{--tw-bg-opacity:1;background-color:rgb(251 232 243/var(--tw-bg-opacity,1))}.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(227 92 156/var(--tw-bg-opacity,1))}.bg-popover{background-color:hsl(var(--popover))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(238 235 252/var(--tw-bg-opacity,1))}.bg-purple-200{--tw-bg-opacity:1;background-color:rgb(222 217 251/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(255 224 224/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(255 241 241/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(236 22 22/var(--tw-bg-opacity,1))}.bg-sidebar{background-color:hsl(var(--sidebar-background))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-transparent{background-color:transparent}.bg-turquoise-100{--tw-bg-opacity:1;background-color:rgb(211 247 250/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 253 195/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(201 152 5/var(--tw-bg-opacity,1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-400{--tw-gradient-from:#aa94f1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(170,148,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from:#f9dc16 var(--tw-gradient-from-position);--tw-gradient-to:rgba(249,220,22,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-green-500{--tw-gradient-to:rgba(28,173,134,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1cad86 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pink-500{--tw-gradient-to:rgba(227,92,156,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#e35c9c var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to:#597bd8 var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ff4646 var(--tw-gradient-to-position)}.fill-blue-500{fill:#597bd8}.fill-current{fill:currentColor}.fill-grey-950{fill:#262626}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-0{padding-bottom:0}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-roboto{font-family:Roboto,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-blue-600{--tw-text-opacity:1;color:rgb(60 89 201/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(59 78 186/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(47 58 121/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-foreground{color:hsl(var(--foreground))}.text-green-600{--tw-text-opacity:1;color:rgb(15 140 109/var(--tw-text-opacity,1))}.text-grey-300{--tw-text-opacity:1;color:rgb(224 225 225/var(--tw-text-opacity,1))}.text-grey-400{--tw-text-opacity:1;color:rgb(201 201 201/var(--tw-text-opacity,1))}.text-grey-500{--tw-text-opacity:1;color:rgb(136 136 136/var(--tw-text-opacity,1))}.text-grey-600{--tw-text-opacity:1;color:rgb(122 122 122/var(--tw-text-opacity,1))}.text-grey-700{--tw-text-opacity:1;color:rgb(93 93 93/var(--tw-text-opacity,1))}.text-grey-800{--tw-text-opacity:1;color:rgb(74 74 74/var(--tw-text-opacity,1))}.text-grey-950{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity,1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-600{--tw-text-opacity:1;color:rgb(229 105 16/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(207 51 117/var(--tw-text-opacity,1))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-purple-600{--tw-text-opacity:1;color:rgb(130 80 223/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(109 55 202/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(236 22 22/var(--tw-text-opacity,1))}.text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground)/.7)}.text-turquoise-600{--tw-text-opacity:1;color:rgb(21 136 165/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(201 152 5/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow-\[0_-0\.5px_0px_0px_\#c9c9c9_inset\]{--tw-shadow:0 -0.5px 0px 0px #c9c9c9 inset;--tw-shadow-colored:inset 0 -0.5px 0px 0px var(--tw-shadow-color)}.shadow-\[0_-0\.5px_0px_0px_\#c9c9c9_inset\],.shadow-\[0_-1\.5px_0px_0px_\#c9c9c9_inset\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_-1\.5px_0px_0px_\#c9c9c9_inset\]{--tw-shadow:0 -1.5px 0px 0px #c9c9c9 inset;--tw-shadow-colored:inset 0 -1.5px 0px 0px var(--tw-shadow-color)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\],.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-sidebar-ring{--tw-ring-color:hsl(var(--sidebar-ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\2c right\2c width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\2c opa\]{transition-property:margin,opa;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\2c height\2c padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-75{transition-duration:75ms}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-75{animation-duration:75ms}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:-.5rem}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.hover\:cursor-not-allowed:hover{cursor:not-allowed}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:rounded-lg:hover{border-radius:var(--radius)}.hover\:border-blue-600:hover{--tw-border-opacity:1;border-color:rgb(60 89 201/var(--tw-border-opacity,1))}.hover\:border-grey-200:hover{--tw-border-opacity:1;border-color:rgb(231 231 231/var(--tw-border-opacity,1))}.hover\:border-grey-500:hover{--tw-border-opacity:1;border-color:rgb(136 136 136/var(--tw-border-opacity,1))}.hover\:border-t-transparent:hover{border-top-color:transparent}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(201 215 244/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(59 78 186/var(--tw-bg-opacity,1))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(172 238 212/var(--tw-bg-opacity,1))}.hover\:bg-grey-200:hover{--tw-bg-opacity:1;background-color:rgb(231 231 231/var(--tw-bg-opacity,1))}.hover\:bg-grey-200\/70:hover{background-color:hsla(0,0%,91%,.7)}.hover\:bg-grey-300:hover{--tw-bg-opacity:1;background-color:rgb(224 225 225/var(--tw-bg-opacity,1))}.hover\:bg-grey-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\:bg-grey-800:hover{--tw-bg-opacity:1;background-color:rgb(74 74 74/var(--tw-bg-opacity,1))}.hover\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:rgb(252 221 172/var(--tw-bg-opacity,1))}.hover\:bg-pink-200:hover{--tw-bg-opacity:1;background-color:rgb(248 210 231/var(--tw-bg-opacity,1))}.hover\:bg-purple-200:hover{--tw-bg-opacity:1;background-color:rgb(222 217 251/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(255 224 224/var(--tw-bg-opacity,1))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(255 197 197/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(199 14 14/var(--tw-bg-opacity,1))}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:bg-turquoise-200:hover{--tw-bg-opacity:1;background-color:rgb(172 238 245/var(--tw-bg-opacity,1))}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(254 248 138/var(--tw-bg-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(60 89 201/var(--tw-text-opacity,1))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-70:hover{opacity:.7}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:ring-0:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}.focus\:rounded-lg:focus{border-radius:var(--radius)}.focus\:border-blue-600:focus{--tw-border-opacity:1;border-color:rgb(60 89 201/var(--tw-border-opacity,1))}.focus\:border-t-transparent:focus{border-top-color:transparent}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-background:focus{background-color:hsl(var(--background))}.focus\:bg-blue-100:focus{--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.focus\:bg-green-100:focus{--tw-bg-opacity:1;background-color:rgb(212 247 231/var(--tw-bg-opacity,1))}.focus\:bg-grey-200:focus{--tw-bg-opacity:1;background-color:rgb(231 231 231/var(--tw-bg-opacity,1))}.focus\:bg-orange-100:focus{--tw-bg-opacity:1;background-color:rgb(254 240 214/var(--tw-bg-opacity,1))}.focus\:bg-pink-100:focus{--tw-bg-opacity:1;background-color:rgb(251 232 243/var(--tw-bg-opacity,1))}.focus\:bg-purple-100:focus{--tw-bg-opacity:1;background-color:rgb(238 235 252/var(--tw-bg-opacity,1))}.focus\:bg-red-100:focus{--tw-bg-opacity:1;background-color:rgb(255 224 224/var(--tw-bg-opacity,1))}.focus\:bg-transparent:focus{background-color:transparent}.focus\:bg-turquoise-100:focus{--tw-bg-opacity:1;background-color:rgb(211 247 250/var(--tw-bg-opacity,1))}.focus\:bg-yellow-100:focus{--tw-bg-opacity:1;background-color:rgb(254 253 195/var(--tw-bg-opacity,1))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(201 215 244/var(--tw-ring-opacity,1))}.focus\:ring-blue-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(242 245 252/var(--tw-ring-opacity,1))}.focus\:ring-blue-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(60 89 201/var(--tw-ring-opacity,1))}.focus\:ring-green-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(237 252 246/var(--tw-ring-opacity,1))}.focus\:ring-grey-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(231 231 231/var(--tw-ring-opacity,1))}.focus\:ring-grey-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(250 250 250/var(--tw-ring-opacity,1))}.focus\:ring-orange-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 248 237/var(--tw-ring-opacity,1))}.focus\:ring-pink-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(252 243 248/var(--tw-ring-opacity,1))}.focus\:ring-purple-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(246 244 254/var(--tw-ring-opacity,1))}.focus\:ring-red-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 197 197/var(--tw-ring-opacity,1))}.focus\:ring-red-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 241 241/var(--tw-ring-opacity,1))}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-turquoise-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(237 253 254/var(--tw-ring-opacity,1))}.focus\:ring-yellow-50:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 254 232/var(--tw-ring-opacity,1))}.focus\:ring-opacity-20:focus{--tw-ring-opacity:0.2}.focus\:ring-opacity-30:focus{--tw-ring-opacity:0.3}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:hover\:ring-0:hover:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:border-blue-600:focus-visible{--tw-border-opacity:1;border-color:rgb(60 89 201/var(--tw-border-opacity,1))}.focus-visible\:bg-background:focus-visible{background-color:hsl(var(--background))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-blue-600:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(60 89 201/var(--tw-ring-opacity,1))}.focus-visible\:ring-sidebar-ring:focus-visible{--tw-ring-color:hsl(var(--sidebar-ring))}.focus-visible\:ring-opacity-20:focus-visible{--tw-ring-opacity:0.2}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:before\:absolute:focus-visible:before{content:var(--tw-content);position:absolute}.focus-visible\:before\:left-1\/2:focus-visible:before{content:var(--tw-content);left:50%}.focus-visible\:before\:top-1\/2:focus-visible:before{content:var(--tw-content);top:50%}.focus-visible\:before\:-z-10:focus-visible:before{content:var(--tw-content);z-index:-10}.focus-visible\:before\:h-10:focus-visible:before{content:var(--tw-content);height:2.5rem}.focus-visible\:before\:w-10:focus-visible:before{content:var(--tw-content);width:2.5rem}.focus-visible\:before\:-translate-x-1\/2:focus-visible:before{content:var(--tw-content);--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus-visible\:before\:-translate-y-1\/2:focus-visible:before{content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus-visible\:before\:transform:focus-visible:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus-visible\:before\:rounded-full:focus-visible:before{content:var(--tw-content);border-radius:9999px}.focus-visible\:before\:bg-blue-100:focus-visible:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.active\:border-grey-700:active{--tw-border-opacity:1;border-color:rgb(93 93 93/var(--tw-border-opacity,1))}.active\:border-transparent:active{border-color:transparent}.active\:bg-blue-300:active{--tw-bg-opacity:1;background-color:rgb(164 190 236/var(--tw-bg-opacity,1))}.active\:bg-blue-800:active{--tw-bg-opacity:1;background-color:rgb(53 65 152/var(--tw-bg-opacity,1))}.active\:bg-green-300:active{--tw-bg-opacity:1;background-color:rgb(95 217 176/var(--tw-bg-opacity,1))}.active\:bg-grey-200:active{--tw-bg-opacity:1;background-color:rgb(231 231 231/var(--tw-bg-opacity,1))}.active\:bg-grey-400:active{--tw-bg-opacity:1;background-color:rgb(201 201 201/var(--tw-bg-opacity,1))}.active\:bg-grey-900:active{--tw-bg-opacity:1;background-color:rgb(61 61 61/var(--tw-bg-opacity,1))}.active\:bg-orange-300:active{--tw-bg-opacity:1;background-color:rgb(250 196 119/var(--tw-bg-opacity,1))}.active\:bg-pink-300:active{--tw-bg-opacity:1;background-color:rgb(244 173 211/var(--tw-bg-opacity,1))}.active\:bg-purple-300:active{--tw-bg-opacity:1;background-color:rgb(199 187 247/var(--tw-bg-opacity,1))}.active\:bg-red-300:active{--tw-bg-opacity:1;background-color:rgb(255 157 157/var(--tw-bg-opacity,1))}.active\:bg-red-800:active{--tw-bg-opacity:1;background-color:rgb(164 16 16/var(--tw-bg-opacity,1))}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:bg-turquoise-300:active{--tw-bg-opacity:1;background-color:rgb(107 221 237/var(--tw-bg-opacity,1))}.active\:bg-yellow-300:active{--tw-bg-opacity:1;background-color:rgb(252 237 72/var(--tw-bg-opacity,1))}.active\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.active\:ring-0:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-blue-200:disabled{--tw-border-opacity:1;border-color:rgb(201 215 244/var(--tw-border-opacity,1))}.disabled\:border-grey-200:disabled{--tw-border-opacity:1;border-color:rgb(231 231 231/var(--tw-border-opacity,1))}.disabled\:border-grey-300:disabled{--tw-border-opacity:1;border-color:rgb(224 225 225/var(--tw-border-opacity,1))}.disabled\:border-input:disabled{border-color:hsl(var(--input))}.disabled\:border-red-200:disabled{--tw-border-opacity:1;border-color:rgb(255 197 197/var(--tw-border-opacity,1))}.disabled\:bg-blue-100:disabled{--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.disabled\:bg-blue-50:disabled{--tw-bg-opacity:1;background-color:rgb(242 245 252/var(--tw-bg-opacity,1))}.disabled\:bg-grey-200:disabled{--tw-bg-opacity:1;background-color:rgb(231 231 231/var(--tw-bg-opacity,1))}.disabled\:bg-grey-50:disabled{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.disabled\:bg-red-100:disabled{--tw-bg-opacity:1;background-color:rgb(255 224 224/var(--tw-bg-opacity,1))}.disabled\:bg-red-50:disabled{--tw-bg-opacity:1;background-color:rgb(255 241 241/var(--tw-bg-opacity,1))}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.disabled\:text-blue-200:disabled{--tw-text-opacity:1;color:rgb(201 215 244/var(--tw-text-opacity,1))}.disabled\:text-blue-400:disabled{--tw-text-opacity:1;color:rgb(121 157 225/var(--tw-text-opacity,1))}.disabled\:text-grey-300:disabled{--tw-text-opacity:1;color:rgb(224 225 225/var(--tw-text-opacity,1))}.disabled\:text-grey-800:disabled{--tw-text-opacity:1;color:rgb(74 74 74/var(--tw-text-opacity,1))}.disabled\:text-red-100:disabled{--tw-text-opacity:1;color:rgb(255 224 224/var(--tw-text-opacity,1))}.disabled\:text-red-200:disabled{--tw-text-opacity:1;color:rgb(255 197 197/var(--tw-text-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:rounded-none:hover:disabled{border-radius:0}.disabled\:hover\:border-grey-400:hover:disabled{--tw-border-opacity:1;border-color:rgb(201 201 201/var(--tw-border-opacity,1))}.disabled\:hover\:bg-none:hover:disabled{background-image:none}.disabled\:focus\:ring-0:focus:disabled{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.disabled\:active\:bg-transparent:active:disabled{background-color:transparent}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.group:hover .group-hover\:text-grey-950{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100,.group\/menu-item:hover .group-hover\/menu-item\:opacity-100{opacity:1}.group:focus .group-focus\:ring-8{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group:focus .group-focus\:ring-blue-200{--tw-ring-opacity:1;--tw-ring-color:rgb(201 215 244/var(--tw-ring-opacity,1))}.group:focus .group-focus\:ring-opacity-50{--tw-ring-opacity:0.5}.group:active:enabled .group-active\:group-enabled\:h-5{height:1.25rem}.group:active:enabled .group-active\:group-enabled\:w-5{width:1.25rem}.peer\/menu-button:hover~.peer-hover\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-50{opacity:.5}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){background-color:hsl(var(--sidebar-background))}.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{padding-right:2rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-6[data-state=checked]{--tw-translate-x:1.5rem}.data-\[state\=checked\]\:translate-x-6[data-state=checked],.data-\[state\=unchecked\]\:translate-x-1[data-state=unchecked]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-1[data-state=unchecked]{--tw-translate-x:0.25rem}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[state\=unchecked\]\:border-2[data-state=unchecked]{border-width:2px}.data-\[state\=checked\]\:border-blue-600[data-state=checked]{--tw-border-opacity:1;border-color:rgb(60 89 201/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:border-grey-400[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(201 201 201/var(--tw-border-opacity,1))}.data-\[active\=true\]\:bg-blue-100[data-active=true]{--tw-bg-opacity:1;background-color:rgb(225 233 248/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=checked\]\:bg-blue-600[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(60 89 201/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-white[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=unchecked\]\:bg-grey-400[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(201 201 201/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[active\=true\]\:text-blue-600[data-active=true]{--tw-text-opacity:1;color:rgb(60 89 201/var(--tw-text-opacity,1))}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\[state\=checked\]\:text-blue-600[data-state=checked]{--tw-text-opacity:1;color:rgb(60 89 201/var(--tw-text-opacity,1))}.data-\[state\=checked\]\:text-white[data-state=checked]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[state\=checked\]\:hover\:border-blue-700:hover[data-state=checked]{--tw-border-opacity:1;border-color:rgb(59 78 186/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:hover\:border-grey-500:hover[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(136 136 136/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:hover\:bg-blue-700:hover[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(59 78 186/var(--tw-bg-opacity,1))}.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=checked\]\:hover\:text-blue-700:hover[data-state=checked]{--tw-text-opacity:1;color:rgb(59 78 186/var(--tw-text-opacity,1))}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open]{color:hsl(var(--sidebar-accent-foreground))}.data-\[state\=checked\]\:active\:border-blue-800:active[data-state=checked]{--tw-border-opacity:1;border-color:rgb(53 65 152/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:active\:border-grey-700:active[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(93 93 93/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:active\:bg-blue-800:active[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(53 65 152/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:active\:text-blue-800:active[data-state=checked]{--tw-text-opacity:1;color:rgb(53 65 152/var(--tw-text-opacity,1))}.data-\[state\=checked\]\:disabled\:border-blue-400:disabled[data-state=checked]{--tw-border-opacity:1;border-color:rgb(121 157 225/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:disabled\:border-grey-300:disabled[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(224 225 225/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:disabled\:bg-blue-200:disabled[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(201 215 244/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:disabled\:bg-blue-400:disabled[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(121 157 225/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:disabled\:text-blue-400:disabled[data-state=checked]{--tw-text-opacity:1;color:rgb(121 157 225/var(--tw-text-opacity,1))}.group:hover .group-hover\:data-\[state\=unchecked\]\:bg-grey-500[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(136 136 136/var(--tw-bg-opacity,1))}.group:active .group-active\:data-\[state\=unchecked\]\:bg-grey-700[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(93 93 93/var(--tw-bg-opacity,1))}.group:active:enabled .group-active\:group-enabled\:data-\[state\=unchecked\]\:translate-x-\[-2px\][data-state=unchecked]{--tw-translate-x:-2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:disabled .group-disabled\:data-\[state\=unchecked\]\:bg-grey-300[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(224 225 225/var(--tw-bg-opacity,1))}.group:disabled .group-disabled\:data-\[state\=unchecked\]\:bg-opacity-65[data-state=unchecked]{--tw-bg-opacity:0.65}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width)*-1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width)*-1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-10{width:2.5rem!important;height:2.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2{padding:.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0,.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:opacity-0{opacity:0}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{background-color:hsl(var(--sidebar-background))}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer[data-variant=inset]~.peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]{min-height:calc(100svh - 1rem)}.peer\/menu-button[data-active=true]~.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}@media not all and (min-width:768px){.max-md\:hidden{display:none}.max-md\:w-full{width:100%}}@media (min-width:640px){.sm\:flex{display:flex}.sm\:w-\[17\.5rem\]{width:17.5rem}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:opacity-0{opacity:0}.after\:md\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:.75rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:size-6>svg{width:1.5rem;height:1.5rem}.\[\&\>svg\]\:\!h-5>svg{height:1.25rem!important}.\[\&\>svg\]\:\!h-6>svg{height:1.5rem!important}.\[\&\>svg\]\:\!h-8>svg{height:2rem!important}.\[\&\>svg\]\:h-5>svg{height:1.25rem}.\[\&\>svg\]\:h-6>svg{height:1.5rem}.\[\&\>svg\]\:\!w-5>svg{width:1.25rem!important}.\[\&\>svg\]\:\!w-6>svg{width:1.5rem!important}.\[\&\>svg\]\:\!w-8>svg{width:2rem!important}.\[\&\>svg\]\:w-5>svg{width:1.25rem}.\[\&\>svg\]\:w-6>svg{width:1.5rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_\.tooltip-arrow\]\:fill-black .tooltip-arrow{fill:#000}.\[\&_\.tooltip-arrow\]\:fill-white .tooltip-arrow{fill:#fff}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_td\]\:data-\[state\=selected\]\:bg-grey-100[data-state=selected] td,.\[\&_td\]\:hover\:bg-grey-100:hover td{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\:last-child_td\]\:shadow-none tr:last-child td{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}
|