design-zystem 1.0.327 → 1.0.329

package/dist/index.d.mts

@@ -1059,8 +1059,9 @@ interface TooltipProps {
     width?: string;
     height?: string;
     direction?: 'top' | 'bottom' | 'left' | 'right';
+    fullWidth?: boolean;
 }
-declare const Tooltip: ({ backgroundColor, data, width, height, direction, children, }: TooltipProps) => react.JSX.Element;
+declare const Tooltip: ({ backgroundColor, data, width, height, direction, fullWidth, children, }: TooltipProps) => react.JSX.Element;
 
 interface PaginationProps {
     currentPage: number;

package/dist/index.d.ts

@@ -1059,8 +1059,9 @@ interface TooltipProps {
     width?: string;
     height?: string;
     direction?: 'top' | 'bottom' | 'left' | 'right';
+    fullWidth?: boolean;
 }
-declare const Tooltip: ({ backgroundColor, data, width, height, direction, children, }: TooltipProps) => react.JSX.Element;
+declare const Tooltip: ({ backgroundColor, data, width, height, direction, fullWidth, children, }: TooltipProps) => react.JSX.Element;
 
 interface PaginationProps {
     currentPage: number;

package/dist/index.js

@@ -1387,7 +1387,8 @@ var import_styled_components12 = __toESM(require("styled-components"));
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var StyledTooltipWrapper = import_styled_components12.default.div`
   position: relative;
-  display: inline-block;
+  display: ${(props) => props.$fullWidth ? "block" : "inline-block"};
+  width: ${(props) => props.$fullWidth ? "100%" : "auto"};
   cursor: pointer;
 `;
 var StyledTooltipContent = import_styled_components12.default.div`
@@ -1484,6 +1485,7 @@ var Tooltip = ({
   width,
   height,
   direction = "top",
+  fullWidth = false,
   children
 }) => {
   const [isVisible, setIsVisible] = (0, import_react6.useState)(false);
@@ -1492,6 +1494,7 @@ var Tooltip = ({
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     StyledTooltipWrapper,
     {
+      $fullWidth: fullWidth,
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
@@ -1739,7 +1742,7 @@ var NewModal = ({
                   children: leftButtonLabel
                 }
               ) }),
-              rightButtonLabel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Row, { flex: "1", children: confirmDisabled && rightButtonDisabledTooltip ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Tooltip, { data: [rightButtonDisabledTooltip], children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              rightButtonLabel && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Row, { flex: "1", children: confirmDisabled && rightButtonDisabledTooltip ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Tooltip, { data: [rightButtonDisabledTooltip], fullWidth: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 Button,
                 {
                   outline: isOutline,

package/dist/index.mjs

@@ -1244,7 +1244,8 @@ import styled12 from "styled-components";
 import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
 var StyledTooltipWrapper = styled12.div`
   position: relative;
-  display: inline-block;
+  display: ${(props) => props.$fullWidth ? "block" : "inline-block"};
+  width: ${(props) => props.$fullWidth ? "100%" : "auto"};
   cursor: pointer;
 `;
 var StyledTooltipContent = styled12.div`
@@ -1341,6 +1342,7 @@ var Tooltip = ({
   width,
   height,
   direction = "top",
+  fullWidth = false,
   children
 }) => {
   const [isVisible, setIsVisible] = useState2(false);
@@ -1349,6 +1351,7 @@ var Tooltip = ({
   return /* @__PURE__ */ jsxs5(
     StyledTooltipWrapper,
     {
+      $fullWidth: fullWidth,
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
@@ -1596,7 +1599,7 @@ var NewModal = ({
                   children: leftButtonLabel
                 }
               ) }),
-              rightButtonLabel && /* @__PURE__ */ jsx16(Row, { flex: "1", children: confirmDisabled && rightButtonDisabledTooltip ? /* @__PURE__ */ jsx16(Tooltip, { data: [rightButtonDisabledTooltip], children: /* @__PURE__ */ jsx16(
+              rightButtonLabel && /* @__PURE__ */ jsx16(Row, { flex: "1", children: confirmDisabled && rightButtonDisabledTooltip ? /* @__PURE__ */ jsx16(Tooltip, { data: [rightButtonDisabledTooltip], fullWidth: true, children: /* @__PURE__ */ jsx16(
                 Button,
                 {
                   outline: isOutline,

package/dist/ui/index.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, AnchorHTMLAttributes, ElementType, ImgHTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, MouseEvent, ComponentPropsWithoutRef, Ref } from 'react';
+import { HTMLAttributes, AnchorHTMLAttributes, ElementType, ImgHTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, MouseEvent, ComponentPropsWithoutRef, Ref, RefObject } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as RadixLabel from '@radix-ui/react-label';
@@ -812,6 +812,17 @@ interface FloatingAction {
     badge?: number;
     onClick: () => void;
 }
+/**
+ * Marges à retrancher des bords de la fenêtre pour décider du sens de l'arc :
+ * une barre latérale ou un bandeau fixe recouvre le bouton sans réduire le
+ * viewport. Les valeurs sont en pixels, absentes = 0.
+ */
+interface FloatingSafeArea {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
 interface FloatingButtonProps {
     isOpen: boolean;
     onToggle: () => void;
@@ -824,8 +835,10 @@ interface FloatingButtonProps {
     draggable?: boolean;
     /** Sauvegarde la position glissée dans localStorage sous cette clé et la restaure au montage — sans clé, la position ne survit pas à un refresh/changement de page. */
     persistKey?: string;
+    /** Zones des bords déjà occupées par des éléments fixes (barre latérale…), dont l'arc doit se tenir à l'écart. */
+    safeArea?: FloatingSafeArea;
 }
-declare const FloatingButton: ({ isOpen, onToggle, actions, mainBadge, icon, label, color, draggable, persistKey, }: FloatingButtonProps) => react.JSX.Element;
+declare const FloatingButton: ({ isOpen, onToggle, actions, mainBadge, icon, label, color, draggable, persistKey, safeArea, }: FloatingButtonProps) => react.JSX.Element;
 
 interface MetricCardProps {
     /** Nom de l'icône FontAwesome, sans le préfixe `fa-` (ex. "truck"). */
@@ -1128,7 +1141,9 @@ interface MessageDateSeparatorProps {
 }
 /** Ligne de séparation légendée entre deux blocs de messages : changement de journée, ou reprise des non-lus. */
 declare const MessageDateSeparator: ({ label, tone, className, }: MessageDateSeparatorProps) => react.JSX.Element;
-interface MessageScrollerProps {
+/** Retraits du contenu — mêmes noms et même échelle que `Layout`. */
+type MessageScrollerPadding = Pick<LayoutProps, 'padding' | 'paddingX' | 'paddingY' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'>;
+interface MessageScrollerProps extends MessageScrollerPadding {
     /** Les `Message` (et les `MessageDateSeparator` intercalés) à afficher. */
     children?: ReactNode;
     /**
@@ -1155,10 +1170,17 @@ interface MessageScrollerProps {
      * l'id du dernier. Sans valeur, seul le montage descend en bas.
      */
     scrollKey?: string | number;
+    /**
+     * Ref sur le noeud qui scrolle réellement, pour les fils que `autoScroll` ne
+     * suffit pas à piloter : liste paginée dont il faut garder la position quand
+     * on préfixe des messages plus anciens, bouton « revenir au dernier
+     * message », chargement déclenché par la proximité du haut.
+     */
+    viewportRef?: RefObject<HTMLDivElement>;
     className?: string;
 }
 /** Zone scrollable d'une liste de messages : hauteur fixe, espacement, slots haut/bas, états vide/chargement, et scroll automatique en bas à l'arrivée d'un message. */
-declare const MessageScroller: ({ children, height, gap, header, footer, emptyState, isEmpty, loadingState, isLoading, autoScroll, scrollKey, className, }: MessageScrollerProps) => react.JSX.Element;
+declare const MessageScroller: ({ children, height, gap, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, header, footer, emptyState, isEmpty, loadingState, isLoading, autoScroll, scrollKey, viewportRef, className, }: MessageScrollerProps) => react.JSX.Element;
 
 interface StepperProps {
     numberOfSteps: number;
@@ -1402,4 +1424,4 @@ declare const allowAutofill: (autoComplete: string) => {
     "data-form-type": undefined;
 };
 
-export { 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 BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonColor, 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, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, 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 MessageTone, 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 SelectOption, type SelectProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, 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 TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, 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, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
+export { 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 BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonColor, 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, 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, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, 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 MessageTone, 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 SelectOption, type SelectProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, 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 TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, 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, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };

package/dist/ui/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, AnchorHTMLAttributes, ElementType, ImgHTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, MouseEvent, ComponentPropsWithoutRef, Ref } from 'react';
+import { HTMLAttributes, AnchorHTMLAttributes, ElementType, ImgHTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, MouseEvent, ComponentPropsWithoutRef, Ref, RefObject } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as RadixLabel from '@radix-ui/react-label';
@@ -812,6 +812,17 @@ interface FloatingAction {
     badge?: number;
     onClick: () => void;
 }
+/**
+ * Marges à retrancher des bords de la fenêtre pour décider du sens de l'arc :
+ * une barre latérale ou un bandeau fixe recouvre le bouton sans réduire le
+ * viewport. Les valeurs sont en pixels, absentes = 0.
+ */
+interface FloatingSafeArea {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
 interface FloatingButtonProps {
     isOpen: boolean;
     onToggle: () => void;
@@ -824,8 +835,10 @@ interface FloatingButtonProps {
     draggable?: boolean;
     /** Sauvegarde la position glissée dans localStorage sous cette clé et la restaure au montage — sans clé, la position ne survit pas à un refresh/changement de page. */
     persistKey?: string;
+    /** Zones des bords déjà occupées par des éléments fixes (barre latérale…), dont l'arc doit se tenir à l'écart. */
+    safeArea?: FloatingSafeArea;
 }
-declare const FloatingButton: ({ isOpen, onToggle, actions, mainBadge, icon, label, color, draggable, persistKey, }: FloatingButtonProps) => react.JSX.Element;
+declare const FloatingButton: ({ isOpen, onToggle, actions, mainBadge, icon, label, color, draggable, persistKey, safeArea, }: FloatingButtonProps) => react.JSX.Element;
 
 interface MetricCardProps {
     /** Nom de l'icône FontAwesome, sans le préfixe `fa-` (ex. "truck"). */
@@ -1128,7 +1141,9 @@ interface MessageDateSeparatorProps {
 }
 /** Ligne de séparation légendée entre deux blocs de messages : changement de journée, ou reprise des non-lus. */
 declare const MessageDateSeparator: ({ label, tone, className, }: MessageDateSeparatorProps) => react.JSX.Element;
-interface MessageScrollerProps {
+/** Retraits du contenu — mêmes noms et même échelle que `Layout`. */
+type MessageScrollerPadding = Pick<LayoutProps, 'padding' | 'paddingX' | 'paddingY' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'>;
+interface MessageScrollerProps extends MessageScrollerPadding {
     /** Les `Message` (et les `MessageDateSeparator` intercalés) à afficher. */
     children?: ReactNode;
     /**
@@ -1155,10 +1170,17 @@ interface MessageScrollerProps {
      * l'id du dernier. Sans valeur, seul le montage descend en bas.
      */
     scrollKey?: string | number;
+    /**
+     * Ref sur le noeud qui scrolle réellement, pour les fils que `autoScroll` ne
+     * suffit pas à piloter : liste paginée dont il faut garder la position quand
+     * on préfixe des messages plus anciens, bouton « revenir au dernier
+     * message », chargement déclenché par la proximité du haut.
+     */
+    viewportRef?: RefObject<HTMLDivElement>;
     className?: string;
 }
 /** Zone scrollable d'une liste de messages : hauteur fixe, espacement, slots haut/bas, états vide/chargement, et scroll automatique en bas à l'arrivée d'un message. */
-declare const MessageScroller: ({ children, height, gap, header, footer, emptyState, isEmpty, loadingState, isLoading, autoScroll, scrollKey, className, }: MessageScrollerProps) => react.JSX.Element;
+declare const MessageScroller: ({ children, height, gap, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, header, footer, emptyState, isEmpty, loadingState, isLoading, autoScroll, scrollKey, viewportRef, className, }: MessageScrollerProps) => react.JSX.Element;
 
 interface StepperProps {
     numberOfSteps: number;
@@ -1402,4 +1424,4 @@ declare const allowAutofill: (autoComplete: string) => {
     "data-form-type": undefined;
 };
 
-export { 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 BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonColor, 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, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, 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 MessageTone, 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 SelectOption, type SelectProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, 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 TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, 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, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
+export { 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 BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonColor, 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, 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, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, 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 MessageTone, 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 SelectOption, type SelectProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, 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 TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, 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, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };

package/dist/ui/index.js

@@ -3863,6 +3863,97 @@ var Banner = ({
 
 // src/ui/components/ui/FloatingButton.tsx
 var import_react26 = require("react");
+
+// src/ui/lib/floatingArc.ts
+var MAX_STEP = 65;
+var COMFORT_SPAN = 90;
+var FULL_TURN = 360;
+var MIN_ITEM_SIZE = 28;
+var SEARCH_STEP = 10;
+var SEARCH_LIMIT = 180;
+var CENTER_DEAD_ZONE = 24;
+var DEFAULT_ANGLE = 90;
+var toRadians = (degrees) => degrees * Math.PI / 180;
+var toDegrees = (radians) => radians * 180 / Math.PI;
+var chord = (radius, step) => 2 * radius * Math.sin(toRadians(step / 2));
+var minStepAt = (radius, itemSize) => 2 * toDegrees(Math.asin(Math.min(1, itemSize / (2 * radius))));
+var arcLayout = (count, baseRadius, baseItemSize) => {
+  if (count <= 1) return { span: 0, radius: baseRadius, itemSize: baseItemSize };
+  const comfortStep = Math.min(MAX_STEP, COMFORT_SPAN / (count - 1));
+  if (comfortStep >= minStepAt(baseRadius, baseItemSize))
+    return {
+      span: comfortStep * (count - 1),
+      radius: baseRadius,
+      itemSize: baseItemSize
+    };
+  const step = Math.min(MAX_STEP, FULL_TURN / count);
+  const available = chord(baseRadius, step);
+  const itemSize = Math.min(baseItemSize, Math.max(MIN_ITEM_SIZE, available));
+  const radius = available >= itemSize ? baseRadius : itemSize / (2 * Math.sin(toRadians(step / 2)));
+  return { span: step * (count - 1), radius, itemSize };
+};
+var arcAngle = (index, count, { base, span }) => {
+  if (count <= 1) return base;
+  return base - span / 2 + index * span / (count - 1);
+};
+var arcOffset = (index, count, geometry) => {
+  const angle = toRadians(arcAngle(index, count, geometry));
+  return {
+    x: Math.round(Math.cos(angle) * geometry.radius),
+    // L'axe des ordonnées descend à l'écran, l'angle monte en trigonométrie.
+    y: Math.round(-Math.sin(angle) * geometry.radius)
+  };
+};
+var angleTowardsFreeSpace = (center, bounds) => {
+  const middleX = (bounds.left + bounds.right) / 2;
+  const middleY = (bounds.top + bounds.bottom) / 2;
+  const dx = middleX - center.x;
+  const dy = middleY - center.y;
+  if (Math.hypot(dx, dy) < CENTER_DEAD_ZONE) return DEFAULT_ANGLE;
+  return toDegrees(Math.atan2(-dy, dx));
+};
+var itemsBox = (geometry, { center, count }) => {
+  const half = geometry.itemSize / 2;
+  const xs = [];
+  const ys = [];
+  for (let index = 0; index < count; index += 1) {
+    const { x, y } = arcOffset(index, count, geometry);
+    xs.push(center.x + x);
+    ys.push(center.y + y);
+  }
+  return {
+    left: Math.min(...xs) - half,
+    right: Math.max(...xs) + half,
+    top: Math.min(...ys) - half,
+    bottom: Math.max(...ys) + half
+  };
+};
+var fitsInBounds = (geometry, request) => {
+  const box = itemsBox(geometry, request);
+  return box.left >= request.bounds.left && box.right <= request.bounds.right && box.top >= request.bounds.top && box.bottom <= request.bounds.bottom;
+};
+var shiftIntoBounds = (geometry, request) => {
+  const box = itemsBox(geometry, request);
+  const { bounds } = request;
+  const pushX = box.left < bounds.left ? bounds.left - box.left : box.right > bounds.right ? bounds.right - box.right : 0;
+  const pushY = box.top < bounds.top ? bounds.top - box.top : box.bottom > bounds.bottom ? bounds.bottom - box.bottom : 0;
+  return { x: Math.round(pushX), y: Math.round(pushY) };
+};
+var resolveArcPlacement = (request) => {
+  const layout = arcLayout(request.count, request.radius, request.itemSize);
+  const base = angleTowardsFreeSpace(request.center, request.bounds);
+  for (let offset = 0; offset <= SEARCH_LIMIT; offset += SEARCH_STEP) {
+    for (const direction of offset === 0 ? [1] : [1, -1]) {
+      const geometry2 = __spreadValues({ base: base + offset * direction }, layout);
+      if (fitsInBounds(geometry2, request))
+        return { geometry: geometry2, shift: { x: 0, y: 0 } };
+    }
+  }
+  const geometry = __spreadValues({ base }, layout);
+  return { geometry, shift: shiftIntoBounds(geometry, request) };
+};
+
+// src/ui/components/ui/FloatingButton.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var readStoredOffset = (key) => {
   if (!key || typeof window === "undefined") return { x: 0, y: 0 };
@@ -3879,17 +3970,8 @@ var readStoredOffset = (key) => {
 var FAB_SIZE = 56;
 var SUB_SIZE = 48;
 var ARC_RADIUS = 64;
-var ARC_START_ANGLE = 90;
-var ARC_MAX_STEP = 65;
-var ARC_MAX_SPAN = 90;
+var EDGE_MARGIN = 16;
 var DRAG_THRESHOLD = 4;
-var arcTransform = (index, total) => {
-  const step = total > 1 ? Math.min(ARC_MAX_STEP, ARC_MAX_SPAN / (total - 1)) : 0;
-  const angle = (ARC_START_ANGLE + index * step) * Math.PI / 180;
-  const x = Math.round(Math.cos(angle) * ARC_RADIUS);
-  const y = Math.round(-Math.sin(angle) * ARC_RADIUS);
-  return `translate(${x}px, ${y}px)`;
-};
 var MAIN_BG = {
   "blue-700": "bg-blue-700",
   "blue-900": "bg-blue-900",
@@ -3923,13 +4005,46 @@ var FloatingButton = ({
   label = "Menu",
   color = "blue-700",
   draggable = false,
-  persistKey
+  persistKey,
+  safeArea
 }) => {
+  const containerRef = (0, import_react26.useRef)(null);
+  const [placement, setPlacement] = (0, import_react26.useState)(() => ({
+    geometry: __spreadValues({ base: 90 }, arcLayout(actions.length, ARC_RADIUS, SUB_SIZE)),
+    shift: { x: 0, y: 0 }
+  }));
   const [isDragging, setIsDragging] = (0, import_react26.useState)(false);
   const [offset, setOffset] = (0, import_react26.useState)(() => readStoredOffset(persistKey));
   const offsetRef = (0, import_react26.useRef)(offset);
   const lastPointRef = (0, import_react26.useRef)({ x: 0, y: 0 });
   const dragDistanceRef = (0, import_react26.useRef)(0);
+  const clampOffset = (0, import_react26.useCallback)(
+    (next) => {
+      var _a, _b, _c, _d;
+      const el = containerRef.current;
+      if (!el || typeof window === "undefined") return next;
+      const rect = el.getBoundingClientRect();
+      if (rect.width === 0 || rect.height === 0) return next;
+      const baseLeft = rect.left - offsetRef.current.x;
+      const baseTop = rect.top - offsetRef.current.y;
+      const minX = ((_a = safeArea == null ? void 0 : safeArea.left) != null ? _a : 0) + EDGE_MARGIN - baseLeft;
+      const maxX = window.innerWidth - ((_b = safeArea == null ? void 0 : safeArea.right) != null ? _b : 0) - EDGE_MARGIN - rect.width - baseLeft;
+      const minY = ((_c = safeArea == null ? void 0 : safeArea.top) != null ? _c : 0) + EDGE_MARGIN - baseTop;
+      const maxY = window.innerHeight - ((_d = safeArea == null ? void 0 : safeArea.bottom) != null ? _d : 0) - EDGE_MARGIN - rect.height - baseTop;
+      return {
+        x: Math.min(Math.max(next.x, minX), Math.max(minX, maxX)),
+        y: Math.min(Math.max(next.y, minY), Math.max(minY, maxY))
+      };
+    },
+    [safeArea == null ? void 0 : safeArea.left, safeArea == null ? void 0 : safeArea.top, safeArea == null ? void 0 : safeArea.right, safeArea == null ? void 0 : safeArea.bottom]
+  );
+  (0, import_react26.useLayoutEffect)(() => {
+    const corrected = clampOffset(offsetRef.current);
+    if (corrected.x === offsetRef.current.x && corrected.y === offsetRef.current.y)
+      return;
+    offsetRef.current = corrected;
+    setOffset(corrected);
+  }, [clampOffset]);
   (0, import_react26.useEffect)(() => {
     if (!draggable || !isDragging) return;
     const onPointerMove = (e) => {
@@ -3937,7 +4052,10 @@ var FloatingButton = ({
       const dy = e.clientY - lastPointRef.current.y;
       lastPointRef.current = { x: e.clientX, y: e.clientY };
       dragDistanceRef.current += Math.hypot(dx, dy);
-      const next = { x: offsetRef.current.x + dx, y: offsetRef.current.y + dy };
+      const next = clampOffset({
+        x: offsetRef.current.x + dx,
+        y: offsetRef.current.y + dy
+      });
       offsetRef.current = next;
       setOffset(next);
     };
@@ -3962,7 +4080,53 @@ var FloatingButton = ({
       window.removeEventListener("pointerup", endDrag);
       window.removeEventListener("pointercancel", endDrag);
     };
-  }, [draggable, isDragging, persistKey]);
+  }, [draggable, isDragging, persistKey, clampOffset]);
+  const resolvePlacement = (0, import_react26.useCallback)(() => {
+    var _a, _b, _c, _d;
+    const el = containerRef.current;
+    if (!el || typeof window === "undefined") return;
+    const rect = el.getBoundingClientRect();
+    setPlacement(
+      resolveArcPlacement({
+        center: {
+          x: rect.left + rect.width / 2,
+          y: rect.top + rect.height / 2
+        },
+        bounds: {
+          left: (_a = safeArea == null ? void 0 : safeArea.left) != null ? _a : 0,
+          top: (_b = safeArea == null ? void 0 : safeArea.top) != null ? _b : 0,
+          right: window.innerWidth - ((_c = safeArea == null ? void 0 : safeArea.right) != null ? _c : 0),
+          bottom: window.innerHeight - ((_d = safeArea == null ? void 0 : safeArea.bottom) != null ? _d : 0)
+        },
+        count: actions.length,
+        radius: ARC_RADIUS,
+        itemSize: SUB_SIZE
+      })
+    );
+  }, [
+    actions.length,
+    safeArea == null ? void 0 : safeArea.left,
+    safeArea == null ? void 0 : safeArea.top,
+    safeArea == null ? void 0 : safeArea.right,
+    safeArea == null ? void 0 : safeArea.bottom
+  ]);
+  (0, import_react26.useLayoutEffect)(() => {
+    if (isOpen) resolvePlacement();
+  }, [isOpen, offset, resolvePlacement]);
+  (0, import_react26.useLayoutEffect)(() => {
+    resolvePlacement();
+  }, [resolvePlacement]);
+  (0, import_react26.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const onResize = () => {
+      resolvePlacement();
+      const corrected = clampOffset(offsetRef.current);
+      offsetRef.current = corrected;
+      setOffset(corrected);
+    };
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, [resolvePlacement, clampOffset]);
   const startDrag = (e) => {
     if (!draggable) return;
     dragDistanceRef.current = 0;
@@ -3974,19 +4138,27 @@ var FloatingButton = ({
     if (draggable && dragDistanceRef.current > DRAG_THRESHOLD) return;
     onToggle();
   };
+  const { itemSize } = placement.geometry;
+  const translateX = offset.x + (isOpen ? placement.shift.x : 0);
+  const translateY = offset.y + (isOpen ? placement.shift.y : 0);
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     {
+      ref: containerRef,
       className: "fixed bottom-8 right-8 z-[1000]",
       style: {
         width: FAB_SIZE,
         height: FAB_SIZE,
-        transform: offset.x || offset.y ? `translate(${offset.x}px, ${offset.y}px)` : void 0,
+        // Le décalage d'ouverture s'ajoute au déplacement choisi par l'opérateur :
+        // il écarte le bouton du bord juste ce qu'il faut pour montrer ses actions,
+        // et disparaît à la fermeture. Au repos, pas de transform du tout.
+        transform: translateX || translateY ? `translate(${translateX}px, ${translateY}px)` : void 0,
         transition: isDragging ? "none" : "transform 80ms ease-out"
       },
       children: [
         actions.map((action, index) => {
           var _a;
+          const itemOffset = arcOffset(index, actions.length, placement.geometry);
           return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
             "button",
             {
@@ -3998,15 +4170,15 @@ var FloatingButton = ({
                 isOpen ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
               ),
               style: {
-                width: SUB_SIZE,
-                height: SUB_SIZE,
-                left: (FAB_SIZE - SUB_SIZE) / 2,
-                top: (FAB_SIZE - SUB_SIZE) / 2,
-                transform: isOpen ? arcTransform(index, actions.length) : "scale(0.4)"
+                width: itemSize,
+                height: itemSize,
+                left: (FAB_SIZE - itemSize) / 2,
+                top: (FAB_SIZE - itemSize) / 2,
+                transform: isOpen ? `translate(${itemOffset.x}px, ${itemOffset.y}px)` : "scale(0.4)"
               },
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: SUB_ICON[color], children: action.icon }),
-                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-900 px-1 text-[11px] font-bold text-white", children: action.badge })
+                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-500 px-1 text-[11px] font-bold text-white", children: action.badge })
               ]
             },
             action.id
@@ -4030,7 +4202,7 @@ var FloatingButton = ({
             },
             children: [
               isOpen ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FaIcon, { name: "xmark", size: 20 }) : icon,
-              !isOpen && mainBadge > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-900 px-1 text-[11px] font-bold text-white", children: mainBadge })
+              !isOpen && mainBadge > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-500 px-1 text-[11px] font-bold text-white", children: mainBadge })
             ]
           }
         )
@@ -5302,6 +5474,15 @@ var MessageScroller = ({
   children,
   height,
   gap = 3,
+  padding,
+  paddingX,
+  paddingY,
+  paddingTop,
+  // La scrollbar Radix se superpose au contenu : sans ce retrait elle passerait
+  // sur les avatars. Reste surchargeable, comme les autres côtés.
+  paddingRight = 3,
+  paddingBottom,
+  paddingLeft,
   header,
   footer,
   emptyState,
@@ -5310,15 +5491,17 @@ var MessageScroller = ({
   isLoading = false,
   autoScroll = false,
   scrollKey,
+  viewportRef,
   className
 }) => {
-  const viewportRef = (0, import_react33.useRef)(null);
+  const fallbackRef = (0, import_react33.useRef)(null);
+  const scrollerRef = viewportRef != null ? viewportRef : fallbackRef;
   (0, import_react33.useLayoutEffect)(() => {
     if (!autoScroll) return;
-    const viewport = viewportRef.current;
+    const viewport = scrollerRef.current;
     if (!viewport) return;
     viewport.scrollTop = viewport.scrollHeight;
-  }, [autoScroll, scrollKey, isLoading]);
+  }, [autoScroll, scrollKey, isLoading, scrollerRef]);
   const body = () => {
     if (isLoading && loadingState) return loadingState;
     if (isEmpty && emptyState) return emptyState;
@@ -5327,14 +5510,29 @@ var MessageScroller = ({
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     ScrollArea,
     {
-      viewportRef,
+      viewportRef: scrollerRef,
       className: cn("w-full", className),
       style: typeof height === "number" ? { height: `${height}px` } : { height },
-      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Layout, { column: true, gap, fullWidth: true, paddingRight: 3, children: [
-        header,
-        body(),
-        footer
-      ] })
+      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+        Layout,
+        {
+          column: true,
+          gap,
+          fullWidth: true,
+          padding,
+          paddingX,
+          paddingY,
+          paddingTop,
+          paddingRight,
+          paddingBottom,
+          paddingLeft,
+          children: [
+            header,
+            body(),
+            footer
+          ]
+        }
+      )
     }
   );
 };

package/dist/ui/index.mjs

@@ -3706,10 +3706,103 @@ var Banner = ({
 
 // src/ui/components/ui/FloatingButton.tsx
 import {
+  useCallback as useCallback3,
   useEffect as useEffect6,
+  useLayoutEffect,
   useRef as useRef7,
   useState as useState7
 } from "react";
+
+// src/ui/lib/floatingArc.ts
+var MAX_STEP = 65;
+var COMFORT_SPAN = 90;
+var FULL_TURN = 360;
+var MIN_ITEM_SIZE = 28;
+var SEARCH_STEP = 10;
+var SEARCH_LIMIT = 180;
+var CENTER_DEAD_ZONE = 24;
+var DEFAULT_ANGLE = 90;
+var toRadians = (degrees) => degrees * Math.PI / 180;
+var toDegrees = (radians) => radians * 180 / Math.PI;
+var chord = (radius, step) => 2 * radius * Math.sin(toRadians(step / 2));
+var minStepAt = (radius, itemSize) => 2 * toDegrees(Math.asin(Math.min(1, itemSize / (2 * radius))));
+var arcLayout = (count, baseRadius, baseItemSize) => {
+  if (count <= 1) return { span: 0, radius: baseRadius, itemSize: baseItemSize };
+  const comfortStep = Math.min(MAX_STEP, COMFORT_SPAN / (count - 1));
+  if (comfortStep >= minStepAt(baseRadius, baseItemSize))
+    return {
+      span: comfortStep * (count - 1),
+      radius: baseRadius,
+      itemSize: baseItemSize
+    };
+  const step = Math.min(MAX_STEP, FULL_TURN / count);
+  const available = chord(baseRadius, step);
+  const itemSize = Math.min(baseItemSize, Math.max(MIN_ITEM_SIZE, available));
+  const radius = available >= itemSize ? baseRadius : itemSize / (2 * Math.sin(toRadians(step / 2)));
+  return { span: step * (count - 1), radius, itemSize };
+};
+var arcAngle = (index, count, { base, span }) => {
+  if (count <= 1) return base;
+  return base - span / 2 + index * span / (count - 1);
+};
+var arcOffset = (index, count, geometry) => {
+  const angle = toRadians(arcAngle(index, count, geometry));
+  return {
+    x: Math.round(Math.cos(angle) * geometry.radius),
+    // L'axe des ordonnées descend à l'écran, l'angle monte en trigonométrie.
+    y: Math.round(-Math.sin(angle) * geometry.radius)
+  };
+};
+var angleTowardsFreeSpace = (center, bounds) => {
+  const middleX = (bounds.left + bounds.right) / 2;
+  const middleY = (bounds.top + bounds.bottom) / 2;
+  const dx = middleX - center.x;
+  const dy = middleY - center.y;
+  if (Math.hypot(dx, dy) < CENTER_DEAD_ZONE) return DEFAULT_ANGLE;
+  return toDegrees(Math.atan2(-dy, dx));
+};
+var itemsBox = (geometry, { center, count }) => {
+  const half = geometry.itemSize / 2;
+  const xs = [];
+  const ys = [];
+  for (let index = 0; index < count; index += 1) {
+    const { x, y } = arcOffset(index, count, geometry);
+    xs.push(center.x + x);
+    ys.push(center.y + y);
+  }
+  return {
+    left: Math.min(...xs) - half,
+    right: Math.max(...xs) + half,
+    top: Math.min(...ys) - half,
+    bottom: Math.max(...ys) + half
+  };
+};
+var fitsInBounds = (geometry, request) => {
+  const box = itemsBox(geometry, request);
+  return box.left >= request.bounds.left && box.right <= request.bounds.right && box.top >= request.bounds.top && box.bottom <= request.bounds.bottom;
+};
+var shiftIntoBounds = (geometry, request) => {
+  const box = itemsBox(geometry, request);
+  const { bounds } = request;
+  const pushX = box.left < bounds.left ? bounds.left - box.left : box.right > bounds.right ? bounds.right - box.right : 0;
+  const pushY = box.top < bounds.top ? bounds.top - box.top : box.bottom > bounds.bottom ? bounds.bottom - box.bottom : 0;
+  return { x: Math.round(pushX), y: Math.round(pushY) };
+};
+var resolveArcPlacement = (request) => {
+  const layout = arcLayout(request.count, request.radius, request.itemSize);
+  const base = angleTowardsFreeSpace(request.center, request.bounds);
+  for (let offset = 0; offset <= SEARCH_LIMIT; offset += SEARCH_STEP) {
+    for (const direction of offset === 0 ? [1] : [1, -1]) {
+      const geometry2 = __spreadValues({ base: base + offset * direction }, layout);
+      if (fitsInBounds(geometry2, request))
+        return { geometry: geometry2, shift: { x: 0, y: 0 } };
+    }
+  }
+  const geometry = __spreadValues({ base }, layout);
+  return { geometry, shift: shiftIntoBounds(geometry, request) };
+};
+
+// src/ui/components/ui/FloatingButton.tsx
 import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
 var readStoredOffset = (key) => {
   if (!key || typeof window === "undefined") return { x: 0, y: 0 };
@@ -3726,17 +3819,8 @@ var readStoredOffset = (key) => {
 var FAB_SIZE = 56;
 var SUB_SIZE = 48;
 var ARC_RADIUS = 64;
-var ARC_START_ANGLE = 90;
-var ARC_MAX_STEP = 65;
-var ARC_MAX_SPAN = 90;
+var EDGE_MARGIN = 16;
 var DRAG_THRESHOLD = 4;
-var arcTransform = (index, total) => {
-  const step = total > 1 ? Math.min(ARC_MAX_STEP, ARC_MAX_SPAN / (total - 1)) : 0;
-  const angle = (ARC_START_ANGLE + index * step) * Math.PI / 180;
-  const x = Math.round(Math.cos(angle) * ARC_RADIUS);
-  const y = Math.round(-Math.sin(angle) * ARC_RADIUS);
-  return `translate(${x}px, ${y}px)`;
-};
 var MAIN_BG = {
   "blue-700": "bg-blue-700",
   "blue-900": "bg-blue-900",
@@ -3770,13 +3854,46 @@ var FloatingButton = ({
   label = "Menu",
   color = "blue-700",
   draggable = false,
-  persistKey
+  persistKey,
+  safeArea
 }) => {
+  const containerRef = useRef7(null);
+  const [placement, setPlacement] = useState7(() => ({
+    geometry: __spreadValues({ base: 90 }, arcLayout(actions.length, ARC_RADIUS, SUB_SIZE)),
+    shift: { x: 0, y: 0 }
+  }));
   const [isDragging, setIsDragging] = useState7(false);
   const [offset, setOffset] = useState7(() => readStoredOffset(persistKey));
   const offsetRef = useRef7(offset);
   const lastPointRef = useRef7({ x: 0, y: 0 });
   const dragDistanceRef = useRef7(0);
+  const clampOffset = useCallback3(
+    (next) => {
+      var _a, _b, _c, _d;
+      const el = containerRef.current;
+      if (!el || typeof window === "undefined") return next;
+      const rect = el.getBoundingClientRect();
+      if (rect.width === 0 || rect.height === 0) return next;
+      const baseLeft = rect.left - offsetRef.current.x;
+      const baseTop = rect.top - offsetRef.current.y;
+      const minX = ((_a = safeArea == null ? void 0 : safeArea.left) != null ? _a : 0) + EDGE_MARGIN - baseLeft;
+      const maxX = window.innerWidth - ((_b = safeArea == null ? void 0 : safeArea.right) != null ? _b : 0) - EDGE_MARGIN - rect.width - baseLeft;
+      const minY = ((_c = safeArea == null ? void 0 : safeArea.top) != null ? _c : 0) + EDGE_MARGIN - baseTop;
+      const maxY = window.innerHeight - ((_d = safeArea == null ? void 0 : safeArea.bottom) != null ? _d : 0) - EDGE_MARGIN - rect.height - baseTop;
+      return {
+        x: Math.min(Math.max(next.x, minX), Math.max(minX, maxX)),
+        y: Math.min(Math.max(next.y, minY), Math.max(minY, maxY))
+      };
+    },
+    [safeArea == null ? void 0 : safeArea.left, safeArea == null ? void 0 : safeArea.top, safeArea == null ? void 0 : safeArea.right, safeArea == null ? void 0 : safeArea.bottom]
+  );
+  useLayoutEffect(() => {
+    const corrected = clampOffset(offsetRef.current);
+    if (corrected.x === offsetRef.current.x && corrected.y === offsetRef.current.y)
+      return;
+    offsetRef.current = corrected;
+    setOffset(corrected);
+  }, [clampOffset]);
   useEffect6(() => {
     if (!draggable || !isDragging) return;
     const onPointerMove = (e) => {
@@ -3784,7 +3901,10 @@ var FloatingButton = ({
       const dy = e.clientY - lastPointRef.current.y;
       lastPointRef.current = { x: e.clientX, y: e.clientY };
       dragDistanceRef.current += Math.hypot(dx, dy);
-      const next = { x: offsetRef.current.x + dx, y: offsetRef.current.y + dy };
+      const next = clampOffset({
+        x: offsetRef.current.x + dx,
+        y: offsetRef.current.y + dy
+      });
       offsetRef.current = next;
       setOffset(next);
     };
@@ -3809,7 +3929,53 @@ var FloatingButton = ({
       window.removeEventListener("pointerup", endDrag);
       window.removeEventListener("pointercancel", endDrag);
     };
-  }, [draggable, isDragging, persistKey]);
+  }, [draggable, isDragging, persistKey, clampOffset]);
+  const resolvePlacement = useCallback3(() => {
+    var _a, _b, _c, _d;
+    const el = containerRef.current;
+    if (!el || typeof window === "undefined") return;
+    const rect = el.getBoundingClientRect();
+    setPlacement(
+      resolveArcPlacement({
+        center: {
+          x: rect.left + rect.width / 2,
+          y: rect.top + rect.height / 2
+        },
+        bounds: {
+          left: (_a = safeArea == null ? void 0 : safeArea.left) != null ? _a : 0,
+          top: (_b = safeArea == null ? void 0 : safeArea.top) != null ? _b : 0,
+          right: window.innerWidth - ((_c = safeArea == null ? void 0 : safeArea.right) != null ? _c : 0),
+          bottom: window.innerHeight - ((_d = safeArea == null ? void 0 : safeArea.bottom) != null ? _d : 0)
+        },
+        count: actions.length,
+        radius: ARC_RADIUS,
+        itemSize: SUB_SIZE
+      })
+    );
+  }, [
+    actions.length,
+    safeArea == null ? void 0 : safeArea.left,
+    safeArea == null ? void 0 : safeArea.top,
+    safeArea == null ? void 0 : safeArea.right,
+    safeArea == null ? void 0 : safeArea.bottom
+  ]);
+  useLayoutEffect(() => {
+    if (isOpen) resolvePlacement();
+  }, [isOpen, offset, resolvePlacement]);
+  useLayoutEffect(() => {
+    resolvePlacement();
+  }, [resolvePlacement]);
+  useEffect6(() => {
+    if (typeof window === "undefined") return;
+    const onResize = () => {
+      resolvePlacement();
+      const corrected = clampOffset(offsetRef.current);
+      offsetRef.current = corrected;
+      setOffset(corrected);
+    };
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, [resolvePlacement, clampOffset]);
   const startDrag = (e) => {
     if (!draggable) return;
     dragDistanceRef.current = 0;
@@ -3821,19 +3987,27 @@ var FloatingButton = ({
     if (draggable && dragDistanceRef.current > DRAG_THRESHOLD) return;
     onToggle();
   };
+  const { itemSize } = placement.geometry;
+  const translateX = offset.x + (isOpen ? placement.shift.x : 0);
+  const translateY = offset.y + (isOpen ? placement.shift.y : 0);
   return /* @__PURE__ */ jsxs27(
     "div",
     {
+      ref: containerRef,
       className: "fixed bottom-8 right-8 z-[1000]",
       style: {
         width: FAB_SIZE,
         height: FAB_SIZE,
-        transform: offset.x || offset.y ? `translate(${offset.x}px, ${offset.y}px)` : void 0,
+        // Le décalage d'ouverture s'ajoute au déplacement choisi par l'opérateur :
+        // il écarte le bouton du bord juste ce qu'il faut pour montrer ses actions,
+        // et disparaît à la fermeture. Au repos, pas de transform du tout.
+        transform: translateX || translateY ? `translate(${translateX}px, ${translateY}px)` : void 0,
         transition: isDragging ? "none" : "transform 80ms ease-out"
       },
       children: [
         actions.map((action, index) => {
           var _a;
+          const itemOffset = arcOffset(index, actions.length, placement.geometry);
           return /* @__PURE__ */ jsxs27(
             "button",
             {
@@ -3845,15 +4019,15 @@ var FloatingButton = ({
                 isOpen ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
               ),
               style: {
-                width: SUB_SIZE,
-                height: SUB_SIZE,
-                left: (FAB_SIZE - SUB_SIZE) / 2,
-                top: (FAB_SIZE - SUB_SIZE) / 2,
-                transform: isOpen ? arcTransform(index, actions.length) : "scale(0.4)"
+                width: itemSize,
+                height: itemSize,
+                left: (FAB_SIZE - itemSize) / 2,
+                top: (FAB_SIZE - itemSize) / 2,
+                transform: isOpen ? `translate(${itemOffset.x}px, ${itemOffset.y}px)` : "scale(0.4)"
               },
               children: [
                 /* @__PURE__ */ jsx53("span", { className: SUB_ICON[color], children: action.icon }),
-                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ jsx53("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-900 px-1 text-[11px] font-bold text-white", children: action.badge })
+                ((_a = action.badge) != null ? _a : 0) > 0 && /* @__PURE__ */ jsx53("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-500 px-1 text-[11px] font-bold text-white", children: action.badge })
               ]
             },
             action.id
@@ -3877,7 +4051,7 @@ var FloatingButton = ({
             },
             children: [
               isOpen ? /* @__PURE__ */ jsx53(FaIcon, { name: "xmark", size: 20 }) : icon,
-              !isOpen && mainBadge > 0 && /* @__PURE__ */ jsx53("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-900 px-1 text-[11px] font-bold text-white", children: mainBadge })
+              !isOpen && mainBadge > 0 && /* @__PURE__ */ jsx53("span", { className: "absolute -right-1 -top-1 flex h-[18px] min-w-[18px] items-center justify-center rounded-full bg-red-500 px-1 text-[11px] font-bold text-white", children: mainBadge })
             ]
           }
         )
@@ -4413,7 +4587,7 @@ var ColorPicker = forwardRef18(
 ColorPicker.displayName = "ColorPicker";
 
 // src/ui/components/ui/FileUploadZone.tsx
-import { useCallback as useCallback3, useRef as useRef8, useState as useState9 } from "react";
+import { useCallback as useCallback4, useRef as useRef8, useState as useState9 } from "react";
 import { Fragment as Fragment3, jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
 var ACCEPT_MAP = {
   png: "image/png",
@@ -4458,11 +4632,11 @@ var FileUploadZone = ({
   const mimeTypes = getMimeTypes(resolvedAccept);
   const acceptString = mimeTypes.join(",");
   const previewUrl = multiple ? null : controlledPreviewUrl || (showPreview ? internalPreviewUrl : null);
-  const emitError = useCallback3(
+  const emitError = useCallback4(
     (message) => onError ? onError(message) : setInlineError(message),
     [onError]
   );
-  const validateFile = useCallback3(
+  const validateFile = useCallback4(
     (file) => {
       if (!mimeTypes.includes(file.type))
         return { ok: false, error: "Format de fichier non accept\xE9." };
@@ -4476,7 +4650,7 @@ var FileUploadZone = ({
     },
     [mimeTypes, maxSizeMB]
   );
-  const processFile = useCallback3(
+  const processFile = useCallback4(
     (file) => {
       setInlineError(null);
       const result = validateFile(file);
@@ -4491,7 +4665,7 @@ var FileUploadZone = ({
     },
     [validateFile, onSave, showPreview, emitError]
   );
-  const processFiles = useCallback3(
+  const processFiles = useCallback4(
     (files) => {
       setInlineError(null);
       for (const file of files) {
@@ -5118,7 +5292,7 @@ var Message = forwardRef20(
 Message.displayName = "Message";
 
 // src/ui/components/ui/MessageScroller.tsx
-import { useLayoutEffect, useRef as useRef10 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef10 } from "react";
 import { jsx as jsx68, jsxs as jsxs40 } from "react/jsx-runtime";
 var SEPARATOR_LINE = {
   neutral: "",
@@ -5149,6 +5323,15 @@ var MessageScroller = ({
   children,
   height,
   gap = 3,
+  padding,
+  paddingX,
+  paddingY,
+  paddingTop,
+  // La scrollbar Radix se superpose au contenu : sans ce retrait elle passerait
+  // sur les avatars. Reste surchargeable, comme les autres côtés.
+  paddingRight = 3,
+  paddingBottom,
+  paddingLeft,
   header,
   footer,
   emptyState,
@@ -5157,15 +5340,17 @@ var MessageScroller = ({
   isLoading = false,
   autoScroll = false,
   scrollKey,
+  viewportRef,
   className
 }) => {
-  const viewportRef = useRef10(null);
-  useLayoutEffect(() => {
+  const fallbackRef = useRef10(null);
+  const scrollerRef = viewportRef != null ? viewportRef : fallbackRef;
+  useLayoutEffect2(() => {
     if (!autoScroll) return;
-    const viewport = viewportRef.current;
+    const viewport = scrollerRef.current;
     if (!viewport) return;
     viewport.scrollTop = viewport.scrollHeight;
-  }, [autoScroll, scrollKey, isLoading]);
+  }, [autoScroll, scrollKey, isLoading, scrollerRef]);
   const body = () => {
     if (isLoading && loadingState) return loadingState;
     if (isEmpty && emptyState) return emptyState;
@@ -5174,14 +5359,29 @@ var MessageScroller = ({
   return /* @__PURE__ */ jsx68(
     ScrollArea,
     {
-      viewportRef,
+      viewportRef: scrollerRef,
       className: cn("w-full", className),
       style: typeof height === "number" ? { height: `${height}px` } : { height },
-      children: /* @__PURE__ */ jsxs40(Layout, { column: true, gap, fullWidth: true, paddingRight: 3, children: [
-        header,
-        body(),
-        footer
-      ] })
+      children: /* @__PURE__ */ jsxs40(
+        Layout,
+        {
+          column: true,
+          gap,
+          fullWidth: true,
+          padding,
+          paddingX,
+          paddingY,
+          paddingTop,
+          paddingRight,
+          paddingBottom,
+          paddingLeft,
+          children: [
+            header,
+            body(),
+            footer
+          ]
+        }
+      )
     }
   );
 };

package/dist/ui/style.css

@@ -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}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.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\.5{left:.625rem}.left-4{left:1rem}.right-0{right:0}.right-2\.5{right:.625rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-4{top:1rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[500\]{z-index:500}.z-\[9999\]{z-index:9999}.m-\[5px\]{margin:5px}.mb-2{margin-bottom:.5rem}.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}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.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-\[30px\]{height:30px}.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-\[90vh\]{max-height:90vh}.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-\[46px\]{min-height:46px}.min-h-\[48px\]{min-height:48px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-28{width:7rem}.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-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-\[22px\]{width:22px}.w-\[360px\]{width:360px}.w-\[480px\]{width:480px}.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-\[140px\]{min-width:140px}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[80px\]{min-width:80px}.min-w-\[8px\]{min-width:8px}.max-w-2xl{max-width:42rem}.max-w-\[200px\]{max-width:200px}.max-w-\[423px\]{max-width:423px}.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}.origin-left{transform-origin:left}.-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-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}.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}.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-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.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}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[20px\]{border-radius:20px}.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-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-purple-700{--tw-border-opacity:1;border-color:rgb(114 48 219/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/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-yellow-200{--tw-border-opacity:1;border-color:rgb(255 215 0/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-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-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-transparent{border-left-color:transparent}.border-l-yellow-200{--tw-border-opacity:1;border-left-color:rgb(255 215 0/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))}.border-t-transparent{border-top-color:transparent}.bg-\[\#1e1e1e\]{--tw-bg-opacity:1;background-color:rgb(30 30 30/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-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-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-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-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\/40{background-color:hsla(0,0%,100%,.4)}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(255 215 0/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}.p-\[1px\]{padding:1px}.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-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}.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-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-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-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[21px\]{font-size:21px}.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}.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-700{--tw-text-opacity:1;color:rgb(23 128 61/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-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-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-yellow-200{--tw-text-opacity:1;color:rgb(255 215 0/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_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_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_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);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))}.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-\[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 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-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-\[180ms\]{transition-duration:.18s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}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))}.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-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-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-500:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.focus-within\:border-blue-700:focus-within{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-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-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\: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\: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\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-blue-200:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(185 220 237/var(--tw-ring-opacity,1))}.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))}.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-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked],.data-\[state\=checked\]\:translate-x-5[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-5[data-state=checked]{--tw-translate-x:1.25rem}.data-\[state\=open\]\:rotate-180[data-state=open]{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-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-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-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-\[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-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-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-500[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.data-\[placeholder\]\:text-grey-500[data-placeholder]{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}@media (min-width:768px){.md\:p-12{padding:3rem}}.\[\&\>button\:not\(\:last-child\)\]\:rounded-r-none>button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>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))}.\[\&_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))}
+*,: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}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.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\.5{left:.625rem}.left-4{left:1rem}.right-0{right:0}.right-2\.5{right:.625rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.top-4{top:1rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[500\]{z-index:500}.z-\[9999\]{z-index:9999}.m-\[5px\]{margin:5px}.mb-2{margin-bottom:.5rem}.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}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.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-\[30px\]{height:30px}.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-\[90vh\]{max-height:90vh}.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-\[46px\]{min-height:46px}.min-h-\[48px\]{min-height:48px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-28{width:7rem}.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-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-\[22px\]{width:22px}.w-\[360px\]{width:360px}.w-\[480px\]{width:480px}.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-\[140px\]{min-width:140px}.min-w-\[18px\]{min-width:18px}.min-w-\[20px\]{min-width:20px}.min-w-\[80px\]{min-width:80px}.min-w-\[8px\]{min-width:8px}.max-w-2xl{max-width:42rem}.max-w-\[200px\]{max-width:200px}.max-w-\[423px\]{max-width:423px}.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}.origin-left{transform-origin:left}.-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-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{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}.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-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.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}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[20px\]{border-radius:20px}.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-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-purple-700{--tw-border-opacity:1;border-color:rgb(114 48 219/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/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-yellow-200{--tw-border-opacity:1;border-color:rgb(255 215 0/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-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-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-transparent{border-left-color:transparent}.border-l-yellow-200{--tw-border-opacity:1;border-left-color:rgb(255 215 0/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))}.border-t-transparent{border-top-color:transparent}.bg-\[\#1e1e1e\]{--tw-bg-opacity:1;background-color:rgb(30 30 30/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-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-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-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-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\/40{background-color:hsla(0,0%,100%,.4)}.bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(255 215 0/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}.p-\[1px\]{padding:1px}.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-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}.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-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-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-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[21px\]{font-size:21px}.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}.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-700{--tw-text-opacity:1;color:rgb(23 128 61/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-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-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-yellow-200{--tw-text-opacity:1;color:rgb(255 215 0/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_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_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_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);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))}.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-\[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 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-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-\[180ms\]{transition-duration:.18s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}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))}.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-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-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-500:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.focus-within\:border-blue-700:focus-within{--tw-border-opacity:1;border-color:rgb(55 126 161/var(--tw-border-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-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\: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\: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\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-blue-200:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(185 220 237/var(--tw-ring-opacity,1))}.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))}.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-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked],.data-\[state\=checked\]\:translate-x-5[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-5[data-state=checked]{--tw-translate-x:1.25rem}.data-\[state\=open\]\:rotate-180[data-state=open]{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-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-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-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-\[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-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-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-500[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.data-\[placeholder\]\:text-grey-500[data-placeholder]{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}@media (min-width:768px){.md\:p-12{padding:3rem}}.\[\&\>button\:not\(\:last-child\)\]\:rounded-r-none>button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>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))}.\[\&_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))}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.327",
+  "version": "1.0.329",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",