asma-core-ui 1.9.3 → 2.0.0

package/dist/index.d.ts

@@ -1,12 +1 @@
-export * from './components/data-display';
-export * from './components/icons';
-export * from './components/data-grid';
-export * from './components/Dialog';
-export * from './components/feedback';
-export * from './components/inputs';
-export * from './components/Select';
-export * from './components/form-group';
-export * from './helpers';
-export * from './theme';
-export * from './providers';
-export * from './interfaces';
+export * from './src/index'

package/dist/src/components/data-display/badge/StyledBadge.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type BadgeProps } from '@mui/material';
+export declare const StyledBadge: ({ color, ...props }: BadgeProps) => import("react").JSX.Element;

package/dist/src/components/data-display/badge/StyledBadge.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare const meta: {
+    title: string;
+    component: ({ color, ...props }: import("@mui/material").BadgeProps) => import("react").JSX.Element;
+    tags: string[];
+    args: {};
+    argTypes: {
+        children: {
+            description: string;
+        };
+    };
+};
+export default meta;
+export declare const BasicBadge: () => import("react").JSX.Element;

package/dist/src/components/data-display/badge/index.d.ts

@@ -0,0 +1 @@
+export * from './StyledBadge';

package/dist/src/components/data-display/icons/Icons.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Icons: React.FC<{
+    height?: number;
+    width?: number;
+}>;

package/dist/src/components/data-display/icons/Icons.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<{
+        height?: number | undefined;
+        width?: number | undefined;
+    }>;
+    tags: string[];
+    argTypes: {};
+    args: {
+        width: number;
+        height: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/src/components/data-display/tooltip/StyledTooltip.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type TooltipProps } from '@mui/material';
+export declare const StyledTooltip: (props: TooltipProps) => import("react").JSX.Element;

package/dist/{components/data-display → src/components/data-display/tooltip}/index.d.ts

@@ -1,2 +1 @@
-export * from './StyledBadge';
 export * from './StyledTooltip';

package/dist/src/components/data-display/typography/Typography.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TypographyTypeMap<{}, "span">>;
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Typography: Story;

package/dist/src/components/data-grid/StyledDataGrid.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IBaseStyledDataGrid } from './types';
+export declare const StyledDataGrid: (props: IBaseStyledDataGrid) => import("react").JSX.Element;

package/dist/src/components/data-grid/StyledDataGrid.stories.d.ts

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("./types").IBaseStyledDataGrid) => import("react").JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {
+        rows: {
+            id: number;
+            title: string;
+            description: string;
+            context: string;
+            deadline: string;
+        }[];
+        columns: ({
+            field: string;
+            headerName: string;
+            renderCell: () => import("react").JSX.Element;
+            width: number;
+            sortable: false;
+            flex?: undefined;
+            renderHeader?: undefined;
+        } | {
+            field: string;
+            headerName: string;
+            flex: number;
+            renderCell?: undefined;
+            width?: undefined;
+            sortable?: undefined;
+            renderHeader?: undefined;
+        } | {
+            field: string;
+            headerName: string;
+            renderHeader: () => import("react").JSX.Element;
+            renderCell: () => import("react").JSX.Element;
+            sortable: false;
+            width?: undefined;
+            flex?: undefined;
+        })[];
+        fixedColumns: string[];
+        checkboxSelection: true;
+        disableColumnMenu: true;
+        disableColumnSelector: true;
+        disableColumnFilter: true;
+        disableDensitySelector: true;
+        slots: {
+            columnSortedAscendingIcon: () => import("react").JSX.Element;
+            columnSortedDescendingIcon: () => import("react").JSX.Element;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DataGrid: Story;

package/dist/src/components/data-grid/StyledGridActionsCellItem.d.ts

@@ -0,0 +1,3 @@
+import { type GridActionsCellItemProps } from '@mui/x-data-grid';
+import type { RefAttributes } from 'react';
+export declare const StyledGridActionsCellItem: (props: GridActionsCellItemProps & RefAttributes<HTMLButtonElement>) => import("react").JSX.Element;

package/dist/{components → src/components}/data-grid/components/columnActions.d.ts

@@ -8,6 +8,6 @@ export declare const columnActions: (apiRef: React.MutableRefObject<GridApiCommu
     disableColumnMenu: boolean;
     sortable: boolean;
     type: string;
-    renderHeader: () => JSX.Element;
+    renderHeader: () => import("react").JSX.Element;
     getActions: (params: GridRowParams<any>) => ReactElement<GridActionsCellItemProps, string | JSXElementConstructor<any>>[];
 };

package/dist/src/components/feedback/alert/StyledAlert.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type AlertProps } from '@mui/material';
+export declare const StyledAlert: (props: AlertProps) => import("react").JSX.Element;

package/dist/src/components/feedback/alert/StyledAlert.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("@mui/material").AlertProps) => import("react").JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {
+        severity: "success";
+        variant: "standard";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/src/components/feedback/alert/StyledAlertTitle.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type AlertTitleProps } from '@mui/material';
+export declare const StyledAlertTitle: (props: AlertTitleProps) => import("react").JSX.Element;

package/dist/{components/feedback → src/components/feedback/alert}/index.d.ts

@@ -1,3 +1,2 @@
 export * from './StyledAlert';
 export * from './StyledAlertTitle';
-export * from './StyledSnackbar';

package/dist/src/components/feedback/dialog/StyledDialog.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { DialogProps } from '@mui/material/Dialog';
+export interface IStyledDialogProps extends DialogProps {
+    onCloseText?: string;
+    showCloseIcon?: boolean;
+}
+export declare const StyledDialog: ({ onCloseText, children, onClose, showCloseIcon, ...rest }: IStyledDialogProps) => import("react").JSX.Element;

package/dist/src/components/feedback/dialog/StyledDialog.stories.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ onCloseText, children, onClose, showCloseIcon, ...rest }: import("./StyledDialog").IStyledDialogProps) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {
+        title: string;
+        open: true;
+        fullScreen: false;
+        onClose: () => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Dialog: Story;
+export declare const DialogExample: () => React.JSX.Element;

package/dist/src/components/feedback/dialog/StyledDialogActions.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type DialogActionsProps } from '@mui/material';
+export declare const StyledDialogActions: (props: DialogActionsProps) => import("react").JSX.Element;

package/dist/src/components/feedback/dialog/StyledDialogContent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type DialogContentProps } from '@mui/material';
+export declare const StyledDialogContent: ({ children, classes, className, ...rest }: DialogContentProps) => import("react").JSX.Element;

package/dist/src/components/feedback/dialog/StyledDialogTitle.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { DialogTitleProps } from '@mui/material/DialogTitle/DialogTitle';
+export declare const StyledDialogTitle: ({ children, ...rest }: DialogTitleProps) => import("react").JSX.Element | null;

package/dist/src/components/feedback/snack-bar/StyledSnackbar.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type SnackbarProps } from '@mui/material';
+export declare const StyledSnackbar: ({ children, ...props }: SnackbarProps) => import("react").JSX.Element;

package/dist/src/components/feedback/snack-bar/StyledSnackbar.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: ({ children, ...props }: import("@mui/material").SnackbarProps) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SnackBar: Story;
+export declare const SnackbarExample: () => React.JSX.Element;

package/dist/src/components/feedback/snack-bar/index.d.ts

@@ -0,0 +1 @@
+export * from './StyledSnackbar';

package/dist/src/components/inputs/button/StyledButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type ButtonProps } from '@mui/material';
+export declare const StyledButton: (props: ButtonProps) => import("react").JSX.Element;

package/dist/src/components/inputs/button/StyledButton.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("@mui/material").ButtonProps) => import("react").JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;

package/dist/src/components/inputs/button/index.d.ts

@@ -0,0 +1 @@
+export * from './StyledButton';

package/dist/src/components/inputs/checkbox/StyledCheckbox.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type CheckboxProps } from '@mui/material';
+export declare const StyledCheckbox: (props: CheckboxProps) => import("react").JSX.Element;

package/dist/src/components/inputs/checkbox/StyledCheckbox.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import("@mui/material").CheckboxProps) => import("react").JSX.Element;
+    tags: string[];
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Checkbox: Story;

package/dist/src/components/inputs/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './StyledCheckbox';

package/dist/src/components/inputs/input/StyledInput.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type InputProps } from '@mui/material';
+export declare const StyledInput: (props: InputProps) => import("react").JSX.Element;

package/dist/src/components/inputs/input/index.d.ts

@@ -0,0 +1 @@
+export * from './StyledInput';

package/dist/src/components/inputs/select/StyledSelect.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type SelectProps } from '@mui/material';
+export declare const StyledSelect: (props: SelectProps) => import("react").JSX.Element;

package/dist/src/components/inputs/select/StyledSelect.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import { StyledSelect } from './StyledSelect';
+import type { SelectProps } from '@mui/material';
+declare const meta: {
+    title: string;
+    component: (props: SelectProps<unknown>) => import("react").JSX.Element;
+    tags: string[];
+    argTypes: {
+        children: {
+            description: string;
+        };
+    };
+    args: {
+        children: import("react").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof StyledSelect>;
+export declare const Select: Story;

package/dist/{components/Select → src/components/inputs/select}/StyledSelectItem.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { type MenuItemProps } from '@mui/material';
-export declare const StyledSelectItem: (item: MenuItemProps) => JSX.Element;
+export declare const StyledSelectItem: (item: MenuItemProps) => import("react").JSX.Element;

package/dist/src/components/miscellaneous/StyledFormControl.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type FormControlProps } from '@mui/material';
+export declare const StyledFormControl: (props: FormControlProps) => import("react").JSX.Element;

package/dist/src/components/miscellaneous/StyledFormControlLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type FormControlLabelProps } from '@mui/material';
+export declare const StyledFormControlLabel: (props: FormControlLabelProps) => import("react").JSX.Element;

package/dist/src/components/miscellaneous/StyledFormHelperText.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type FormHelperTextProps } from '@mui/material';
+export declare const StyledFormHelperText: (props: FormHelperTextProps) => import("react").JSX.Element;

package/dist/src/components/miscellaneous/StyledFormLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type FormLabelProps } from '@mui/material';
+export declare const StyledFormLabel: (props: FormLabelProps) => import("react").JSX.Element;

package/dist/src/components/miscellaneous/StyledInputLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type InputLabelProps } from '@mui/material';
+export declare const StyledInputLabel: (props: InputLabelProps) => import("react").JSX.Element;

package/dist/src/components/miscellaneous/StyledStack.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type StackProps } from '@mui/material';
+export declare const StyledStack: (props: StackProps) => import("react").JSX.Element;

package/dist/src/index.d.ts

@@ -0,0 +1,22 @@
+export * from './helpers';
+export * from './theme';
+export * from './providers';
+export * from './interfaces';
+export * from './components/data-display/badge';
+export * from './components/data-display/tooltip';
+export * from './components/data-display/icons';
+export * from './components/data-grid';
+export * from './components/feedback/dialog';
+export * from './components/feedback/alert';
+export * from './components/feedback/snack-bar';
+export * from './components/inputs/button';
+export * from './components/inputs/checkbox';
+export * from './components/inputs/input';
+export * from './components/inputs/select';
+export * from './components/miscellaneous/StyledFormControl';
+export * from './components/miscellaneous/StyledFormControlLabel';
+export * from './components/miscellaneous/StyledFormHelperText';
+export * from './components/miscellaneous/StyledFormLabel';
+export * from './components/miscellaneous/StyledInputLabel';
+export * from './components/miscellaneous/StyledStack';
+export * from './components/miscellaneous/StyledFormGroup';

package/dist/src/providers/ThemeProvider.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IThemeProvider } from '../interfaces';
+export declare const ThemeProvider: (props: IThemeProvider) => import("react").JSX.Element;

package/dist/src/stories/Button.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export interface ButtonProps {
+    /**
+     * Is this the principal call to action on the page?
+     */
+    primary?: boolean;
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react").JSX.Element;

package/dist/src/stories/Button.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => import("react").JSX.Element;
+    tags: string[];
+    argTypes: {
+        backgroundColor: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Large: Story;
+export declare const Small: Story;

package/dist/src/stories/Header.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type User = {
+    name: string;
+};
+export interface HeaderProps {
+    user?: User;
+    onLogin: () => void;
+    onLogout: () => void;
+    onCreateAccount: () => void;
+}
+export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react").JSX.Element;

package/dist/src/stories/Header.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => import("react").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedIn: Story;
+export declare const LoggedOut: Story;

package/dist/src/stories/Page.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Page: React.FC;

package/dist/src/stories/Page.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<{}>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedOut: Story;
+export declare const LoggedIn: Story;

package/dist/style.css

@@ -1 +1 @@
-._all-icons-container_z9w7e_1{display:flex;height:100%;width:100%;flex-wrap:wrap;align-items:center;gap:1.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding:1.25rem}@keyframes _opacity-appear_z9w7e_1{0%{opacity:0}to{opacity:1}}._icon_z9w7e_5{animation:_opacity-appear_z9w7e_1 .3s linear;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}._styled-data-grid_7tbfs_1{border-radius:0!important;border-width:0px!important;border-top-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}._styled-data-grid_7tbfs_1 svg{--tw-text-opacity: 1 !important;color:rgb(11 12 15 / var(--tw-text-opacity))!important}._cell_7tbfs_8{min-height:50px!important;border-bottom-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important}._cell_7tbfs_8:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}._cell_7tbfs_8:focus{outline:2px solid transparent!important;outline-offset:2px!important}._cellContent_7tbfs_12{font-size:var(--text-base)!important;--tw-text-opacity: 1 !important;color:rgb(11 12 15 / var(--tw-text-opacity))!important}._columnHeader_7tbfs_16{height:30px!important;border-right-width:0px!important}._columnHeader_7tbfs_16:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}._columnHeader_7tbfs_16:focus{outline:2px solid transparent!important;outline-offset:2px!important}._columnHeaderTitle_7tbfs_20{font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;--tw-text-opacity: 1 !important;color:rgb(122 137 158 / var(--tw-text-opacity))!important}._columnHeaders_7tbfs_24{min-height:30px!important;border-radius:0!important;border-bottom-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(252 252 253 / var(--tw-bg-opacity))!important}._footerContainer_7tbfs_28{--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important}._iconSeparator_7tbfs_32{display:none!important}._row_7tbfs_36{min-height:50px!important}._row_7tbfs_36:hover{cursor:pointer!important;background-color:var(--colors-primary-50)!important}._virtualScrollerContent_7tbfs_40{border-bottom-width:0px!important}._menuIconButton_7tbfs_44{visibility:visible!important;position:absolute!important;right:1.25rem!important;display:flex!important}._root_1jf25_1{--tw-text-opacity: 1 !important;color:rgb(181 190 201 / var(--tw-text-opacity))!important}._root_1jf25_1:hover{color:var(--colors-primary-600)!important}._root_1jf25_1 input{height:100%!important;width:100%!important}._root_1jf25_1 svg{height:1.5rem!important;width:1.5rem!important}._checked_1jf25_11,._checked_1jf25_11:hover{color:var(--colors-primary-600)!important}._disabled_1jf25_15{opacity:.5!important}:root{--colors-teal-50: #e9fcfc;--colors-teal-100: #dffafa;--colors-teal-200: #bef4f4;--colors-teal-300: #78e8e8;--colors-teal-400: #32dcdc;--colors-teal-500: #1ca1a1;--colors-teal-600: #157a7a;--colors-teal-700: #105c5c;--colors-teal-800: #0b4141;--colors-teal-900: #093434;--colors-blue-50: #e6f2f8;--colors-blue-100: #cce6f1;--colors-blue-200: #99cce4;--colors-blue-300: #66b3d6;--colors-blue-400: #3399c9;--colors-blue-500: #0080bb;--colors-blue-600: #0073a8;--colors-blue-700: #005a83;--colors-blue-800: #00405e;--colors-blue-900: #002638;--colors-xanadu-50: #eff4f2;--colors-xanadu-100: #dee8e4;--colors-xanadu-200: #ceddd7;--colors-xanadu-300: #bdd1c9;--colors-xanadu-400: #adc6bc;--colors-xanadu-500: #9cb2a9;--colors-xanadu-600: #8a9e96;--colors-xanadu-700: #798b84;--colors-xanadu-800: #4e5955;--colors-xanadu-900: #2f3533;--colors-primary-50: #e6f2f8;--colors-primary-100: #cce6f1;--colors-primary-200: #99cce4;--colors-primary-300: #66b3d6;--colors-primary-400: #3399c9;--colors-primary-500: #0080bb;--colors-primary-600: #0073a8;--colors-primary-700: #005a83;--colors-primary-800: #00405e;--colors-primary-900: #002638}[data-theme=fretex]{--colors-primary-50: #eff4f2;--colors-primary-100: #dee8e4;--colors-primary-200: #ceddd7;--colors-primary-300: #bdd1c9;--colors-primary-400: #adc6bc;--colors-primary-500: #9cb2a9;--colors-primary-600: #8a9e96;--colors-primary-700: #798b84;--colors-primary-800: #4e5955;--colors-primary-900: #2f3533}[data-theme=greenish]{--colors-primary-50: #e9fcfc;--colors-primary-100: #dffafa;--colors-primary-200: #bef4f4;--colors-primary-300: #78e8e8;--colors-primary-400: #32dcdc;--colors-primary-500: #1ca1a1;--colors-primary-600: #157a7a;--colors-primary-700: #105c5c;--colors-primary-800: #0b4141;--colors-primary-900: #093434}:root{--text-h1: 1.5rem;--text-h2: 1.125rem;--text-pageTitle: 1.5rem;--text-sectionTitle: 1.125rem;--text-medium: 1rem;--text-base: .875rem;--text-small: .75rem;--text-xSmall: .625rem}.m-0{margin:0!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mr-2{margin-right:.5rem!important}.mt-0{margin-top:0!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.w-fit{width:-moz-fit-content!important;width:fit-content!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(.75rem * var(--tw-space-x-reverse))!important;margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(1rem * var(--tw-space-x-reverse))!important;margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))!important}.border-primary-main{border-color:var(--colors-primary-600)!important}.bg-gray-200{--tw-bg-opacity: 1 !important;background-color:rgb(229 231 235 / var(--tw-bg-opacity))!important}.bg-primary-100{background-color:var(--colors-primary-100)!important}.bg-primary-700{background-color:var(--colors-primary-700)!important}.bg-primary-main{background-color:var(--colors-primary-600)!important}.bg-transparent{background-color:transparent!important}.p-0{padding:0!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.text-center{text-align:center!important}.\!text-\[14px\]{font-size:14px!important}.text-2xl{font-size:1.563rem!important}.text-base{font-size:var(--text-base)!important}.text-h1{font-size:var(--text-h1)!important}.text-h2{font-size:var(--text-h2)!important}.text-small{font-size:var(--text-small)!important}.text-xSmall{font-size:var(--text-xSmall)!important}.text-xl{font-size:1.25rem!important}.font-semibold{font-weight:600!important}.capitalize{text-transform:capitalize!important}.normal-case{text-transform:none!important}.leading-tight{line-height:1.25!important}.text-\[\#b5bec9\]{--tw-text-opacity: 1 !important;color:rgb(181 190 201 / var(--tw-text-opacity))!important}.text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity))!important}.text-gray-600{--tw-text-opacity: 1 !important;color:rgb(75 85 99 / var(--tw-text-opacity))!important}.text-gray-800{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity))!important}.text-primary-700{color:var(--colors-primary-700)!important}.text-primary-dark{color:var(--colors-primary-900)!important}.overline{text-decoration-line:overline!important}.shadow-\[0_0_0_3px\]{--tw-shadow: 0 0 0 3px !important;--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-primary-400{--tw-shadow-color: var(--colors-primary-400) !important;--tw-shadow: var(--tw-shadow-colored) !important}.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)!important}.hover\:border-primary-500:hover{border-color:var(--colors-primary-500)!important}.hover\:bg-primary-500:hover{background-color:var(--colors-primary-500)!important}.hover\:bg-primary-700:hover{background-color:var(--colors-primary-700)!important}.hover\:text-gray-50:hover{--tw-text-opacity: 1 !important;color:rgb(249 250 251 / var(--tw-text-opacity))!important}.hover\:text-primary-600:hover{color:var(--colors-primary-600)!important}.hover\:text-primary-700:hover{color:var(--colors-primary-700)!important}.active\:bg-primary-dark:active{background-color:var(--colors-primary-900)!important}.\[\&\>input\]\:h-full>input{height:100%!important}.\[\&\>input\]\:w-full>input{width:100%!important}.\[\&\>svg\]\:h-5>svg{height:1.25rem!important}.\[\&\>svg\]\:w-5>svg{width:1.25rem!important}
+:root{--colors-teal-50: #e9fcfc;--colors-teal-100: #dffafa;--colors-teal-200: #bef4f4;--colors-teal-300: #78e8e8;--colors-teal-400: #32dcdc;--colors-teal-500: #1ca1a1;--colors-teal-600: #157a7a;--colors-teal-700: #105c5c;--colors-teal-800: #0b4141;--colors-teal-900: #093434;--colors-blue-400: #3399c9;--colors-blue-500: #0080bb;--colors-blue-600: #0073a8;--colors-blue-700: #005a83;--colors-blue-800: #00405e;--colors-blue-900: #002638;--colors-xanadu-50: #eff4f2;--colors-xanadu-100: #dee8e4;--colors-xanadu-200: #ceddd7;--colors-xanadu-300: #bdd1c9;--colors-xanadu-400: #adc6bc;--colors-xanadu-500: #9cb2a9;--colors-xanadu-600: #8a9e96;--colors-xanadu-700: #798b84;--colors-xanadu-800: #4e5955;--colors-xanadu-900: #2f3533;--colors-text: #4c4c4c;--colors-red-100: #fdeae9;--colors-red-500: #df0101;--colors-red-600: #a7241b;--colors-red-700: #871e17;--colors-salmon-500: #d24545;--colors-salmon-700: #b14848;--colors-gray-10: #f9fafb;--colors-gray-50: #f0f2f4;--colors-gray-100: #e7eaee;--colors-gray-200: #d3d8df;--colors-gray-300: #b5bec9;--colors-gray-400: #98a3b4;--colors-gray-500: #606671;--colors-gray-600: #363e4a;--colors-gray-900: #0b0c0f;--colors-gray-9000: #1a1d23;--colors-gray-10000: black;--colors-zinc-100: #f5f5f5;--colors-zinc-200: #bcbcbc;--colors-zinc-300: #898989;--colors-zinc-400: #686868;--colors-zinc-500: #575757;--colors-zinc-600: #4c4c4c;--colors-zinc-900: #0b0c0f;--colors-cardea--grey-01: 210deg 16% 95%;--colors-cardea--grey-02: 215deg 16% 85%;--colors-cardea--grey-03: 213deg 16% 75%;--colors-cardea--grey-04: 216deg 16% 65%;--colors-cardea--grey-05: 215deg 16% 56%;--colors-cardea--grey-06: 216deg 16% 25%;--colors-green-50: #eff4f2;--colors-green-100: #deebe5;--colors-green-200: #ceddd7;--colors-green-300: #adc6bc;--colors-green-400: #9cb2a9;--colors-green-500: #687771;--colors-green-600: #59635e;--colors-green-700: #474f4b;--colors-green-800: #353b38;--colors-slate-100: #d0dee5;--colors-slate-200: #abc8d42f;--colors-slate-300: #abc8d4;--colors-slate-500: #9fbcca;--colors-slate-600: #6198ae;--colors-slate-700: #6e9aaf;--colors-slate-800: #4c7f93;--colors-blue-50: #e6f2f8;--colors-blue-100: #cce6f1;--colors-blue-200: #99cce4;--colors-blue-300: #66b3d6;--colors-blue-400: #4da6cf;--colors-blue-500: #007cb5;--colors-blue-600: #0080bb;--colors-blue-700: #006696;--colors-blue-800: #005a83;--colors-blue-900: #070a1f;--colors-magic-blue-700: #247ba3;--colors-jade-50: #e8f6f6;--colors-jade-100: #c5e7e7;--colors-jade-200: #bef4f4;--colors-jade-300: #78e8e8;--colors-jade-400: #32dcdc;--colors-jade-500: #1ca1a1;--colors-jade-600: #157a7a;--colors-jade-700: #105c5c;--colors-jade-800: #0b4141;--colors-yellow-400: #efcc1d;--colors-lime-500: #beda2f;--colors-primary-50: #e6f2f8;--colors-primary-100: #cce6f1;--colors-primary-200: #99cce4;--colors-primary-300: #66b3d6;--colors-primary-400: #3399c9;--colors-primary-500: #0080bb;--colors-primary-600: #0073a8;--colors-primary-700: #005a83;--colors-primary-800: #00405e;--colors-primary-900: #002638;--colors-text-component: #ffffff;--colors-active-component: var(--colors-blue-500);--colors-alpha-100: var(--colors-blue-100);--colors-alpha-500: var(--colors-blue-500);--colors-alpha-600: var(--colors-blue-600);--colors-alpha-700: var(--colors-blue-700);--colors-beta-100: var(--colors-red-100);--colors-beta-500: var(--colors-red-500);--colors-beta-600: var(--colors-red-600);--colors-beta-700: var(--colors-red-700);--colors-gama-50: var(--colors-blue-50);--colors-gama-100: var(--colors-blue-100);--colors-gama-200: var(--colors-blue-200);--colors-gama-300: var(--colors-blue-300);--colors-gama-400: var(--colors-blue-400);--colors-gama-500: var(--colors-blue-500);--colors-gama-600: var(--colors-blue-600);--colors-gama-700: var(--colors-blue-700);--colors-gama-800: var(--colors-blue-800);--colors-gama-900: var(--colors-blue-900);--colors-delta-10: var(--colors-gray-10);--colors-delta-50: var(--colors-gray-50);--colors-delta-100: var(--colors-gray-100);--colors-delta-200: var(--colors-gray-200);--colors-delta-300: var(--colors-gray-300);--colors-delta-400: var(--colors-gray-400);--colors-delta-500: var(--colors-gray-500);--colors-delta-600: var(--colors-gray-600);--colors-delta-700: var(--colors-gray-600);--colors-delta-800: var(--colors-gray-600);--colors-delta-900: var(--colors-gray-900);--colors-delta-9000: var(--colors-gray-9000);--colors-delta-10000: var(--colors-gray-10000);--colors-sigma-700: var(--colors-magic-blue-700);--colors-zeta-700: var(--colors-blue-700);--colors-theta-100: #ffffff;--colors-theta-200: var(--colors-slate-200);--colors-theta-300: var(--colors-slate-500);--colors-theta-400: #ffffff;--colors-theta-500: var(--colors-blue-300);--colors-theta-600: var(--colors-blue-700);--colors-theta-700: var(--colors-blue-600);--colors-theta-800: #ffffff;--colors-theta-hover: var(--colors-blue-700);--colors-btn-bg-hover: var(--colors-slate-300);--colors-btn-bg-standart: var(--colors-slate-600);--colors-btn-bg-active: var(--colors-slate-800);--colors-btn-bg-disabled: var(--colors-green-800);--colors-btn-bg-danger: var(--colors-salmon-700);--colors-btn-bg-danger-active: var(--colors-salmon-500);--colors-button-primary-text-color: var(--colors-delta-900);--colors-button-primary-bg-color: var(--colors-gama-400);--colors-button-primary-border-color: var(--colors-gama-400);--colors-button-primary-focused-text-color: var(--colors-delta-900);--colors-button-primary-focused-bg-color: var(--colors-gama-400);--colors-button-primary-focused-border-color: var(--colors-yellow-400);--colors-button-primary-active-text-color: #ffffff;--colors-button-primary-active-bg-color: var(--colors-gama-800);--colors-button-primary-active-border-color: var(--colors-gama-800);--colors-button-primary-hover-text-color: var(--colors-delta-900);--colors-button-primary-hover-bg-color: var(--colors-gama-500);--colors-button-primary-hover-border-color: var(--colors-gama-500);--colors-button-primary-disabled-text-color: #ffffff;--colors-button-primary-disabled-bg-color: var(--colors-delta-400);--colors-button-primary-disabled-border-color: transparent;--colors-button-secondary-text-color: var(--colors-delta-900);--colors-button-secondary-bg-color: transparent;--colors-button-secondary-border-color: var(--colors-gama-400);--colors-button-secondary-focused-text-color: var(--colors-delta-900);--colors-button-secondary-focused-bg-color: transparent;--colors-button-secondary-focused-border-color: var(--colors-yellow-400);--colors-button-secondary-active-text-color: #ffffff;--colors-button-secondary-active-bg-color: var(--colors-gama-800);--colors-button-secondary-active-border-color: var(--colors-gama-800);--colors-button-secondary-hover-text-color: var(--colors-delta-900);--colors-button-secondary-hover-bg-color: var(--colors-gama-500);--colors-button-secondary-hover-border-color: var(--colors-gama-500);--colors-button-secondary-disabled-text-color: #ffffff;--colors-button-secondary-disabled-bg-color: var(--colors-delta-400);--colors-button-secondary-disabled-border-color: transparent;--colors-button-flat-text-color: var(--colors-delta-900);--colors-button-flat-bg-color: transparent;--colors-button-flat-border-color: transparent;--colors-button-flat-focused-text-color: var(--colors-delta-900);--colors-button-flat-focused-bg-color: transparent;--colors-button-flat-focused-border-color: var(--colors-yellow-400);--colors-button-flat-active-text-color: #ffffff;--colors-button-flat-active-bg-color: var(--colors-gama-800);--colors-button-flat-active-border-color: var(--colors-gama-800);--colors-button-flat-hover-text-color: var(--colors-delta-900);--colors-button-flat-hover-bg-color: var(--colors-gama-500);--colors-button-flat-hover-border-color: var(--colors-gama-500);--colors-button-flat-disabled-text-color: #ffffff;--colors-button-flat-disabled-bg-color: var(--colors-delta-400);--colors-button-flat-disabled-border-color: transparent;--colors-button-danger-text-color: #ffffff;--colors-button-danger-bg-color: var(--colors-beta-500);--colors-button-danger-border-color: var(--colors-beta-500);--colors-button-danger-focused-text-color: #ffffff;--colors-button-danger-focused-bg-color: var(--colors-beta-600);--colors-button-danger-focused-border-color: var(--colors-beta-600);--colors-button-danger-active-text-color: #ffffff;--colors-button-danger-active-bg-color: var(--colors-beta-700);--colors-button-danger-active-border-color: var(--colors-beta-700);--colors-button-danger-hover-text-color: #ffffff;--colors-button-danger-hover-bg-color: var(--colors-beta-600);--colors-button-danger-hover-border-color: var(--colors-beta-600);--colors-button-danger-disabled-text-color: #ffffff;--colors-button-danger-disabled-bg-color: var(--colors-beta-100);--colors-button-danger-disabled-border-color: var(--colors-beta-100);--colors-btn-bg-mini-action: var(--colors-slate-600);--colors-btn-bg-mini-action-hover: var(--colors-slate-300);--colors-link-text-hover: #ffffff;--colors-link-text-standart: #ffffff;--colors-link-text-active: var(--colors-blue-800);--colors-link-text-disabled: var(--colors-green-800);--colors-badge-bg: var(--colors-slate-600);--colors-badge-text: #ffffff;--colors-app-directory-button-select-recipient-bg: var(--colors-blue-200);--colors-btn-task-status-bg: var(--colors-slate-600);--colors-chat-ticket-message-bg: var(--colors-blue-200);--colors-topbar-text: var(--colors-zinc-500);--colors-menu-text-active: var(--colors-slate-700)}[data-theme=fretex]{--colors-primary-50: #eff4f2;--colors-primary-100: #dee8e4;--colors-primary-200: #ceddd7;--colors-primary-300: #bdd1c9;--colors-primary-400: #adc6bc;--colors-primary-500: #9cb2a9;--colors-primary-600: #8a9e96;--colors-primary-700: #798b84;--colors-primary-800: #4e5955;--colors-primary-900: #2f3533;--colors-beta-100: var(--colors-red-100);--colors-beta-500: var(--colors-red-500);--colors-beta-600: var(--colors-red-600);--colors-beta-700: var(--colors-red-700);--colors-gama-50: var(--colors-jade-50);--colors-gama-100: var(--colors-jade-100);--colors-gama-200: var(--colors-jade-200);--colors-gama-300: var(--colors-jade-300);--colors-gama-400: var(--colors-jade-400);--colors-gama-500: var(--colors-jade-500);--colors-gama-600: var(--colors-jade-600);--colors-gama-700: var(--colors-jade-700);--colors-gama-800: var(--colors-jade-800);--colors-delta-10: var(--colors-gray-10);--colors-delta-50: var(--colors-gray-50);--colors-delta-100: var(--colors-gray-100);--colors-delta-200: var(--colors-gray-200);--colors-delta-300: var(--colors-gray-300);--colors-delta-400: var(--colors-gray-400);--colors-delta-500: var(--colors-gray-500);--colors-delta-600: var(--colors-gray-600);--colors-delta-700: var(--colors-gray-600);--colors-delta-800: var(--colors-gray-600);--colors-delta-900: var(--colors-gray-900);--colors-delta-9000: var(--colors-gray-9000);--colors-delta-10000: var(--colors-gray-10000);--colors-theta-100: var(--colors-jade-100);--colors-theta-200: var(--colors-jade-200);--colors-theta-300: var(--colors-jade-300);--colors-theta-400: var(--colors-jade-400);--colors-theta-500: var(--colors-jade-500);--colors-theta-600: var(--colors-jade-600);--colors-theta-700: var(--colors-jade-700);--colors-theta-800: var(--colors-jade-800);--colors-theta-hover: var(--colors-jade-500);--colors-sigma-700: var(--colors-jade-600);--colors-link-text-hover: #ffffff;--colors-link-text-standart: #ffffff;--colors-link-text-active: #ffffff;--colors-link-text-disabled: var(--colors-gray-200);--colors-badge-bg: var(--colors-lime-500);--colors-badge-text: var(--colors-jade-600);--colors-button-primary-text-color: #ffffff;--colors-button-primary-bg-color: var(--colors-gama-600);--colors-button-primary-border-color: var(--colors-gama-600);--colors-button-primary-focused-text-color: #ffffff;--colors-button-primary-focused-bg-color: var(--colors-gama-600);--colors-button-primary-focused-border-color: var(--colors-yellow-400);--colors-button-primary-active-text-color: #ffffff;--colors-button-primary-active-bg-color: var(--colors-gama-800);--colors-button-primary-active-border-color: var(--colors-gama-800);--colors-button-primary-hover-text-color: #ffffff;--colors-button-primary-hover-bg-color: var(--colors-gama-700);--colors-button-primary-hover-border-color: var(--colors-gama-700);--colors-button-primary-disabled-text-color: #ffffff;--colors-button-primary-disabled-bg-color: var(--colors-delta-400);--colors-button-primary-disabled-border-color: var(--colors-delta-400);--colors-button-secondary-text-color: var(--colors-gama-600);--colors-button-secondary-bg-color: transparent;--colors-button-secondary-border-color: var(--colors-gama-600);--colors-button-secondary-focused-text-color: var(--colors-gama-600);--colors-button-secondary-focused-bg-color: transparent;--colors-button-secondary-focused-border-color: var(--colors-yellow-400);--colors-button-secondary-active-text-color: #ffffff;--colors-button-secondary-active-bg-color: var(--colors-gama-800);--colors-button-secondary-active-border-color: var(--colors-gama-800);--colors-button-secondary-hover-text-color: #ffffff;--colors-button-secondary-hover-bg-color: var(--colors-gama-700);--colors-button-secondary-hover-border-color: var(--colors-gama-700);--colors-button-secondary-disabled-text-color: #ffffff;--colors-button-secondary-disabled-bg-color: var(--colors-delta-400);--colors-button-secondary-disabled-border-color: var(--colors-delta-400);--colors-button-flat-text-color: var(--colors-gama-600);--colors-button-flat-bg-color: transparent;--colors-button-flat-border-color: var(--colors-gama-600);--colors-button-flat-focused-text-color: var(--colors-gama-600);--colors-button-flat-focused-bg-color: transparent;--colors-button-flat-focused-border-color: var(--colors-yellow-400);--colors-button-flat-active-text-color: #ffffff;--colors-button-flat-active-bg-color: var(--colors-gama-800);--colors-button-flat-active-border-color: var(--colors-gama-800);--colors-button-flat-hover-text-color: #ffffff;--colors-button-flat-hover-bg-color: var(--colors-gama-700);--colors-button-flat-hover-border-color: var(--colors-gama-700);--colors-button-flat-disabled-text-color: #ffffff;--colors-button-flat-disabled-bg-color: var(--colors-delta-400);--colors-button-flat-disabled-border-color: var(--colors-delta-400);--colors-button-danger-text-color: #ffffff;--colors-button-danger-bg-color: var(--colors-beta-500);--colors-button-danger-border-color: var(--colors-beta-500);--colors-button-danger-focused-text-color: #ffffff;--colors-button-danger-focused-bg-color: var(--colors-beta-600);--colors-button-danger-focused-border-color: var(--colors-beta-600);--colors-button-danger-active-text-color: #ffffff;--colors-button-danger-active-bg-color: var(--colors-beta-700);--colors-button-danger-active-border-color: var(--colors-beta-700);--colors-button-danger-hover-text-color: #ffffff;--colors-button-danger-hover-bg-color: var(--colors-beta-600);--colors-button-danger-hover-border-color: var(--colors-beta-600);--colors-button-danger-disabled-text-color: #ffffff;--colors-button-danger-disabled-bg-color: var(--colors-beta-100);--colors-button-danger-disabled-border-color: var(--colors-beta-100);--colors-menu-text-active: var(--colors-jade-700)}[data-theme=greenish]{--colors-primary-50: #e9fcfc;--colors-primary-100: #dffafa;--colors-primary-200: #bef4f4;--colors-primary-300: #78e8e8;--colors-primary-400: #32dcdc;--colors-primary-500: #1ca1a1;--colors-primary-600: #157a7a;--colors-primary-700: #105c5c;--colors-primary-800: #0b4141;--colors-primary-900: #093434;--colors-beta-100: var(--colors-red-100);--colors-beta-500: var(--colors-red-500);--colors-beta-600: var(--colors-red-600);--colors-beta-700: var(--colors-red-700);--colors-gama-50: var(--colors-jade-50);--colors-gama-100: var(--colors-jade-100);--colors-gama-200: var(--colors-jade-200);--colors-gama-300: var(--colors-jade-300);--colors-gama-400: var(--colors-jade-400);--colors-gama-500: var(--colors-jade-500);--colors-gama-600: var(--colors-jade-600);--colors-gama-700: var(--colors-jade-700);--colors-gama-800: var(--colors-jade-800);--colors-delta-10: var(--colors-gray-10);--colors-delta-50: var(--colors-gray-50);--colors-delta-100: var(--colors-gray-100);--colors-delta-200: var(--colors-gray-200);--colors-delta-300: var(--colors-gray-300);--colors-delta-400: var(--colors-gray-400);--colors-delta-500: var(--colors-gray-500);--colors-delta-600: var(--colors-gray-600);--colors-delta-700: var(--colors-gray-600);--colors-delta-800: var(--colors-gray-600);--colors-delta-900: var(--colors-gray-900);--colors-delta-9000: var(--colors-gray-9000);--colors-delta-10000: var(--colors-gray-10000);--colors-theta-100: var(--colors-jade-100);--colors-theta-200: var(--colors-jade-200);--colors-theta-300: var(--colors-jade-300);--colors-theta-400: var(--colors-jade-400);--colors-theta-500: var(--colors-jade-500);--colors-theta-600: var(--colors-jade-600);--colors-theta-700: var(--colors-jade-700);--colors-theta-800: var(--colors-jade-800);--colors-theta-hover: var(--colors-jade-500);--colors-sigma-700: var(--colors-jade-600);--colors-link-text-hover: #ffffff;--colors-link-text-standart: #ffffff;--colors-link-text-active: #ffffff;--colors-link-text-disabled: var(--colors-gray-200);--colors-badge-bg: var(--colors-lime-500);--colors-badge-text: var(--colors-jade-600);--colors-button-primary-text-color: #ffffff;--colors-button-primary-bg-color: var(--colors-gama-600);--colors-button-primary-border-color: var(--colors-gama-600);--colors-button-primary-focused-text-color: #ffffff;--colors-button-primary-focused-bg-color: var(--colors-gama-600);--colors-button-primary-focused-border-color: var(--colors-yellow-400);--colors-button-primary-active-text-color: #ffffff;--colors-button-primary-active-bg-color: var(--colors-gama-800);--colors-button-primary-active-border-color: var(--colors-gama-800);--colors-button-primary-hover-text-color: #ffffff;--colors-button-primary-hover-bg-color: var(--colors-gama-700);--colors-button-primary-hover-border-color: var(--colors-gama-700);--colors-button-primary-disabled-text-color: #ffffff;--colors-button-primary-disabled-bg-color: var(--colors-delta-400);--colors-button-primary-disabled-border-color: var(--colors-delta-400);--colors-button-secondary-text-color: var(--colors-gama-600);--colors-button-secondary-bg-color: transparent;--colors-button-secondary-border-color: var(--colors-gama-600);--colors-button-secondary-focused-text-color: var(--colors-gama-600);--colors-button-secondary-focused-bg-color: transparent;--colors-button-secondary-focused-border-color: var(--colors-yellow-400);--colors-button-secondary-active-text-color: #ffffff;--colors-button-secondary-active-bg-color: var(--colors-gama-800);--colors-button-secondary-active-border-color: var(--colors-gama-800);--colors-button-secondary-hover-text-color: #ffffff;--colors-button-secondary-hover-bg-color: var(--colors-gama-700);--colors-button-secondary-hover-border-color: var(--colors-gama-700);--colors-button-secondary-disabled-text-color: #ffffff;--colors-button-secondary-disabled-bg-color: var(--colors-delta-400);--colors-button-secondary-disabled-border-color: var(--colors-delta-400);--colors-button-flat-text-color: var(--colors-gama-600);--colors-button-flat-bg-color: transparent;--colors-button-flat-border-color: var(--colors-gama-600);--colors-button-flat-focused-text-color: var(--colors-gama-600);--colors-button-flat-focused-bg-color: transparent;--colors-button-flat-focused-border-color: var(--colors-yellow-400);--colors-button-flat-active-text-color: #ffffff;--colors-button-flat-active-bg-color: var(--colors-gama-800);--colors-button-flat-active-border-color: var(--colors-gama-800);--colors-button-flat-hover-text-color: #ffffff;--colors-button-flat-hover-bg-color: var(--colors-gama-700);--colors-button-flat-hover-border-color: var(--colors-gama-700);--colors-button-flat-disabled-text-color: #ffffff;--colors-button-flat-disabled-bg-color: var(--colors-delta-400);--colors-button-flat-disabled-border-color: var(--colors-delta-400);--colors-button-danger-text-color: #ffffff;--colors-button-danger-bg-color: var(--colors-beta-500);--colors-button-danger-border-color: var(--colors-beta-500);--colors-button-danger-focused-text-color: #ffffff;--colors-button-danger-focused-bg-color: var(--colors-beta-600);--colors-button-danger-focused-border-color: var(--colors-beta-600);--colors-button-danger-active-text-color: #ffffff;--colors-button-danger-active-bg-color: var(--colors-beta-700);--colors-button-danger-active-border-color: var(--colors-beta-700);--colors-button-danger-hover-text-color: #ffffff;--colors-button-danger-hover-bg-color: var(--colors-beta-600);--colors-button-danger-hover-border-color: var(--colors-beta-600);--colors-button-danger-disabled-text-color: #ffffff;--colors-button-danger-disabled-bg-color: var(--colors-beta-100);--colors-button-danger-disabled-border-color: var(--colors-beta-100);--colors-menu-text-active: var(--colors-jade-700)}:root{--text-h1: 1.5rem;--text-h2: 1.125rem;--text-pageTitle: 1.5rem;--text-sectionTitle: 1.125rem;--text-medium: 1rem;--text-base: .875rem;--text-small: .75rem;--text-xSmall: .625rem}.m-0{margin:0!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mr-2{margin-right:.5rem!important}.mt-0{margin-top:0!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.contents{display:contents!important}.w-fit{width:-moz-fit-content!important;width:fit-content!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(.75rem * var(--tw-space-x-reverse))!important;margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0 !important;margin-right:calc(1rem * var(--tw-space-x-reverse))!important;margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))!important}.border-primary-main{border-color:var(--colors-primary-600)!important}.bg-gray-200{--tw-bg-opacity: 1 !important;background-color:rgb(229 231 235 / var(--tw-bg-opacity))!important}.bg-primary-100{background-color:var(--colors-primary-100)!important}.bg-primary-700{background-color:var(--colors-primary-700)!important}.bg-primary-main{background-color:var(--colors-primary-600)!important}.bg-transparent{background-color:transparent!important}.p-0{padding:0!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.text-center{text-align:center!important}.\!text-\[14px\]{font-size:14px!important}.text-2xl{font-size:1.563rem!important}.text-base{font-size:var(--text-base)!important}.text-h1{font-size:var(--text-h1)!important}.text-h2{font-size:var(--text-h2)!important}.text-small{font-size:var(--text-small)!important}.text-xSmall{font-size:var(--text-xSmall)!important}.text-xl{font-size:1.25rem!important}.font-semibold{font-weight:600!important}.capitalize{text-transform:capitalize!important}.normal-case{text-transform:none!important}.leading-tight{line-height:1.25!important}.text-\[\#b5bec9\]{--tw-text-opacity: 1 !important;color:rgb(181 190 201 / var(--tw-text-opacity))!important}.text-gama-700{color:var(--colors-gama-700)!important}.text-gray-400{--tw-text-opacity: 1 !important;color:rgb(156 163 175 / var(--tw-text-opacity))!important}.text-gray-600{--tw-text-opacity: 1 !important;color:rgb(75 85 99 / var(--tw-text-opacity))!important}.text-gray-800{--tw-text-opacity: 1 !important;color:rgb(31 41 55 / var(--tw-text-opacity))!important}.text-primary-700{color:var(--colors-primary-700)!important}.text-primary-dark{color:var(--colors-primary-900)!important}.overline{text-decoration-line:overline!important}.shadow-\[0_0_0_3px\]{--tw-shadow: 0 0 0 3px !important;--tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow-primary-400{--tw-shadow-color: var(--colors-primary-400) !important;--tw-shadow: var(--tw-shadow-colored) !important}.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)!important}.hover\:border-primary-500:hover{border-color:var(--colors-primary-500)!important}.hover\:bg-primary-500:hover{background-color:var(--colors-primary-500)!important}.hover\:bg-primary-700:hover{background-color:var(--colors-primary-700)!important}.hover\:text-gray-50:hover{--tw-text-opacity: 1 !important;color:rgb(249 250 251 / var(--tw-text-opacity))!important}.hover\:text-primary-600:hover{color:var(--colors-primary-600)!important}.hover\:text-primary-700:hover{color:var(--colors-primary-700)!important}.active\:bg-primary-dark:active{background-color:var(--colors-primary-900)!important}.\[\&\>input\]\:h-full>input{height:100%!important}.\[\&\>input\]\:w-full>input{width:100%!important}.\[\&\>svg\]\:h-5>svg{height:1.25rem!important}.\[\&\>svg\]\:w-5>svg{width:1.25rem!important}._all-icons-container_z9w7e_1{display:flex;height:100%;width:100%;flex-wrap:wrap;align-items:center;gap:1.25rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding:1.25rem}@keyframes _opacity-appear_z9w7e_1{0%{opacity:0}to{opacity:1}}._icon_z9w7e_5{animation:_opacity-appear_z9w7e_1 .3s linear;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}._styled-data-grid_7tbfs_1{border-radius:0!important;border-width:0px!important;border-top-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(255 255 255 / var(--tw-bg-opacity))!important}._styled-data-grid_7tbfs_1 svg{--tw-text-opacity: 1 !important;color:rgb(11 12 15 / var(--tw-text-opacity))!important}._cell_7tbfs_8{min-height:50px!important;border-bottom-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important}._cell_7tbfs_8:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}._cell_7tbfs_8:focus{outline:2px solid transparent!important;outline-offset:2px!important}._cellContent_7tbfs_12{font-size:var(--text-base)!important;--tw-text-opacity: 1 !important;color:rgb(11 12 15 / var(--tw-text-opacity))!important}._columnHeader_7tbfs_16{height:30px!important;border-right-width:0px!important}._columnHeader_7tbfs_16:focus-within{outline:2px solid transparent!important;outline-offset:2px!important}._columnHeader_7tbfs_16:focus{outline:2px solid transparent!important;outline-offset:2px!important}._columnHeaderTitle_7tbfs_20{font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;--tw-text-opacity: 1 !important;color:rgb(122 137 158 / var(--tw-text-opacity))!important}._columnHeaders_7tbfs_24{min-height:30px!important;border-radius:0!important;border-bottom-width:1px!important;--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(252 252 253 / var(--tw-bg-opacity))!important}._footerContainer_7tbfs_28{--tw-border-opacity: 1 !important;border-color:rgb(189 196 207 / var(--tw-border-opacity))!important}._iconSeparator_7tbfs_32{display:none!important}._row_7tbfs_36{min-height:50px!important}._row_7tbfs_36:hover{cursor:pointer!important;background-color:var(--colors-primary-50)!important}._virtualScrollerContent_7tbfs_40{border-bottom-width:0px!important}._menuIconButton_7tbfs_44{visibility:visible!important;position:absolute!important;right:1.25rem!important;display:flex!important}._root_1jf25_1{--tw-text-opacity: 1 !important;color:rgb(181 190 201 / var(--tw-text-opacity))!important}._root_1jf25_1:hover{color:var(--colors-primary-600)!important}._root_1jf25_1 input{height:100%!important;width:100%!important}._root_1jf25_1 svg{height:1.5rem!important;width:1.5rem!important}._checked_1jf25_11,._checked_1jf25_11:hover{color:var(--colors-primary-600)!important}._disabled_1jf25_15{opacity:.5!important}