design-zystem 1.0.398 → 1.0.400
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui/index.d.mts +43 -1
- package/dist/ui/index.d.ts +43 -1
- package/dist/ui/index.js +338 -1
- package/dist/ui/index.mjs +342 -1
- package/dist/ui/style.css +1 -1
- package/package.json +1 -1
package/dist/ui/index.d.mts
CHANGED
|
@@ -732,6 +732,10 @@ interface TableRowProps {
|
|
|
732
732
|
backgroundColor?: HexColor;
|
|
733
733
|
/** Liseré vertical gauche, même usage que `backgroundColor`. */
|
|
734
734
|
accentColor?: HexColor;
|
|
735
|
+
/** Index de la ligne dans une liste virtualisée (ex. @tanstack/react-virtual,
|
|
736
|
+
* dont `measureElement` lit cet attribut sur l'élément mesuré pour retrouver
|
|
737
|
+
* quelle ligne a changé de taille). Sans objet hors virtualisation. */
|
|
738
|
+
'data-index'?: number;
|
|
735
739
|
}
|
|
736
740
|
declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
|
|
737
741
|
|
|
@@ -1921,4 +1925,42 @@ declare const allowAutofill: (autoComplete: string) => {
|
|
|
1921
1925
|
"data-form-type": undefined;
|
|
1922
1926
|
};
|
|
1923
1927
|
|
|
1924
|
-
|
|
1928
|
+
declare const TOUR_TARGET_ATTRIBUTE = "data-tour-target";
|
|
1929
|
+
type TourPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
1930
|
+
interface TourStep {
|
|
1931
|
+
id: string;
|
|
1932
|
+
/** Identifiant(s) de `TourTarget` : le premier présent dans la page est mis en lumière. Absent : bulle centrée. */
|
|
1933
|
+
target?: string | string[];
|
|
1934
|
+
title?: ReactNode;
|
|
1935
|
+
content: ReactNode;
|
|
1936
|
+
placement?: TourPlacement;
|
|
1937
|
+
/** La zone éclairée reste cliquable (défaut). `false` : elle est seulement montrée. */
|
|
1938
|
+
interactive?: boolean;
|
|
1939
|
+
}
|
|
1940
|
+
interface TourLabels {
|
|
1941
|
+
previous: string;
|
|
1942
|
+
next: string;
|
|
1943
|
+
finish: string;
|
|
1944
|
+
close: string;
|
|
1945
|
+
counter: (current: number, total: number) => string;
|
|
1946
|
+
}
|
|
1947
|
+
type TourCloseReason = 'close' | 'finish';
|
|
1948
|
+
interface TourProps {
|
|
1949
|
+
steps: TourStep[];
|
|
1950
|
+
open: boolean;
|
|
1951
|
+
step: number;
|
|
1952
|
+
onStepChange: (step: number) => void;
|
|
1953
|
+
onClose: (reason: TourCloseReason) => void;
|
|
1954
|
+
labels?: Partial<TourLabels>;
|
|
1955
|
+
/** Délai d'attente d'une cible absente (page qui charge, modale qui s'ouvre) avant d'afficher la bulle au centre. */
|
|
1956
|
+
targetTimeout?: number;
|
|
1957
|
+
}
|
|
1958
|
+
interface TourTargetProps {
|
|
1959
|
+
id: string;
|
|
1960
|
+
children: ReactNode;
|
|
1961
|
+
}
|
|
1962
|
+
/** Enveloppe sans boîte (`display: contents`) : marque une cible sans toucher à la mise en page. */
|
|
1963
|
+
declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
|
|
1964
|
+
declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => react.ReactPortal | null;
|
|
1965
|
+
|
|
1966
|
+
export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -732,6 +732,10 @@ interface TableRowProps {
|
|
|
732
732
|
backgroundColor?: HexColor;
|
|
733
733
|
/** Liseré vertical gauche, même usage que `backgroundColor`. */
|
|
734
734
|
accentColor?: HexColor;
|
|
735
|
+
/** Index de la ligne dans une liste virtualisée (ex. @tanstack/react-virtual,
|
|
736
|
+
* dont `measureElement` lit cet attribut sur l'élément mesuré pour retrouver
|
|
737
|
+
* quelle ligne a changé de taille). Sans objet hors virtualisation. */
|
|
738
|
+
'data-index'?: number;
|
|
735
739
|
}
|
|
736
740
|
declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
|
|
737
741
|
|
|
@@ -1921,4 +1925,42 @@ declare const allowAutofill: (autoComplete: string) => {
|
|
|
1921
1925
|
"data-form-type": undefined;
|
|
1922
1926
|
};
|
|
1923
1927
|
|
|
1924
|
-
|
|
1928
|
+
declare const TOUR_TARGET_ATTRIBUTE = "data-tour-target";
|
|
1929
|
+
type TourPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
1930
|
+
interface TourStep {
|
|
1931
|
+
id: string;
|
|
1932
|
+
/** Identifiant(s) de `TourTarget` : le premier présent dans la page est mis en lumière. Absent : bulle centrée. */
|
|
1933
|
+
target?: string | string[];
|
|
1934
|
+
title?: ReactNode;
|
|
1935
|
+
content: ReactNode;
|
|
1936
|
+
placement?: TourPlacement;
|
|
1937
|
+
/** La zone éclairée reste cliquable (défaut). `false` : elle est seulement montrée. */
|
|
1938
|
+
interactive?: boolean;
|
|
1939
|
+
}
|
|
1940
|
+
interface TourLabels {
|
|
1941
|
+
previous: string;
|
|
1942
|
+
next: string;
|
|
1943
|
+
finish: string;
|
|
1944
|
+
close: string;
|
|
1945
|
+
counter: (current: number, total: number) => string;
|
|
1946
|
+
}
|
|
1947
|
+
type TourCloseReason = 'close' | 'finish';
|
|
1948
|
+
interface TourProps {
|
|
1949
|
+
steps: TourStep[];
|
|
1950
|
+
open: boolean;
|
|
1951
|
+
step: number;
|
|
1952
|
+
onStepChange: (step: number) => void;
|
|
1953
|
+
onClose: (reason: TourCloseReason) => void;
|
|
1954
|
+
labels?: Partial<TourLabels>;
|
|
1955
|
+
/** Délai d'attente d'une cible absente (page qui charge, modale qui s'ouvre) avant d'afficher la bulle au centre. */
|
|
1956
|
+
targetTimeout?: number;
|
|
1957
|
+
}
|
|
1958
|
+
interface TourTargetProps {
|
|
1959
|
+
id: string;
|
|
1960
|
+
children: ReactNode;
|
|
1961
|
+
}
|
|
1962
|
+
/** Enveloppe sans boîte (`display: contents`) : marque une cible sans toucher à la mise en page. */
|
|
1963
|
+
declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
|
|
1964
|
+
declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => react.ReactPortal | null;
|
|
1965
|
+
|
|
1966
|
+
export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
package/dist/ui/index.js
CHANGED
|
@@ -157,6 +157,7 @@ __export(index_exports, {
|
|
|
157
157
|
Spinner: () => Spinner,
|
|
158
158
|
Stepper: () => Stepper,
|
|
159
159
|
Switch: () => Switch,
|
|
160
|
+
TOUR_TARGET_ATTRIBUTE: () => TOUR_TARGET_ATTRIBUTE,
|
|
160
161
|
Table: () => Table,
|
|
161
162
|
TableCell: () => TableCell,
|
|
162
163
|
TableFooter: () => TableFooter,
|
|
@@ -175,6 +176,8 @@ __export(index_exports, {
|
|
|
175
176
|
Timeline: () => Timeline,
|
|
176
177
|
Toaster: () => Toaster,
|
|
177
178
|
Tooltip: () => Tooltip,
|
|
179
|
+
Tour: () => Tour,
|
|
180
|
+
TourTarget: () => TourTarget,
|
|
178
181
|
VideoPlayer: () => VideoPlayer,
|
|
179
182
|
addBusinessDays: () => addBusinessDays,
|
|
180
183
|
allowAutofill: () => allowAutofill,
|
|
@@ -3453,10 +3456,18 @@ var TableHeaderCell = ({
|
|
|
3453
3456
|
var import_react26 = require("react");
|
|
3454
3457
|
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
3455
3458
|
var TableRow = (0, import_react26.forwardRef)(
|
|
3456
|
-
({
|
|
3459
|
+
({
|
|
3460
|
+
children,
|
|
3461
|
+
onClick,
|
|
3462
|
+
className,
|
|
3463
|
+
backgroundColor,
|
|
3464
|
+
accentColor,
|
|
3465
|
+
"data-index": dataIndex
|
|
3466
|
+
}, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3457
3467
|
"tr",
|
|
3458
3468
|
{
|
|
3459
3469
|
ref,
|
|
3470
|
+
"data-index": dataIndex,
|
|
3460
3471
|
onClick,
|
|
3461
3472
|
className: cn(
|
|
3462
3473
|
"border-t border-grey-200 transition-colors hover:bg-black/[0.025]",
|
|
@@ -8606,6 +8617,329 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
|
|
|
8606
8617
|
};
|
|
8607
8618
|
}
|
|
8608
8619
|
};
|
|
8620
|
+
|
|
8621
|
+
// src/ui/components/ui/Tour.tsx
|
|
8622
|
+
var import_react57 = require("react");
|
|
8623
|
+
var import_react_dom = require("react-dom");
|
|
8624
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
8625
|
+
var TOUR_TARGET_ATTRIBUTE = "data-tour-target";
|
|
8626
|
+
var DEFAULT_LABELS = {
|
|
8627
|
+
previous: "Pr\xE9c\xE9dent",
|
|
8628
|
+
next: "Suivant",
|
|
8629
|
+
finish: "Terminer",
|
|
8630
|
+
close: "Quitter le tutoriel",
|
|
8631
|
+
counter: (current, total) => `${current} / ${total}`
|
|
8632
|
+
};
|
|
8633
|
+
var CARD_WIDTH = 340;
|
|
8634
|
+
var HOLE_PADDING = 6;
|
|
8635
|
+
var GAP2 = 14;
|
|
8636
|
+
var MARGIN = 12;
|
|
8637
|
+
var TourTarget = ({ id, children }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
|
|
8638
|
+
var findTarget = (target) => {
|
|
8639
|
+
const ids = Array.isArray(target) ? target : target ? [target] : [];
|
|
8640
|
+
for (const id of ids) {
|
|
8641
|
+
const element = document.querySelector(
|
|
8642
|
+
`[${TOUR_TARGET_ATTRIBUTE}="${id.replace(/"/g, '\\"')}"]`
|
|
8643
|
+
);
|
|
8644
|
+
if (element && measure(element)) return element;
|
|
8645
|
+
}
|
|
8646
|
+
return null;
|
|
8647
|
+
};
|
|
8648
|
+
var measure = (element) => {
|
|
8649
|
+
if (getComputedStyle(element).display !== "contents") {
|
|
8650
|
+
const { top: top2, left: left2, width, height } = element.getBoundingClientRect();
|
|
8651
|
+
return width || height ? { top: top2, left: left2, width, height } : null;
|
|
8652
|
+
}
|
|
8653
|
+
const rects = Array.from(element.children).map(measure).filter((rect) => rect !== null);
|
|
8654
|
+
if (!rects.length) return null;
|
|
8655
|
+
const top = Math.min(...rects.map((r) => r.top));
|
|
8656
|
+
const left = Math.min(...rects.map((r) => r.left));
|
|
8657
|
+
const bottom = Math.max(...rects.map((r) => r.top + r.height));
|
|
8658
|
+
const right = Math.max(...rects.map((r) => r.left + r.width));
|
|
8659
|
+
return { top, left, width: right - left, height: bottom - top };
|
|
8660
|
+
};
|
|
8661
|
+
var sameRect = (a, b) => a === b || !!a && !!b && Math.abs(a.top - b.top) < 0.5 && Math.abs(a.left - b.left) < 0.5 && Math.abs(a.width - b.width) < 0.5 && Math.abs(a.height - b.height) < 0.5;
|
|
8662
|
+
var clamp = (value, min, max) => Math.min(Math.max(value, min), Math.max(min, max));
|
|
8663
|
+
var firstBox = (element) => getComputedStyle(element).display === "contents" && element.firstElementChild ? firstBox(element.firstElementChild) : element;
|
|
8664
|
+
var placeCard = (hole, cardHeight, preferred) => {
|
|
8665
|
+
var _a;
|
|
8666
|
+
const vw = window.innerWidth;
|
|
8667
|
+
const vh = window.innerHeight;
|
|
8668
|
+
const fits = {
|
|
8669
|
+
bottom: vh - (hole.top + hole.height) >= cardHeight + GAP2 + MARGIN,
|
|
8670
|
+
top: hole.top >= cardHeight + GAP2 + MARGIN,
|
|
8671
|
+
right: vw - (hole.left + hole.width) >= CARD_WIDTH + GAP2 + MARGIN,
|
|
8672
|
+
left: hole.left >= CARD_WIDTH + GAP2 + MARGIN
|
|
8673
|
+
};
|
|
8674
|
+
const order = ["bottom", "top", "left", "right"];
|
|
8675
|
+
const side = (_a = preferred && fits[preferred] ? preferred : order.find((p) => fits[p])) != null ? _a : "bottom";
|
|
8676
|
+
const centerX = hole.left + hole.width / 2;
|
|
8677
|
+
const centerY = hole.top + hole.height / 2;
|
|
8678
|
+
if (side === "bottom" || side === "top") {
|
|
8679
|
+
const left2 = clamp(
|
|
8680
|
+
centerX - CARD_WIDTH / 2,
|
|
8681
|
+
MARGIN,
|
|
8682
|
+
vw - CARD_WIDTH - MARGIN
|
|
8683
|
+
);
|
|
8684
|
+
const top2 = side === "bottom" ? Math.min(hole.top + hole.height + GAP2, vh - cardHeight - MARGIN) : Math.max(hole.top - GAP2 - cardHeight, MARGIN);
|
|
8685
|
+
return {
|
|
8686
|
+
side,
|
|
8687
|
+
top: top2,
|
|
8688
|
+
left: left2,
|
|
8689
|
+
arrow: clamp(centerX - left2, 18, CARD_WIDTH - 18)
|
|
8690
|
+
};
|
|
8691
|
+
}
|
|
8692
|
+
const top = clamp(centerY - cardHeight / 2, MARGIN, vh - cardHeight - MARGIN);
|
|
8693
|
+
const left = side === "right" ? hole.left + hole.width + GAP2 : hole.left - GAP2 - CARD_WIDTH;
|
|
8694
|
+
return { side, top, left, arrow: clamp(centerY - top, 18, cardHeight - 18) };
|
|
8695
|
+
};
|
|
8696
|
+
var ARROW_CLASS = {
|
|
8697
|
+
bottom: "-top-[7px] -translate-x-1/2",
|
|
8698
|
+
top: "-bottom-[7px] -translate-x-1/2",
|
|
8699
|
+
right: "-left-[7px] -translate-y-1/2",
|
|
8700
|
+
left: "-right-[7px] -translate-y-1/2"
|
|
8701
|
+
};
|
|
8702
|
+
var Tour = ({
|
|
8703
|
+
steps,
|
|
8704
|
+
open,
|
|
8705
|
+
step,
|
|
8706
|
+
onStepChange,
|
|
8707
|
+
onClose,
|
|
8708
|
+
labels,
|
|
8709
|
+
targetTimeout = 4e3
|
|
8710
|
+
}) => {
|
|
8711
|
+
var _a;
|
|
8712
|
+
const text = __spreadValues(__spreadValues({}, DEFAULT_LABELS), labels);
|
|
8713
|
+
const current = steps[step];
|
|
8714
|
+
const hasStep = Boolean(current);
|
|
8715
|
+
const targetKey = [(_a = current == null ? void 0 : current.target) != null ? _a : []].flat().join("|");
|
|
8716
|
+
const total = steps.length;
|
|
8717
|
+
const isLast = step === total - 1;
|
|
8718
|
+
const titleId = (0, import_react57.useId)();
|
|
8719
|
+
const [rect, setRect] = (0, import_react57.useState)(null);
|
|
8720
|
+
const [status, setStatus] = (0, import_react57.useState)("pending");
|
|
8721
|
+
const [cardHeight, setCardHeight] = (0, import_react57.useState)(0);
|
|
8722
|
+
const cardRef = (0, import_react57.useRef)(null);
|
|
8723
|
+
const nextRef = (0, import_react57.useRef)(null);
|
|
8724
|
+
(0, import_react57.useEffect)(() => {
|
|
8725
|
+
if (!open || !hasStep) return;
|
|
8726
|
+
const targets = targetKey ? targetKey.split("|") : void 0;
|
|
8727
|
+
const startedAt = performance.now();
|
|
8728
|
+
let scrolled = false;
|
|
8729
|
+
let frame = 0;
|
|
8730
|
+
setStatus("pending");
|
|
8731
|
+
setRect(null);
|
|
8732
|
+
const track = () => {
|
|
8733
|
+
const element = findTarget(targets);
|
|
8734
|
+
const box = element ? measure(element) : null;
|
|
8735
|
+
if (element && box) {
|
|
8736
|
+
if (!scrolled) {
|
|
8737
|
+
scrolled = true;
|
|
8738
|
+
const outOfView = box.top < 0 || box.left < 0 || box.top + box.height > window.innerHeight || box.left + box.width > window.innerWidth;
|
|
8739
|
+
if (outOfView) {
|
|
8740
|
+
firstBox(element).scrollIntoView({
|
|
8741
|
+
block: "center",
|
|
8742
|
+
inline: "nearest"
|
|
8743
|
+
});
|
|
8744
|
+
}
|
|
8745
|
+
}
|
|
8746
|
+
setRect((previous) => sameRect(previous, box) ? previous : box);
|
|
8747
|
+
setStatus("found");
|
|
8748
|
+
} else {
|
|
8749
|
+
setRect(null);
|
|
8750
|
+
setStatus(
|
|
8751
|
+
!targets || performance.now() - startedAt > targetTimeout ? "missing" : "pending"
|
|
8752
|
+
);
|
|
8753
|
+
}
|
|
8754
|
+
frame = requestAnimationFrame(track);
|
|
8755
|
+
};
|
|
8756
|
+
track();
|
|
8757
|
+
return () => cancelAnimationFrame(frame);
|
|
8758
|
+
}, [open, step, hasStep, targetKey, targetTimeout]);
|
|
8759
|
+
(0, import_react57.useLayoutEffect)(() => {
|
|
8760
|
+
if (cardRef.current) setCardHeight(cardRef.current.offsetHeight);
|
|
8761
|
+
});
|
|
8762
|
+
(0, import_react57.useEffect)(() => {
|
|
8763
|
+
var _a2;
|
|
8764
|
+
if (open && status !== "pending")
|
|
8765
|
+
(_a2 = nextRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
|
|
8766
|
+
}, [open, step, status]);
|
|
8767
|
+
const goNext = (0, import_react57.useCallback)(() => {
|
|
8768
|
+
if (isLast) onClose("finish");
|
|
8769
|
+
else onStepChange(step + 1);
|
|
8770
|
+
}, [isLast, onClose, onStepChange, step]);
|
|
8771
|
+
const goPrevious = (0, import_react57.useCallback)(() => {
|
|
8772
|
+
if (step > 0) onStepChange(step - 1);
|
|
8773
|
+
}, [onStepChange, step]);
|
|
8774
|
+
(0, import_react57.useEffect)(() => {
|
|
8775
|
+
if (!open) return;
|
|
8776
|
+
const onKeyDown = (event) => {
|
|
8777
|
+
if (event.key === "Escape") {
|
|
8778
|
+
event.stopPropagation();
|
|
8779
|
+
onClose("close");
|
|
8780
|
+
} else if (event.key === "ArrowRight") goNext();
|
|
8781
|
+
else if (event.key === "ArrowLeft") goPrevious();
|
|
8782
|
+
};
|
|
8783
|
+
window.addEventListener("keydown", onKeyDown, true);
|
|
8784
|
+
return () => window.removeEventListener("keydown", onKeyDown, true);
|
|
8785
|
+
}, [open, goNext, goPrevious, onClose]);
|
|
8786
|
+
if (!open || !current) return null;
|
|
8787
|
+
const hole = rect && {
|
|
8788
|
+
top: rect.top - HOLE_PADDING,
|
|
8789
|
+
left: rect.left - HOLE_PADDING,
|
|
8790
|
+
width: rect.width + HOLE_PADDING * 2,
|
|
8791
|
+
height: rect.height + HOLE_PADDING * 2
|
|
8792
|
+
};
|
|
8793
|
+
const placement = hole && placeCard(hole, cardHeight, current.placement);
|
|
8794
|
+
const blockClick = (event) => event.stopPropagation();
|
|
8795
|
+
const blocker = "fixed z-[10000]";
|
|
8796
|
+
return (0, import_react_dom.createPortal)(
|
|
8797
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
|
|
8798
|
+
hole ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
|
|
8799
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8800
|
+
"div",
|
|
8801
|
+
{
|
|
8802
|
+
"aria-hidden": true,
|
|
8803
|
+
className: "pointer-events-none fixed z-[10000] rounded-[8px] shadow-[0_0_0_9999px_rgba(15,23,42,0.6)] ring-[3px] ring-yellow-300 transition-all duration-200 ease-out",
|
|
8804
|
+
style: hole
|
|
8805
|
+
}
|
|
8806
|
+
),
|
|
8807
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8808
|
+
"div",
|
|
8809
|
+
{
|
|
8810
|
+
className: cn(blocker, "inset-x-0 top-0"),
|
|
8811
|
+
style: { height: Math.max(hole.top, 0) },
|
|
8812
|
+
onMouseDown: blockClick,
|
|
8813
|
+
onClick: blockClick
|
|
8814
|
+
}
|
|
8815
|
+
),
|
|
8816
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8817
|
+
"div",
|
|
8818
|
+
{
|
|
8819
|
+
className: cn(blocker, "inset-x-0 bottom-0"),
|
|
8820
|
+
style: { top: hole.top + hole.height },
|
|
8821
|
+
onMouseDown: blockClick,
|
|
8822
|
+
onClick: blockClick
|
|
8823
|
+
}
|
|
8824
|
+
),
|
|
8825
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8826
|
+
"div",
|
|
8827
|
+
{
|
|
8828
|
+
className: cn(blocker, "left-0"),
|
|
8829
|
+
style: {
|
|
8830
|
+
top: hole.top,
|
|
8831
|
+
height: hole.height,
|
|
8832
|
+
width: Math.max(hole.left, 0)
|
|
8833
|
+
},
|
|
8834
|
+
onMouseDown: blockClick,
|
|
8835
|
+
onClick: blockClick
|
|
8836
|
+
}
|
|
8837
|
+
),
|
|
8838
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8839
|
+
"div",
|
|
8840
|
+
{
|
|
8841
|
+
className: cn(blocker, "right-0"),
|
|
8842
|
+
style: {
|
|
8843
|
+
top: hole.top,
|
|
8844
|
+
height: hole.height,
|
|
8845
|
+
left: hole.left + hole.width
|
|
8846
|
+
},
|
|
8847
|
+
onMouseDown: blockClick,
|
|
8848
|
+
onClick: blockClick
|
|
8849
|
+
}
|
|
8850
|
+
),
|
|
8851
|
+
current.interactive === false && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: blocker, style: hole, onClick: blockClick })
|
|
8852
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8853
|
+
"div",
|
|
8854
|
+
{
|
|
8855
|
+
className: cn(blocker, "inset-0 bg-[rgba(15,23,42,0.6)]"),
|
|
8856
|
+
onMouseDown: blockClick,
|
|
8857
|
+
onClick: blockClick
|
|
8858
|
+
}
|
|
8859
|
+
),
|
|
8860
|
+
status !== "pending" && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
|
|
8861
|
+
"div",
|
|
8862
|
+
{
|
|
8863
|
+
ref: cardRef,
|
|
8864
|
+
role: "dialog",
|
|
8865
|
+
"aria-modal": "true",
|
|
8866
|
+
"aria-labelledby": titleId,
|
|
8867
|
+
className: cn(
|
|
8868
|
+
"fixed z-[10001] rounded-[12px] bg-yellow-300 p-5 shadow-[0_10px_30px_rgba(0,0,0,0.25)]",
|
|
8869
|
+
!placement && "left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
|
|
8870
|
+
placement && "transition-[top,left] duration-200 ease-out"
|
|
8871
|
+
),
|
|
8872
|
+
style: __spreadValues({
|
|
8873
|
+
width: CARD_WIDTH
|
|
8874
|
+
}, placement && { top: placement.top, left: placement.left }),
|
|
8875
|
+
children: [
|
|
8876
|
+
placement && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8877
|
+
"span",
|
|
8878
|
+
{
|
|
8879
|
+
"aria-hidden": true,
|
|
8880
|
+
className: cn(
|
|
8881
|
+
"absolute h-3 w-3 rotate-45 bg-yellow-300",
|
|
8882
|
+
ARROW_CLASS[placement.side]
|
|
8883
|
+
),
|
|
8884
|
+
style: placement.side === "bottom" || placement.side === "top" ? { left: placement.arrow } : { top: placement.arrow }
|
|
8885
|
+
}
|
|
8886
|
+
),
|
|
8887
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { column: true, gap: 3, children: [
|
|
8888
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { row: true, justify: "between", align: "center", children: [
|
|
8889
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { size: "xs", weight: "semibold", color: "white", children: text.counter(step + 1, total) }),
|
|
8890
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8891
|
+
Icon,
|
|
8892
|
+
{
|
|
8893
|
+
name: "xmark",
|
|
8894
|
+
size: "s",
|
|
8895
|
+
color: "white",
|
|
8896
|
+
onClick: () => onClose("close"),
|
|
8897
|
+
"aria-label": text.close
|
|
8898
|
+
}
|
|
8899
|
+
)
|
|
8900
|
+
] }),
|
|
8901
|
+
current.title && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text, { id: titleId, size: "m", weight: "bold", color: "white", children: current.title }),
|
|
8902
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8903
|
+
Text,
|
|
8904
|
+
{
|
|
8905
|
+
id: current.title ? void 0 : titleId,
|
|
8906
|
+
size: "m",
|
|
8907
|
+
weight: "medium",
|
|
8908
|
+
color: "white",
|
|
8909
|
+
className: "leading-relaxed",
|
|
8910
|
+
children: current.content
|
|
8911
|
+
}
|
|
8912
|
+
),
|
|
8913
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Layout, { row: true, justify: "end", gap: 2, children: [
|
|
8914
|
+
step > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8915
|
+
Button,
|
|
8916
|
+
{
|
|
8917
|
+
label: text.previous,
|
|
8918
|
+
variant: "outline",
|
|
8919
|
+
size: "s",
|
|
8920
|
+
className: "border-white text-white",
|
|
8921
|
+
onClick: goPrevious
|
|
8922
|
+
}
|
|
8923
|
+
),
|
|
8924
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
8925
|
+
Button,
|
|
8926
|
+
{
|
|
8927
|
+
ref: nextRef,
|
|
8928
|
+
label: isLast ? text.finish : text.next,
|
|
8929
|
+
size: "s",
|
|
8930
|
+
className: "bg-white text-yellow-500",
|
|
8931
|
+
onClick: goNext
|
|
8932
|
+
}
|
|
8933
|
+
)
|
|
8934
|
+
] })
|
|
8935
|
+
] })
|
|
8936
|
+
]
|
|
8937
|
+
}
|
|
8938
|
+
)
|
|
8939
|
+
] }),
|
|
8940
|
+
document.body
|
|
8941
|
+
);
|
|
8942
|
+
};
|
|
8609
8943
|
// Annotate the CommonJS export names for ESM import in node:
|
|
8610
8944
|
0 && (module.exports = {
|
|
8611
8945
|
ActivityFeedPanel,
|
|
@@ -8706,6 +9040,7 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
|
|
|
8706
9040
|
Spinner,
|
|
8707
9041
|
Stepper,
|
|
8708
9042
|
Switch,
|
|
9043
|
+
TOUR_TARGET_ATTRIBUTE,
|
|
8709
9044
|
Table,
|
|
8710
9045
|
TableCell,
|
|
8711
9046
|
TableFooter,
|
|
@@ -8724,6 +9059,8 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
|
|
|
8724
9059
|
Timeline,
|
|
8725
9060
|
Toaster,
|
|
8726
9061
|
Tooltip,
|
|
9062
|
+
Tour,
|
|
9063
|
+
TourTarget,
|
|
8727
9064
|
VideoPlayer,
|
|
8728
9065
|
addBusinessDays,
|
|
8729
9066
|
allowAutofill,
|
package/dist/ui/index.mjs
CHANGED
|
@@ -3269,10 +3269,18 @@ var TableHeaderCell = ({
|
|
|
3269
3269
|
import { forwardRef as forwardRef17 } from "react";
|
|
3270
3270
|
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
3271
3271
|
var TableRow = forwardRef17(
|
|
3272
|
-
({
|
|
3272
|
+
({
|
|
3273
|
+
children,
|
|
3274
|
+
onClick,
|
|
3275
|
+
className,
|
|
3276
|
+
backgroundColor,
|
|
3277
|
+
accentColor,
|
|
3278
|
+
"data-index": dataIndex
|
|
3279
|
+
}, ref) => /* @__PURE__ */ jsx39(
|
|
3273
3280
|
"tr",
|
|
3274
3281
|
{
|
|
3275
3282
|
ref,
|
|
3283
|
+
"data-index": dataIndex,
|
|
3276
3284
|
onClick,
|
|
3277
3285
|
className: cn(
|
|
3278
3286
|
"border-t border-grey-200 transition-colors hover:bg-black/[0.025]",
|
|
@@ -8450,6 +8458,336 @@ var optimizeImage = async (file, desiredBaseName, opts = {}) => {
|
|
|
8450
8458
|
};
|
|
8451
8459
|
}
|
|
8452
8460
|
};
|
|
8461
|
+
|
|
8462
|
+
// src/ui/components/ui/Tour.tsx
|
|
8463
|
+
import {
|
|
8464
|
+
useCallback as useCallback6,
|
|
8465
|
+
useEffect as useEffect11,
|
|
8466
|
+
useId as useId2,
|
|
8467
|
+
useLayoutEffect as useLayoutEffect3,
|
|
8468
|
+
useRef as useRef15,
|
|
8469
|
+
useState as useState18
|
|
8470
|
+
} from "react";
|
|
8471
|
+
import { createPortal } from "react-dom";
|
|
8472
|
+
import { Fragment as Fragment11, jsx as jsx94, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
8473
|
+
var TOUR_TARGET_ATTRIBUTE = "data-tour-target";
|
|
8474
|
+
var DEFAULT_LABELS = {
|
|
8475
|
+
previous: "Pr\xE9c\xE9dent",
|
|
8476
|
+
next: "Suivant",
|
|
8477
|
+
finish: "Terminer",
|
|
8478
|
+
close: "Quitter le tutoriel",
|
|
8479
|
+
counter: (current, total) => `${current} / ${total}`
|
|
8480
|
+
};
|
|
8481
|
+
var CARD_WIDTH = 340;
|
|
8482
|
+
var HOLE_PADDING = 6;
|
|
8483
|
+
var GAP2 = 14;
|
|
8484
|
+
var MARGIN = 12;
|
|
8485
|
+
var TourTarget = ({ id, children }) => /* @__PURE__ */ jsx94("div", __spreadProps(__spreadValues({}, { [TOUR_TARGET_ATTRIBUTE]: id }), { className: "contents", children }));
|
|
8486
|
+
var findTarget = (target) => {
|
|
8487
|
+
const ids = Array.isArray(target) ? target : target ? [target] : [];
|
|
8488
|
+
for (const id of ids) {
|
|
8489
|
+
const element = document.querySelector(
|
|
8490
|
+
`[${TOUR_TARGET_ATTRIBUTE}="${id.replace(/"/g, '\\"')}"]`
|
|
8491
|
+
);
|
|
8492
|
+
if (element && measure(element)) return element;
|
|
8493
|
+
}
|
|
8494
|
+
return null;
|
|
8495
|
+
};
|
|
8496
|
+
var measure = (element) => {
|
|
8497
|
+
if (getComputedStyle(element).display !== "contents") {
|
|
8498
|
+
const { top: top2, left: left2, width, height } = element.getBoundingClientRect();
|
|
8499
|
+
return width || height ? { top: top2, left: left2, width, height } : null;
|
|
8500
|
+
}
|
|
8501
|
+
const rects = Array.from(element.children).map(measure).filter((rect) => rect !== null);
|
|
8502
|
+
if (!rects.length) return null;
|
|
8503
|
+
const top = Math.min(...rects.map((r) => r.top));
|
|
8504
|
+
const left = Math.min(...rects.map((r) => r.left));
|
|
8505
|
+
const bottom = Math.max(...rects.map((r) => r.top + r.height));
|
|
8506
|
+
const right = Math.max(...rects.map((r) => r.left + r.width));
|
|
8507
|
+
return { top, left, width: right - left, height: bottom - top };
|
|
8508
|
+
};
|
|
8509
|
+
var sameRect = (a, b) => a === b || !!a && !!b && Math.abs(a.top - b.top) < 0.5 && Math.abs(a.left - b.left) < 0.5 && Math.abs(a.width - b.width) < 0.5 && Math.abs(a.height - b.height) < 0.5;
|
|
8510
|
+
var clamp = (value, min, max) => Math.min(Math.max(value, min), Math.max(min, max));
|
|
8511
|
+
var firstBox = (element) => getComputedStyle(element).display === "contents" && element.firstElementChild ? firstBox(element.firstElementChild) : element;
|
|
8512
|
+
var placeCard = (hole, cardHeight, preferred) => {
|
|
8513
|
+
var _a;
|
|
8514
|
+
const vw = window.innerWidth;
|
|
8515
|
+
const vh = window.innerHeight;
|
|
8516
|
+
const fits = {
|
|
8517
|
+
bottom: vh - (hole.top + hole.height) >= cardHeight + GAP2 + MARGIN,
|
|
8518
|
+
top: hole.top >= cardHeight + GAP2 + MARGIN,
|
|
8519
|
+
right: vw - (hole.left + hole.width) >= CARD_WIDTH + GAP2 + MARGIN,
|
|
8520
|
+
left: hole.left >= CARD_WIDTH + GAP2 + MARGIN
|
|
8521
|
+
};
|
|
8522
|
+
const order = ["bottom", "top", "left", "right"];
|
|
8523
|
+
const side = (_a = preferred && fits[preferred] ? preferred : order.find((p) => fits[p])) != null ? _a : "bottom";
|
|
8524
|
+
const centerX = hole.left + hole.width / 2;
|
|
8525
|
+
const centerY = hole.top + hole.height / 2;
|
|
8526
|
+
if (side === "bottom" || side === "top") {
|
|
8527
|
+
const left2 = clamp(
|
|
8528
|
+
centerX - CARD_WIDTH / 2,
|
|
8529
|
+
MARGIN,
|
|
8530
|
+
vw - CARD_WIDTH - MARGIN
|
|
8531
|
+
);
|
|
8532
|
+
const top2 = side === "bottom" ? Math.min(hole.top + hole.height + GAP2, vh - cardHeight - MARGIN) : Math.max(hole.top - GAP2 - cardHeight, MARGIN);
|
|
8533
|
+
return {
|
|
8534
|
+
side,
|
|
8535
|
+
top: top2,
|
|
8536
|
+
left: left2,
|
|
8537
|
+
arrow: clamp(centerX - left2, 18, CARD_WIDTH - 18)
|
|
8538
|
+
};
|
|
8539
|
+
}
|
|
8540
|
+
const top = clamp(centerY - cardHeight / 2, MARGIN, vh - cardHeight - MARGIN);
|
|
8541
|
+
const left = side === "right" ? hole.left + hole.width + GAP2 : hole.left - GAP2 - CARD_WIDTH;
|
|
8542
|
+
return { side, top, left, arrow: clamp(centerY - top, 18, cardHeight - 18) };
|
|
8543
|
+
};
|
|
8544
|
+
var ARROW_CLASS = {
|
|
8545
|
+
bottom: "-top-[7px] -translate-x-1/2",
|
|
8546
|
+
top: "-bottom-[7px] -translate-x-1/2",
|
|
8547
|
+
right: "-left-[7px] -translate-y-1/2",
|
|
8548
|
+
left: "-right-[7px] -translate-y-1/2"
|
|
8549
|
+
};
|
|
8550
|
+
var Tour = ({
|
|
8551
|
+
steps,
|
|
8552
|
+
open,
|
|
8553
|
+
step,
|
|
8554
|
+
onStepChange,
|
|
8555
|
+
onClose,
|
|
8556
|
+
labels,
|
|
8557
|
+
targetTimeout = 4e3
|
|
8558
|
+
}) => {
|
|
8559
|
+
var _a;
|
|
8560
|
+
const text = __spreadValues(__spreadValues({}, DEFAULT_LABELS), labels);
|
|
8561
|
+
const current = steps[step];
|
|
8562
|
+
const hasStep = Boolean(current);
|
|
8563
|
+
const targetKey = [(_a = current == null ? void 0 : current.target) != null ? _a : []].flat().join("|");
|
|
8564
|
+
const total = steps.length;
|
|
8565
|
+
const isLast = step === total - 1;
|
|
8566
|
+
const titleId = useId2();
|
|
8567
|
+
const [rect, setRect] = useState18(null);
|
|
8568
|
+
const [status, setStatus] = useState18("pending");
|
|
8569
|
+
const [cardHeight, setCardHeight] = useState18(0);
|
|
8570
|
+
const cardRef = useRef15(null);
|
|
8571
|
+
const nextRef = useRef15(null);
|
|
8572
|
+
useEffect11(() => {
|
|
8573
|
+
if (!open || !hasStep) return;
|
|
8574
|
+
const targets = targetKey ? targetKey.split("|") : void 0;
|
|
8575
|
+
const startedAt = performance.now();
|
|
8576
|
+
let scrolled = false;
|
|
8577
|
+
let frame = 0;
|
|
8578
|
+
setStatus("pending");
|
|
8579
|
+
setRect(null);
|
|
8580
|
+
const track = () => {
|
|
8581
|
+
const element = findTarget(targets);
|
|
8582
|
+
const box = element ? measure(element) : null;
|
|
8583
|
+
if (element && box) {
|
|
8584
|
+
if (!scrolled) {
|
|
8585
|
+
scrolled = true;
|
|
8586
|
+
const outOfView = box.top < 0 || box.left < 0 || box.top + box.height > window.innerHeight || box.left + box.width > window.innerWidth;
|
|
8587
|
+
if (outOfView) {
|
|
8588
|
+
firstBox(element).scrollIntoView({
|
|
8589
|
+
block: "center",
|
|
8590
|
+
inline: "nearest"
|
|
8591
|
+
});
|
|
8592
|
+
}
|
|
8593
|
+
}
|
|
8594
|
+
setRect((previous) => sameRect(previous, box) ? previous : box);
|
|
8595
|
+
setStatus("found");
|
|
8596
|
+
} else {
|
|
8597
|
+
setRect(null);
|
|
8598
|
+
setStatus(
|
|
8599
|
+
!targets || performance.now() - startedAt > targetTimeout ? "missing" : "pending"
|
|
8600
|
+
);
|
|
8601
|
+
}
|
|
8602
|
+
frame = requestAnimationFrame(track);
|
|
8603
|
+
};
|
|
8604
|
+
track();
|
|
8605
|
+
return () => cancelAnimationFrame(frame);
|
|
8606
|
+
}, [open, step, hasStep, targetKey, targetTimeout]);
|
|
8607
|
+
useLayoutEffect3(() => {
|
|
8608
|
+
if (cardRef.current) setCardHeight(cardRef.current.offsetHeight);
|
|
8609
|
+
});
|
|
8610
|
+
useEffect11(() => {
|
|
8611
|
+
var _a2;
|
|
8612
|
+
if (open && status !== "pending")
|
|
8613
|
+
(_a2 = nextRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
|
|
8614
|
+
}, [open, step, status]);
|
|
8615
|
+
const goNext = useCallback6(() => {
|
|
8616
|
+
if (isLast) onClose("finish");
|
|
8617
|
+
else onStepChange(step + 1);
|
|
8618
|
+
}, [isLast, onClose, onStepChange, step]);
|
|
8619
|
+
const goPrevious = useCallback6(() => {
|
|
8620
|
+
if (step > 0) onStepChange(step - 1);
|
|
8621
|
+
}, [onStepChange, step]);
|
|
8622
|
+
useEffect11(() => {
|
|
8623
|
+
if (!open) return;
|
|
8624
|
+
const onKeyDown = (event) => {
|
|
8625
|
+
if (event.key === "Escape") {
|
|
8626
|
+
event.stopPropagation();
|
|
8627
|
+
onClose("close");
|
|
8628
|
+
} else if (event.key === "ArrowRight") goNext();
|
|
8629
|
+
else if (event.key === "ArrowLeft") goPrevious();
|
|
8630
|
+
};
|
|
8631
|
+
window.addEventListener("keydown", onKeyDown, true);
|
|
8632
|
+
return () => window.removeEventListener("keydown", onKeyDown, true);
|
|
8633
|
+
}, [open, goNext, goPrevious, onClose]);
|
|
8634
|
+
if (!open || !current) return null;
|
|
8635
|
+
const hole = rect && {
|
|
8636
|
+
top: rect.top - HOLE_PADDING,
|
|
8637
|
+
left: rect.left - HOLE_PADDING,
|
|
8638
|
+
width: rect.width + HOLE_PADDING * 2,
|
|
8639
|
+
height: rect.height + HOLE_PADDING * 2
|
|
8640
|
+
};
|
|
8641
|
+
const placement = hole && placeCard(hole, cardHeight, current.placement);
|
|
8642
|
+
const blockClick = (event) => event.stopPropagation();
|
|
8643
|
+
const blocker = "fixed z-[10000]";
|
|
8644
|
+
return createPortal(
|
|
8645
|
+
/* @__PURE__ */ jsxs57(Fragment11, { children: [
|
|
8646
|
+
hole ? /* @__PURE__ */ jsxs57(Fragment11, { children: [
|
|
8647
|
+
/* @__PURE__ */ jsx94(
|
|
8648
|
+
"div",
|
|
8649
|
+
{
|
|
8650
|
+
"aria-hidden": true,
|
|
8651
|
+
className: "pointer-events-none fixed z-[10000] rounded-[8px] shadow-[0_0_0_9999px_rgba(15,23,42,0.6)] ring-[3px] ring-yellow-300 transition-all duration-200 ease-out",
|
|
8652
|
+
style: hole
|
|
8653
|
+
}
|
|
8654
|
+
),
|
|
8655
|
+
/* @__PURE__ */ jsx94(
|
|
8656
|
+
"div",
|
|
8657
|
+
{
|
|
8658
|
+
className: cn(blocker, "inset-x-0 top-0"),
|
|
8659
|
+
style: { height: Math.max(hole.top, 0) },
|
|
8660
|
+
onMouseDown: blockClick,
|
|
8661
|
+
onClick: blockClick
|
|
8662
|
+
}
|
|
8663
|
+
),
|
|
8664
|
+
/* @__PURE__ */ jsx94(
|
|
8665
|
+
"div",
|
|
8666
|
+
{
|
|
8667
|
+
className: cn(blocker, "inset-x-0 bottom-0"),
|
|
8668
|
+
style: { top: hole.top + hole.height },
|
|
8669
|
+
onMouseDown: blockClick,
|
|
8670
|
+
onClick: blockClick
|
|
8671
|
+
}
|
|
8672
|
+
),
|
|
8673
|
+
/* @__PURE__ */ jsx94(
|
|
8674
|
+
"div",
|
|
8675
|
+
{
|
|
8676
|
+
className: cn(blocker, "left-0"),
|
|
8677
|
+
style: {
|
|
8678
|
+
top: hole.top,
|
|
8679
|
+
height: hole.height,
|
|
8680
|
+
width: Math.max(hole.left, 0)
|
|
8681
|
+
},
|
|
8682
|
+
onMouseDown: blockClick,
|
|
8683
|
+
onClick: blockClick
|
|
8684
|
+
}
|
|
8685
|
+
),
|
|
8686
|
+
/* @__PURE__ */ jsx94(
|
|
8687
|
+
"div",
|
|
8688
|
+
{
|
|
8689
|
+
className: cn(blocker, "right-0"),
|
|
8690
|
+
style: {
|
|
8691
|
+
top: hole.top,
|
|
8692
|
+
height: hole.height,
|
|
8693
|
+
left: hole.left + hole.width
|
|
8694
|
+
},
|
|
8695
|
+
onMouseDown: blockClick,
|
|
8696
|
+
onClick: blockClick
|
|
8697
|
+
}
|
|
8698
|
+
),
|
|
8699
|
+
current.interactive === false && /* @__PURE__ */ jsx94("div", { className: blocker, style: hole, onClick: blockClick })
|
|
8700
|
+
] }) : /* @__PURE__ */ jsx94(
|
|
8701
|
+
"div",
|
|
8702
|
+
{
|
|
8703
|
+
className: cn(blocker, "inset-0 bg-[rgba(15,23,42,0.6)]"),
|
|
8704
|
+
onMouseDown: blockClick,
|
|
8705
|
+
onClick: blockClick
|
|
8706
|
+
}
|
|
8707
|
+
),
|
|
8708
|
+
status !== "pending" && /* @__PURE__ */ jsxs57(
|
|
8709
|
+
"div",
|
|
8710
|
+
{
|
|
8711
|
+
ref: cardRef,
|
|
8712
|
+
role: "dialog",
|
|
8713
|
+
"aria-modal": "true",
|
|
8714
|
+
"aria-labelledby": titleId,
|
|
8715
|
+
className: cn(
|
|
8716
|
+
"fixed z-[10001] rounded-[12px] bg-yellow-300 p-5 shadow-[0_10px_30px_rgba(0,0,0,0.25)]",
|
|
8717
|
+
!placement && "left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
|
|
8718
|
+
placement && "transition-[top,left] duration-200 ease-out"
|
|
8719
|
+
),
|
|
8720
|
+
style: __spreadValues({
|
|
8721
|
+
width: CARD_WIDTH
|
|
8722
|
+
}, placement && { top: placement.top, left: placement.left }),
|
|
8723
|
+
children: [
|
|
8724
|
+
placement && /* @__PURE__ */ jsx94(
|
|
8725
|
+
"span",
|
|
8726
|
+
{
|
|
8727
|
+
"aria-hidden": true,
|
|
8728
|
+
className: cn(
|
|
8729
|
+
"absolute h-3 w-3 rotate-45 bg-yellow-300",
|
|
8730
|
+
ARROW_CLASS[placement.side]
|
|
8731
|
+
),
|
|
8732
|
+
style: placement.side === "bottom" || placement.side === "top" ? { left: placement.arrow } : { top: placement.arrow }
|
|
8733
|
+
}
|
|
8734
|
+
),
|
|
8735
|
+
/* @__PURE__ */ jsxs57(Layout, { column: true, gap: 3, children: [
|
|
8736
|
+
/* @__PURE__ */ jsxs57(Layout, { row: true, justify: "between", align: "center", children: [
|
|
8737
|
+
/* @__PURE__ */ jsx94(Text, { size: "xs", weight: "semibold", color: "white", children: text.counter(step + 1, total) }),
|
|
8738
|
+
/* @__PURE__ */ jsx94(
|
|
8739
|
+
Icon,
|
|
8740
|
+
{
|
|
8741
|
+
name: "xmark",
|
|
8742
|
+
size: "s",
|
|
8743
|
+
color: "white",
|
|
8744
|
+
onClick: () => onClose("close"),
|
|
8745
|
+
"aria-label": text.close
|
|
8746
|
+
}
|
|
8747
|
+
)
|
|
8748
|
+
] }),
|
|
8749
|
+
current.title && /* @__PURE__ */ jsx94(Text, { id: titleId, size: "m", weight: "bold", color: "white", children: current.title }),
|
|
8750
|
+
/* @__PURE__ */ jsx94(
|
|
8751
|
+
Text,
|
|
8752
|
+
{
|
|
8753
|
+
id: current.title ? void 0 : titleId,
|
|
8754
|
+
size: "m",
|
|
8755
|
+
weight: "medium",
|
|
8756
|
+
color: "white",
|
|
8757
|
+
className: "leading-relaxed",
|
|
8758
|
+
children: current.content
|
|
8759
|
+
}
|
|
8760
|
+
),
|
|
8761
|
+
/* @__PURE__ */ jsxs57(Layout, { row: true, justify: "end", gap: 2, children: [
|
|
8762
|
+
step > 0 && /* @__PURE__ */ jsx94(
|
|
8763
|
+
Button,
|
|
8764
|
+
{
|
|
8765
|
+
label: text.previous,
|
|
8766
|
+
variant: "outline",
|
|
8767
|
+
size: "s",
|
|
8768
|
+
className: "border-white text-white",
|
|
8769
|
+
onClick: goPrevious
|
|
8770
|
+
}
|
|
8771
|
+
),
|
|
8772
|
+
/* @__PURE__ */ jsx94(
|
|
8773
|
+
Button,
|
|
8774
|
+
{
|
|
8775
|
+
ref: nextRef,
|
|
8776
|
+
label: isLast ? text.finish : text.next,
|
|
8777
|
+
size: "s",
|
|
8778
|
+
className: "bg-white text-yellow-500",
|
|
8779
|
+
onClick: goNext
|
|
8780
|
+
}
|
|
8781
|
+
)
|
|
8782
|
+
] })
|
|
8783
|
+
] })
|
|
8784
|
+
]
|
|
8785
|
+
}
|
|
8786
|
+
)
|
|
8787
|
+
] }),
|
|
8788
|
+
document.body
|
|
8789
|
+
);
|
|
8790
|
+
};
|
|
8453
8791
|
export {
|
|
8454
8792
|
ActivityFeedPanel,
|
|
8455
8793
|
Attachment,
|
|
@@ -8549,6 +8887,7 @@ export {
|
|
|
8549
8887
|
Spinner,
|
|
8550
8888
|
Stepper,
|
|
8551
8889
|
Switch,
|
|
8890
|
+
TOUR_TARGET_ATTRIBUTE,
|
|
8552
8891
|
Table,
|
|
8553
8892
|
TableCell,
|
|
8554
8893
|
TableFooter,
|
|
@@ -8567,6 +8906,8 @@ export {
|
|
|
8567
8906
|
Timeline,
|
|
8568
8907
|
Toaster,
|
|
8569
8908
|
Tooltip,
|
|
8909
|
+
Tour,
|
|
8910
|
+
TourTarget,
|
|
8570
8911
|
VideoPlayer,
|
|
8571
8912
|
addBusinessDays,
|
|
8572
8913
|
allowAutofill,
|
package/dist/ui/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(130,180,204,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(130,180,204,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Open Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.\!static{position:static!important}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-4{left:1rem;right:1rem}.inset-y-0{top:0;bottom:0}.inset-y-4{top:1rem;bottom:1rem}.\!left-auto{left:auto!important}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-3{right:-.75rem}.-top-1{top:-.25rem}.-top-1\.5{top:-.375rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.bottom-\[-1px\]{bottom:-1px}.bottom-\[50px\]{bottom:50px}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-4{left:1rem}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1050\]{z-index:1050}.z-\[1060\]{z-index:1060}.z-\[1100\]{z-index:1100}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[500\]{z-index:500}.z-\[9999\]{z-index:9999}.m-\[5px\]{margin:5px}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-0\.5{margin-left:.125rem}.ml-\[15px\]{margin-left:15px}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.box-border{box-sizing:border-box}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-10{width:2.5rem;height:2.5rem}.size-2{width:.5rem;height:.5rem}.size-8{width:2rem;height:2rem}.h-0{height:0}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[26px\]{height:26px}.h-\[30px\]{height:30px}.h-\[320px\]{height:320px}.h-\[38px\]{height:38px}.h-\[3px\]{height:3px}.h-\[500px\]{height:500px}.h-\[52px\]{height:52px}.h-\[9px\]{height:9px}.h-full{height:100%}.h-px{height:1px}.max-h-\[260px\]{max-height:260px}.max-h-\[300px\]{max-height:300px}.max-h-\[400px\]{max-height:400px}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height)}.min-h-0{min-height:0}.min-h-\[16px\]{min-height:16px}.min-h-\[200px\]{min-height:200px}.min-h-\[214px\]{min-height:214px}.min-h-\[38px\]{min-height:38px}.min-h-\[46px\]{min-height:46px}.min-h-\[48px\]{min-height:48px}.min-h-\[52px\]{min-height:52px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-0\.5{width:.125rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[22px\]{width:22px}.w-\[300px\]{width:300px}.w-\[360px\]{width:360px}.w-\[420px\]{width:420px}.w-\[480px\]{width:480px}.w-\[500px\]{width:500px}.w-\[560px\]{width:560px}.w-\[900px\]{width:900px}.w-\[9px\]{width:9px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-5{min-width:1.25rem}.min-w-\[140px\]{min-width:140px}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[220px\]{min-width:220px}.min-w-\[80px\]{min-width:80px}.min-w-\[8px\]{min-width:8px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-\[200px\]{max-width:200px}.max-w-\[423px\]{max-width:423px}.max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-left{transform-origin:left}.\!translate-x-0{--tw-translate-x:0px!important;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))!important}.-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%}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{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))}.animate-\[badge-pulse_2s_ease-in-out_infinite\]{animation:badge-pulse 2s ease-in-out infinite}.animate-\[toast-shrink_linear_forwards\]{animation:toast-shrink linear forwards}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[5px\]{gap:5px}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem*var(--tw-space-x-reverse));margin-left:calc(-.5rem*(1 - var(--tw-space-x-reverse)))}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.35em\]{border-radius:.35em}.rounded-\[10px\]{border-radius:10px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.rounded-bl-none{border-bottom-left-radius:0}.rounded-br-none{border-bottom-right-radius:0}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-l-\[1\.5px\]{border-left-width:1.5px}.border-r{border-right-width:1px}.border-r-\[1\.5px\]{border-right-width:1.5px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-blue-100{--tw-border-opacity:1;border-color:rgb(204 234 248/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(185 220 237/var(--tw-border-opacity,1))}.border-blue-50{--tw-border-opacity:1;border-color:rgb(219 233 254/var(--tw-border-opacity,1))}.border-blue-700{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.border-blue-800{--tw-border-opacity:1;border-color:rgb(18 99 139/var(--tw-border-opacity,1))}.border-blue-900{--tw-border-opacity:1;border-color:rgb(14 79 111/var(--tw-border-opacity,1))}.border-blue-950{--tw-border-opacity:1;border-color:rgb(28 78 216/var(--tw-border-opacity,1))}.border-green-100{--tw-border-opacity:1;border-color:rgb(18 183 106/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-700{--tw-border-opacity:1;border-color:rgb(23 128 61/var(--tw-border-opacity,1))}.border-grey-200{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-grey-300{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-grey-400{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-grey-500{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.border-grey-600{--tw-border-opacity:1;border-color:rgb(100 107 115/var(--tw-border-opacity,1))}.border-orange-600{--tw-border-opacity:1;border-color:rgb(255 81 0/var(--tw-border-opacity,1))}.border-purple-700{--tw-border-opacity:1;border-color:rgb(114 48 219/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(244 70 73/var(--tw-border-opacity,1))}.border-red-900{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(255 215 0/var(--tw-border-opacity,1))}.border-yellow-300{--tw-border-opacity:1;border-color:rgb(248 175 45/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(161 98 7/var(--tw-border-opacity,1))}.border-l-blue-700{--tw-border-opacity:1;border-left-color:rgb(55 126 161/var(--tw-border-opacity,1))}.border-l-blue-900{--tw-border-opacity:1;border-left-color:rgb(14 79 111/var(--tw-border-opacity,1))}.border-l-blue-950{--tw-border-opacity:1;border-left-color:rgb(28 78 216/var(--tw-border-opacity,1))}.border-l-green-100{--tw-border-opacity:1;border-left-color:rgb(18 183 106/var(--tw-border-opacity,1))}.border-l-green-700{--tw-border-opacity:1;border-left-color:rgb(23 128 61/var(--tw-border-opacity,1))}.border-l-grey-600{--tw-border-opacity:1;border-left-color:rgb(100 107 115/var(--tw-border-opacity,1))}.border-l-orange-500{--tw-border-opacity:1;border-left-color:rgb(255 100 28/var(--tw-border-opacity,1))}.border-l-orange-600{--tw-border-opacity:1;border-left-color:rgb(255 81 0/var(--tw-border-opacity,1))}.border-l-purple-700{--tw-border-opacity:1;border-left-color:rgb(114 48 219/var(--tw-border-opacity,1))}.border-l-red-500{--tw-border-opacity:1;border-left-color:rgb(244 70 73/var(--tw-border-opacity,1))}.border-l-red-900{--tw-border-opacity:1;border-left-color:rgb(127 29 29/var(--tw-border-opacity,1))}.border-l-yellow-200{--tw-border-opacity:1;border-left-color:rgb(255 215 0/var(--tw-border-opacity,1))}.border-l-yellow-300{--tw-border-opacity:1;border-left-color:rgb(248 175 45/var(--tw-border-opacity,1))}.border-l-yellow-500{--tw-border-opacity:1;border-left-color:rgb(161 98 7/var(--tw-border-opacity,1))}.bg-\[\#1e1e1e\]{--tw-bg-opacity:1;background-color:rgb(30 30 30/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/35{background-color:rgba(0,0,0,.35)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(204 234 248/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(219 233 254/var(--tw-bg-opacity,1))}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(55 126 161/var(--tw-bg-opacity,1))}.bg-blue-800{--tw-bg-opacity:1;background-color:rgb(18 99 139/var(--tw-bg-opacity,1))}.bg-blue-900{--tw-bg-opacity:1;background-color:rgb(14 79 111/var(--tw-bg-opacity,1))}.bg-blue-950{--tw-bg-opacity:1;background-color:rgb(28 78 216/var(--tw-bg-opacity,1))}.bg-current{background-color:currentColor}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(18 183 106/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-700{--tw-bg-opacity:1;background-color:rgb(23 128 61/var(--tw-bg-opacity,1))}.bg-grey-100{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-grey-200{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-grey-300{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-grey-400{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-grey-500{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-grey-600{--tw-bg-opacity:1;background-color:rgb(100 107 115/var(--tw-bg-opacity,1))}.bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(52 58 64/var(--tw-bg-opacity,1))}.bg-neutral-800\/35{background-color:rgba(52,58,64,.35)}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 206 184/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 238 230/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(255 100 28/var(--tw-bg-opacity,1))}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(255 81 0/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.bg-purple-700{--tw-bg-opacity:1;background-color:rgb(114 48 219/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 233 233/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(244 70 73/var(--tw-bg-opacity,1))}.bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/40{background-color:hsla(0,0%,100%,.4)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 237 213/var(--tw-bg-opacity,1))}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(255 215 0/var(--tw-bg-opacity,1))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(248 175 45/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 247 234/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.fill-neutral-800{fill:#343a40}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-16{padding-left:4rem;padding-right:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-0\.5{padding-left:.125rem}.pl-1{padding-left:.25rem}.pl-1\.5{padding-left:.375rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-16{padding-left:4rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pl-\[52px\]{padding-left:52px}.pl-\[64px\]{padding-left:64px}.pr-0{padding-right:0}.pr-0\.5{padding-right:.125rem}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-16{padding-right:4rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Open Sans,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-blue-700{--tw-text-opacity:1;color:rgb(55 126 161/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(18 99 139/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(14 79 111/var(--tw-text-opacity,1))}.text-blue-950{--tw-text-opacity:1;color:rgb(28 78 216/var(--tw-text-opacity,1))}.text-green-100{--tw-text-opacity:1;color:rgb(18 183 106/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(23 128 61/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:rgb(0 97 35/var(--tw-text-opacity,1))}.text-grey-400{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-grey-500{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-grey-600{--tw-text-opacity:1;color:rgb(100 107 115/var(--tw-text-opacity,1))}.text-inherit{color:inherit}.text-neutral-800{--tw-text-opacity:1;color:rgb(52 58 64/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(255 100 28/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(255 81 0/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(114 48 219/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(244 70 73/var(--tw-text-opacity,1))}.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-yellow-200{--tw-text-opacity:1;color:rgb(255 215 0/var(--tw-text-opacity,1))}.text-yellow-300{--tw-text-opacity:1;color:rgb(248 175 45/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.shadow-\[0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_4px_6px_-2px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_32px_-12px_rgba\(21\2c 48\2c 59\2c 0\.35\)\]{--tw-shadow:0 12px 32px -12px rgba(21,48,59,.35);--tw-shadow-colored:0 12px 32px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]{--tw-shadow:0 1px 2px rgba(15,23,42,.12);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.16\)\]{--tw-shadow:0 1px 4px rgba(0,0,0,.16);--tw-shadow-colored:0 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_50px_-18px_rgba\(15\2c 36\2c 48\2c 0\.35\)\]{--tw-shadow:0 20px 50px -18px rgba(15,36,48,.35);--tw-shadow-colored:0 20px 50px -18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_15px_0_rgba\(198\2c 198\2c 198\2c 0\.25\)\]{--tw-shadow:0 2px 15px 0 hsla(0,0%,78%,.25);--tw-shadow-colored:0 2px 15px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_6px_rgba\(15\2c 23\2c 42\2c 0\.2\)\]{--tw-shadow:0 2px 6px rgba(15,23,42,.2);--tw-shadow-colored:0 2px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:0 2px 8px rgba(0,0,0,.08);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{--tw-shadow:0 4px 16px rgba(0,0,0,.12);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{--tw-shadow:0 4px 16px rgba(0,0,0,.4);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_11px_7px_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 4px 3px 0 rgba(0,0,0,.1),0 11px 7px 0 rgba(0,0,0,.1);--tw-shadow-colored:0 4px 3px 0 var(--tw-shadow-color),0 11px 7px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_10px_7\.5px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 4px 3px rgba(0,0,0,.1),0 10px 7.5px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 3px var(--tw-shadow-color),0 10px 7.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_6px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 4px 6px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.16\)\]{--tw-shadow:0 8px 24px rgba(0,0,0,.16);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_5px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_20px_12\.5px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 8px 5px rgba(0,0,0,.1),0 20px 12.5px rgba(0,0,0,.1);--tw-shadow-colored:0 8px 5px var(--tw-shadow-color),0 20px 12.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:inset 0 0 0 1px rgba(0,0,0,.06);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\],.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\2c box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\2c transform\]{transition-property:filter,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\]{transition-property:filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c filter\]{transition-property:transform,filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c opacity\]{transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-\[180ms\]{transition-duration:.18s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[scrollbar-width\:none\]{scrollbar-width:none}body{font-family:Open Sans,system-ui,sans-serif}@keyframes badge-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 color-mix(in srgb,currentColor 60%,transparent)}70%{transform:scale(1.06);box-shadow:0 0 0 6px transparent}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion:reduce){.animate-badge-pulse{animation:none!important}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height)}to{height:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.rdp-root.rdp-root{--rdp-accent-color:#0e4f6f;--rdp-accent-background-color:#cceaf8;--rdp-today-color:#0e4f6f;--rdp-day_button-border-radius:6px;--rdp-day-width:26px;--rdp-day-height:26px;--rdp-day_button-width:26px;--rdp-day_button-height:26px;font-family:Open Sans,system-ui,sans-serif;font-size:12px}.rdp-root.rdp-root .rdp-selected{font-size:inherit}.rdp-root.rdp-root .rdp-range_middle .rdp-day_button{border-radius:0}.react-international-phone-input-container{--react-international-phone-border-color:#e2e8f0;--react-international-phone-background-color:#fff;--react-international-phone-text-color:#343a40;--react-international-phone-height:36px;--react-international-phone-border-radius:5px;--react-international-phone-font-size:13px;--react-international-phone-country-selector-background-color-hover:#f1f5f9;--react-international-phone-disabled-background-color:#f1f5f9;--react-international-phone-disabled-text-color:#94a3b8;--react-international-phone-selected-dropdown-item-background-color:#f8fafc;--react-international-phone-dropdown-shadow:0 4px 6px rgba(0,0,0,.1);width:100%;font-family:Open Sans,system-ui,sans-serif}.react-international-phone-input-container .react-international-phone-input:focus{border-color:#1c4ed8}.dz-tagify .tagify{width:100%;border:1px solid #e2e8f0;border-radius:6px;min-height:36px;font-size:13px;font-family:Open Sans,system-ui,sans-serif;--tag-hover:#377ea1;--tag-bg:#377ea1;--tag-text-color:#fff;--tag-remove-btn-color:#fff;--tag-remove-btn-bg--hover:#f44649;--tag-invalid-color:#f44649;--tag-remove-bg:#f44649}.dz-tagify .tagify--focus{border-color:#1c4ed8}.dz-tagify .tagify,.dz-tagify .tagify__input{cursor:text}.dz-tagify--disabled{opacity:.6;pointer-events:none}.placeholder\:font-sans::-moz-placeholder{font-family:Open Sans,system-ui,sans-serif}.placeholder\:font-sans::placeholder{font-family:Open Sans,system-ui,sans-serif}.placeholder\:text-xs::-moz-placeholder{font-size:.75rem;line-height:1rem}.placeholder\:text-xs::placeholder{font-size:.75rem;line-height:1rem}.placeholder\:text-grey-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.placeholder\:text-grey-500::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.placeholder\:text-grey-600::-moz-placeholder{--tw-text-opacity:1;color:rgb(100 107 115/var(--tw-text-opacity,1))}.placeholder\:text-grey-600::placeholder{--tw-text-opacity:1;color:rgb(100 107 115/var(--tw-text-opacity,1))}.placeholder\:text-white\/50::-moz-placeholder{color:hsla(0,0%,100%,.5)}.placeholder\:text-white\/50::placeholder{color:hsla(0,0%,100%,.5)}.after\:block:after{content:var(--tw-content);display:block}.after\:\!hidden:after{content:var(--tw-content);display:none!important}.after\:h-\[13px\]:after{content:var(--tw-content);height:13px}.after\:w-\[13px\]:after{content:var(--tw-content);width:13px}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-blue-700:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(55 126 161/var(--tw-bg-opacity,1))}.after\:bg-blue-900:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(14 79 111/var(--tw-bg-opacity,1))}.after\:bg-blue-950:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(28 78 216/var(--tw-bg-opacity,1))}.after\:bg-green-100:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(18 183 106/var(--tw-bg-opacity,1))}.after\:bg-green-700:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(23 128 61/var(--tw-bg-opacity,1))}.after\:bg-grey-600:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(100 107 115/var(--tw-bg-opacity,1))}.after\:bg-orange-600:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 81 0/var(--tw-bg-opacity,1))}.after\:bg-purple-700:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(114 48 219/var(--tw-bg-opacity,1))}.after\:bg-red-500:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(244 70 73/var(--tw-bg-opacity,1))}.after\:bg-red-900:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.after\:bg-yellow-200:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 215 0/var(--tw-bg-opacity,1))}.after\:bg-yellow-300:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(248 175 45/var(--tw-bg-opacity,1))}.after\:bg-yellow-500:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.first\:border-t-0:first-child{border-top-width:0}.focus-within\:border-blue-700:focus-within{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.focus-within\:opacity-100:focus-within{opacity:1}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;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))}.hover\:border-blue-100:hover{--tw-border-opacity:1;border-color:rgb(204 234 248/var(--tw-border-opacity,1))}.hover\:border-blue-700:hover{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.hover\:border-grey-300:hover{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.hover\:bg-black\/\[0\.025\]:hover{background-color:rgba(0,0,0,.025)}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(219 233 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(55 126 161/var(--tw-bg-opacity,1))}.hover\:bg-blue-900:hover{--tw-bg-opacity:1;background-color:rgb(14 79 111/var(--tw-bg-opacity,1))}.hover\:bg-blue-950:hover{--tw-bg-opacity:1;background-color:rgb(28 78 216/var(--tw-bg-opacity,1))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(18 183 106/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(23 128 61/var(--tw-bg-opacity,1))}.hover\:bg-grey-100:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-grey-200:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-grey-600:hover{--tw-bg-opacity:1;background-color:rgb(100 107 115/var(--tw-bg-opacity,1))}.hover\:bg-orange-50:hover{--tw-bg-opacity:1;background-color:rgb(255 238 230/var(--tw-bg-opacity,1))}.hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(255 81 0/var(--tw-bg-opacity,1))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(114 48 219/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 233 233/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(244 70 73/var(--tw-bg-opacity,1))}.hover\:bg-red-900:hover{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/15:hover{background-color:hsla(0,0%,100%,.15)}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(255 215 0/var(--tw-bg-opacity,1))}.hover\:bg-yellow-300:hover{--tw-bg-opacity:1;background-color:rgb(248 175 45/var(--tw-bg-opacity,1))}.hover\:bg-yellow-50:hover{--tw-bg-opacity:1;background-color:rgb(254 247 234/var(--tw-bg-opacity,1))}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hover\:text-grey-600:hover{--tw-text-opacity:1;color:rgb(100 107 115/var(--tw-text-opacity,1))}.hover\:text-neutral-800:hover{--tw-text-opacity:1;color:rgb(52 58 64/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-80:hover{opacity:.8}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.hover\:brightness-90:hover,.hover\:brightness-95:hover{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)}.hover\:brightness-95:hover{--tw-brightness:brightness(.95)}.focus-within\:hover\:border-blue-700:hover:focus-within{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.focus\:border-blue-700:focus{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-blue-200:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(185 220 237/var(--tw-ring-opacity,1))}.focus-visible\:ring-blue-700:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(55 126 161/var(--tw-ring-opacity,1))}.focus-visible\:ring-white\/40:focus-visible{--tw-ring-color:hsla(0,0%,100%,.4)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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))}.active\:brightness-75:active{--tw-brightness:brightness(.75);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)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-grey-100:disabled{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.disabled\:bg-grey-200:disabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:hover\:brightness-100:hover:disabled{--tw-brightness:brightness(1);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)}.disabled\:active\:scale-100:active:disabled{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-blue-950{--tw-bg-opacity:1;background-color:rgb(28 78 216/var(--tw-bg-opacity,1))}.group\/message:hover .group-hover\/message\:opacity-100{opacity:1}.has-\[\[aria-expanded\=true\]\]\:opacity-100:has([aria-expanded=true]){opacity:1}.aria-invalid\:border-red-900[aria-invalid=true],.aria-invalid\:focus\:border-red-900:focus[aria-invalid=true]{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.data-\[receded\]\:-translate-x-9[data-receded]{--tw-translate-x:-2.25rem}.data-\[receded\]\:-translate-x-9[data-receded],.data-\[state\=checked\]\:translate-x-4[data-state=checked]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:1.25rem}.data-\[state\=checked\]\:translate-x-5[data-state=checked],.data-\[state\=open\]\:rotate-180[data-state=open]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:rotate-180[data-state=open]{--tw-rotate:180deg}.data-\[receded\]\:scale-\[0\.965\][data-receded]{--tw-scale-x:0.965;--tw-scale-y:0.965;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=closed\]\:animate-\[collapsible-up_200ms_ease-out\][data-state=closed]{animation:collapsible-up .2s ease-out}.data-\[state\=delayed-open\]\:animate-\[fade-in_150ms_ease-out\][data-state=delayed-open]{animation:fade-in .15s ease-out}.data-\[state\=open\]\:animate-\[collapsible-down_200ms_ease-out\][data-state=open]{animation:collapsible-down .2s ease-out}.data-\[state\=open\]\:animate-\[fade-in_150ms_ease-out\][data-state=open]{animation:fade-in .15s ease-out}.data-\[state\=checked\]\:border-blue-700[data-state=checked]{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-blue-900[data-state=checked]{--tw-border-opacity:1;border-color:rgb(14 79 111/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-blue-950[data-state=checked]{--tw-border-opacity:1;border-color:rgb(28 78 216/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-green-100[data-state=checked]{--tw-border-opacity:1;border-color:rgb(18 183 106/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-green-700[data-state=checked]{--tw-border-opacity:1;border-color:rgb(23 128 61/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-grey-600[data-state=checked]{--tw-border-opacity:1;border-color:rgb(100 107 115/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-orange-600[data-state=checked]{--tw-border-opacity:1;border-color:rgb(255 81 0/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-purple-700[data-state=checked]{--tw-border-opacity:1;border-color:rgb(114 48 219/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-red-500[data-state=checked]{--tw-border-opacity:1;border-color:rgb(244 70 73/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-red-900[data-state=checked]{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-yellow-200[data-state=checked]{--tw-border-opacity:1;border-color:rgb(255 215 0/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-yellow-300[data-state=checked]{--tw-border-opacity:1;border-color:rgb(248 175 45/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-yellow-500[data-state=checked]{--tw-border-opacity:1;border-color:rgb(161 98 7/var(--tw-border-opacity,1))}.data-\[state\=open\]\:border-blue-700[data-state=open]{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.data-\[highlighted\]\:bg-grey-100[data-highlighted]{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.data-\[stacked\]\:bg-transparent[data-stacked]{background-color:transparent}.data-\[state\=checked\]\:bg-blue-700[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(55 126 161/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-blue-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(14 79 111/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-blue-950[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(28 78 216/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-green-100[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(18 183 106/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-green-700[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(23 128 61/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-grey-600[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(100 107 115/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-orange-600[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(255 81 0/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-purple-700[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(114 48 219/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-red-500[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(244 70 73/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-red-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-yellow-200[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(255 215 0/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-yellow-300[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(248 175 45/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-yellow-500[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.data-\[state\=open\]\:bg-white\/10[data-state=open]{background-color:hsla(0,0%,100%,.1)}.data-\[placeholder\]\:text-grey-500[data-placeholder]{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.data-\[receded\]\:brightness-\[\.82\][data-receded]{--tw-brightness:brightness(.82);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)}.group\/collapsible[data-state=open] .group-data-\[state\=open\]\/collapsible\:rotate-90{--tw-rotate:90deg}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180,.group\/collapsible[data-state=open] .group-data-\[state\=open\]\/collapsible\:rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}@media (min-width:768px){.md\:p-12{padding:3rem}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>button\:not\(\:last-child\)\]\:rounded-r-none>button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>div\]\:\!block>div{display:block!important}.\[\&\>tr\:nth-child\(even\)\]\:bg-grey-100>tr:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.\[\&_button\]\:p-0\.5 button{padding:.125rem}.\[\&_img\]\:h-full img{height:100%}.\[\&_img\]\:w-full img{width:100%}.\[\&_img\]\:object-cover img{-o-object-fit:cover;object-fit:cover}.\[\&_td\:not\(\:first-child\)\]\:border-l td:not(:first-child){border-left-width:1px}.\[\&_td\:not\(\:first-child\)\]\:border-grey-200 td:not(:first-child){--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.\[\&_th\:not\(\:first-child\)\]\:border-l th:not(:first-child){border-left-width:1px}.\[\&_th\:not\(\:first-child\)\]\:border-grey-200 th:not(:first-child){--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(130,180,204,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(130,180,204,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Open Sans,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.\!static{position:static!important}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-4{left:1rem;right:1rem}.inset-y-0{top:0;bottom:0}.inset-y-4{top:1rem;bottom:1rem}.\!left-auto{left:auto!important}.-bottom-\[7px\]{bottom:-7px}.-left-\[7px\]{left:-7px}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-3{right:-.75rem}.-right-\[7px\]{right:-7px}.-top-1{top:-.25rem}.-top-1\.5{top:-.375rem}.-top-\[7px\]{top:-7px}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.bottom-\[-1px\]{bottom:-1px}.bottom-\[50px\]{bottom:50px}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-4{left:1rem}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-4{top:1rem}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.z-\[1000\]{z-index:1000}.z-\[1050\]{z-index:1050}.z-\[1060\]{z-index:1060}.z-\[1100\]{z-index:1100}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[500\]{z-index:500}.z-\[9999\]{z-index:9999}.m-\[5px\]{margin:5px}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-0\.5{margin-left:.125rem}.ml-\[15px\]{margin-left:15px}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.box-border{box-sizing:border-box}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-10{width:2.5rem;height:2.5rem}.size-2{width:.5rem;height:.5rem}.size-8{width:2rem;height:2rem}.h-0{height:0}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[26px\]{height:26px}.h-\[30px\]{height:30px}.h-\[320px\]{height:320px}.h-\[38px\]{height:38px}.h-\[3px\]{height:3px}.h-\[500px\]{height:500px}.h-\[52px\]{height:52px}.h-\[9px\]{height:9px}.h-full{height:100%}.h-px{height:1px}.max-h-\[260px\]{max-height:260px}.max-h-\[300px\]{max-height:300px}.max-h-\[400px\]{max-height:400px}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height)}.min-h-0{min-height:0}.min-h-\[16px\]{min-height:16px}.min-h-\[200px\]{min-height:200px}.min-h-\[214px\]{min-height:214px}.min-h-\[38px\]{min-height:38px}.min-h-\[46px\]{min-height:46px}.min-h-\[480px\]{min-height:480px}.min-h-\[48px\]{min-height:48px}.min-h-\[52px\]{min-height:52px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-0{width:0}.w-0\.5{width:.125rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[22px\]{width:22px}.w-\[300px\]{width:300px}.w-\[360px\]{width:360px}.w-\[420px\]{width:420px}.w-\[480px\]{width:480px}.w-\[500px\]{width:500px}.w-\[560px\]{width:560px}.w-\[900px\]{width:900px}.w-\[9px\]{width:9px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-5{min-width:1.25rem}.min-w-\[140px\]{min-width:140px}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[220px\]{min-width:220px}.min-w-\[80px\]{min-width:80px}.min-w-\[8px\]{min-width:8px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-\[200px\]{max-width:200px}.max-w-\[423px\]{max-width:423px}.max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-left{transform-origin:left}.\!translate-x-0{--tw-translate-x:0px!important;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))!important}.-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%}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-45{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))}.rotate-45{--tw-rotate:45deg}.transform{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))}.animate-\[badge-pulse_2s_ease-in-out_infinite\]{animation:badge-pulse 2s ease-in-out infinite}.animate-\[toast-shrink_linear_forwards\]{animation:toast-shrink linear forwards}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[5px\]{gap:5px}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.5rem*var(--tw-space-x-reverse));margin-left:calc(-.5rem*(1 - var(--tw-space-x-reverse)))}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.35em\]{border-radius:.35em}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[6px\]{border-radius:6px}.rounded-\[8px\]{border-radius:8px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-r-xl{border-top-right-radius:.75rem;border-bottom-right-radius:.75rem}.rounded-bl-none{border-bottom-left-radius:0}.rounded-br-none{border-bottom-right-radius:0}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-l-\[1\.5px\]{border-left-width:1.5px}.border-r{border-right-width:1px}.border-r-\[1\.5px\]{border-right-width:1.5px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-blue-100{--tw-border-opacity:1;border-color:rgb(204 234 248/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(185 220 237/var(--tw-border-opacity,1))}.border-blue-50{--tw-border-opacity:1;border-color:rgb(219 233 254/var(--tw-border-opacity,1))}.border-blue-700{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.border-blue-800{--tw-border-opacity:1;border-color:rgb(18 99 139/var(--tw-border-opacity,1))}.border-blue-900{--tw-border-opacity:1;border-color:rgb(14 79 111/var(--tw-border-opacity,1))}.border-blue-950{--tw-border-opacity:1;border-color:rgb(28 78 216/var(--tw-border-opacity,1))}.border-green-100{--tw-border-opacity:1;border-color:rgb(18 183 106/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-700{--tw-border-opacity:1;border-color:rgb(23 128 61/var(--tw-border-opacity,1))}.border-grey-200{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-grey-300{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-grey-400{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-grey-500{--tw-border-opacity:1;border-color:rgb(148 163 184/var(--tw-border-opacity,1))}.border-grey-600{--tw-border-opacity:1;border-color:rgb(100 107 115/var(--tw-border-opacity,1))}.border-orange-600{--tw-border-opacity:1;border-color:rgb(255 81 0/var(--tw-border-opacity,1))}.border-purple-700{--tw-border-opacity:1;border-color:rgb(114 48 219/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(244 70 73/var(--tw-border-opacity,1))}.border-red-900{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(255 215 0/var(--tw-border-opacity,1))}.border-yellow-300{--tw-border-opacity:1;border-color:rgb(248 175 45/var(--tw-border-opacity,1))}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(161 98 7/var(--tw-border-opacity,1))}.border-l-blue-700{--tw-border-opacity:1;border-left-color:rgb(55 126 161/var(--tw-border-opacity,1))}.border-l-blue-900{--tw-border-opacity:1;border-left-color:rgb(14 79 111/var(--tw-border-opacity,1))}.border-l-blue-950{--tw-border-opacity:1;border-left-color:rgb(28 78 216/var(--tw-border-opacity,1))}.border-l-green-100{--tw-border-opacity:1;border-left-color:rgb(18 183 106/var(--tw-border-opacity,1))}.border-l-green-700{--tw-border-opacity:1;border-left-color:rgb(23 128 61/var(--tw-border-opacity,1))}.border-l-grey-600{--tw-border-opacity:1;border-left-color:rgb(100 107 115/var(--tw-border-opacity,1))}.border-l-orange-500{--tw-border-opacity:1;border-left-color:rgb(255 100 28/var(--tw-border-opacity,1))}.border-l-orange-600{--tw-border-opacity:1;border-left-color:rgb(255 81 0/var(--tw-border-opacity,1))}.border-l-purple-700{--tw-border-opacity:1;border-left-color:rgb(114 48 219/var(--tw-border-opacity,1))}.border-l-red-500{--tw-border-opacity:1;border-left-color:rgb(244 70 73/var(--tw-border-opacity,1))}.border-l-red-900{--tw-border-opacity:1;border-left-color:rgb(127 29 29/var(--tw-border-opacity,1))}.border-l-yellow-200{--tw-border-opacity:1;border-left-color:rgb(255 215 0/var(--tw-border-opacity,1))}.border-l-yellow-300{--tw-border-opacity:1;border-left-color:rgb(248 175 45/var(--tw-border-opacity,1))}.border-l-yellow-500{--tw-border-opacity:1;border-left-color:rgb(161 98 7/var(--tw-border-opacity,1))}.bg-\[\#1e1e1e\]{--tw-bg-opacity:1;background-color:rgb(30 30 30/var(--tw-bg-opacity,1))}.bg-\[rgba\(15\2c 23\2c 42\2c 0\.6\)\]{background-color:rgba(15,23,42,.6)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/35{background-color:rgba(0,0,0,.35)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(204 234 248/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(219 233 254/var(--tw-bg-opacity,1))}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(55 126 161/var(--tw-bg-opacity,1))}.bg-blue-800{--tw-bg-opacity:1;background-color:rgb(18 99 139/var(--tw-bg-opacity,1))}.bg-blue-900{--tw-bg-opacity:1;background-color:rgb(14 79 111/var(--tw-bg-opacity,1))}.bg-blue-950{--tw-bg-opacity:1;background-color:rgb(28 78 216/var(--tw-bg-opacity,1))}.bg-current{background-color:currentColor}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(18 183 106/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-700{--tw-bg-opacity:1;background-color:rgb(23 128 61/var(--tw-bg-opacity,1))}.bg-grey-100{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-grey-200{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-grey-300{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-grey-400{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.bg-grey-500{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-grey-600{--tw-bg-opacity:1;background-color:rgb(100 107 115/var(--tw-bg-opacity,1))}.bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(52 58 64/var(--tw-bg-opacity,1))}.bg-neutral-800\/35{background-color:rgba(52,58,64,.35)}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 206 184/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 238 230/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(255 100 28/var(--tw-bg-opacity,1))}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(255 81 0/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.bg-purple-700{--tw-bg-opacity:1;background-color:rgb(114 48 219/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 233 233/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(244 70 73/var(--tw-bg-opacity,1))}.bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/40{background-color:hsla(0,0%,100%,.4)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 237 213/var(--tw-bg-opacity,1))}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(255 215 0/var(--tw-bg-opacity,1))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(248 175 45/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 247 234/var(--tw-bg-opacity,1))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.fill-neutral-800{fill:#343a40}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-16{padding-left:4rem;padding-right:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-0\.5{padding-left:.125rem}.pl-1{padding-left:.25rem}.pl-1\.5{padding-left:.375rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-16{padding-left:4rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pl-\[52px\]{padding-left:52px}.pl-\[64px\]{padding-left:64px}.pr-0{padding-right:0}.pr-0\.5{padding-right:.125rem}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-16{padding-right:4rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Open Sans,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-blue-700{--tw-text-opacity:1;color:rgb(55 126 161/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(18 99 139/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(14 79 111/var(--tw-text-opacity,1))}.text-blue-950{--tw-text-opacity:1;color:rgb(28 78 216/var(--tw-text-opacity,1))}.text-green-100{--tw-text-opacity:1;color:rgb(18 183 106/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(23 128 61/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:rgb(0 97 35/var(--tw-text-opacity,1))}.text-grey-400{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-grey-500{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-grey-600{--tw-text-opacity:1;color:rgb(100 107 115/var(--tw-text-opacity,1))}.text-inherit{color:inherit}.text-neutral-800{--tw-text-opacity:1;color:rgb(52 58 64/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(255 100 28/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(255 81 0/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(114 48 219/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(244 70 73/var(--tw-text-opacity,1))}.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-yellow-200{--tw-text-opacity:1;color:rgb(255 215 0/var(--tw-text-opacity,1))}.text-yellow-300{--tw-text-opacity:1;color:rgb(248 175 45/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.shadow-\[0_0_0_9999px_rgba\(15\2c 23\2c 42\2c 0\.6\)\]{--tw-shadow:0 0 0 9999px rgba(15,23,42,.6);--tw-shadow-colored:0 0 0 9999px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_15px_-3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_4px_6px_-2px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-shadow:0 10px 30px rgba(0,0,0,.25);--tw-shadow-colored:0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_32px_-12px_rgba\(21\2c 48\2c 59\2c 0\.35\)\]{--tw-shadow:0 12px 32px -12px rgba(21,48,59,.35);--tw-shadow-colored:0 12px 32px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(15\2c 23\2c 42\2c 0\.12\)\]{--tw-shadow:0 1px 2px rgba(15,23,42,.12);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.16\)\]{--tw-shadow:0 1px 4px rgba(0,0,0,.16);--tw-shadow-colored:0 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_20px_50px_-18px_rgba\(15\2c 36\2c 48\2c 0\.35\)\]{--tw-shadow:0 20px 50px -18px rgba(15,36,48,.35);--tw-shadow-colored:0 20px 50px -18px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_15px_0_rgba\(198\2c 198\2c 198\2c 0\.25\)\]{--tw-shadow:0 2px 15px 0 hsla(0,0%,78%,.25);--tw-shadow-colored:0 2px 15px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_6px_rgba\(15\2c 23\2c 42\2c 0\.2\)\]{--tw-shadow:0 2px 6px rgba(15,23,42,.2);--tw-shadow-colored:0 2px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:0 2px 8px rgba(0,0,0,.08);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{--tw-shadow:0 4px 16px rgba(0,0,0,.12);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{--tw-shadow:0 4px 16px rgba(0,0,0,.4);--tw-shadow-colored:0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_3px_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_11px_7px_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 4px 3px 0 rgba(0,0,0,.1),0 11px 7px 0 rgba(0,0,0,.1);--tw-shadow-colored:0 4px 3px 0 var(--tw-shadow-color),0 11px 7px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_3px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_10px_7\.5px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 4px 3px rgba(0,0,0,.1),0 10px 7.5px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 3px var(--tw-shadow-color),0 10px 7.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_6px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 4px 6px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(0\2c 0\2c 0\2c 0\.16\)\]{--tw-shadow:0 8px 24px rgba(0,0,0,.16);--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_5px_rgba\(0\2c 0\2c 0\2c 0\.1\)\2c 0_20px_12\.5px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{--tw-shadow:0 8px 5px rgba(0,0,0,.1),0 20px 12.5px rgba(0,0,0,.1);--tw-shadow-colored:0 8px 5px var(--tw-shadow-color),0 20px 12.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-shadow:inset 0 0 0 1px rgba(0,0,0,.06);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.06\)\],.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2,.ring-\[3px\]{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\[3px\]{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.ring-yellow-300{--tw-ring-opacity:1;--tw-ring-color:rgb(248 175 45/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\2c box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\2c transform\]{transition-property:filter,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\]{transition-property:filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[top\2c left\]{transition-property:top,left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c filter\]{transition-property:transform,filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c opacity\]{transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-\[180ms\]{transition-duration:.18s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[scrollbar-width\:none\]{scrollbar-width:none}body{font-family:Open Sans,system-ui,sans-serif}@keyframes badge-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 color-mix(in srgb,currentColor 60%,transparent)}70%{transform:scale(1.06);box-shadow:0 0 0 6px transparent}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion:reduce){.animate-badge-pulse{animation:none!important}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height)}to{height:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.rdp-root.rdp-root{--rdp-accent-color:#0e4f6f;--rdp-accent-background-color:#cceaf8;--rdp-today-color:#0e4f6f;--rdp-day_button-border-radius:6px;--rdp-day-width:26px;--rdp-day-height:26px;--rdp-day_button-width:26px;--rdp-day_button-height:26px;font-family:Open Sans,system-ui,sans-serif;font-size:12px}.rdp-root.rdp-root .rdp-selected{font-size:inherit}.rdp-root.rdp-root .rdp-range_middle .rdp-day_button{border-radius:0}.react-international-phone-input-container{--react-international-phone-border-color:#e2e8f0;--react-international-phone-background-color:#fff;--react-international-phone-text-color:#343a40;--react-international-phone-height:36px;--react-international-phone-border-radius:5px;--react-international-phone-font-size:13px;--react-international-phone-country-selector-background-color-hover:#f1f5f9;--react-international-phone-disabled-background-color:#f1f5f9;--react-international-phone-disabled-text-color:#94a3b8;--react-international-phone-selected-dropdown-item-background-color:#f8fafc;--react-international-phone-dropdown-shadow:0 4px 6px rgba(0,0,0,.1);width:100%;font-family:Open Sans,system-ui,sans-serif}.react-international-phone-input-container .react-international-phone-input:focus{border-color:#1c4ed8}.dz-tagify .tagify{width:100%;border:1px solid #e2e8f0;border-radius:6px;min-height:36px;font-size:13px;font-family:Open Sans,system-ui,sans-serif;--tag-hover:#377ea1;--tag-bg:#377ea1;--tag-text-color:#fff;--tag-remove-btn-color:#fff;--tag-remove-btn-bg--hover:#f44649;--tag-invalid-color:#f44649;--tag-remove-bg:#f44649}.dz-tagify .tagify--focus{border-color:#1c4ed8}.dz-tagify .tagify,.dz-tagify .tagify__input{cursor:text}.dz-tagify--disabled{opacity:.6;pointer-events:none}.placeholder\:font-sans::-moz-placeholder{font-family:Open Sans,system-ui,sans-serif}.placeholder\:font-sans::placeholder{font-family:Open Sans,system-ui,sans-serif}.placeholder\:text-xs::-moz-placeholder{font-size:.75rem;line-height:1rem}.placeholder\:text-xs::placeholder{font-size:.75rem;line-height:1rem}.placeholder\:text-grey-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.placeholder\:text-grey-500::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.placeholder\:text-grey-600::-moz-placeholder{--tw-text-opacity:1;color:rgb(100 107 115/var(--tw-text-opacity,1))}.placeholder\:text-grey-600::placeholder{--tw-text-opacity:1;color:rgb(100 107 115/var(--tw-text-opacity,1))}.placeholder\:text-white\/50::-moz-placeholder{color:hsla(0,0%,100%,.5)}.placeholder\:text-white\/50::placeholder{color:hsla(0,0%,100%,.5)}.after\:block:after{content:var(--tw-content);display:block}.after\:\!hidden:after{content:var(--tw-content);display:none!important}.after\:h-\[13px\]:after{content:var(--tw-content);height:13px}.after\:w-\[13px\]:after{content:var(--tw-content);width:13px}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-blue-700:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(55 126 161/var(--tw-bg-opacity,1))}.after\:bg-blue-900:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(14 79 111/var(--tw-bg-opacity,1))}.after\:bg-blue-950:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(28 78 216/var(--tw-bg-opacity,1))}.after\:bg-green-100:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(18 183 106/var(--tw-bg-opacity,1))}.after\:bg-green-700:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(23 128 61/var(--tw-bg-opacity,1))}.after\:bg-grey-600:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(100 107 115/var(--tw-bg-opacity,1))}.after\:bg-orange-600:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 81 0/var(--tw-bg-opacity,1))}.after\:bg-purple-700:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(114 48 219/var(--tw-bg-opacity,1))}.after\:bg-red-500:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(244 70 73/var(--tw-bg-opacity,1))}.after\:bg-red-900:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.after\:bg-yellow-200:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 215 0/var(--tw-bg-opacity,1))}.after\:bg-yellow-300:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(248 175 45/var(--tw-bg-opacity,1))}.after\:bg-yellow-500:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.first\:border-t-0:first-child{border-top-width:0}.focus-within\:border-blue-700:focus-within{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.focus-within\:opacity-100:focus-within{opacity:1}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;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))}.hover\:border-blue-100:hover{--tw-border-opacity:1;border-color:rgb(204 234 248/var(--tw-border-opacity,1))}.hover\:border-blue-700:hover{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.hover\:border-grey-300:hover{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.hover\:bg-black\/\[0\.025\]:hover{background-color:rgba(0,0,0,.025)}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(219 233 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(55 126 161/var(--tw-bg-opacity,1))}.hover\:bg-blue-900:hover{--tw-bg-opacity:1;background-color:rgb(14 79 111/var(--tw-bg-opacity,1))}.hover\:bg-blue-950:hover{--tw-bg-opacity:1;background-color:rgb(28 78 216/var(--tw-bg-opacity,1))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(18 183 106/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(23 128 61/var(--tw-bg-opacity,1))}.hover\:bg-grey-100:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-grey-200:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-grey-600:hover{--tw-bg-opacity:1;background-color:rgb(100 107 115/var(--tw-bg-opacity,1))}.hover\:bg-orange-50:hover{--tw-bg-opacity:1;background-color:rgb(255 238 230/var(--tw-bg-opacity,1))}.hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(255 81 0/var(--tw-bg-opacity,1))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(114 48 219/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 233 233/var(--tw-bg-opacity,1))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(244 70 73/var(--tw-bg-opacity,1))}.hover\:bg-red-900:hover{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/15:hover{background-color:hsla(0,0%,100%,.15)}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(255 215 0/var(--tw-bg-opacity,1))}.hover\:bg-yellow-300:hover{--tw-bg-opacity:1;background-color:rgb(248 175 45/var(--tw-bg-opacity,1))}.hover\:bg-yellow-50:hover{--tw-bg-opacity:1;background-color:rgb(254 247 234/var(--tw-bg-opacity,1))}.hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hover\:text-grey-600:hover{--tw-text-opacity:1;color:rgb(100 107 115/var(--tw-text-opacity,1))}.hover\:text-neutral-800:hover{--tw-text-opacity:1;color:rgb(52 58 64/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-80:hover{opacity:.8}.hover\:brightness-90:hover{--tw-brightness:brightness(.9)}.hover\:brightness-90:hover,.hover\:brightness-95:hover{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)}.hover\:brightness-95:hover{--tw-brightness:brightness(.95)}.focus-within\:hover\:border-blue-700:hover:focus-within{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.focus\:border-blue-700:focus{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:underline:focus-visible{text-decoration-line:underline}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-blue-200:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(185 220 237/var(--tw-ring-opacity,1))}.focus-visible\:ring-blue-700:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(55 126 161/var(--tw-ring-opacity,1))}.focus-visible\:ring-white\/40:focus-visible{--tw-ring-color:hsla(0,0%,100%,.4)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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))}.active\:brightness-75:active{--tw-brightness:brightness(.75);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)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-grey-100:disabled{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.disabled\:bg-grey-200:disabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:hover\:brightness-100:hover:disabled{--tw-brightness:brightness(1);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)}.disabled\:active\:scale-100:active:disabled{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-blue-950{--tw-bg-opacity:1;background-color:rgb(28 78 216/var(--tw-bg-opacity,1))}.group\/message:hover .group-hover\/message\:opacity-100{opacity:1}.has-\[\[aria-expanded\=true\]\]\:opacity-100:has([aria-expanded=true]){opacity:1}.aria-invalid\:border-red-900[aria-invalid=true],.aria-invalid\:focus\:border-red-900:focus[aria-invalid=true]{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.data-\[receded\]\:-translate-x-9[data-receded]{--tw-translate-x:-2.25rem}.data-\[receded\]\:-translate-x-9[data-receded],.data-\[state\=checked\]\:translate-x-4[data-state=checked]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:1.25rem}.data-\[state\=checked\]\:translate-x-5[data-state=checked],.data-\[state\=open\]\:rotate-180[data-state=open]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:rotate-180[data-state=open]{--tw-rotate:180deg}.data-\[receded\]\:scale-\[0\.965\][data-receded]{--tw-scale-x:0.965;--tw-scale-y:0.965;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=closed\]\:animate-\[collapsible-up_200ms_ease-out\][data-state=closed]{animation:collapsible-up .2s ease-out}.data-\[state\=delayed-open\]\:animate-\[fade-in_150ms_ease-out\][data-state=delayed-open]{animation:fade-in .15s ease-out}.data-\[state\=open\]\:animate-\[collapsible-down_200ms_ease-out\][data-state=open]{animation:collapsible-down .2s ease-out}.data-\[state\=open\]\:animate-\[fade-in_150ms_ease-out\][data-state=open]{animation:fade-in .15s ease-out}.data-\[state\=checked\]\:border-blue-700[data-state=checked]{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-blue-900[data-state=checked]{--tw-border-opacity:1;border-color:rgb(14 79 111/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-blue-950[data-state=checked]{--tw-border-opacity:1;border-color:rgb(28 78 216/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-green-100[data-state=checked]{--tw-border-opacity:1;border-color:rgb(18 183 106/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-green-700[data-state=checked]{--tw-border-opacity:1;border-color:rgb(23 128 61/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-grey-600[data-state=checked]{--tw-border-opacity:1;border-color:rgb(100 107 115/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-orange-600[data-state=checked]{--tw-border-opacity:1;border-color:rgb(255 81 0/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-purple-700[data-state=checked]{--tw-border-opacity:1;border-color:rgb(114 48 219/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-red-500[data-state=checked]{--tw-border-opacity:1;border-color:rgb(244 70 73/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-red-900[data-state=checked]{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-yellow-200[data-state=checked]{--tw-border-opacity:1;border-color:rgb(255 215 0/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-yellow-300[data-state=checked]{--tw-border-opacity:1;border-color:rgb(248 175 45/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:border-yellow-500[data-state=checked]{--tw-border-opacity:1;border-color:rgb(161 98 7/var(--tw-border-opacity,1))}.data-\[state\=open\]\:border-blue-700[data-state=open]{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-opacity,1))}.data-\[highlighted\]\:bg-grey-100[data-highlighted]{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.data-\[stacked\]\:bg-transparent[data-stacked]{background-color:transparent}.data-\[state\=checked\]\:bg-blue-700[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(55 126 161/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-blue-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(14 79 111/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-blue-950[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(28 78 216/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-green-100[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(18 183 106/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-green-700[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(23 128 61/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-grey-600[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(100 107 115/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-orange-600[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(255 81 0/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-purple-700[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(114 48 219/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-red-500[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(244 70 73/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-red-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-yellow-200[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(255 215 0/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-yellow-300[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(248 175 45/var(--tw-bg-opacity,1))}.data-\[state\=checked\]\:bg-yellow-500[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.data-\[state\=open\]\:bg-white\/10[data-state=open]{background-color:hsla(0,0%,100%,.1)}.data-\[placeholder\]\:text-grey-500[data-placeholder]{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.data-\[receded\]\:brightness-\[\.82\][data-receded]{--tw-brightness:brightness(.82);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)}.group\/collapsible[data-state=open] .group-data-\[state\=open\]\/collapsible\:rotate-90{--tw-rotate:90deg}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180,.group\/collapsible[data-state=open] .group-data-\[state\=open\]\/collapsible\:rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}@media (min-width:768px){.md\:p-12{padding:3rem}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>button\:not\(\:last-child\)\]\:rounded-r-none>button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>div\]\:\!block>div{display:block!important}.\[\&\>tr\:nth-child\(even\)\]\:bg-grey-100>tr:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.\[\&_button\]\:p-0\.5 button{padding:.125rem}.\[\&_img\]\:h-full img{height:100%}.\[\&_img\]\:w-full img{width:100%}.\[\&_img\]\:object-cover img{-o-object-fit:cover;object-fit:cover}.\[\&_td\:not\(\:first-child\)\]\:border-l td:not(:first-child){border-left-width:1px}.\[\&_td\:not\(\:first-child\)\]\:border-grey-200 td:not(:first-child){--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.\[\&_th\:not\(\:first-child\)\]\:border-l th:not(:first-child){border-left-width:1px}.\[\&_th\:not\(\:first-child\)\]\:border-grey-200 th:not(:first-child){--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}
|