react-restyle-components 0.4.41 → 0.4.43

package/lib/src/core-components/src/components/ag-grid/hooks.d.ts

@@ -194,3 +194,83 @@ export declare const aggregations: {
     last: <T_1>(values: T_1[]) => T_1;
 };
 export declare function exportToCsv<T>(data: T[], columns: ColDef<T>[], filename?: string): void;
+export interface SetFilterModel {
+    values: Set<string>;
+    selectAll: boolean;
+}
+export declare function useSetFilter<T>(data: T[], field: string): {
+    uniqueValues: string[];
+    filteredValues: string[];
+    selectedValues: Set<string>;
+    selectAll: boolean;
+    isIndeterminate: boolean;
+    searchText: string;
+    setSearchText: React.Dispatch<React.SetStateAction<string>>;
+    toggleValue: (value: string) => void;
+    toggleSelectAll: () => void;
+    selectNone: () => void;
+    isValueSelected: (value: string) => boolean;
+    filterFunction: (row: T) => boolean;
+};
+export interface AggregationValue {
+    field: string;
+    aggFunc: 'sum' | 'avg' | 'min' | 'max' | 'count';
+    displayName: string;
+}
+export declare function useAggregationPanel<T>(data: T[]): {
+    valueColumns: AggregationValue[];
+    addValueColumn: (field: string, aggFunc: AggregationValue['aggFunc'], displayName: string) => void;
+    removeValueColumn: (field: string, aggFunc: AggregationValue['aggFunc']) => void;
+    clearValueColumns: () => void;
+    aggregatedValues: Record<string, number>;
+};
+export declare function useRowGroupingPanel<T extends object>(columns: ColDef<T>[]): {
+    rowGroupColumns: string[];
+    addRowGroupColumn: (field: string) => void;
+    removeRowGroupColumn: (field: string) => void;
+    moveRowGroupColumn: (fromIndex: number, toIndex: number) => void;
+    clearRowGroupColumns: () => void;
+    groupableColumns: ColDef<T>[];
+    groupedColumnsInfo: {
+        field: string;
+        headerName: string;
+    }[];
+};
+export interface ColumnMenuState {
+    visible: boolean;
+    colId: string | null;
+    x: number;
+    y: number;
+}
+export declare function useColumnMenu(): {
+    menuState: ColumnMenuState;
+    showColumnMenu: (colId: string, x: number, y: number) => void;
+    hideColumnMenu: () => void;
+    filterDropdownState: {
+        visible: boolean;
+        colId: string | null;
+        x: number;
+        y: number;
+    };
+    showFilterDropdown: (colId: string, x: number, y: number) => void;
+    hideFilterDropdown: () => void;
+};
+export type SidePanelTab = 'columns' | 'filters';
+export declare function useSidePanel(defaultOpen?: boolean, defaultTab?: SidePanelTab): {
+    isOpen: boolean;
+    activeTab: SidePanelTab;
+    toggle: () => void;
+    open: () => void;
+    close: () => void;
+    switchTab: (tab: SidePanelTab) => void;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setActiveTab: React.Dispatch<React.SetStateAction<SidePanelTab>>;
+};
+export declare function usePivotMode(): {
+    isPivotMode: boolean;
+    setIsPivotMode: React.Dispatch<React.SetStateAction<boolean>>;
+    togglePivotMode: () => void;
+    pivotColumns: string[];
+    addPivotColumn: (field: string) => void;
+    removePivotColumn: (field: string) => void;
+};

package/lib/src/core-components/src/components/ag-grid/hooks.js

@@ -941,3 +941,280 @@ export function exportToCsv(data, columns, filename = 'export.csv') {
     link.click();
     URL.revokeObjectURL(url);
 }
+export function useSetFilter(data, field) {
+    const [selectedValues, setSelectedValues] = useState(new Set());
+    const [selectAll, setSelectAll] = useState(true);
+    const [searchText, setSearchText] = useState('');
+    // Extract unique values from data
+    const uniqueValues = useMemo(() => {
+        const values = new Set();
+        data.forEach((row) => {
+            const value = getNestedValue(row, field);
+            if (value != null) {
+                values.add(String(value));
+            }
+        });
+        return Array.from(values).sort();
+    }, [data, field]);
+    // Filter unique values by search
+    const filteredValues = useMemo(() => {
+        if (!searchText)
+            return uniqueValues;
+        const search = searchText.toLowerCase();
+        return uniqueValues.filter((v) => v.toLowerCase().includes(search));
+    }, [uniqueValues, searchText]);
+    // Initialize selected values when unique values change
+    useEffect(() => {
+        if (selectAll) {
+            setSelectedValues(new Set(uniqueValues));
+        }
+    }, [uniqueValues, selectAll]);
+    const toggleValue = useCallback((value) => {
+        setSelectedValues((prev) => {
+            const next = new Set(prev);
+            if (next.has(value)) {
+                next.delete(value);
+            }
+            else {
+                next.add(value);
+            }
+            return next;
+        });
+        setSelectAll(false);
+    }, []);
+    const toggleSelectAll = useCallback(() => {
+        if (selectAll) {
+            setSelectedValues(new Set());
+            setSelectAll(false);
+        }
+        else {
+            setSelectedValues(new Set(uniqueValues));
+            setSelectAll(true);
+        }
+    }, [selectAll, uniqueValues]);
+    const selectNone = useCallback(() => {
+        setSelectedValues(new Set());
+        setSelectAll(false);
+    }, []);
+    const isValueSelected = useCallback((value) => selectedValues.has(value), [selectedValues]);
+    const filterFunction = useCallback((row) => {
+        if (selectAll)
+            return true;
+        const value = getNestedValue(row, field);
+        if (value == null)
+            return selectedValues.size === 0;
+        return selectedValues.has(String(value));
+    }, [field, selectedValues, selectAll]);
+    const isIndeterminate = useMemo(() => {
+        return selectedValues.size > 0 && selectedValues.size < uniqueValues.length;
+    }, [selectedValues, uniqueValues]);
+    return {
+        uniqueValues,
+        filteredValues,
+        selectedValues,
+        selectAll,
+        isIndeterminate,
+        searchText,
+        setSearchText,
+        toggleValue,
+        toggleSelectAll,
+        selectNone,
+        isValueSelected,
+        filterFunction,
+    };
+}
+export function useAggregationPanel(data) {
+    const [valueColumns, setValueColumns] = useState([]);
+    const addValueColumn = useCallback((field, aggFunc, displayName) => {
+        setValueColumns((prev) => {
+            // Check if already exists
+            if (prev.some((v) => v.field === field && v.aggFunc === aggFunc)) {
+                return prev;
+            }
+            return [...prev, { field, aggFunc, displayName }];
+        });
+    }, []);
+    const removeValueColumn = useCallback((field, aggFunc) => {
+        setValueColumns((prev) => prev.filter((v) => !(v.field === field && v.aggFunc === aggFunc)));
+    }, []);
+    const clearValueColumns = useCallback(() => {
+        setValueColumns([]);
+    }, []);
+    // Calculate aggregated values
+    const aggregatedValues = useMemo(() => {
+        const result = {};
+        valueColumns.forEach(({ field, aggFunc }) => {
+            const values = data
+                .map((row) => getNestedValue(row, field))
+                .filter((v) => v != null && !isNaN(Number(v)))
+                .map(Number);
+            const key = `${aggFunc}(${field})`;
+            switch (aggFunc) {
+                case 'sum':
+                    result[key] = aggregations.sum(values);
+                    break;
+                case 'avg':
+                    result[key] = aggregations.avg(values);
+                    break;
+                case 'min':
+                    result[key] = aggregations.min(values);
+                    break;
+                case 'max':
+                    result[key] = aggregations.max(values);
+                    break;
+                case 'count':
+                    result[key] = aggregations.count(values);
+                    break;
+            }
+        });
+        return result;
+    }, [data, valueColumns]);
+    return {
+        valueColumns,
+        addValueColumn,
+        removeValueColumn,
+        clearValueColumns,
+        aggregatedValues,
+    };
+}
+// ============================================================================
+// Row Grouping Panel Hook
+// ============================================================================
+export function useRowGroupingPanel(columns) {
+    const [rowGroupColumns, setRowGroupColumns] = useState([]);
+    const addRowGroupColumn = useCallback((field) => {
+        setRowGroupColumns((prev) => {
+            if (prev.includes(field))
+                return prev;
+            return [...prev, field];
+        });
+    }, []);
+    const removeRowGroupColumn = useCallback((field) => {
+        setRowGroupColumns((prev) => prev.filter((f) => f !== field));
+    }, []);
+    const moveRowGroupColumn = useCallback((fromIndex, toIndex) => {
+        setRowGroupColumns((prev) => {
+            const next = [...prev];
+            const [removed] = next.splice(fromIndex, 1);
+            next.splice(toIndex, 0, removed);
+            return next;
+        });
+    }, []);
+    const clearRowGroupColumns = useCallback(() => {
+        setRowGroupColumns([]);
+    }, []);
+    // Get groupable columns (columns that have enableRowGroup: true or have a field)
+    const groupableColumns = useMemo(() => {
+        return columns.filter((col) => col.field && col.enableRowGroup !== false);
+    }, [columns]);
+    // Get column info for grouped columns
+    const groupedColumnsInfo = useMemo(() => {
+        return rowGroupColumns.map((field) => {
+            const col = columns.find((c) => c.field === field);
+            return {
+                field,
+                headerName: col?.headerName || field,
+            };
+        });
+    }, [rowGroupColumns, columns]);
+    return {
+        rowGroupColumns,
+        addRowGroupColumn,
+        removeRowGroupColumn,
+        moveRowGroupColumn,
+        clearRowGroupColumns,
+        groupableColumns,
+        groupedColumnsInfo,
+    };
+}
+export function useColumnMenu() {
+    const [menuState, setMenuState] = useState({
+        visible: false,
+        colId: null,
+        x: 0,
+        y: 0,
+    });
+    const [filterDropdownState, setFilterDropdownState] = useState({
+        visible: false,
+        colId: null,
+        x: 0,
+        y: 0,
+    });
+    const showColumnMenu = useCallback((colId, x, y) => {
+        setMenuState({ visible: true, colId, x, y });
+    }, []);
+    const hideColumnMenu = useCallback(() => {
+        setMenuState((prev) => ({ ...prev, visible: false }));
+    }, []);
+    const showFilterDropdown = useCallback((colId, x, y) => {
+        setFilterDropdownState({ visible: true, colId, x, y });
+    }, []);
+    const hideFilterDropdown = useCallback(() => {
+        setFilterDropdownState((prev) => ({ ...prev, visible: false }));
+    }, []);
+    return {
+        menuState,
+        showColumnMenu,
+        hideColumnMenu,
+        filterDropdownState,
+        showFilterDropdown,
+        hideFilterDropdown,
+    };
+}
+export function useSidePanel(defaultOpen = true, defaultTab = 'columns') {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    const [activeTab, setActiveTab] = useState(defaultTab);
+    const toggle = useCallback(() => {
+        setIsOpen((prev) => !prev);
+    }, []);
+    const open = useCallback(() => {
+        setIsOpen(true);
+    }, []);
+    const close = useCallback(() => {
+        setIsOpen(false);
+    }, []);
+    const switchTab = useCallback((tab) => {
+        setActiveTab(tab);
+        if (!isOpen) {
+            setIsOpen(true);
+        }
+    }, [isOpen]);
+    return {
+        isOpen,
+        activeTab,
+        toggle,
+        open,
+        close,
+        switchTab,
+        setIsOpen,
+        setActiveTab,
+    };
+}
+// ============================================================================
+// Pivot Mode Hook
+// ============================================================================
+export function usePivotMode() {
+    const [isPivotMode, setIsPivotMode] = useState(false);
+    const [pivotColumns, setPivotColumns] = useState([]);
+    const togglePivotMode = useCallback(() => {
+        setIsPivotMode((prev) => !prev);
+    }, []);
+    const addPivotColumn = useCallback((field) => {
+        setPivotColumns((prev) => {
+            if (prev.includes(field))
+                return prev;
+            return [...prev, field];
+        });
+    }, []);
+    const removePivotColumn = useCallback((field) => {
+        setPivotColumns((prev) => prev.filter((f) => f !== field));
+    }, []);
+    return {
+        isPivotMode,
+        setIsPivotMode,
+        togglePivotMode,
+        pivotColumns,
+        addPivotColumn,
+        removePivotColumn,
+    };
+}

package/lib/src/core-components/src/components/ag-grid/index.d.ts

@@ -5,5 +5,6 @@
  */
 export { AgGrid, default } from './AgGrid';
 export type { SortDirection as AgSortDirection, FilterType as AgFilterType, ColumnAlign as AgColumnAlign, RowSelectionMode as AgRowSelectionMode, EditTrigger as AgEditTrigger, PinDirection as AgPinDirection, RowModelType as AgRowModelType, PaginationPosition as AgPaginationPosition, ThemeVariant as AgThemeVariant, CellRendererParams as AgCellRendererParams, HeaderComponentParams as AgHeaderComponentParams, CellEditorParams as AgCellEditorParams, FilterParams as AgFilterParams, ValueFormatterParams as AgValueFormatterParams, ValueGetterParams as AgValueGetterParams, ValueSetterParams as AgValueSetterParams, ColDef as AgColDef, ColGroupDef as AgColGroupDef, RowNode as AgRowNode, Column as AgColumn, ColumnGroup as AgColumnGroup, GridApi as AgGridApi, ColumnApi as AgColumnApi, ColumnState as AgColumnState, CsvExportParams as AgCsvExportParams, ExcelExportParams as AgExcelExportParams, BaseEventParams as AgBaseEventParams, CellClickedEvent as AgCellClickedEvent, CellDoubleClickedEvent as AgCellDoubleClickedEvent, CellContextMenuEvent as AgCellContextMenuEvent, CellValueChangedEvent as AgCellValueChangedEvent, RowClickedEvent as AgRowClickedEvent, RowDoubleClickedEvent as AgRowDoubleClickedEvent, RowSelectedEvent as AgRowSelectedEvent, SelectionChangedEvent as AgSelectionChangedEvent, SortChangedEvent as AgSortChangedEvent, FilterChangedEvent as AgFilterChangedEvent, PaginationChangedEvent as AgPaginationChangedEvent, ColumnVisibleEvent as AgColumnVisibleEvent, ColumnResizedEvent as AgColumnResizedEvent, ColumnMovedEvent as AgColumnMovedEvent, ColumnPinnedEvent as AgColumnPinnedEvent, RowDragEvent as AgRowDragEvent, GridReadyEvent as AgGridReadyEvent, FirstDataRenderedEvent as AgFirstDataRenderedEvent, ModelUpdatedEvent as AgModelUpdatedEvent, AgGridProps, AgGridRef, AgGridTheme, IServerSideDatasource as AgServerSideDatasource, IServerSideGetRowsParams as AgServerSideGetRowsParams, IServerSideGetRowsRequest as AgServerSideGetRowsRequest, IDatasource as AgDatasource, DeepPartial as AgDeepPartial, } from './types';
-export { useSorting as useAgSorting, useFiltering as useAgFiltering, usePagination as useAgPagination, useRowSelection as useAgRowSelection, useRowExpansion as useAgRowExpansion, useColumnState as useAgColumnState, useCellEditing as useAgCellEditing, useRowGrouping as useAgRowGrouping, useVirtualScrolling as useAgVirtualScrolling, useClipboard as useAgClipboard, useResponsive as useAgResponsive, useContextMenu as useAgContextMenu, useKeyboardNavigation as useAgKeyboardNavigation, getNestedValue as agGetNestedValue, setNestedValue as agSetNestedValue, createRowNode as agCreateRowNode, aggregations as agAggregations, exportToCsv as agExportToCsv, } from './hooks';
+export { useSorting as useAgSorting, useFiltering as useAgFiltering, usePagination as useAgPagination, useRowSelection as useAgRowSelection, useRowExpansion as useAgRowExpansion, useColumnState as useAgColumnState, useCellEditing as useAgCellEditing, useRowGrouping as useAgRowGrouping, useVirtualScrolling as useAgVirtualScrolling, useClipboard as useAgClipboard, useResponsive as useAgResponsive, useContextMenu as useAgContextMenu, useKeyboardNavigation as useAgKeyboardNavigation, useSetFilter as useAgSetFilter, useAggregationPanel as useAgAggregationPanel, useRowGroupingPanel as useAgRowGroupingPanel, useColumnMenu as useAgColumnMenu, useSidePanel as useAgSidePanel, usePivotMode as useAgPivotMode, getNestedValue as agGetNestedValue, setNestedValue as agSetNestedValue, createRowNode as agCreateRowNode, aggregations as agAggregations, exportToCsv as agExportToCsv, } from './hooks';
+export type { SortModel as AgSortModel, SetFilterModel as AgSetFilterModel, AggregationValue as AgAggregationValue, ColumnMenuState as AgColumnMenuState, SidePanelTab as AgSidePanelTab, } from './hooks';
 export { getTheme as agGetTheme, themes as agThemes } from './elements';

package/lib/src/core-components/src/components/ag-grid/index.js

@@ -7,6 +7,8 @@
 export { AgGrid, default } from './AgGrid';
 // Hooks - Prefixed with "useAg" to avoid conflicts
 export { useSorting as useAgSorting, useFiltering as useAgFiltering, usePagination as useAgPagination, useRowSelection as useAgRowSelection, useRowExpansion as useAgRowExpansion, useColumnState as useAgColumnState, useCellEditing as useAgCellEditing, useRowGrouping as useAgRowGrouping, useVirtualScrolling as useAgVirtualScrolling, useClipboard as useAgClipboard, useResponsive as useAgResponsive, useContextMenu as useAgContextMenu, useKeyboardNavigation as useAgKeyboardNavigation, 
+// New hooks for Side Panel, Column Menu, Set Filter, etc.
+useSetFilter as useAgSetFilter, useAggregationPanel as useAgAggregationPanel, useRowGroupingPanel as useAgRowGroupingPanel, useColumnMenu as useAgColumnMenu, useSidePanel as useAgSidePanel, usePivotMode as useAgPivotMode, 
 // Utilities - Prefixed with "ag"
 getNestedValue as agGetNestedValue, setNestedValue as agSetNestedValue, createRowNode as agCreateRowNode, aggregations as agAggregations, exportToCsv as agExportToCsv, } from './hooks';
 // Theme utilities - Prefixed with "ag"

package/lib/src/core-components/src/tc.global.css

@@ -1,7 +1,7 @@
 :root{--border-radius-100:0.5rem;--border-radius-200:1rem;--border-radius-300:1.5rem;--border-radius-400:2rem;--border-radius-none:0rem;--border-radius-round:10000rem;--border-radius-025:0.125rem;--border-radius-050:0.25rem;--breakpoints-xs:20rem;--breakpoints-sm:23.4375rem;--breakpoints-md:48rem;--breakpoints-lg:64rem;--breakpoints-xl:80rem;--breakpoints-xxl:90rem;--opacity-10:10%;--opacity-12:12%;--opacity-20:20%;--opacity-30:30%;--opacity-40:40%;--opacity-50:50%;--opacity-60:60%;--opacity-70:70%;--opacity-75:75%;--opacity-80:80%;--opacity-90:90%;--opacity-100:100%;--opacity-none:0%;--opacity-04:4%;--opacity-08:8%;--spacing-100:0.5rem;--spacing-150:0.75rem;--spacing-200:1rem;--spacing-300:1.5rem;--spacing-400:2rem;--spacing-500:2.5rem;--spacing-600:3rem;--spacing-800:4rem;--spacing-1000:5rem;--spacing-1200:6rem;--spacing-000:0rem;--spacing-025:0.125rem;--spacing-050:0.25rem;--spacing-075:0.375rem;--state-layer-none:0%;--state-layer-hover:8%;--state-layer-press:12%;--state-layer-disabled:12%;--state-layer-on-disabled:30%;--state-layer-read-only:8%;--state-layer-on-read-only:70%;--state-layer-press-card:4%;--stroke-card:0.0625rem;--stroke-selected-card-hover:0.125rem;--stroke-divider:0.0625rem}.theme-dark{--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#040308;--surface:#130f17;--surface-variant:#1e1a22;--on-surface:#f8eef9;--on-surface-soft:#cdc4ce;--outline:#7c757e;--outline-soft:#4a454e;--scrim-overlay:#0c0e1180;--elevated-level-01:#221e26;--elevated-level-02:#29242c;--elevated-level-03:#2d2830;--elevated-dynamic-card:#edddf60a;--primary:#ddb7ff;--on-primary:#1c0334;--primary-soft:#410071;--on-primary-soft:#ddb7ff;--secondary:#4e4356;--on-secondary:#edddf6;--neutral:#f8eef9;--on-neutral:#130f17;--neutral-soft:#4a454e;--on-neutral-soft:#e9dfeb;--inverse-surface:#e9dfeb;--inverse-on-surface:#130f17;--inverse-primary:#8223d2;--status-success-soft:#0b4521;--status-on-success-soft:#c5ffc8;--status-success:#47e26f;--status-on-success:#0a2415;--status-error-soft:#7d000f;--status-on-error-soft:#ffeae9;--status-error:#ffb3ad;--status-on-error:#470306;--status-warning-soft:#e7c500;--status-on-warning-soft:#3a3000;--status-warning:#ffe264;--status-on-warning:#221b00;--accent-red:#ffb2b9;--accent-on-red:#40000f;--accent-red-soft:#7c0026;--accent-on-red-soft:#ffeced;--accent-orange:#ffb690;--accent-on-orange:#341100;--accent-orange-soft:#632700;--accent-on-orange-soft:#ffede6;--accent-tennis:#dcff66;--accent-on-tennis:#171e00;--accent-tennis-soft:#334000;--accent-on-tennis-soft:#dcff66;--accent-green:#65f2bc;--accent-on-green:#002115;--accent-green-soft:#004530;--accent-on-green-soft:#bdffdf;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#00424c;--accent-on-teal-soft:#d4f7ff;--accent-blue:#bac3ff;--accent-on-blue:#001159;--accent-blue-soft:#061e77;--accent-on-blue-soft:#f0efff;--accent-purple:#ddb7ff;--accent-on-purple:#1c0334;--accent-purple-soft:#410071;--accent-on-purple-soft:#ddb7ff;--fills-surface-contrast:#f8eef90a;--fills-surface-contrast-inverse:#130f1714;--fills-drop-shadow:#160d1e26;--fills-actions-pressed-shadow:#ffffff14;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:100%;--gradient-dark-stop-1:#ca93ff;--gradient-dark-stop-2:#f2aeff;--gradient-light-stop-1:#370f5b;--gradient-light-stop-2:#001a42}.theme-light,:root{--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#f1f0f4;--surface:#fff;--surface-variant:#faf9fc;--on-surface:#1a1c1e;--on-surface-soft:#5d5e61;--outline:#c6c6ca;--outline-soft:#eeedf1;--scrim-overlay:#0c0e1180;--elevated-level-01:#fff;--elevated-level-02:#fff;--elevated-level-03:#fff;--elevated-dynamic-card:#fff;--primary:#8223d2;--on-primary:#fff;--primary-soft:#faecff;--on-primary-soft:#590099;--secondary:#edddf6;--on-secondary:#211829;--neutral:#1a1c1e;--on-neutral:#fff;--neutral-soft:#f1f0f4;--on-neutral-soft:#2f3033;--inverse-surface:#252629;--inverse-on-surface:#fff;--inverse-primary:#ca93ff;--status-success-soft:#c5ffc8;--status-on-success-soft:#062011;--status-success:#136d31;--status-on-success:#c5ffc8;--status-error-soft:#ffdad7;--status-on-error-soft:#410004;--status-error:#b91a24;--status-on-error:#ffeae9;--status-warning-soft:#fff0c0;--status-on-warning-soft:#3a3000;--status-warning:#e7c500;--status-on-warning:#524609;--accent-red:#b91641;--accent-on-red:#fff8f7;--accent-red-soft:#ffe1e2;--accent-on-red-soft:#67001e;--accent-orange:#ec6a06;--accent-on-orange:#fff8f6;--accent-orange-soft:#ffe2d5;--accent-on-orange-soft:#552100;--accent-tennis:#d2fa46;--accent-on-tennis:#171e00;--accent-tennis-soft:#e5ff8d;--accent-on-tennis-soft:#293500;--accent-green:#6efac3;--accent-on-green:#002115;--accent-green-soft:#ccffe5;--accent-on-green-soft:#003826;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#ddf9ff;--accent-on-teal-soft:#00363e;--accent-blue:#4a68f9;--accent-on-blue:#fbf8ff;--accent-blue-soft:#f4f2ff;--accent-on-blue-soft:#00208d;--accent-purple:#8223d2;--accent-on-purple:#fff;--accent-purple-soft:#faecff;--accent-on-purple-soft:#590099;--fills-surface-contrast:#0c0e110a;--fills-surface-contrast-inverse:#ffffff14;--fills-drop-shadow:#0c0e110a;--fills-actions-pressed-shadow:#0c0e1114;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:0%;--gradient-dark-stop-1:#6900b3;--gradient-dark-stop-2:#991bbd;--gradient-light-stop-1:#faecff;--gradient-light-stop-2:#effcff}.partner-dark{--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#030405;--surface:#0f1114;--surface-variant:#1a1c1e;--on-surface:#f1f0f4;--on-surface-soft:#c6c6ca;--outline:#76777a;--outline-soft:#46474a;--scrim-overlay:#0c0e1180;--elevated-level-01:#1e2022;--elevated-level-02:#252629;--elevated-level-03:#292a2d;--elevated-dynamic-card:#e3e2e60a;--primary:#fff;--on-primary:#0f1114;--primary-soft:#292a2d;--on-primary-soft:#fff;--secondary:#46474a;--on-secondary:#e3e2e6;--neutral:#f1f0f4;--on-neutral:#0f1114;--neutral-soft:#46474a;--on-neutral-soft:#e3e2e6;--inverse-surface:#e3e2e6;--inverse-on-surface:#0f1114;--inverse-primary:#46474a;--status-success-soft:#0b4521;--status-on-success-soft:#c5ffc8;--status-success:#47e26f;--status-on-success:#0a2415;--status-error-soft:#7d000f;--status-on-error-soft:#ffeae9;--status-error:#ffb3ad;--status-on-error:#470306;--status-warning-soft:#e7c500;--status-on-warning-soft:#3a3000;--status-warning:#ffe264;--status-on-warning:#221b00;--accent-red:#ffb2b9;--accent-on-red:#40000f;--accent-red-soft:#7c0026;--accent-on-red-soft:#ffeced;--accent-orange:#ffb690;--accent-on-orange:#341100;--accent-orange-soft:#632700;--accent-on-orange-soft:#ffede6;--accent-tennis:#d2fa46;--accent-on-tennis:#171e00;--accent-tennis-soft:#334000;--accent-on-tennis-soft:#dcff66;--accent-green:#65f2bc;--accent-on-green:#002115;--accent-green-soft:#004530;--accent-on-green-soft:#bdffdf;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#00424c;--accent-on-teal-soft:#d4f7ff;--accent-blue:#bac3ff;--accent-on-blue:#001159;--accent-blue-soft:#061e77;--accent-on-blue-soft:#f0efff;--accent-purple:#ddb7ff;--accent-on-purple:#1c0334;--accent-purple-soft:#410071;--accent-on-purple-soft:#ddb7ff;--fills-surface-contrast:#ffffff0a;--fills-surface-contrast-inverse:#0c0e1114;--fills-drop-shadow:#0c0e1126;--fills-actions-pressed-shadow:#ffffff14;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:100%;--gradient-dark-stop-1:#ca93ff;--gradient-dark-stop-2:#f2aeff;--gradient-light-stop-1:#370f5b;--gradient-light-stop-2:#001a42}.partner-light{--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#f1f0f4;--surface:#fff;--surface-variant:#faf9fc;--on-surface:#1a1c1e;--on-surface-soft:#5d5e61;--outline:#c6c6ca;--outline-soft:#eeedf1;--scrim-overlay:#0c0e1180;--elevated-level-01:#fff;--elevated-level-02:#fff;--elevated-level-03:#fff;--elevated-dynamic-card:#fff;--primary:#0c0e11;--on-primary:#fff;--primary-soft:#f1f0f4;--on-primary-soft:#3a3b3e;--secondary:#e3e2e6;--on-secondary:#1a1c1e;--neutral:#1a1c1e;--on-neutral:#fff;--neutral-soft:#f1f0f4;--on-neutral-soft:#2f3033;--inverse-surface:#252629;--inverse-on-surface:#fff;--inverse-primary:#e3e2e6;--status-success-soft:#c5ffc8;--status-on-success-soft:#062011;--status-success:#136d31;--status-on-success:#c5ffc8;--status-error-soft:#ffdad7;--status-on-error-soft:#410004;--status-error:#b91a24;--status-on-error:#ffeae9;--status-warning-soft:#fff0c0;--status-on-warning-soft:#3a3000;--status-warning:#e7c500;--status-on-warning:#524609;--accent-red:#b91641;--accent-on-red:#fff8f7;--accent-red-soft:#fff0f1;--accent-on-red-soft:#67001e;--accent-orange:#ec6a06;--accent-on-orange:#fff8f6;--accent-orange-soft:#fff1eb;--accent-on-orange-soft:#552100;--accent-tennis:#d2fa46;--accent-on-tennis:#171e00;--accent-tennis-soft:#e5ff8d;--accent-on-tennis-soft:#293500;--accent-green:#6efac3;--accent-on-green:#002115;--accent-green-soft:#ccffe5;--accent-on-green-soft:#003826;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#ddf9ff;--accent-on-teal-soft:#00363e;--accent-blue:#4a68f9;--accent-on-blue:#fbf8ff;--accent-blue-soft:#f4f2ff;--accent-on-blue-soft:#00208d;--accent-purple:#8223d2;--accent-on-purple:#fff;--accent-purple-soft:#faecff;--accent-on-purple-soft:#590099;--fills-surface-contrast:#0c0e110a;--fills-surface-contrast-inverse:#ffffff14;--fills-drop-shadow:#0c0e110a;--fills-actions-pressed-shadow:#0c0e1114;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:0%;--gradient-dark-stop-1:#6900b3;--gradient-dark-stop-2:#991bbd;--gradient-light-stop-1:#faecff;--gradient-light-stop-2:#f0efff}.partner-dark,.partner-light,.theme-dark,.theme-light,:root{--action-outline-fill:var(--fills-surface-contrast-inverse);--action-border-radius:var(--border-radius-round);--tag-on-theme-alt:var(--on-secondary);--tag-theme-alt:var(--secondary);--action-inactive-toggle-stroke:var(--outline-soft);--action-inactive-toggle-surface:var(--surface-variant);--action-on-surface:var(--on-surface);--action-outline-action:var(--on-surface);--action-on-tonal-action:var(--on-secondary);--action-tonal-action:var(--secondary);--tag-on-theme:var(--on-primary);--action-on-filled-action:var(--on-primary);--tag-theme:var(--primary);--action-subtle-engaged:var(--primary);--action-filled-action:var(--primary)}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
 /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
 /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
-/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/.top-1\/2{top:50%}.h-0\.5{height:.125rem}.-translate-x-1\/2,.-translate-y-1\/2{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-y-1\/2{--tw-translate-y:-50%}.translate-x-1\/2{--tw-translate-x:50%}.transform,.translate-x-1\/2{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))}
+/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/.h-0\.5{height:.125rem}.translate-x-1\/2{--tw-translate-x:50%}.transform,.translate-x-1\/2{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))}
 /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes spin{to{transform:rotate(1turn)}}
 /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes spin{to{transform:rotate(1turn)}}
 /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes spin{to{transform:rotate(1turn)}}.blur,.pb-2,.shadow,.shadow-lg,.truncate,body{font-family:Arima Regular;font-size:14px}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes spin{to{transform:rotate(1turn)}}
@@ -231,4 +231,30 @@
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
 /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
-/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}.backdrop-blur-sm,.blur,.filter,.ring,.ring-2,.shadow,.shadow-inner,.shadow-md,body{font-family:Arima Regular;font-size:14px}*,.dark\:bg-black:is(.dark *),.dark\:border-gray-600:is(.dark *),: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:#3b82f680;--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.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}.\!filter,.backdrop-blur-sm,.blur,.ring,.ring-2,.shadow,.shadow-inner,body{font-family:Arima Regular;font-size:14px}.dark\:bg-black:is(.dark *),.dark\:border-gray-600:is(.dark *),*,: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:#3b82f680;--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:#3b82f680;--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.19 | MIT License | https://tailwindcss.com*/fieldset,legend{padding:0}.container{width:100%}@media (min-width:0px){.container{max-width:0}}@media (min-width:20rem){.container{max-width:20rem}}@media (min-width:23.4375rem){.container{max-width:23.4375rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:90rem){.container{max-width:90rem}}@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}}.form-input,.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::placeholder,.form-input:focus,.form-multiselect,.form-multiselect:focus,.form-select,.form-select:focus,table{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}table:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}table tr:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}select:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.\!visible{visibility:visible!important}.-translate-x-1\/2,.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-teal-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(240 253 250/var(--tw-divide-opacity,1))}.bg-purple-900\/50{background-color:#581c8780}.p-0\.5{padding:.125rem}.\!filter,.blur,.ring,.ring-2,.shadow,.shadow-inner,.backdrop-blur-sm,body{font-family:Arima Regular;font-size:14px}.hover\:bg-white\/20:hover{background-color:#fff3}.dark\:border-gray-600:is(.dark *),.focus\:ring-0:focus,.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-boxdark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(36 48 63/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:text-black:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color:#1f2937}.dark\:hover\:bg-blue-900:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,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:#3b82f680;--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:#3b82f680;--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.19 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:ArimaRegular;src:url(library/assets/fonts/arima/arima-regular.ttf)}.container{width:100%}@media (min-width:0px){.container{max-width:0}}@media (min-width:20rem){.container{max-width:20rem}}@media (min-width:23.4375rem){.container{max-width:23.4375rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:90rem){.container{max-width:90rem}}@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}}.form-input,.form-multiselect,.form-select,.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-input::placeholder,.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,table{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}table:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}table tr:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}select:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.\!visible{visibility:visible!important}.flex-grow,.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-teal-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(240 253 250/var(--tw-divide-opacity,1))}.bg-purple-900\/50{background-color:#581c8780}.p-0\.5{padding:.125rem}.shadow,.shadow-inner,.shadow-md,.ring,.ring-2,.blur,.\!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}.backdrop-blur-sm,body{font-family:Arima Regular;font-size:14px}.menu ul{list-style:none;margin:0;padding:0}.menu li{border-bottom:1px solid #ddd;padding:10px}.menu li:last-child{border-bottom:none}.hover\:bg-white\/20:hover{background-color:#fff3}.focus\:ring-0:focus,.focus\:ring-1:focus,.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-boxdark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(36 48 63/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:text-black:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color:#1f2937}.dark\:hover\:bg-blue-900:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}@media (min-width:0px) and (max-width:767px){}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}.backdrop-blur-sm,.blur,.filter,.ring,.ring-2,.shadow,.shadow-inner,.shadow-md,body{font-family:Arima Regular;font-size:14px}/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/.-translate-x-1\/2,@keyframes pulse{50%{opacity:.5}}
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,.dark\:bg-black:is(.dark *),.dark\:border-gray-600:is(.dark *),: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:#3b82f680;--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.19 | MIT License | https://tailwindcss.com*/.\!filter,.backdrop-blur-sm,.blur,.ring,.ring-2,.shadow,.shadow-inner,body{font-family:Arima Regular;font-size:14px}.dark\:bg-black:is(.dark *),.dark\:border-gray-600:is(.dark *),*,: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:#3b82f680;--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:#3b82f680;--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.19 | MIT License | https://tailwindcss.com*/fieldset,legend{padding:0}.container{width:100%}@media (min-width:0px){.container{max-width:0}}@media (min-width:20rem){.container{max-width:20rem}}@media (min-width:23.4375rem){.container{max-width:23.4375rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:90rem){.container{max-width:90rem}}@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}}.form-input,.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::placeholder,.form-input:focus,.form-multiselect,.form-multiselect:focus,.form-select,.form-select:focus,table{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}table:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}table tr:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}select:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.\!visible{visibility:visible!important}.top-1\/2{top:50%}.-translate-x-1\/2,.-translate-x-1\/2,.-translate-y-1\/2{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-y-1\/2{--tw-translate-y:-50%}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-teal-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(240 253 250/var(--tw-divide-opacity,1))}.bg-purple-900\/50{background-color:#581c8780}.p-0\.5{padding:.125rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.\!filter,.blur,.ring,.ring-2,.shadow,.shadow-inner,.backdrop-blur-sm,body{font-family:Arima Regular;font-size:14px}.hover\:bg-white\/20:hover{background-color:#fff3}.dark\:border-gray-600:is(.dark *),.focus\:ring-0:focus,.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-boxdark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(36 48 63/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:text-black:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color:#1f2937}.dark\:hover\:bg-blue-900:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,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:#3b82f680;--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:#3b82f680;--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.19 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:ArimaRegular;src:url(library/assets/fonts/arima/arima-regular.ttf)}.container{width:100%}@media (min-width:0px){.container{max-width:0}}@media (min-width:20rem){.container{max-width:20rem}}@media (min-width:23.4375rem){.container{max-width:23.4375rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:90rem){.container{max-width:90rem}}@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}}.form-input,.form-multiselect,.form-select,.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-input::placeholder,.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,table{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}table:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}table tr:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}select:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.\!visible{visibility:visible!important}.top-1\/2{top:50%}.flex-grow,.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{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-y-1\/2{--tw-translate-y:-50%}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.divide-teal-50>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(240 253 250/var(--tw-divide-opacity,1))}.bg-purple-900\/50{background-color:#581c8780}.p-0\.5{padding:.125rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow,.shadow-inner,.shadow-md,.ring,.ring-2,.blur,.\!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}.backdrop-blur-sm,body{font-family:Arima Regular;font-size:14px}.menu ul{list-style:none;margin:0;padding:0}.menu li{border-bottom:1px solid #ddd;padding:10px}.menu li:last-child{border-bottom:none}.hover\:bg-white\/20:hover{background-color:#fff3}.focus\:ring-0:focus,.focus\:ring-1:focus,.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-boxdark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(36 48 63/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:text-black:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color:#1f2937}.dark\:hover\:bg-blue-900:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}@media (min-width:0px) and (max-width:767px){}