@zimyo/ui 1.17.0 → 1.17.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/components/Badge/index.d.ts +1 -1
  2. package/dist/index.d.ts +7 -3
  3. package/dist/index.esm.js +1 -1
  4. package/dist/index.js +1 -1
  5. package/package.json +1 -1
package/dist/components/Badge/index.d.ts CHANGED
@@ -21,7 +21,7 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
21
21
  declare const badgeVariants: (props?: ({
22
22
  variant?: "text" | "outlined" | "contained" | null | undefined;
23
23
  size?: "sm" | "md" | "lg" | null | undefined;
24
- type?: "default" | "success" | "error" | "info" | "warning" | null | undefined;
24
+ type?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
25
25
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
26
26
  declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
27
27
 
package/dist/index.d.ts CHANGED
@@ -242,7 +242,7 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
242
242
  declare const badgeVariants: (props?: ({
243
243
  variant?: "text" | "outlined" | "contained" | null | undefined;
244
244
  size?: "sm" | "md" | "lg" | null | undefined;
245
- type?: "default" | "success" | "error" | "info" | "warning" | null | undefined;
245
+ type?: "default" | "error" | "success" | "info" | "warning" | null | undefined;
246
246
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
247
247
  declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
248
248
 
@@ -973,6 +973,11 @@ interface SpocDetails {
973
973
  interface SurveyResponses {
974
974
  [key: string]: number | string;
975
975
  }
976
+ interface productProps {
977
+ showCSAT?: boolean;
978
+ showProductNPS?: boolean;
979
+ showESS?: boolean;
980
+ }
976
981
  interface ApiPayload {
977
982
  app_id: number;
978
983
  FEEDBACK?: string;
@@ -982,8 +987,7 @@ interface NpsProps extends React__default.HTMLAttributes<HTMLDivElement> {
982
987
  openModal: boolean;
983
988
  setOpenModal?: (open: boolean) => void;
984
989
  spocDetails?: SpocDetails;
985
- showCSAT?: boolean;
986
- showProductNPS?: boolean;
990
+ showProduct?: productProps;
987
991
  onComplete?: (responses: SurveyResponses) => void;
988
992
  onClose?: () => void;
989
993
  appId?: number;
package/dist/index.esm.js CHANGED
@@ -1 +1 @@
1
- import{s as n}from"./chunks/index-92dc1820.esm.js";export{U as UILibraryThemeProvider,c as createCustomTheme,d as designTokens,t as theme}from"./chunks/index-92dc1820.esm.js";export{Button}from"./components/Button/index.esm.js";export{Popover}from"./components/Popover/index.esm.js";export{CardActions,CardContent,CardHeader,CardImage,CardRoot,CardSkeleton}from"./components/Card/index.esm.js";export{Select}from"./components/Select/index.esm.js";export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/Accordion/index.esm.js";export{default as Switch}from"./components/Switch/index.esm.js";export{RadioGroup}from"./components/RadioGroup/index.esm.js";export{H as Heading}from"./chunks/Heading-cefb898e.esm.js";import{T as i}from"./chunks/Text-5b99f7f4.esm.js";export{Blockquote,Caption,Code,Lead,Strong}from"./components/Typography/index.esm.js";export{M as Muted}from"./chunks/Muted-d00b328e.esm.js";export{Modal}from"./components/Modal/index.esm.js";import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Drawer as a,Box as e,IconButton as l}from"@mui/material";import{a as p}from"./chunks/index-6d90ff6c.esm.js";export{d as darken,g as getTextColor,u as useStableId}from"./chunks/index-6d90ff6c.esm.js";import{a as s}from"./chunks/tslib.es6-4974c96c.esm.js";import{X as m}from"./chunks/lucide-1d5a9cda.esm.js";export{Badge}from"./components/Badge/index.esm.js";export{Input}from"./components/Input/index.esm.js";export{Notice}from"./components/Notice/index.esm.js";export{DatePicker}from"./components/DatePicker/index.esm.js";export{DateRangePicker}from"./components/DateRangePicker/index.esm.js";export{Form}from"./components/Form/index.esm.js";export{Checkbox}from"./components/Checkbox/index.esm.js";export{CheckboxGroup}from"./components/CheckboxGroup/index.esm.js";export{Radio}from"./components/Radio/index.esm.js";export{PopupConfirm}from"./components/PopupConfirm/index.esm.js";export{GlobalMenuSearch}from"./components/GlobalMenuSearch/index.esm.js";export{AppList}from"./components/AppList/index.esm.js";export{Table}from"./components/Table/index.esm.js";export{BulkActionsBar}from"./components/BulkActionsBar/index.esm.js";export{TimePicker}from"./components/TimePicker/index.esm.js";export{DataTable}from"./components/DataTable/index.esm.js";export{Tab}from"./components/Tab/index.esm.js";export{Timeline}from"./components/Timeline/index.esm.js";export{BarChart,BaseChart,LineChart,PieChart}from"./components/Charts/index.esm.js";import{useMemo as z,useState as h,useCallback as v}from"react";import"@mui/material/Tooltip";export{Progress}from"./components/Progress/index.esm.js";export{SearchInput}from"./components/SearchInput/index.esm.js";export{Stepper}from"./components/Stepper/index.esm.js";export{LottiePlayer}from"./components/LottiePlayer/index.esm.js";import"@mui/material/styles";import"@mui/material/CardContent";import"@mui/material/CardMedia";import"./chunks/createSuper-a71d2b5b.esm.js";import"./chunks/assertThisInitialized-03efc53b.esm.js";import"./chunks/extends-bb693bd1.esm.js";import"@emotion/react";import"react-dom";import"./chunks/index-3cd5487e.esm.js";import"./chunks/moment-df993c05.esm.js";import"./chunks/_commonjsHelpers-02d3be64.esm.js";import"./chunks/dayjs.min-ccb12949.esm.js";import"@mui/material/IconButton";import"@mui/material/List";import"@mui/material/ListItemText";import"@mui/material/ListItemIcon";import"./chunks/react-virtualized-auto-sizer.esm-9ede76fe.esm.js";import"@mui/material/Popover";import"./chunks/index-e5b56c03.esm.js";n('/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --zui-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",\n "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n --zui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",\n "Courier New", monospace;\n --zui-color-red-50: oklch(97.1% 0.013 17.38);\n --zui-color-red-100: oklch(93.6% 0.032 17.717);\n --zui-color-red-200: oklch(88.5% 0.062 18.334);\n --zui-color-red-500: oklch(63.7% 0.237 25.331);\n --zui-color-red-600: oklch(57.7% 0.245 27.325);\n --zui-color-red-700: oklch(50.5% 0.213 27.518);\n --zui-color-red-800: oklch(44.4% 0.177 26.899);\n --zui-color-red-900: oklch(39.6% 0.141 25.723);\n --zui-color-orange-100: oklch(95.4% 0.038 75.164);\n --zui-color-orange-200: oklch(90.1% 0.076 70.697);\n --zui-color-orange-500: oklch(70.5% 0.213 47.604);\n --zui-color-orange-800: oklch(47% 0.157 37.304);\n --zui-color-amber-50: oklch(98.7% 0.022 95.277);\n --zui-color-amber-100: oklch(96.2% 0.059 95.617);\n --zui-color-amber-500: oklch(76.9% 0.188 70.08);\n --zui-color-amber-600: oklch(66.6% 0.179 58.318);\n --zui-color-amber-700: oklch(55.5% 0.163 48.998);\n --zui-color-yellow-50: oklch(98.7% 0.026 102.212);\n --zui-color-yellow-100: oklch(97.3% 0.071 103.193);\n --zui-color-yellow-200: oklch(94.5% 0.129 101.54);\n --zui-color-yellow-400: oklch(85.2% 0.199 91.936);\n --zui-color-yellow-500: oklch(79.5% 0.184 86.047);\n --zui-color-yellow-600: oklch(68.1% 0.162 75.834);\n --zui-color-yellow-700: oklch(55.4% 0.135 66.442);\n --zui-color-yellow-800: oklch(47.6% 0.114 61.907);\n --zui-color-yellow-900: oklch(42.1% 0.095 57.708);\n --zui-color-green-50: oklch(98.2% 0.018 155.826);\n --zui-color-green-100: oklch(96.2% 0.044 156.743);\n --zui-color-green-200: oklch(92.5% 0.084 155.995);\n --zui-color-green-500: oklch(72.3% 0.219 149.579);\n --zui-color-green-600: oklch(62.7% 0.194 149.214);\n --zui-color-green-700: oklch(52.7% 0.154 150.069);\n --zui-color-green-800: oklch(44.8% 0.119 151.328);\n --zui-color-green-900: oklch(39.3% 0.095 152.535);\n --zui-color-cyan-500: oklch(71.5% 0.143 215.221);\n --zui-color-blue-50: oklch(97% 0.014 254.604);\n --zui-color-blue-100: oklch(93.2% 0.032 255.585);\n --zui-color-blue-200: oklch(88.2% 0.059 254.128);\n --zui-color-blue-400: oklch(70.7% 0.165 254.624);\n --zui-color-blue-500: oklch(62.3% 0.214 259.815);\n --zui-color-blue-600: oklch(54.6% 0.245 262.881);\n --zui-color-blue-700: oklch(48.8% 0.243 264.376);\n --zui-color-blue-800: oklch(42.4% 0.199 265.638);\n --zui-color-blue-900: oklch(37.9% 0.146 265.522);\n --zui-color-purple-50: oklch(97.7% 0.014 308.299);\n --zui-color-purple-100: oklch(94.6% 0.033 307.174);\n --zui-color-purple-200: oklch(90.2% 0.063 306.703);\n --zui-color-purple-500: oklch(62.7% 0.265 303.9);\n --zui-color-purple-600: oklch(55.8% 0.288 302.321);\n --zui-color-purple-700: oklch(49.6% 0.265 301.924);\n --zui-color-purple-800: oklch(43.8% 0.218 303.724);\n --zui-color-pink-50: oklch(97.1% 0.014 343.198);\n --zui-color-pink-500: oklch(65.6% 0.241 354.308);\n --zui-color-slate-100: oklch(96.8% 0.007 247.896);\n --zui-color-slate-200: oklch(92.9% 0.013 255.508);\n --zui-color-slate-300: oklch(86.9% 0.022 252.894);\n --zui-color-slate-500: oklch(55.4% 0.046 257.417);\n --zui-color-slate-800: oklch(27.9% 0.041 260.031);\n --zui-color-gray-50: oklch(98.5% 0.002 247.839);\n --zui-color-gray-100: oklch(96.7% 0.003 264.542);\n --zui-color-gray-200: oklch(92.8% 0.006 264.531);\n --zui-color-gray-300: oklch(87.2% 0.01 258.338);\n --zui-color-gray-400: oklch(70.7% 0.022 261.325);\n --zui-color-gray-500: oklch(55.1% 0.027 264.364);\n --zui-color-gray-600: oklch(44.6% 0.03 256.802);\n --zui-color-gray-700: oklch(37.3% 0.034 259.733);\n --zui-color-gray-800: oklch(27.8% 0.033 256.848);\n --zui-color-gray-900: oklch(21% 0.034 264.665);\n --zui-color-neutral-100: oklch(97% 0 0);\n --zui-color-black: #000;\n --zui-color-white: #fff;\n --zui-spacing: 0.25rem;\n --zui-container-sm: 24rem;\n --zui-container-md: 28rem;\n --zui-container-2xl: 42rem;\n --zui-container-3xl: 48rem;\n --zui-container-4xl: 56rem;\n --zui-text-xs: 0.75rem;\n --zui-text-xs--line-height: calc(1 / 0.75);\n --zui-text-sm: 0.875rem;\n --zui-text-sm--line-height: calc(1.25 / 0.875);\n --zui-text-base: 1rem;\n --zui-text-base--line-height: calc(1.5 / 1);\n --zui-text-lg: 1.125rem;\n --zui-text-lg--line-height: calc(1.75 / 1.125);\n --zui-text-xl: 1.25rem;\n --zui-text-xl--line-height: calc(1.75 / 1.25);\n --zui-text-2xl: 1.5rem;\n --zui-text-2xl--line-height: calc(2 / 1.5);\n --zui-font-weight-normal: 400;\n --zui-font-weight-medium: 500;\n --zui-font-weight-semibold: 600;\n --zui-font-weight-bold: 700;\n --zui-tracking-wide: 0.025em;\n --zui-tracking-wider: 0.05em;\n --zui-leading-snug: 1.375;\n --zui-radius-2xl: 1rem;\n --zui-animate-spin: spin 1s linear infinite;\n --zui-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --zui-blur-sm: 8px;\n --zui-default-transition-duration: 150ms;\n --zui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --zui-default-font-family: var(--zui-font-sans);\n --zui-default-mono-font-family: var(--zui-font-mono);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: var(--zui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n font-feature-settings: var(--zui-default-font-feature-settings, normal);\n font-variation-settings: var(--zui-default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--zui-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n font-feature-settings: var(--zui-default-mono-font-feature-settings, normal);\n font-variation-settings: var(--zui-default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden="until-found"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .zui\\:pointer-events-auto {\n pointer-events: auto !important;\n }\n .zui\\:pointer-events-none {\n pointer-events: none !important;\n }\n .zui\\:invisible {\n visibility: hidden !important;\n }\n .zui\\:sr-only {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border-width: 0 !important;\n }\n .zui\\:\\!absolute {\n position: absolute !important;\n }\n .zui\\:absolute {\n position: absolute !important;\n }\n .zui\\:fixed {\n position: fixed !important;\n }\n .zui\\:relative {\n position: relative !important;\n }\n .zui\\:sticky {\n position: sticky !important;\n }\n .zui\\:inset-y-0 {\n inset-block: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:-top-\\[9px\\] {\n top: calc(9px * -1) !important;\n }\n .zui\\:top-0 {\n top: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:top-2 {\n top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:top-3 {\n top: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:top-4 {\n top: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:top-6 {\n top: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:top-16 {\n top: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:right-0 {\n right: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:right-2 {\n right: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:right-3 {\n right: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:right-4 {\n right: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:right-9 {\n right: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:bottom-0 {\n bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:left-0 {\n left: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:left-3 {\n left: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:z-10 {\n z-index: 10 !important;\n }\n .zui\\:z-20 {\n z-index: 20 !important;\n }\n .zui\\:z-30 {\n z-index: 30 !important;\n }\n .zui\\:z-40 {\n z-index: 40 !important;\n }\n .zui\\:z-50 {\n z-index: 50 !important;\n }\n .zui\\:col-span-1 {\n grid-column: span 1 / span 1 !important;\n }\n .zui\\:col-span-2 {\n grid-column: span 2 / span 2 !important;\n }\n .zui\\:col-span-3 {\n grid-column: span 3 / span 3 !important;\n }\n .zui\\:col-span-4 {\n grid-column: span 4 / span 4 !important;\n }\n .zui\\:col-span-5 {\n grid-column: span 5 / span 5 !important;\n }\n .zui\\:col-span-6 {\n grid-column: span 6 / span 6 !important;\n }\n .zui\\:col-span-7 {\n grid-column: span 7 / span 7 !important;\n }\n .zui\\:col-span-8 {\n grid-column: span 8 / span 8 !important;\n }\n .zui\\:col-span-9 {\n grid-column: span 9 / span 9 !important;\n }\n .zui\\:col-span-10 {\n grid-column: span 10 / span 10 !important;\n }\n .zui\\:col-span-11 {\n grid-column: span 11 / span 11 !important;\n }\n .zui\\:col-span-12 {\n grid-column: span 12 / span 12 !important;\n }\n .zui\\:m-0 {\n margin: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:m-0\\.5 {\n margin: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:mx-0 {\n margin-inline: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mx-10 {\n margin-inline: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:mx-auto {\n margin-inline: auto !important;\n }\n .zui\\:\\!my-4 {\n margin-block: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mt-0\\.5 {\n margin-top: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:mt-1 {\n margin-top: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mt-1\\.5 {\n margin-top: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:mt-2 {\n margin-top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mt-3 {\n margin-top: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mt-4 {\n margin-top: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mt-6 {\n margin-top: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:mt-8 {\n margin-top: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:mt-10 {\n margin-top: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:mt-\\[1px\\] {\n margin-top: 1px !important;\n }\n .zui\\:mr-1 {\n margin-right: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mr-2 {\n margin-right: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mr-3 {\n margin-right: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mr-4 {\n margin-right: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:\\!mb-0 {\n margin-bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mb-0 {\n margin-bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mb-1 {\n margin-bottom: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mb-2 {\n margin-bottom: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mb-3 {\n margin-bottom: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mb-4 {\n margin-bottom: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mb-6 {\n margin-bottom: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:mb-\\[3px\\] {\n margin-bottom: 3px !important;\n }\n .zui\\:ml-1 {\n margin-left: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:ml-2 {\n margin-left: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:ml-auto {\n margin-left: auto !important;\n }\n .zui\\:block {\n display: block !important;\n }\n .zui\\:flex {\n display: flex !important;\n }\n .zui\\:grid {\n display: grid !important;\n }\n .zui\\:hidden {\n display: none !important;\n }\n .zui\\:inline-block {\n display: inline-block !important;\n }\n .zui\\:inline-flex {\n display: inline-flex !important;\n }\n .zui\\:table-cell {\n display: table-cell !important;\n }\n .zui\\:table-row {\n display: table-row !important;\n }\n .zui\\:size-8 {\n width: calc(var(--zui-spacing) * 8) !important;\n height: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:h-1\\.5 {\n height: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:h-2 {\n height: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:h-3 {\n height: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:h-4 {\n height: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:h-5 {\n height: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:h-6 {\n height: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:h-7 {\n height: calc(var(--zui-spacing) * 7) !important;\n }\n .zui\\:h-8 {\n height: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:h-9 {\n height: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:h-10 {\n height: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:h-11 {\n height: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:h-12 {\n height: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:h-16 {\n height: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:h-80 {\n height: calc(var(--zui-spacing) * 80) !important;\n }\n .zui\\:h-96 {\n height: calc(var(--zui-spacing) * 96) !important;\n }\n .zui\\:h-\\[500px\\] {\n height: 500px !important;\n }\n .zui\\:h-\\[calc\\(100\\%_-_2\\.75rem\\)\\] {\n height: calc(100% - 2.75rem) !important;\n }\n .zui\\:h-\\[calc\\(100vh-65px\\)\\] {\n height: calc(100vh - 65px) !important;\n }\n .zui\\:h-\\[calc\\(100vh-135px\\)\\] {\n height: calc(100vh - 135px) !important;\n }\n .zui\\:h-full {\n height: 100% !important;\n }\n .zui\\:h-screen {\n height: 100vh !important;\n }\n .zui\\:max-h-44 {\n max-height: calc(var(--zui-spacing) * 44) !important;\n }\n .zui\\:max-h-\\[15vh\\] {\n max-height: 15vh !important;\n }\n .zui\\:max-h-\\[70vh\\] {\n max-height: 70vh !important;\n }\n .zui\\:min-h-0 {\n min-height: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:min-h-\\[30px\\] {\n min-height: 30px !important;\n }\n .zui\\:min-h-\\[32px\\] {\n min-height: 32px !important;\n }\n .zui\\:min-h-\\[50px\\] {\n min-height: 50px !important;\n }\n .zui\\:min-h-\\[60px\\] {\n min-height: 60px !important;\n }\n .zui\\:min-h-\\[70vh\\] {\n min-height: 70vh !important;\n }\n .zui\\:min-h-screen {\n min-height: 100vh !important;\n }\n .zui\\:w-2 {\n width: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:w-3 {\n width: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:w-3\\/4 {\n width: calc(3/4 * 100%) !important;\n }\n .zui\\:w-4 {\n width: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:w-5 {\n width: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:w-6 {\n width: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:w-7 {\n width: calc(var(--zui-spacing) * 7) !important;\n }\n .zui\\:w-8 {\n width: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:w-10 {\n width: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:w-12 {\n width: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:w-14 {\n width: calc(var(--zui-spacing) * 14) !important;\n }\n .zui\\:w-16 {\n width: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:w-64 {\n width: calc(var(--zui-spacing) * 64) !important;\n }\n .zui\\:w-72 {\n width: calc(var(--zui-spacing) * 72) !important;\n }\n .zui\\:w-80 {\n width: calc(var(--zui-spacing) * 80) !important;\n }\n .zui\\:w-100 {\n width: calc(var(--zui-spacing) * 100) !important;\n }\n .zui\\:w-\\[1px\\] {\n width: 1px !important;\n }\n .zui\\:w-\\[22rem\\] {\n width: 22rem !important;\n }\n .zui\\:w-fit {\n width: fit-content !important;\n }\n .zui\\:w-full {\n width: 100% !important;\n }\n .zui\\:w-max {\n width: max-content !important;\n }\n .zui\\:max-w-2xl {\n max-width: var(--zui-container-2xl) !important;\n }\n .zui\\:max-w-3xl {\n max-width: var(--zui-container-3xl) !important;\n }\n .zui\\:max-w-4xl {\n max-width: var(--zui-container-4xl) !important;\n }\n .zui\\:max-w-full {\n max-width: 100% !important;\n }\n .zui\\:max-w-md {\n max-width: var(--zui-container-md) !important;\n }\n .zui\\:max-w-sm {\n max-width: var(--zui-container-sm) !important;\n }\n .zui\\:\\!min-w-8 {\n min-width: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:min-w-0 {\n min-width: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:min-w-\\[1\\.5rem\\] {\n min-width: 1.5rem !important;\n }\n .zui\\:min-w-\\[1\\.25rem\\] {\n min-width: 1.25rem !important;\n }\n .zui\\:min-w-\\[2rem\\] {\n min-width: 2rem !important;\n }\n .zui\\:min-w-\\[10rem\\] {\n min-width: 10rem !important;\n }\n .zui\\:min-w-\\[12rem\\] {\n min-width: 12rem !important;\n }\n .zui\\:min-w-\\[14rem\\] {\n min-width: 14rem !important;\n }\n .zui\\:min-w-full {\n min-width: 100% !important;\n }\n .zui\\:flex-1 {\n flex: 1 !important;\n }\n .zui\\:flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n .zui\\:shrink-0 {\n flex-shrink: 0 !important;\n }\n .zui\\:table-fixed {\n table-layout: fixed !important;\n }\n .zui\\:border-collapse {\n border-collapse: collapse !important;\n }\n .zui\\:origin-center {\n transform-origin: center !important;\n }\n .zui\\:-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n .zui\\:scale-110 {\n --tw-scale-x: 110% !important;\n --tw-scale-y: 110% !important;\n --tw-scale-z: 110% !important;\n scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n }\n .zui\\:rotate-90 {\n rotate: 90deg !important;\n }\n .zui\\:rotate-\\[-90deg\\] {\n rotate: -90deg !important;\n }\n .zui\\:animate-pulse {\n animation: var(--zui-animate-pulse) !important;\n }\n .zui\\:animate-spin {\n animation: var(--zui-animate-spin) !important;\n }\n .zui\\:cursor-default {\n cursor: default !important;\n }\n .zui\\:cursor-not-allowed {\n cursor: not-allowed !important;\n }\n .zui\\:cursor-pointer {\n cursor: pointer !important;\n }\n .zui\\:resize-none {\n resize: none !important;\n }\n .zui\\:list-inside {\n list-style-position: inside !important;\n }\n .zui\\:list-disc {\n list-style-type: disc !important;\n }\n .zui\\:grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n }\n .zui\\:flex-col {\n flex-direction: column !important;\n }\n .zui\\:flex-row {\n flex-direction: row !important;\n }\n .zui\\:flex-row-reverse {\n flex-direction: row-reverse !important;\n }\n .zui\\:flex-nowrap {\n flex-wrap: nowrap !important;\n }\n .zui\\:flex-wrap {\n flex-wrap: wrap !important;\n }\n .zui\\:items-baseline {\n align-items: baseline !important;\n }\n .zui\\:items-center {\n align-items: center !important;\n }\n .zui\\:items-start {\n align-items: flex-start !important;\n }\n .zui\\:justify-between {\n justify-content: space-between !important;\n }\n .zui\\:justify-center {\n justify-content: center !important;\n }\n .zui\\:justify-end {\n justify-content: flex-end !important;\n }\n .zui\\:justify-start {\n justify-content: flex-start !important;\n }\n .zui\\:gap-0\\.5 {\n gap: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:gap-1 {\n gap: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:gap-1\\.5 {\n gap: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:gap-2 {\n gap: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:gap-3 {\n gap: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:gap-4 {\n gap: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:gap-6 {\n gap: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-5 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 5) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 6) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-8 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 8) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-x-1 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-2 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-3 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-4 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:gap-y-2 {\n row-gap: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0 !important;\n border-bottom-style: var(--tw-border-style) !important;\n border-top-style: var(--tw-border-style) !important;\n border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;\n }\n }\n .zui\\:divide-gray-200 {\n :where(& > :not(:last-child)) {\n border-color: var(--zui-color-gray-200) !important;\n }\n }\n .zui\\:truncate {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n }\n .zui\\:overflow-auto {\n overflow: auto !important;\n }\n .zui\\:overflow-hidden {\n overflow: hidden !important;\n }\n .zui\\:overflow-visible {\n overflow: visible !important;\n }\n .zui\\:overflow-x-auto {\n overflow-x: auto !important;\n }\n .zui\\:overflow-y-auto {\n overflow-y: auto !important;\n }\n .zui\\:rounded {\n border-radius: 0.25rem !important;\n }\n .zui\\:rounded-2xl {\n border-radius: var(--zui-radius-2xl) !important;\n }\n .zui\\:rounded-full {\n border-radius: calc(infinity * 1px) !important;\n }\n .zui\\:rounded-lg {\n border-radius: var(--zui-radius) !important;\n }\n .zui\\:rounded-md {\n border-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-none {\n border-radius: 0 !important;\n }\n .zui\\:rounded-sm {\n border-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:rounded-xl {\n border-radius: calc(var(--zui-radius) + 4px) !important;\n }\n .zui\\:rounded-s-md {\n border-start-start-radius: calc(var(--zui-radius) - 2px) !important;\n border-end-start-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-e-md {\n border-start-end-radius: calc(var(--zui-radius) - 2px) !important;\n border-end-end-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-t-lg {\n border-top-left-radius: var(--zui-radius) !important;\n border-top-right-radius: var(--zui-radius) !important;\n }\n .zui\\:rounded-t-sm {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-top-right-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:rounded-b-sm {\n border-bottom-right-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:border {\n border-style: var(--tw-border-style) !important;\n border-width: 1px !important;\n }\n .zui\\:border-0 {\n border-style: var(--tw-border-style) !important;\n border-width: 0px !important;\n }\n .zui\\:border-1 {\n border-style: var(--tw-border-style) !important;\n border-width: 1px !important;\n }\n .zui\\:border-2 {\n border-style: var(--tw-border-style) !important;\n border-width: 2px !important;\n }\n .zui\\:border-t {\n border-top-style: var(--tw-border-style) !important;\n border-top-width: 1px !important;\n }\n .zui\\:border-r {\n border-right-style: var(--tw-border-style) !important;\n border-right-width: 1px !important;\n }\n .zui\\:border-b {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 1px !important;\n }\n .zui\\:border-b-1 {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 1px !important;\n }\n .zui\\:border-b-2 {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 2px !important;\n }\n .zui\\:border-b-\\[2px\\] {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 2px !important;\n }\n .zui\\:border-l-0 {\n border-left-style: var(--tw-border-style) !important;\n border-left-width: 0px !important;\n }\n .zui\\:border-l-4 {\n border-left-style: var(--tw-border-style) !important;\n border-left-width: 4px !important;\n }\n .zui\\:border-blue-100 {\n border-color: var(--zui-color-blue-100) !important;\n }\n .zui\\:border-blue-200 {\n border-color: var(--zui-color-blue-200) !important;\n }\n .zui\\:border-blue-500 {\n border-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:border-blue-600 {\n border-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:border-blue-700 {\n border-color: var(--zui-color-blue-700) !important;\n }\n .zui\\:border-border {\n border-color: var(--zui-border) !important;\n }\n .zui\\:border-current {\n border-color: currentcolor !important;\n }\n .zui\\:border-destructive {\n border-color: var(--zui-destructive) !important;\n }\n .zui\\:border-gray-100 {\n border-color: var(--zui-color-gray-100) !important;\n }\n .zui\\:border-gray-200 {\n border-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:border-gray-300 {\n border-color: var(--zui-color-gray-300) !important;\n }\n .zui\\:border-gray-700 {\n border-color: var(--zui-color-gray-700) !important;\n }\n .zui\\:border-gray-800 {\n border-color: var(--zui-color-gray-800) !important;\n }\n .zui\\:border-green-100 {\n border-color: var(--zui-color-green-100) !important;\n }\n .zui\\:border-green-200 {\n border-color: var(--zui-color-green-200) !important;\n }\n .zui\\:border-green-700 {\n border-color: var(--zui-color-green-700) !important;\n }\n .zui\\:border-input {\n border-color: var(--zui-input) !important;\n }\n .zui\\:border-orange-200 {\n border-color: var(--zui-color-orange-200) !important;\n }\n .zui\\:border-purple-200 {\n border-color: var(--zui-color-purple-200) !important;\n }\n .zui\\:border-red-100 {\n border-color: var(--zui-color-red-100) !important;\n }\n .zui\\:border-red-200 {\n border-color: var(--zui-color-red-200) !important;\n }\n .zui\\:border-red-500 {\n border-color: var(--zui-color-red-500) !important;\n }\n .zui\\:border-red-700 {\n border-color: var(--zui-color-red-700) !important;\n }\n .zui\\:border-slate-300 {\n border-color: var(--zui-color-slate-300) !important;\n }\n .zui\\:border-transparent {\n border-color: transparent !important;\n }\n .zui\\:border-white {\n border-color: var(--zui-color-white) !important;\n }\n .zui\\:border-yellow-100 {\n border-color: var(--zui-color-yellow-100) !important;\n }\n .zui\\:border-yellow-200 {\n border-color: var(--zui-color-yellow-200) !important;\n }\n .zui\\:border-yellow-600 {\n border-color: var(--zui-color-yellow-600) !important;\n }\n .zui\\:border-yellow-700 {\n border-color: var(--zui-color-yellow-700) !important;\n }\n .zui\\:border-t-transparent {\n border-top-color: transparent !important;\n }\n .zui\\:bg-\\[\\#f8f8f8\\] {\n background-color: #f8f8f8 !important;\n }\n .zui\\:bg-\\[\\#f9f9f9\\] {\n background-color: #f9f9f9 !important;\n }\n .zui\\:bg-accent {\n background-color: var(--zui-accent) !important;\n }\n .zui\\:bg-accent\\/30 {\n background-color: var(--zui-accent) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--zui-accent) 30%, transparent) !important;\n }\n }\n .zui\\:bg-amber-50 {\n background-color: var(--zui-color-amber-50) !important;\n }\n .zui\\:bg-amber-100 {\n background-color: var(--zui-color-amber-100) !important;\n }\n .zui\\:bg-amber-500 {\n background-color: var(--zui-color-amber-500) !important;\n }\n .zui\\:bg-background {\n background-color: var(--zui-background) !important;\n }\n .zui\\:bg-blue-50 {\n background-color: var(--zui-color-blue-50) !important;\n }\n .zui\\:bg-blue-100 {\n background-color: var(--zui-color-blue-100) !important;\n }\n .zui\\:bg-blue-400 {\n background-color: var(--zui-color-blue-400) !important;\n }\n .zui\\:bg-blue-500 {\n background-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:bg-blue-600 {\n background-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:bg-current {\n background-color: currentcolor !important;\n }\n .zui\\:bg-cyan-500 {\n background-color: var(--zui-color-cyan-500) !important;\n }\n .zui\\:bg-gray-50 {\n background-color: var(--zui-color-gray-50) !important;\n }\n .zui\\:bg-gray-100 {\n background-color: var(--zui-color-gray-100) !important;\n }\n .zui\\:bg-gray-200 {\n background-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:bg-gray-300 {\n background-color: var(--zui-color-gray-300) !important;\n }\n .zui\\:bg-gray-400 {\n background-color: var(--zui-color-gray-400) !important;\n }\n .zui\\:bg-gray-800 {\n background-color: var(--zui-color-gray-800) !important;\n }\n .zui\\:bg-gray-900 {\n background-color: var(--zui-color-gray-900) !important;\n }\n .zui\\:bg-green-50 {\n background-color: var(--zui-color-green-50) !important;\n }\n .zui\\:bg-green-100 {\n background-color: var(--zui-color-green-100) !important;\n }\n .zui\\:bg-green-500 {\n background-color: var(--zui-color-green-500) !important;\n }\n .zui\\:bg-inherit {\n background-color: inherit !important;\n }\n .zui\\:bg-muted {\n background-color: var(--zui-muted) !important;\n }\n .zui\\:bg-neutral-100 {\n background-color: var(--zui-color-neutral-100) !important;\n }\n .zui\\:bg-orange-100 {\n background-color: var(--zui-color-orange-100) !important;\n }\n .zui\\:bg-orange-500 {\n background-color: var(--zui-color-orange-500) !important;\n }\n .zui\\:bg-pink-500 {\n background-color: var(--zui-color-pink-500) !important;\n }\n .zui\\:bg-primary {\n background-color: var(--zui-primary) !important;\n }\n .zui\\:bg-purple-50 {\n background-color: var(--zui-color-purple-50) !important;\n }\n .zui\\:bg-purple-100 {\n background-color: var(--zui-color-purple-100) !important;\n }\n .zui\\:bg-purple-500 {\n background-color: var(--zui-color-purple-500) !important;\n }\n .zui\\:bg-red-50 {\n background-color: var(--zui-color-red-50) !important;\n }\n .zui\\:bg-red-100 {\n background-color: var(--zui-color-red-100) !important;\n }\n .zui\\:bg-red-500 {\n background-color: var(--zui-color-red-500) !important;\n }\n .zui\\:bg-red-600 {\n background-color: var(--zui-color-red-600) !important;\n }\n .zui\\:bg-secondary {\n background-color: var(--zui-secondary) !important;\n }\n .zui\\:bg-slate-100 {\n background-color: var(--zui-color-slate-100) !important;\n }\n .zui\\:bg-slate-200 {\n background-color: var(--zui-color-slate-200) !important;\n }\n .zui\\:bg-transparent {\n background-color: transparent !important;\n }\n .zui\\:bg-white {\n background-color: var(--zui-color-white) !important;\n }\n .zui\\:bg-yellow-50 {\n background-color: var(--zui-color-yellow-50) !important;\n }\n .zui\\:bg-yellow-100 {\n background-color: var(--zui-color-yellow-100) !important;\n }\n .zui\\:bg-yellow-500 {\n background-color: var(--zui-color-yellow-500) !important;\n }\n .zui\\:bg-gradient-to-br {\n --tw-gradient-position: to bottom right in oklab !important;\n background-image: linear-gradient(var(--tw-gradient-stops)) !important;\n }\n .zui\\:from-purple-50 {\n --tw-gradient-from: var(--zui-color-purple-50) !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n .zui\\:to-pink-50 {\n --tw-gradient-to: var(--zui-color-pink-50) !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n .zui\\:object-cover {\n object-fit: cover !important;\n }\n .zui\\:\\!p-0 {\n padding: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:\\!p-1 {\n padding: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:p-0 {\n padding: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:p-0\\.5 {\n padding: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:p-1 {\n padding: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:p-2 {\n padding: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:p-2\\.5 {\n padding: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:p-3 {\n padding: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:p-4 {\n padding: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:p-6 {\n padding: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:px-1 {\n padding-inline: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:px-1\\.5 {\n padding-inline: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:px-2 {\n padding-inline: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:px-2\\.5 {\n padding-inline: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:px-3 {\n padding-inline: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:px-3\\.5 {\n padding-inline: calc(var(--zui-spacing) * 3.5) !important;\n }\n .zui\\:px-4 {\n padding-inline: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:px-5 {\n padding-inline: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:px-6 {\n padding-inline: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:px-\\[6px\\] {\n padding-inline: 6px !important;\n }\n .zui\\:py-0 {\n padding-block: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:py-0\\.5 {\n padding-block: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:py-1 {\n padding-block: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:py-1\\.5 {\n padding-block: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:py-2 {\n padding-block: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:py-2\\.5 {\n padding-block: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:py-3 {\n padding-block: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:py-4 {\n padding-block: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:py-6 {\n padding-block: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:py-10 {\n padding-block: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:py-12 {\n padding-block: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:pt-0\\.5 {\n padding-top: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:pt-1 {\n padding-top: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:pt-2 {\n padding-top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:pr-6 {\n padding-right: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:pr-8 {\n padding-right: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pr-9 {\n padding-right: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:pr-10 {\n padding-right: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:pr-11 {\n padding-right: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:pr-20 {\n padding-right: calc(var(--zui-spacing) * 20) !important;\n }\n .zui\\:pb-8 {\n padding-bottom: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pl-6 {\n padding-left: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:pl-8 {\n padding-left: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pl-9 {\n padding-left: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:pl-10 {\n padding-left: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:pl-11 {\n padding-left: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:text-center {\n text-align: center !important;\n }\n .zui\\:text-left {\n text-align: left !important;\n }\n .zui\\:text-right {\n text-align: right !important;\n }\n .zui\\:align-middle {\n vertical-align: middle !important;\n }\n .zui\\:font-mono {\n font-family: var(--zui-font-mono) !important;\n }\n .zui\\:\\!text-base {\n font-size: var(--zui-text-base) !important;\n line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n }\n .zui\\:\\!text-sm {\n font-size: var(--zui-text-sm) !important;\n line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n }\n .zui\\:text-2xl {\n font-size: var(--zui-text-2xl) !important;\n line-height: var(--tw-leading, var(--zui-text-2xl--line-height)) !important;\n }\n .zui\\:text-base {\n font-size: var(--zui-text-base) !important;\n line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n }\n .zui\\:text-lg {\n font-size: var(--zui-text-lg) !important;\n line-height: var(--tw-leading, var(--zui-text-lg--line-height)) !important;\n }\n .zui\\:text-sm {\n font-size: var(--zui-text-sm) !important;\n line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n }\n .zui\\:text-xl {\n font-size: var(--zui-text-xl) !important;\n line-height: var(--tw-leading, var(--zui-text-xl--line-height)) !important;\n }\n .zui\\:text-xs {\n font-size: var(--zui-text-xs) !important;\n line-height: var(--tw-leading, var(--zui-text-xs--line-height)) !important;\n }\n .zui\\:leading-none {\n --tw-leading: 1 !important;\n line-height: 1 !important;\n }\n .zui\\:leading-snug {\n --tw-leading: var(--zui-leading-snug) !important;\n line-height: var(--zui-leading-snug) !important;\n }\n .zui\\:font-bold {\n --tw-font-weight: var(--zui-font-weight-bold) !important;\n font-weight: var(--zui-font-weight-bold) !important;\n }\n .zui\\:font-medium {\n --tw-font-weight: var(--zui-font-weight-medium) !important;\n font-weight: var(--zui-font-weight-medium) !important;\n }\n .zui\\:font-normal {\n --tw-font-weight: var(--zui-font-weight-normal) !important;\n font-weight: var(--zui-font-weight-normal) !important;\n }\n .zui\\:font-semibold {\n --tw-font-weight: var(--zui-font-weight-semibold) !important;\n font-weight: var(--zui-font-weight-semibold) !important;\n }\n .zui\\:tracking-wide {\n --tw-tracking: var(--zui-tracking-wide) !important;\n letter-spacing: var(--zui-tracking-wide) !important;\n }\n .zui\\:tracking-wider {\n --tw-tracking: var(--zui-tracking-wider) !important;\n letter-spacing: var(--zui-tracking-wider) !important;\n }\n .zui\\:whitespace-nowrap {\n white-space: nowrap !important;\n }\n .zui\\:\\!text-foreground {\n color: var(--zui-foreground) !important;\n }\n .zui\\:text-accent-foreground {\n color: var(--zui-accent-foreground) !important;\n }\n .zui\\:text-amber-600 {\n color: var(--zui-color-amber-600) !important;\n }\n .zui\\:text-amber-700 {\n color: var(--zui-color-amber-700) !important;\n }\n .zui\\:text-black {\n color: var(--zui-color-black) !important;\n }\n .zui\\:text-blue-500 {\n color: var(--zui-color-blue-500) !important;\n }\n .zui\\:text-blue-600 {\n color: var(--zui-color-blue-600) !important;\n }\n .zui\\:text-blue-700 {\n color: var(--zui-color-blue-700) !important;\n }\n .zui\\:text-blue-800 {\n color: var(--zui-color-blue-800) !important;\n }\n .zui\\:text-blue-900 {\n color: var(--zui-color-blue-900) !important;\n }\n .zui\\:text-destructive {\n color: var(--zui-destructive) !important;\n }\n .zui\\:text-foreground {\n color: var(--zui-foreground) !important;\n }\n .zui\\:text-gray-300 {\n color: var(--zui-color-gray-300) !important;\n }\n .zui\\:text-gray-400 {\n color: var(--zui-color-gray-400) !important;\n }\n .zui\\:text-gray-500 {\n color: var(--zui-color-gray-500) !important;\n }\n .zui\\:text-gray-600 {\n color: var(--zui-color-gray-600) !important;\n }\n .zui\\:text-gray-700 {\n color: var(--zui-color-gray-700) !important;\n }\n .zui\\:text-gray-800 {\n color: var(--zui-color-gray-800) !important;\n }\n .zui\\:text-gray-900 {\n color: var(--zui-color-gray-900) !important;\n }\n .zui\\:text-green-500 {\n color: var(--zui-color-green-500) !important;\n }\n .zui\\:text-green-600 {\n color: var(--zui-color-green-600) !important;\n }\n .zui\\:text-green-700 {\n color: var(--zui-color-green-700) !important;\n }\n .zui\\:text-green-800 {\n color: var(--zui-color-green-800) !important;\n }\n .zui\\:text-green-900 {\n color: var(--zui-color-green-900) !important;\n }\n .zui\\:text-muted-foreground {\n color: var(--zui-muted-foreground) !important;\n }\n .zui\\:text-orange-500 {\n color: var(--zui-color-orange-500) !important;\n }\n .zui\\:text-orange-800 {\n color: var(--zui-color-orange-800) !important;\n }\n .zui\\:text-popover-foreground {\n color: var(--zui-popover-foreground) !important;\n }\n .zui\\:text-purple-500 {\n color: var(--zui-color-purple-500) !important;\n }\n .zui\\:text-purple-600 {\n color: var(--zui-color-purple-600) !important;\n }\n .zui\\:text-purple-700 {\n color: var(--zui-color-purple-700) !important;\n }\n .zui\\:text-purple-800 {\n color: var(--zui-color-purple-800) !important;\n }\n .zui\\:text-red-500 {\n color: var(--zui-color-red-500) !important;\n }\n .zui\\:text-red-600 {\n color: var(--zui-color-red-600) !important;\n }\n .zui\\:text-red-700 {\n color: var(--zui-color-red-700) !important;\n }\n .zui\\:text-red-800 {\n color: var(--zui-color-red-800) !important;\n }\n .zui\\:text-red-900 {\n color: var(--zui-color-red-900) !important;\n }\n .zui\\:text-slate-500 {\n color: var(--zui-color-slate-500) !important;\n }\n .zui\\:text-slate-800 {\n color: var(--zui-color-slate-800) !important;\n }\n .zui\\:text-white {\n color: var(--zui-color-white) !important;\n }\n .zui\\:text-yellow-400 {\n color: var(--zui-color-yellow-400) !important;\n }\n .zui\\:text-yellow-500 {\n color: var(--zui-color-yellow-500) !important;\n }\n .zui\\:text-yellow-600 {\n color: var(--zui-color-yellow-600) !important;\n }\n .zui\\:text-yellow-700 {\n color: var(--zui-color-yellow-700) !important;\n }\n .zui\\:text-yellow-800 {\n color: var(--zui-color-yellow-800) !important;\n }\n .zui\\:text-yellow-900 {\n color: var(--zui-color-yellow-900) !important;\n }\n .zui\\:uppercase {\n text-transform: uppercase !important;\n }\n .zui\\:italic {\n font-style: italic !important;\n }\n .zui\\:underline {\n text-decoration-line: underline !important;\n }\n .zui\\:opacity-40 {\n opacity: 40% !important;\n }\n .zui\\:opacity-50 {\n opacity: 50% !important;\n }\n .zui\\:opacity-60 {\n opacity: 60% !important;\n }\n .zui\\:opacity-70 {\n opacity: 70% !important;\n }\n .zui\\:opacity-80 {\n opacity: 80% !important;\n }\n .zui\\:opacity-90 {\n opacity: 90% !important;\n }\n .zui\\:shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:shadow-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-1 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-blue-200 {\n --tw-ring-color: var(--zui-color-blue-200) !important;\n }\n .zui\\:ring-blue-500 {\n --tw-ring-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:ring-blue-600 {\n --tw-ring-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:ring-gray-200 {\n --tw-ring-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:ring-ring {\n --tw-ring-color: var(--zui-ring) !important;\n }\n .zui\\:ring-offset-1 {\n --tw-ring-offset-width: 1px !important;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n }\n .zui\\:ring-offset-background {\n --tw-ring-offset-color: var(--zui-background) !important;\n }\n .zui\\:blur-sm {\n --tw-blur: blur(var(--zui-blur-sm)) !important;\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;\n }\n .zui\\:transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-all {\n transition-property: all !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-transform {\n transition-property: transform, translate, scale, rotate !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-none {\n transition-property: none !important;\n }\n .zui\\:duration-150 {\n --tw-duration: 150ms !important;\n transition-duration: 150ms !important;\n }\n .zui\\:duration-200 {\n --tw-duration: 200ms !important;\n transition-duration: 200ms !important;\n }\n .zui\\:duration-300 {\n --tw-duration: 300ms !important;\n transition-duration: 300ms !important;\n }\n .zui\\:outline-none {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n .zui\\:select-none {\n -webkit-user-select: none !important;\n user-select: none !important;\n }\n .zui\\:placeholder\\:text-muted-foreground {\n &::placeholder {\n color: var(--zui-muted-foreground) !important;\n }\n }\n .zui\\:after\\:absolute {\n &::after {\n content: var(--tw-content);\n position: absolute !important;\n }\n }\n .zui\\:after\\:top-0 {\n &::after {\n content: var(--tw-content);\n top: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:right-0 {\n &::after {\n content: var(--tw-content);\n right: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:left-0 {\n &::after {\n content: var(--tw-content);\n left: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:h-full {\n &::after {\n content: var(--tw-content);\n height: 100% !important;\n }\n }\n .zui\\:after\\:w-\\[1px\\] {\n &::after {\n content: var(--tw-content);\n width: 1px !important;\n }\n }\n .zui\\:after\\:bg-gray-200 {\n &::after {\n content: var(--tw-content);\n background-color: var(--zui-color-gray-200) !important;\n }\n }\n .zui\\:after\\:content-\\[\\"\\"\\] {\n &::after {\n content: var(--tw-content);\n --tw-content: "" !important;\n content: var(--tw-content) !important;\n }\n }\n .zui\\:focus-within\\:ring-1 {\n &:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n .zui\\:focus-within\\:ring-destructive {\n &:focus-within {\n --tw-ring-color: var(--zui-destructive) !important;\n }\n }\n .zui\\:focus-within\\:ring-ring {\n &:focus-within {\n --tw-ring-color: var(--zui-ring) !important;\n }\n }\n .zui\\:focus-within\\:ring-offset-1 {\n &:focus-within {\n --tw-ring-offset-width: 1px !important;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n }\n }\n .zui\\:hover\\:border-blue-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--zui-color-blue-400) !important;\n }\n }\n }\n .zui\\:hover\\:border-gray-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--zui-color-gray-400) !important;\n }\n }\n }\n .zui\\:hover\\:bg-blue-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-blue-50) !important;\n }\n }\n }\n .zui\\:hover\\:bg-blue-700 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-blue-700) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-50) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-100 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-100) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-200) !important;\n }\n }\n }\n .zui\\:hover\\:text-blue-800 {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-blue-800) !important;\n }\n }\n }\n .zui\\:hover\\:text-gray-600 {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-gray-600) !important;\n }\n }\n }\n .zui\\:hover\\:text-red-500 {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-red-500) !important;\n }\n }\n }\n .zui\\:hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline !important;\n }\n }\n }\n .zui\\:hover\\:opacity-100 {\n &:hover {\n @media (hover: hover) {\n opacity: 100% !important;\n }\n }\n }\n .zui\\:focus\\:border-transparent {\n &:focus {\n border-color: transparent !important;\n }\n }\n .zui\\:focus\\:ring-2 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n .zui\\:focus\\:ring-blue-500 {\n &:focus {\n --tw-ring-color: var(--zui-color-blue-500) !important;\n }\n }\n .zui\\:focus\\:outline-none {\n &:focus {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n }\n .zui\\:disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed !important;\n }\n }\n .zui\\:disabled\\:opacity-50 {\n &:disabled {\n opacity: 50% !important;\n }\n }\n .zui\\:aria-selected\\:bg-accent\\/50 {\n &[aria-selected="true"] {\n background-color: var(--zui-accent) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--zui-accent) 50%, transparent) !important;\n }\n }\n }\n .zui\\:aria-selected\\:text-muted-foreground {\n &[aria-selected="true"] {\n color: var(--zui-muted-foreground) !important;\n }\n }\n .zui\\:aria-selected\\:opacity-30 {\n &[aria-selected="true"] {\n opacity: 30% !important;\n }\n }\n .zui\\:aria-selected\\:opacity-100 {\n &[aria-selected="true"] {\n opacity: 100% !important;\n }\n }\n .zui\\:data-\\[disabled\\]\\:pointer-events-none {\n &[data-disabled] {\n pointer-events: none !important;\n }\n }\n .zui\\:data-\\[disabled\\]\\:opacity-50 {\n &[data-disabled] {\n opacity: 50% !important;\n }\n }\n .zui\\:sm\\:w-auto {\n @media (width >= 40rem) {\n width: auto !important;\n }\n }\n .zui\\:sm\\:rounded-l-sm {\n @media (width >= 40rem) {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:sm\\:rounded-r-sm {\n @media (width >= 40rem) {\n border-top-right-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-right-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-accent {\n &>button {\n background-color: var(--zui-accent) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-primary {\n &>button {\n background-color: var(--zui-primary) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-transparent {\n &>button {\n background-color: transparent !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:\\!text-foreground {\n &>button {\n color: var(--zui-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-accent-foreground {\n &>button {\n color: var(--zui-accent-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-foreground {\n &>button {\n color: var(--zui-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-primary-foreground {\n &>button {\n color: var(--zui-primary-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-primary {\n &>button {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-primary) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-transparent {\n &>button {\n &:hover {\n @media (hover: hover) {\n background-color: transparent !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:\\!text-foreground {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-foreground) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:text-gray-500 {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-gray-500) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:text-primary-foreground {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-primary-foreground) !important;\n }\n }\n }\n }\n}\n:root {\n --zui-radius: 0.625rem;\n --zui-background: oklch(1 0 0);\n --zui-foreground: oklch(0.145 0 0);\n --zui-card: oklch(1 0 0);\n --zui-card-foreground: oklch(0.145 0 0);\n --zui-popover: oklch(1 0 0);\n --zui-popover-foreground: oklch(0.145 0 0);\n --zui-primary: oklch(0.55 0.247 266.93);\n --zui-primary-foreground: oklch(0.985 0 0);\n --zui-secondary: oklch(0.97 0 0);\n --zui-secondary-foreground: oklch(0.205 0 0);\n --zui-muted: oklch(0.97 0 0);\n --zui-muted-foreground: oklch(0.556 0 0);\n --zui-accent: oklch(0.97 0 0);\n --zui-accent-foreground: oklch(0.205 0 0);\n --zui-destructive: oklch(0.577 0.245 27.325);\n --zui-border: oklch(0.922 0 0);\n --zui-input: oklch(0.922 0 0);\n --zui-ring: oklch(0.708 0 0);\n --zui-chart-1: oklch(0.646 0.222 41.116);\n --zui-chart-2: oklch(0.6 0.118 184.704);\n --zui-chart-3: oklch(0.398 0.07 227.392);\n --zui-chart-4: oklch(0.828 0.189 84.429);\n --zui-chart-5: oklch(0.769 0.188 70.08);\n --zui-sidebar: oklch(0.985 0 0);\n --zui-sidebar-foreground: oklch(0.145 0 0);\n --zui-sidebar-primary: oklch(0.205 0 0);\n --zui-sidebar-primary-foreground: oklch(0.985 0 0);\n --zui-sidebar-accent: oklch(0.97 0 0);\n --zui-sidebar-accent-foreground: oklch(0.205 0 0);\n --zui-sidebar-border: oklch(0.922 0 0);\n --zui-sidebar-ring: oklch(0.708 0 0);\n}\n@property --tw-translate-x {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-space-y-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-x-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: "*";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: "*";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: "*";\n inherits: false;\n}\n@property --tw-tracking {\n syntax: "*";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: "<length>";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: "*";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: "*";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: "*";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: "*";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: "*";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-invert {\n syntax: "*";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: "*";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: "*";\n inherits: false;\n}\n@property --tw-duration {\n syntax: "*";\n inherits: false;\n}\n@property --tw-content {\n syntax: "*";\n initial-value: "";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-space-y-reverse: 0;\n --tw-space-x-reverse: 0;\n --tw-divide-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-content: "";\n }\n }\n}\n');var w=function(n){var t=n.open,u=n.onClose,c=n.title,s=n.children,d=n.footer,z=n.side,g=void 0===z?"right":z,h=n.className,v=n.headerClassName,w=n.showCloseIcon,b=void 0===w||w,f=n.withOverlay,x=void 0===f||f,y=n.stickyFooter,k=void 0===y||y,j=n.width,C=n.height,N="left"===g||"right"===g;return r(a,{anchor:g,open:t,onClose:u,ModalProps:{keepMounted:!0},hideBackdrop:!x,PaperProps:{style:{width:N?null!=j?j:400:void 0,height:N?"100%":null!=C?C:400},className:p("zui:bg-background zui:shadow-lg zui:border-border zui:flex zui:flex-col",N?"zui:h-full zui:rounded-none zui:sm:rounded-l-sm":"zui:w-full zui:sm:w-auto","left"===g&&"zui:sm:rounded-r-sm zui:border-r zui:border-l-0","top"===g&&"zui:rounded-b-sm","bottom"===g&&"zui:rounded-t-sm",h)},children:[r(e,{className:p("zui:p-4 zui:flex zui:items-center zui:justify-between zui:border-b zui:border-border",v),children:[o(i,{size:"sm",fontWeight:600,children:c}),b&&o(l,{onClick:u,size:"small",className:"zui:hover:text-red-500",children:o(m,{className:"zui:h-4 zui:w-4"})})]}),o(e,{className:"zui:flex-1 zui:overflow-y-auto zui:p-4",children:s}),d&&o(e,{className:p("zui:border-t zui:border-border zui:p-2",k&&"zui:sticky zui:bottom-0 zui:bg-background"),children:d})]})},b=function(n){var i=n.openModal,t=n.setOpenModal,a=void 0===t?function(){}:t,e=n.spocDetails,u=void 0===e?{}:e,l=n.showCSAT,c=void 0===l||l,p=n.showProductNPS,d=void 0===p||p,g=n.onComplete,w=n.onClose,b=n.appId,f=void 0===b?1:b,x=n.customQuestions,y=n.onSubmitSurvey,k=n.onLogClose,j=[{id:1,question:"How would you rate your customer success experience with ".concat((null==u?void 0:u.EMPLOYEE_NAME)||"our team","?"),maxRating:5,labels:{low:"Not at all likely",high:"Extremely likely"},apiKey:"RATING",show:c},{id:2,question:"How satisfied are you with our product features?",maxRating:10,labels:{low:"Not satisfied",high:"Very satisfied"},apiKey:"PRODUCT_RATING",show:d}],C=z(function(){return x&&x.length>0?x.map(function(n,i){return s(s({},n),{id:n.id||i+1,show:!0})}):j},[x,null==u?void 0:u.EMPLOYEE_NAME,c,d]),N=z(function(){return C.filter(function(n){return n.show})},[C]),T=h(0),S=T[0],M=T[1],P=h({}),I=P[0],A=P[1],E=h(null),R=E[0],L=E[1],B=h(!1),D=B[0],_=B[1],G=h(""),F=G[0],H=G[1],U=v(function(){M(0),A({}),L(null),H(""),_(!1)},[]),O=v(function(){var n={app_id:f};c&&(n.support_nps=1),d&&(n.product_nps=1),k&&k(n),a(!1),U(),null==w||w()},[f,c,d,k,a,U,w]),K=N[S],q=S===N.length-1,Q=v(function(n){var i;L(n);var t=s(s({},I),((i={})[K.apiKey]=n,i));A(t),setTimeout(function(){q||M(S+1),L(null)},300)},[I,S,K,q]),Y=v(function(){var n=s(s({},I),{FEEDBACK:F,app_id:f});y?y(n,function(){_(!0),null==g||g(I)}):(_(!0),null==g||g(I))},[I,F,f,y,g]),V=v(function(n){for(var i=[],t=10===n?10:n,r=1;r<=t;r++)i.push(r);return i},[]),W=v(function(){_(!1),a(!1),U()},[a,U]);return i?0===N.length?null:D?o("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:r("div",{className:"zui:bg-white zui:rounded-lg zui:shadow-2xl zui:max-w-3xl zui:w-full zui:p-6 zui:relative zui:pointer-events-auto",children:[o("button",{onClick:W,className:"zui:absolute zui:top-4 zui:right-4 zui:text-gray-400 zui:hover:text-gray-600 zui:transition-colors","aria-label":"Close",children:o(m,{size:20})}),r("div",{className:"zui:text-center",children:[o("h2",{className:"zui:text-2xl zui:font-semibold zui:text-gray-800 zui:mb-2",children:"Thank you for your valuable feedback"}),o("button",{onClick:W,className:"zui:mt-4 zui:px-6 zui:py-2 zui:bg-blue-600 zui:text-white zui:rounded-md zui:hover:bg-blue-700 zui:transition-colors",children:"Done"})]})]})}):q&&I[K.apiKey]?o("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:r("div",{className:"zui:bg-white zui:rounded-lg zui:shadow-2xl zui:max-w-3xl zui:w-full zui:p-6 zui:relative zui:pointer-events-auto",children:[o("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:N.map(function(n,i){return o("div",{className:"zui:h-1.5 zui:w-8 zui:rounded-full zui:bg-blue-600 zui:transition-all zui:duration-300"},i)})}),o("h2",{className:"zui:text-xl zui:font-semibold zui:text-center zui:text-gray-800 zui:mb-4",children:"Anything that can be improved?"}),o("p",{className:"zui:text-center zui:text-sm zui:text-gray-500 zui:mb-4",children:"Optional feedback"}),o("div",{className:"zui:mb-6",children:o("textarea",{className:"zui:w-full zui:p-3 zui:border zui:border-gray-300 zui:rounded-md zui:focus:outline-none zui:focus:ring-2 zui:focus:ring-blue-500 zui:focus:border-transparent zui:resize-none",rows:4,placeholder:"Share your thoughts...",value:F,onChange:function(n){return H(n.target.value)}})}),o("div",{className:"zui:flex zui:justify-end zui:gap-3",children:o("button",{onClick:Y,className:"zui:px-6 zui:py-2 zui:bg-blue-600 zui:text-white zui:rounded-md zui:hover:bg-blue-700 zui:transition-colors",children:"Finish"})})]})}):o("div",{className:"zui:h-80",children:o("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:r("div",{className:"zui:bg-white zui:rounded-lg zui:shadow-2xl zui:max-w-3xl zui:w-full zui:p-6 zui:relative zui:pointer-events-auto",children:[o("button",{onClick:O,className:"zui:absolute zui:top-4 zui:right-4 zui:text-gray-400 zui:hover:text-gray-600 zui:transition-colors","aria-label":"Close survey",children:o(m,{size:20})}),o("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:N.map(function(n,i){return o("div",{className:"zui:h-1.5 zui:rounded-full zui:transition-all zui:duration-300 ".concat(i===S?"zui:w-8 zui:bg-blue-600":i<S?"zui:w-8 zui:bg-blue-400":"zui:w-8 zui:bg-gray-300")},i)})}),o("h2",{className:"zui:text-xl zui:font-semibold zui:text-center zui:text-gray-800 zui:mb-1",children:K.question}),r("p",{className:"zui:text-center zui:text-sm zui:text-gray-500 zui:mb-6",children:["Question ",S+1," of ",N.length]}),o("div",{className:"zui:flex zui:items-center zui:justify-center zui:gap-2 zui:mb-4",children:V(K.maxRating).map(function(n){return o("button",{onClick:function(){return Q(n)},className:"zui:w-12 zui:h-12 zui:shrink-0 zui:rounded-full zui:cursor-pointer zui:border-2 zui:transition-all zui:duration-200 zui:font-medium zui:text-base ".concat(R===n?"zui:bg-blue-600 zui:border-blue-600 zui:text-white zui:scale-110":"zui:bg-white zui:border-gray-300 zui:text-gray-700 zui:hover:border-blue-400 zui:hover:bg-blue-50"),children:n},n)})}),o("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:r("div",{className:"zui:flex zui:justify-between",style:{width:"".concat(48*K.maxRating+8*(K.maxRating-1),"px")},children:[o("span",{className:"zui:text-sm zui:text-gray-500 zui:italic",children:K.labels.low}),o("span",{className:"zui:text-sm zui:text-gray-500 zui:italic",children:K.labels.high})]})})]})})}):null};export{w as Drawer,b as Nps,i as Text,p as cn};
1
+ import{s as n}from"./chunks/index-92dc1820.esm.js";export{U as UILibraryThemeProvider,c as createCustomTheme,d as designTokens,t as theme}from"./chunks/index-92dc1820.esm.js";import{Button as i}from"./components/Button/index.esm.js";export{Popover}from"./components/Popover/index.esm.js";import{CardRoot as r,CardContent as o,CardHeader as a}from"./components/Card/index.esm.js";export{CardActions,CardImage,CardSkeleton}from"./components/Card/index.esm.js";export{Select}from"./components/Select/index.esm.js";export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/Accordion/index.esm.js";export{default as Switch}from"./components/Switch/index.esm.js";export{RadioGroup}from"./components/RadioGroup/index.esm.js";import{H as e}from"./chunks/Heading-cefb898e.esm.js";import{T as l}from"./chunks/Text-5b99f7f4.esm.js";import{Caption as p}from"./components/Typography/index.esm.js";export{Blockquote,Code,Lead,Strong}from"./components/Typography/index.esm.js";export{M as Muted}from"./chunks/Muted-d00b328e.esm.js";export{Modal}from"./components/Modal/index.esm.js";import{jsxs as s,jsx as m}from"react/jsx-runtime";import{Drawer as z,Box as h,IconButton as v}from"@mui/material";import{a as w}from"./chunks/index-6d90ff6c.esm.js";export{d as darken,g as getTextColor,u as useStableId}from"./chunks/index-6d90ff6c.esm.js";import{a as b}from"./chunks/tslib.es6-4974c96c.esm.js";import{X as f}from"./chunks/lucide-1d5a9cda.esm.js";export{Badge}from"./components/Badge/index.esm.js";import{Input as x}from"./components/Input/index.esm.js";export{Notice}from"./components/Notice/index.esm.js";export{DatePicker}from"./components/DatePicker/index.esm.js";export{DateRangePicker}from"./components/DateRangePicker/index.esm.js";export{Form}from"./components/Form/index.esm.js";export{Checkbox}from"./components/Checkbox/index.esm.js";export{CheckboxGroup}from"./components/CheckboxGroup/index.esm.js";export{Radio}from"./components/Radio/index.esm.js";export{PopupConfirm}from"./components/PopupConfirm/index.esm.js";export{GlobalMenuSearch}from"./components/GlobalMenuSearch/index.esm.js";export{AppList}from"./components/AppList/index.esm.js";export{Table}from"./components/Table/index.esm.js";export{BulkActionsBar}from"./components/BulkActionsBar/index.esm.js";export{TimePicker}from"./components/TimePicker/index.esm.js";export{DataTable}from"./components/DataTable/index.esm.js";export{Tab}from"./components/Tab/index.esm.js";export{Timeline}from"./components/Timeline/index.esm.js";export{BarChart,BaseChart,LineChart,PieChart}from"./components/Charts/index.esm.js";import{useMemo as y,useState as k,useCallback as j}from"react";import"@mui/material/Tooltip";export{Progress}from"./components/Progress/index.esm.js";export{SearchInput}from"./components/SearchInput/index.esm.js";export{Stepper}from"./components/Stepper/index.esm.js";export{LottiePlayer}from"./components/LottiePlayer/index.esm.js";import"@mui/material/styles";import"@mui/material/CardContent";import"@mui/material/CardMedia";import"./chunks/createSuper-a71d2b5b.esm.js";import"./chunks/assertThisInitialized-03efc53b.esm.js";import"./chunks/extends-bb693bd1.esm.js";import"@emotion/react";import"react-dom";import"./chunks/index-3cd5487e.esm.js";import"./chunks/moment-df993c05.esm.js";import"./chunks/_commonjsHelpers-02d3be64.esm.js";import"./chunks/dayjs.min-ccb12949.esm.js";import"@mui/material/IconButton";import"@mui/material/List";import"@mui/material/ListItemText";import"@mui/material/ListItemIcon";import"./chunks/react-virtualized-auto-sizer.esm-9ede76fe.esm.js";import"@mui/material/Popover";import"./chunks/index-e5b56c03.esm.js";n('/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --zui-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",\n "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n --zui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",\n "Courier New", monospace;\n --zui-color-red-50: oklch(97.1% 0.013 17.38);\n --zui-color-red-100: oklch(93.6% 0.032 17.717);\n --zui-color-red-200: oklch(88.5% 0.062 18.334);\n --zui-color-red-500: oklch(63.7% 0.237 25.331);\n --zui-color-red-600: oklch(57.7% 0.245 27.325);\n --zui-color-red-700: oklch(50.5% 0.213 27.518);\n --zui-color-red-800: oklch(44.4% 0.177 26.899);\n --zui-color-red-900: oklch(39.6% 0.141 25.723);\n --zui-color-orange-100: oklch(95.4% 0.038 75.164);\n --zui-color-orange-200: oklch(90.1% 0.076 70.697);\n --zui-color-orange-500: oklch(70.5% 0.213 47.604);\n --zui-color-orange-800: oklch(47% 0.157 37.304);\n --zui-color-amber-50: oklch(98.7% 0.022 95.277);\n --zui-color-amber-100: oklch(96.2% 0.059 95.617);\n --zui-color-amber-500: oklch(76.9% 0.188 70.08);\n --zui-color-amber-600: oklch(66.6% 0.179 58.318);\n --zui-color-amber-700: oklch(55.5% 0.163 48.998);\n --zui-color-yellow-50: oklch(98.7% 0.026 102.212);\n --zui-color-yellow-100: oklch(97.3% 0.071 103.193);\n --zui-color-yellow-200: oklch(94.5% 0.129 101.54);\n --zui-color-yellow-400: oklch(85.2% 0.199 91.936);\n --zui-color-yellow-500: oklch(79.5% 0.184 86.047);\n --zui-color-yellow-600: oklch(68.1% 0.162 75.834);\n --zui-color-yellow-700: oklch(55.4% 0.135 66.442);\n --zui-color-yellow-800: oklch(47.6% 0.114 61.907);\n --zui-color-yellow-900: oklch(42.1% 0.095 57.708);\n --zui-color-green-50: oklch(98.2% 0.018 155.826);\n --zui-color-green-100: oklch(96.2% 0.044 156.743);\n --zui-color-green-200: oklch(92.5% 0.084 155.995);\n --zui-color-green-500: oklch(72.3% 0.219 149.579);\n --zui-color-green-600: oklch(62.7% 0.194 149.214);\n --zui-color-green-700: oklch(52.7% 0.154 150.069);\n --zui-color-green-800: oklch(44.8% 0.119 151.328);\n --zui-color-green-900: oklch(39.3% 0.095 152.535);\n --zui-color-cyan-500: oklch(71.5% 0.143 215.221);\n --zui-color-blue-50: oklch(97% 0.014 254.604);\n --zui-color-blue-100: oklch(93.2% 0.032 255.585);\n --zui-color-blue-200: oklch(88.2% 0.059 254.128);\n --zui-color-blue-400: oklch(70.7% 0.165 254.624);\n --zui-color-blue-500: oklch(62.3% 0.214 259.815);\n --zui-color-blue-600: oklch(54.6% 0.245 262.881);\n --zui-color-blue-700: oklch(48.8% 0.243 264.376);\n --zui-color-blue-800: oklch(42.4% 0.199 265.638);\n --zui-color-blue-900: oklch(37.9% 0.146 265.522);\n --zui-color-purple-50: oklch(97.7% 0.014 308.299);\n --zui-color-purple-100: oklch(94.6% 0.033 307.174);\n --zui-color-purple-200: oklch(90.2% 0.063 306.703);\n --zui-color-purple-500: oklch(62.7% 0.265 303.9);\n --zui-color-purple-600: oklch(55.8% 0.288 302.321);\n --zui-color-purple-700: oklch(49.6% 0.265 301.924);\n --zui-color-purple-800: oklch(43.8% 0.218 303.724);\n --zui-color-pink-50: oklch(97.1% 0.014 343.198);\n --zui-color-pink-500: oklch(65.6% 0.241 354.308);\n --zui-color-slate-100: oklch(96.8% 0.007 247.896);\n --zui-color-slate-200: oklch(92.9% 0.013 255.508);\n --zui-color-slate-300: oklch(86.9% 0.022 252.894);\n --zui-color-slate-500: oklch(55.4% 0.046 257.417);\n --zui-color-slate-800: oklch(27.9% 0.041 260.031);\n --zui-color-gray-50: oklch(98.5% 0.002 247.839);\n --zui-color-gray-100: oklch(96.7% 0.003 264.542);\n --zui-color-gray-200: oklch(92.8% 0.006 264.531);\n --zui-color-gray-300: oklch(87.2% 0.01 258.338);\n --zui-color-gray-400: oklch(70.7% 0.022 261.325);\n --zui-color-gray-500: oklch(55.1% 0.027 264.364);\n --zui-color-gray-600: oklch(44.6% 0.03 256.802);\n --zui-color-gray-700: oklch(37.3% 0.034 259.733);\n --zui-color-gray-800: oklch(27.8% 0.033 256.848);\n --zui-color-gray-900: oklch(21% 0.034 264.665);\n --zui-color-neutral-100: oklch(97% 0 0);\n --zui-color-black: #000;\n --zui-color-white: #fff;\n --zui-spacing: 0.25rem;\n --zui-container-sm: 24rem;\n --zui-container-md: 28rem;\n --zui-container-2xl: 42rem;\n --zui-container-3xl: 48rem;\n --zui-container-4xl: 56rem;\n --zui-text-xs: 0.75rem;\n --zui-text-xs--line-height: calc(1 / 0.75);\n --zui-text-sm: 0.875rem;\n --zui-text-sm--line-height: calc(1.25 / 0.875);\n --zui-text-base: 1rem;\n --zui-text-base--line-height: calc(1.5 / 1);\n --zui-text-lg: 1.125rem;\n --zui-text-lg--line-height: calc(1.75 / 1.125);\n --zui-text-xl: 1.25rem;\n --zui-text-xl--line-height: calc(1.75 / 1.25);\n --zui-text-2xl: 1.5rem;\n --zui-text-2xl--line-height: calc(2 / 1.5);\n --zui-font-weight-normal: 400;\n --zui-font-weight-medium: 500;\n --zui-font-weight-semibold: 600;\n --zui-font-weight-bold: 700;\n --zui-tracking-wide: 0.025em;\n --zui-tracking-wider: 0.05em;\n --zui-leading-snug: 1.375;\n --zui-radius-2xl: 1rem;\n --zui-animate-spin: spin 1s linear infinite;\n --zui-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --zui-blur-sm: 8px;\n --zui-default-transition-duration: 150ms;\n --zui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --zui-default-font-family: var(--zui-font-sans);\n --zui-default-mono-font-family: var(--zui-font-mono);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: var(--zui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n font-feature-settings: var(--zui-default-font-feature-settings, normal);\n font-variation-settings: var(--zui-default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--zui-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n font-feature-settings: var(--zui-default-mono-font-feature-settings, normal);\n font-variation-settings: var(--zui-default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden="until-found"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .zui\\:pointer-events-auto {\n pointer-events: auto !important;\n }\n .zui\\:pointer-events-none {\n pointer-events: none !important;\n }\n .zui\\:invisible {\n visibility: hidden !important;\n }\n .zui\\:sr-only {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border-width: 0 !important;\n }\n .zui\\:\\!absolute {\n position: absolute !important;\n }\n .zui\\:absolute {\n position: absolute !important;\n }\n .zui\\:fixed {\n position: fixed !important;\n }\n .zui\\:relative {\n position: relative !important;\n }\n .zui\\:sticky {\n position: sticky !important;\n }\n .zui\\:inset-y-0 {\n inset-block: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:-top-\\[9px\\] {\n top: calc(9px * -1) !important;\n }\n .zui\\:top-0 {\n top: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:top-2 {\n top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:top-3 {\n top: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:top-6 {\n top: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:top-16 {\n top: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:right-0 {\n right: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:right-2 {\n right: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:right-3 {\n right: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:right-4 {\n right: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:right-9 {\n right: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:bottom-0 {\n bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:left-0 {\n left: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:left-3 {\n left: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:z-10 {\n z-index: 10 !important;\n }\n .zui\\:z-20 {\n z-index: 20 !important;\n }\n .zui\\:z-30 {\n z-index: 30 !important;\n }\n .zui\\:z-40 {\n z-index: 40 !important;\n }\n .zui\\:z-50 {\n z-index: 50 !important;\n }\n .zui\\:col-span-1 {\n grid-column: span 1 / span 1 !important;\n }\n .zui\\:col-span-2 {\n grid-column: span 2 / span 2 !important;\n }\n .zui\\:col-span-3 {\n grid-column: span 3 / span 3 !important;\n }\n .zui\\:col-span-4 {\n grid-column: span 4 / span 4 !important;\n }\n .zui\\:col-span-5 {\n grid-column: span 5 / span 5 !important;\n }\n .zui\\:col-span-6 {\n grid-column: span 6 / span 6 !important;\n }\n .zui\\:col-span-7 {\n grid-column: span 7 / span 7 !important;\n }\n .zui\\:col-span-8 {\n grid-column: span 8 / span 8 !important;\n }\n .zui\\:col-span-9 {\n grid-column: span 9 / span 9 !important;\n }\n .zui\\:col-span-10 {\n grid-column: span 10 / span 10 !important;\n }\n .zui\\:col-span-11 {\n grid-column: span 11 / span 11 !important;\n }\n .zui\\:col-span-12 {\n grid-column: span 12 / span 12 !important;\n }\n .zui\\:m-0 {\n margin: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:m-0\\.5 {\n margin: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:mx-0 {\n margin-inline: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mx-10 {\n margin-inline: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:mx-auto {\n margin-inline: auto !important;\n }\n .zui\\:\\!my-4 {\n margin-block: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mt-0\\.5 {\n margin-top: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:mt-1 {\n margin-top: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mt-1\\.5 {\n margin-top: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:mt-2 {\n margin-top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mt-3 {\n margin-top: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mt-4 {\n margin-top: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mt-6 {\n margin-top: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:mt-8 {\n margin-top: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:mt-10 {\n margin-top: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:mt-\\[1px\\] {\n margin-top: 1px !important;\n }\n .zui\\:mr-1 {\n margin-right: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mr-2 {\n margin-right: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mr-3 {\n margin-right: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mr-4 {\n margin-right: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:\\!mb-0 {\n margin-bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mb-0 {\n margin-bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mb-1 {\n margin-bottom: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mb-2 {\n margin-bottom: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mb-3 {\n margin-bottom: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mb-4 {\n margin-bottom: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mb-6 {\n margin-bottom: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:mb-\\[3px\\] {\n margin-bottom: 3px !important;\n }\n .zui\\:ml-1 {\n margin-left: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:ml-2 {\n margin-left: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:ml-auto {\n margin-left: auto !important;\n }\n .zui\\:block {\n display: block !important;\n }\n .zui\\:flex {\n display: flex !important;\n }\n .zui\\:grid {\n display: grid !important;\n }\n .zui\\:hidden {\n display: none !important;\n }\n .zui\\:inline-block {\n display: inline-block !important;\n }\n .zui\\:inline-flex {\n display: inline-flex !important;\n }\n .zui\\:table-cell {\n display: table-cell !important;\n }\n .zui\\:table-row {\n display: table-row !important;\n }\n .zui\\:size-8 {\n width: calc(var(--zui-spacing) * 8) !important;\n height: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:h-1\\.5 {\n height: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:h-2 {\n height: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:h-3 {\n height: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:h-4 {\n height: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:h-5 {\n height: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:h-6 {\n height: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:h-7 {\n height: calc(var(--zui-spacing) * 7) !important;\n }\n .zui\\:h-8 {\n height: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:h-9 {\n height: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:h-10 {\n height: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:h-11 {\n height: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:h-12 {\n height: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:h-16 {\n height: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:h-80 {\n height: calc(var(--zui-spacing) * 80) !important;\n }\n .zui\\:h-96 {\n height: calc(var(--zui-spacing) * 96) !important;\n }\n .zui\\:h-\\[500px\\] {\n height: 500px !important;\n }\n .zui\\:h-\\[calc\\(100\\%_-_2\\.75rem\\)\\] {\n height: calc(100% - 2.75rem) !important;\n }\n .zui\\:h-\\[calc\\(100vh-65px\\)\\] {\n height: calc(100vh - 65px) !important;\n }\n .zui\\:h-\\[calc\\(100vh-135px\\)\\] {\n height: calc(100vh - 135px) !important;\n }\n .zui\\:h-full {\n height: 100% !important;\n }\n .zui\\:h-screen {\n height: 100vh !important;\n }\n .zui\\:max-h-44 {\n max-height: calc(var(--zui-spacing) * 44) !important;\n }\n .zui\\:max-h-\\[15vh\\] {\n max-height: 15vh !important;\n }\n .zui\\:max-h-\\[70vh\\] {\n max-height: 70vh !important;\n }\n .zui\\:min-h-0 {\n min-height: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:min-h-\\[30px\\] {\n min-height: 30px !important;\n }\n .zui\\:min-h-\\[32px\\] {\n min-height: 32px !important;\n }\n .zui\\:min-h-\\[50px\\] {\n min-height: 50px !important;\n }\n .zui\\:min-h-\\[60px\\] {\n min-height: 60px !important;\n }\n .zui\\:min-h-\\[70vh\\] {\n min-height: 70vh !important;\n }\n .zui\\:min-h-screen {\n min-height: 100vh !important;\n }\n .zui\\:w-2 {\n width: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:w-3 {\n width: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:w-3\\/4 {\n width: calc(3/4 * 100%) !important;\n }\n .zui\\:w-4 {\n width: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:w-5 {\n width: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:w-6 {\n width: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:w-7 {\n width: calc(var(--zui-spacing) * 7) !important;\n }\n .zui\\:w-8 {\n width: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:w-10 {\n width: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:w-12 {\n width: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:w-14 {\n width: calc(var(--zui-spacing) * 14) !important;\n }\n .zui\\:w-16 {\n width: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:w-64 {\n width: calc(var(--zui-spacing) * 64) !important;\n }\n .zui\\:w-72 {\n width: calc(var(--zui-spacing) * 72) !important;\n }\n .zui\\:w-80 {\n width: calc(var(--zui-spacing) * 80) !important;\n }\n .zui\\:w-100 {\n width: calc(var(--zui-spacing) * 100) !important;\n }\n .zui\\:w-\\[1px\\] {\n width: 1px !important;\n }\n .zui\\:w-\\[22rem\\] {\n width: 22rem !important;\n }\n .zui\\:w-fit {\n width: fit-content !important;\n }\n .zui\\:w-full {\n width: 100% !important;\n }\n .zui\\:w-max {\n width: max-content !important;\n }\n .zui\\:max-w-2xl {\n max-width: var(--zui-container-2xl) !important;\n }\n .zui\\:max-w-3xl {\n max-width: var(--zui-container-3xl) !important;\n }\n .zui\\:max-w-4xl {\n max-width: var(--zui-container-4xl) !important;\n }\n .zui\\:max-w-full {\n max-width: 100% !important;\n }\n .zui\\:max-w-md {\n max-width: var(--zui-container-md) !important;\n }\n .zui\\:max-w-sm {\n max-width: var(--zui-container-sm) !important;\n }\n .zui\\:\\!min-w-8 {\n min-width: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:min-w-0 {\n min-width: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:min-w-\\[1\\.5rem\\] {\n min-width: 1.5rem !important;\n }\n .zui\\:min-w-\\[1\\.25rem\\] {\n min-width: 1.25rem !important;\n }\n .zui\\:min-w-\\[2rem\\] {\n min-width: 2rem !important;\n }\n .zui\\:min-w-\\[10rem\\] {\n min-width: 10rem !important;\n }\n .zui\\:min-w-\\[12rem\\] {\n min-width: 12rem !important;\n }\n .zui\\:min-w-\\[14rem\\] {\n min-width: 14rem !important;\n }\n .zui\\:min-w-full {\n min-width: 100% !important;\n }\n .zui\\:flex-1 {\n flex: 1 !important;\n }\n .zui\\:flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n .zui\\:shrink-0 {\n flex-shrink: 0 !important;\n }\n .zui\\:table-fixed {\n table-layout: fixed !important;\n }\n .zui\\:border-collapse {\n border-collapse: collapse !important;\n }\n .zui\\:origin-center {\n transform-origin: center !important;\n }\n .zui\\:-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n .zui\\:scale-110 {\n --tw-scale-x: 110% !important;\n --tw-scale-y: 110% !important;\n --tw-scale-z: 110% !important;\n scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n }\n .zui\\:rotate-90 {\n rotate: 90deg !important;\n }\n .zui\\:rotate-\\[-90deg\\] {\n rotate: -90deg !important;\n }\n .zui\\:animate-pulse {\n animation: var(--zui-animate-pulse) !important;\n }\n .zui\\:animate-spin {\n animation: var(--zui-animate-spin) !important;\n }\n .zui\\:cursor-default {\n cursor: default !important;\n }\n .zui\\:cursor-not-allowed {\n cursor: not-allowed !important;\n }\n .zui\\:cursor-pointer {\n cursor: pointer !important;\n }\n .zui\\:resize-none {\n resize: none !important;\n }\n .zui\\:list-inside {\n list-style-position: inside !important;\n }\n .zui\\:list-disc {\n list-style-type: disc !important;\n }\n .zui\\:grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n }\n .zui\\:flex-col {\n flex-direction: column !important;\n }\n .zui\\:flex-row {\n flex-direction: row !important;\n }\n .zui\\:flex-row-reverse {\n flex-direction: row-reverse !important;\n }\n .zui\\:flex-nowrap {\n flex-wrap: nowrap !important;\n }\n .zui\\:flex-wrap {\n flex-wrap: wrap !important;\n }\n .zui\\:items-baseline {\n align-items: baseline !important;\n }\n .zui\\:items-center {\n align-items: center !important;\n }\n .zui\\:items-start {\n align-items: flex-start !important;\n }\n .zui\\:justify-between {\n justify-content: space-between !important;\n }\n .zui\\:justify-center {\n justify-content: center !important;\n }\n .zui\\:justify-end {\n justify-content: flex-end !important;\n }\n .zui\\:justify-start {\n justify-content: flex-start !important;\n }\n .zui\\:gap-0\\.5 {\n gap: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:gap-1 {\n gap: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:gap-1\\.5 {\n gap: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:gap-2 {\n gap: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:gap-3 {\n gap: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:gap-4 {\n gap: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:gap-6 {\n gap: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-5 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 5) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 6) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-8 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 8) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-x-1 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-2 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-3 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-4 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:gap-y-2 {\n row-gap: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0 !important;\n border-bottom-style: var(--tw-border-style) !important;\n border-top-style: var(--tw-border-style) !important;\n border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;\n }\n }\n .zui\\:divide-gray-200 {\n :where(& > :not(:last-child)) {\n border-color: var(--zui-color-gray-200) !important;\n }\n }\n .zui\\:truncate {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n }\n .zui\\:overflow-auto {\n overflow: auto !important;\n }\n .zui\\:overflow-hidden {\n overflow: hidden !important;\n }\n .zui\\:overflow-visible {\n overflow: visible !important;\n }\n .zui\\:overflow-x-auto {\n overflow-x: auto !important;\n }\n .zui\\:overflow-y-auto {\n overflow-y: auto !important;\n }\n .zui\\:rounded {\n border-radius: 0.25rem !important;\n }\n .zui\\:rounded-2xl {\n border-radius: var(--zui-radius-2xl) !important;\n }\n .zui\\:rounded-full {\n border-radius: calc(infinity * 1px) !important;\n }\n .zui\\:rounded-lg {\n border-radius: var(--zui-radius) !important;\n }\n .zui\\:rounded-md {\n border-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-none {\n border-radius: 0 !important;\n }\n .zui\\:rounded-sm {\n border-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:rounded-xl {\n border-radius: calc(var(--zui-radius) + 4px) !important;\n }\n .zui\\:rounded-s-md {\n border-start-start-radius: calc(var(--zui-radius) - 2px) !important;\n border-end-start-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-e-md {\n border-start-end-radius: calc(var(--zui-radius) - 2px) !important;\n border-end-end-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-t-lg {\n border-top-left-radius: var(--zui-radius) !important;\n border-top-right-radius: var(--zui-radius) !important;\n }\n .zui\\:rounded-t-sm {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-top-right-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:rounded-b-sm {\n border-bottom-right-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:border {\n border-style: var(--tw-border-style) !important;\n border-width: 1px !important;\n }\n .zui\\:border-0 {\n border-style: var(--tw-border-style) !important;\n border-width: 0px !important;\n }\n .zui\\:border-1 {\n border-style: var(--tw-border-style) !important;\n border-width: 1px !important;\n }\n .zui\\:border-2 {\n border-style: var(--tw-border-style) !important;\n border-width: 2px !important;\n }\n .zui\\:border-t {\n border-top-style: var(--tw-border-style) !important;\n border-top-width: 1px !important;\n }\n .zui\\:border-r {\n border-right-style: var(--tw-border-style) !important;\n border-right-width: 1px !important;\n }\n .zui\\:border-b {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 1px !important;\n }\n .zui\\:border-b-1 {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 1px !important;\n }\n .zui\\:border-b-2 {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 2px !important;\n }\n .zui\\:border-b-\\[2px\\] {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 2px !important;\n }\n .zui\\:border-l-0 {\n border-left-style: var(--tw-border-style) !important;\n border-left-width: 0px !important;\n }\n .zui\\:border-l-4 {\n border-left-style: var(--tw-border-style) !important;\n border-left-width: 4px !important;\n }\n .zui\\:border-blue-100 {\n border-color: var(--zui-color-blue-100) !important;\n }\n .zui\\:border-blue-200 {\n border-color: var(--zui-color-blue-200) !important;\n }\n .zui\\:border-blue-500 {\n border-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:border-blue-600 {\n border-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:border-blue-700 {\n border-color: var(--zui-color-blue-700) !important;\n }\n .zui\\:border-border {\n border-color: var(--zui-border) !important;\n }\n .zui\\:border-current {\n border-color: currentcolor !important;\n }\n .zui\\:border-destructive {\n border-color: var(--zui-destructive) !important;\n }\n .zui\\:border-gray-100 {\n border-color: var(--zui-color-gray-100) !important;\n }\n .zui\\:border-gray-200 {\n border-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:border-gray-300 {\n border-color: var(--zui-color-gray-300) !important;\n }\n .zui\\:border-gray-700 {\n border-color: var(--zui-color-gray-700) !important;\n }\n .zui\\:border-gray-800 {\n border-color: var(--zui-color-gray-800) !important;\n }\n .zui\\:border-green-100 {\n border-color: var(--zui-color-green-100) !important;\n }\n .zui\\:border-green-200 {\n border-color: var(--zui-color-green-200) !important;\n }\n .zui\\:border-green-700 {\n border-color: var(--zui-color-green-700) !important;\n }\n .zui\\:border-input {\n border-color: var(--zui-input) !important;\n }\n .zui\\:border-orange-200 {\n border-color: var(--zui-color-orange-200) !important;\n }\n .zui\\:border-purple-200 {\n border-color: var(--zui-color-purple-200) !important;\n }\n .zui\\:border-red-100 {\n border-color: var(--zui-color-red-100) !important;\n }\n .zui\\:border-red-200 {\n border-color: var(--zui-color-red-200) !important;\n }\n .zui\\:border-red-500 {\n border-color: var(--zui-color-red-500) !important;\n }\n .zui\\:border-red-700 {\n border-color: var(--zui-color-red-700) !important;\n }\n .zui\\:border-slate-300 {\n border-color: var(--zui-color-slate-300) !important;\n }\n .zui\\:border-transparent {\n border-color: transparent !important;\n }\n .zui\\:border-white {\n border-color: var(--zui-color-white) !important;\n }\n .zui\\:border-yellow-100 {\n border-color: var(--zui-color-yellow-100) !important;\n }\n .zui\\:border-yellow-200 {\n border-color: var(--zui-color-yellow-200) !important;\n }\n .zui\\:border-yellow-600 {\n border-color: var(--zui-color-yellow-600) !important;\n }\n .zui\\:border-yellow-700 {\n border-color: var(--zui-color-yellow-700) !important;\n }\n .zui\\:border-t-transparent {\n border-top-color: transparent !important;\n }\n .zui\\:bg-\\[\\#f8f8f8\\] {\n background-color: #f8f8f8 !important;\n }\n .zui\\:bg-\\[\\#f9f9f9\\] {\n background-color: #f9f9f9 !important;\n }\n .zui\\:bg-accent {\n background-color: var(--zui-accent) !important;\n }\n .zui\\:bg-accent\\/30 {\n background-color: var(--zui-accent) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--zui-accent) 30%, transparent) !important;\n }\n }\n .zui\\:bg-amber-50 {\n background-color: var(--zui-color-amber-50) !important;\n }\n .zui\\:bg-amber-100 {\n background-color: var(--zui-color-amber-100) !important;\n }\n .zui\\:bg-amber-500 {\n background-color: var(--zui-color-amber-500) !important;\n }\n .zui\\:bg-background {\n background-color: var(--zui-background) !important;\n }\n .zui\\:bg-blue-50 {\n background-color: var(--zui-color-blue-50) !important;\n }\n .zui\\:bg-blue-100 {\n background-color: var(--zui-color-blue-100) !important;\n }\n .zui\\:bg-blue-400 {\n background-color: var(--zui-color-blue-400) !important;\n }\n .zui\\:bg-blue-500 {\n background-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:bg-blue-600 {\n background-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:bg-current {\n background-color: currentcolor !important;\n }\n .zui\\:bg-cyan-500 {\n background-color: var(--zui-color-cyan-500) !important;\n }\n .zui\\:bg-gray-50 {\n background-color: var(--zui-color-gray-50) !important;\n }\n .zui\\:bg-gray-100 {\n background-color: var(--zui-color-gray-100) !important;\n }\n .zui\\:bg-gray-200 {\n background-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:bg-gray-300 {\n background-color: var(--zui-color-gray-300) !important;\n }\n .zui\\:bg-gray-400 {\n background-color: var(--zui-color-gray-400) !important;\n }\n .zui\\:bg-gray-800 {\n background-color: var(--zui-color-gray-800) !important;\n }\n .zui\\:bg-gray-900 {\n background-color: var(--zui-color-gray-900) !important;\n }\n .zui\\:bg-green-50 {\n background-color: var(--zui-color-green-50) !important;\n }\n .zui\\:bg-green-100 {\n background-color: var(--zui-color-green-100) !important;\n }\n .zui\\:bg-green-500 {\n background-color: var(--zui-color-green-500) !important;\n }\n .zui\\:bg-inherit {\n background-color: inherit !important;\n }\n .zui\\:bg-muted {\n background-color: var(--zui-muted) !important;\n }\n .zui\\:bg-neutral-100 {\n background-color: var(--zui-color-neutral-100) !important;\n }\n .zui\\:bg-orange-100 {\n background-color: var(--zui-color-orange-100) !important;\n }\n .zui\\:bg-orange-500 {\n background-color: var(--zui-color-orange-500) !important;\n }\n .zui\\:bg-pink-500 {\n background-color: var(--zui-color-pink-500) !important;\n }\n .zui\\:bg-primary {\n background-color: var(--zui-primary) !important;\n }\n .zui\\:bg-purple-50 {\n background-color: var(--zui-color-purple-50) !important;\n }\n .zui\\:bg-purple-100 {\n background-color: var(--zui-color-purple-100) !important;\n }\n .zui\\:bg-purple-500 {\n background-color: var(--zui-color-purple-500) !important;\n }\n .zui\\:bg-red-50 {\n background-color: var(--zui-color-red-50) !important;\n }\n .zui\\:bg-red-100 {\n background-color: var(--zui-color-red-100) !important;\n }\n .zui\\:bg-red-500 {\n background-color: var(--zui-color-red-500) !important;\n }\n .zui\\:bg-red-600 {\n background-color: var(--zui-color-red-600) !important;\n }\n .zui\\:bg-secondary {\n background-color: var(--zui-secondary) !important;\n }\n .zui\\:bg-slate-100 {\n background-color: var(--zui-color-slate-100) !important;\n }\n .zui\\:bg-slate-200 {\n background-color: var(--zui-color-slate-200) !important;\n }\n .zui\\:bg-transparent {\n background-color: transparent !important;\n }\n .zui\\:bg-white {\n background-color: var(--zui-color-white) !important;\n }\n .zui\\:bg-yellow-50 {\n background-color: var(--zui-color-yellow-50) !important;\n }\n .zui\\:bg-yellow-100 {\n background-color: var(--zui-color-yellow-100) !important;\n }\n .zui\\:bg-yellow-500 {\n background-color: var(--zui-color-yellow-500) !important;\n }\n .zui\\:bg-gradient-to-br {\n --tw-gradient-position: to bottom right in oklab !important;\n background-image: linear-gradient(var(--tw-gradient-stops)) !important;\n }\n .zui\\:from-purple-50 {\n --tw-gradient-from: var(--zui-color-purple-50) !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n .zui\\:to-pink-50 {\n --tw-gradient-to: var(--zui-color-pink-50) !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n .zui\\:object-cover {\n object-fit: cover !important;\n }\n .zui\\:\\!p-0 {\n padding: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:\\!p-1 {\n padding: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:p-0 {\n padding: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:p-0\\.5 {\n padding: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:p-1 {\n padding: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:p-2 {\n padding: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:p-2\\.5 {\n padding: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:p-3 {\n padding: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:p-4 {\n padding: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:p-6 {\n padding: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:px-1 {\n padding-inline: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:px-1\\.5 {\n padding-inline: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:px-2 {\n padding-inline: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:px-2\\.5 {\n padding-inline: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:px-3 {\n padding-inline: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:px-3\\.5 {\n padding-inline: calc(var(--zui-spacing) * 3.5) !important;\n }\n .zui\\:px-4 {\n padding-inline: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:px-5 {\n padding-inline: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:px-6 {\n padding-inline: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:px-\\[6px\\] {\n padding-inline: 6px !important;\n }\n .zui\\:py-0 {\n padding-block: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:py-0\\.5 {\n padding-block: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:py-1 {\n padding-block: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:py-1\\.5 {\n padding-block: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:py-2 {\n padding-block: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:py-2\\.5 {\n padding-block: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:py-3 {\n padding-block: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:py-4 {\n padding-block: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:py-6 {\n padding-block: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:py-10 {\n padding-block: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:py-12 {\n padding-block: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:pt-0\\.5 {\n padding-top: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:pt-1 {\n padding-top: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:pt-2 {\n padding-top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:pr-6 {\n padding-right: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:pr-8 {\n padding-right: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pr-9 {\n padding-right: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:pr-10 {\n padding-right: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:pr-11 {\n padding-right: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:pr-20 {\n padding-right: calc(var(--zui-spacing) * 20) !important;\n }\n .zui\\:pb-8 {\n padding-bottom: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pl-6 {\n padding-left: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:pl-8 {\n padding-left: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pl-9 {\n padding-left: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:pl-10 {\n padding-left: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:pl-11 {\n padding-left: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:text-center {\n text-align: center !important;\n }\n .zui\\:text-left {\n text-align: left !important;\n }\n .zui\\:text-right {\n text-align: right !important;\n }\n .zui\\:align-middle {\n vertical-align: middle !important;\n }\n .zui\\:font-mono {\n font-family: var(--zui-font-mono) !important;\n }\n .zui\\:\\!text-base {\n font-size: var(--zui-text-base) !important;\n line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n }\n .zui\\:\\!text-sm {\n font-size: var(--zui-text-sm) !important;\n line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n }\n .zui\\:text-2xl {\n font-size: var(--zui-text-2xl) !important;\n line-height: var(--tw-leading, var(--zui-text-2xl--line-height)) !important;\n }\n .zui\\:text-base {\n font-size: var(--zui-text-base) !important;\n line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n }\n .zui\\:text-lg {\n font-size: var(--zui-text-lg) !important;\n line-height: var(--tw-leading, var(--zui-text-lg--line-height)) !important;\n }\n .zui\\:text-sm {\n font-size: var(--zui-text-sm) !important;\n line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n }\n .zui\\:text-xl {\n font-size: var(--zui-text-xl) !important;\n line-height: var(--tw-leading, var(--zui-text-xl--line-height)) !important;\n }\n .zui\\:text-xs {\n font-size: var(--zui-text-xs) !important;\n line-height: var(--tw-leading, var(--zui-text-xs--line-height)) !important;\n }\n .zui\\:leading-none {\n --tw-leading: 1 !important;\n line-height: 1 !important;\n }\n .zui\\:leading-snug {\n --tw-leading: var(--zui-leading-snug) !important;\n line-height: var(--zui-leading-snug) !important;\n }\n .zui\\:font-bold {\n --tw-font-weight: var(--zui-font-weight-bold) !important;\n font-weight: var(--zui-font-weight-bold) !important;\n }\n .zui\\:font-medium {\n --tw-font-weight: var(--zui-font-weight-medium) !important;\n font-weight: var(--zui-font-weight-medium) !important;\n }\n .zui\\:font-normal {\n --tw-font-weight: var(--zui-font-weight-normal) !important;\n font-weight: var(--zui-font-weight-normal) !important;\n }\n .zui\\:font-semibold {\n --tw-font-weight: var(--zui-font-weight-semibold) !important;\n font-weight: var(--zui-font-weight-semibold) !important;\n }\n .zui\\:tracking-wide {\n --tw-tracking: var(--zui-tracking-wide) !important;\n letter-spacing: var(--zui-tracking-wide) !important;\n }\n .zui\\:tracking-wider {\n --tw-tracking: var(--zui-tracking-wider) !important;\n letter-spacing: var(--zui-tracking-wider) !important;\n }\n .zui\\:whitespace-nowrap {\n white-space: nowrap !important;\n }\n .zui\\:\\!text-foreground {\n color: var(--zui-foreground) !important;\n }\n .zui\\:text-accent-foreground {\n color: var(--zui-accent-foreground) !important;\n }\n .zui\\:text-amber-600 {\n color: var(--zui-color-amber-600) !important;\n }\n .zui\\:text-amber-700 {\n color: var(--zui-color-amber-700) !important;\n }\n .zui\\:text-black {\n color: var(--zui-color-black) !important;\n }\n .zui\\:text-blue-500 {\n color: var(--zui-color-blue-500) !important;\n }\n .zui\\:text-blue-600 {\n color: var(--zui-color-blue-600) !important;\n }\n .zui\\:text-blue-700 {\n color: var(--zui-color-blue-700) !important;\n }\n .zui\\:text-blue-800 {\n color: var(--zui-color-blue-800) !important;\n }\n .zui\\:text-blue-900 {\n color: var(--zui-color-blue-900) !important;\n }\n .zui\\:text-destructive {\n color: var(--zui-destructive) !important;\n }\n .zui\\:text-foreground {\n color: var(--zui-foreground) !important;\n }\n .zui\\:text-gray-300 {\n color: var(--zui-color-gray-300) !important;\n }\n .zui\\:text-gray-400 {\n color: var(--zui-color-gray-400) !important;\n }\n .zui\\:text-gray-500 {\n color: var(--zui-color-gray-500) !important;\n }\n .zui\\:text-gray-600 {\n color: var(--zui-color-gray-600) !important;\n }\n .zui\\:text-gray-700 {\n color: var(--zui-color-gray-700) !important;\n }\n .zui\\:text-gray-800 {\n color: var(--zui-color-gray-800) !important;\n }\n .zui\\:text-gray-900 {\n color: var(--zui-color-gray-900) !important;\n }\n .zui\\:text-green-500 {\n color: var(--zui-color-green-500) !important;\n }\n .zui\\:text-green-600 {\n color: var(--zui-color-green-600) !important;\n }\n .zui\\:text-green-700 {\n color: var(--zui-color-green-700) !important;\n }\n .zui\\:text-green-800 {\n color: var(--zui-color-green-800) !important;\n }\n .zui\\:text-green-900 {\n color: var(--zui-color-green-900) !important;\n }\n .zui\\:text-muted-foreground {\n color: var(--zui-muted-foreground) !important;\n }\n .zui\\:text-orange-500 {\n color: var(--zui-color-orange-500) !important;\n }\n .zui\\:text-orange-800 {\n color: var(--zui-color-orange-800) !important;\n }\n .zui\\:text-popover-foreground {\n color: var(--zui-popover-foreground) !important;\n }\n .zui\\:text-purple-500 {\n color: var(--zui-color-purple-500) !important;\n }\n .zui\\:text-purple-600 {\n color: var(--zui-color-purple-600) !important;\n }\n .zui\\:text-purple-700 {\n color: var(--zui-color-purple-700) !important;\n }\n .zui\\:text-purple-800 {\n color: var(--zui-color-purple-800) !important;\n }\n .zui\\:text-red-500 {\n color: var(--zui-color-red-500) !important;\n }\n .zui\\:text-red-600 {\n color: var(--zui-color-red-600) !important;\n }\n .zui\\:text-red-700 {\n color: var(--zui-color-red-700) !important;\n }\n .zui\\:text-red-800 {\n color: var(--zui-color-red-800) !important;\n }\n .zui\\:text-red-900 {\n color: var(--zui-color-red-900) !important;\n }\n .zui\\:text-slate-500 {\n color: var(--zui-color-slate-500) !important;\n }\n .zui\\:text-slate-800 {\n color: var(--zui-color-slate-800) !important;\n }\n .zui\\:text-white {\n color: var(--zui-color-white) !important;\n }\n .zui\\:text-yellow-400 {\n color: var(--zui-color-yellow-400) !important;\n }\n .zui\\:text-yellow-500 {\n color: var(--zui-color-yellow-500) !important;\n }\n .zui\\:text-yellow-600 {\n color: var(--zui-color-yellow-600) !important;\n }\n .zui\\:text-yellow-700 {\n color: var(--zui-color-yellow-700) !important;\n }\n .zui\\:text-yellow-800 {\n color: var(--zui-color-yellow-800) !important;\n }\n .zui\\:text-yellow-900 {\n color: var(--zui-color-yellow-900) !important;\n }\n .zui\\:uppercase {\n text-transform: uppercase !important;\n }\n .zui\\:italic {\n font-style: italic !important;\n }\n .zui\\:underline {\n text-decoration-line: underline !important;\n }\n .zui\\:opacity-40 {\n opacity: 40% !important;\n }\n .zui\\:opacity-50 {\n opacity: 50% !important;\n }\n .zui\\:opacity-60 {\n opacity: 60% !important;\n }\n .zui\\:opacity-70 {\n opacity: 70% !important;\n }\n .zui\\:opacity-80 {\n opacity: 80% !important;\n }\n .zui\\:opacity-90 {\n opacity: 90% !important;\n }\n .zui\\:shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:shadow-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-1 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-blue-200 {\n --tw-ring-color: var(--zui-color-blue-200) !important;\n }\n .zui\\:ring-blue-500 {\n --tw-ring-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:ring-blue-600 {\n --tw-ring-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:ring-gray-200 {\n --tw-ring-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:ring-ring {\n --tw-ring-color: var(--zui-ring) !important;\n }\n .zui\\:ring-offset-1 {\n --tw-ring-offset-width: 1px !important;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n }\n .zui\\:ring-offset-background {\n --tw-ring-offset-color: var(--zui-background) !important;\n }\n .zui\\:blur-sm {\n --tw-blur: blur(var(--zui-blur-sm)) !important;\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;\n }\n .zui\\:transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-all {\n transition-property: all !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-transform {\n transition-property: transform, translate, scale, rotate !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-none {\n transition-property: none !important;\n }\n .zui\\:duration-150 {\n --tw-duration: 150ms !important;\n transition-duration: 150ms !important;\n }\n .zui\\:duration-200 {\n --tw-duration: 200ms !important;\n transition-duration: 200ms !important;\n }\n .zui\\:duration-300 {\n --tw-duration: 300ms !important;\n transition-duration: 300ms !important;\n }\n .zui\\:outline-none {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n .zui\\:select-none {\n -webkit-user-select: none !important;\n user-select: none !important;\n }\n .zui\\:placeholder\\:text-muted-foreground {\n &::placeholder {\n color: var(--zui-muted-foreground) !important;\n }\n }\n .zui\\:after\\:absolute {\n &::after {\n content: var(--tw-content);\n position: absolute !important;\n }\n }\n .zui\\:after\\:top-0 {\n &::after {\n content: var(--tw-content);\n top: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:right-0 {\n &::after {\n content: var(--tw-content);\n right: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:left-0 {\n &::after {\n content: var(--tw-content);\n left: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:h-full {\n &::after {\n content: var(--tw-content);\n height: 100% !important;\n }\n }\n .zui\\:after\\:w-\\[1px\\] {\n &::after {\n content: var(--tw-content);\n width: 1px !important;\n }\n }\n .zui\\:after\\:bg-gray-200 {\n &::after {\n content: var(--tw-content);\n background-color: var(--zui-color-gray-200) !important;\n }\n }\n .zui\\:after\\:content-\\[\\"\\"\\] {\n &::after {\n content: var(--tw-content);\n --tw-content: "" !important;\n content: var(--tw-content) !important;\n }\n }\n .zui\\:focus-within\\:ring-1 {\n &:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n .zui\\:focus-within\\:ring-destructive {\n &:focus-within {\n --tw-ring-color: var(--zui-destructive) !important;\n }\n }\n .zui\\:focus-within\\:ring-ring {\n &:focus-within {\n --tw-ring-color: var(--zui-ring) !important;\n }\n }\n .zui\\:focus-within\\:ring-offset-1 {\n &:focus-within {\n --tw-ring-offset-width: 1px !important;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n }\n }\n .zui\\:hover\\:border-blue-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--zui-color-blue-400) !important;\n }\n }\n }\n .zui\\:hover\\:border-gray-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--zui-color-gray-400) !important;\n }\n }\n }\n .zui\\:hover\\:bg-blue-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-blue-50) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-50) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-100 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-100) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-200) !important;\n }\n }\n }\n .zui\\:hover\\:text-blue-800 {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-blue-800) !important;\n }\n }\n }\n .zui\\:hover\\:text-red-500 {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-red-500) !important;\n }\n }\n }\n .zui\\:hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline !important;\n }\n }\n }\n .zui\\:hover\\:opacity-100 {\n &:hover {\n @media (hover: hover) {\n opacity: 100% !important;\n }\n }\n }\n .zui\\:focus\\:outline-none {\n &:focus {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n }\n .zui\\:disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed !important;\n }\n }\n .zui\\:disabled\\:opacity-50 {\n &:disabled {\n opacity: 50% !important;\n }\n }\n .zui\\:aria-selected\\:bg-accent\\/50 {\n &[aria-selected="true"] {\n background-color: var(--zui-accent) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--zui-accent) 50%, transparent) !important;\n }\n }\n }\n .zui\\:aria-selected\\:text-muted-foreground {\n &[aria-selected="true"] {\n color: var(--zui-muted-foreground) !important;\n }\n }\n .zui\\:aria-selected\\:opacity-30 {\n &[aria-selected="true"] {\n opacity: 30% !important;\n }\n }\n .zui\\:aria-selected\\:opacity-100 {\n &[aria-selected="true"] {\n opacity: 100% !important;\n }\n }\n .zui\\:data-\\[disabled\\]\\:pointer-events-none {\n &[data-disabled] {\n pointer-events: none !important;\n }\n }\n .zui\\:data-\\[disabled\\]\\:opacity-50 {\n &[data-disabled] {\n opacity: 50% !important;\n }\n }\n .zui\\:sm\\:w-auto {\n @media (width >= 40rem) {\n width: auto !important;\n }\n }\n .zui\\:sm\\:rounded-l-sm {\n @media (width >= 40rem) {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:sm\\:rounded-r-sm {\n @media (width >= 40rem) {\n border-top-right-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-right-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-accent {\n &>button {\n background-color: var(--zui-accent) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-primary {\n &>button {\n background-color: var(--zui-primary) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-transparent {\n &>button {\n background-color: transparent !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:\\!text-foreground {\n &>button {\n color: var(--zui-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-accent-foreground {\n &>button {\n color: var(--zui-accent-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-foreground {\n &>button {\n color: var(--zui-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-primary-foreground {\n &>button {\n color: var(--zui-primary-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-primary {\n &>button {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-primary) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-transparent {\n &>button {\n &:hover {\n @media (hover: hover) {\n background-color: transparent !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:\\!text-foreground {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-foreground) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:text-gray-500 {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-gray-500) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:text-primary-foreground {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-primary-foreground) !important;\n }\n }\n }\n }\n}\n:root {\n --zui-radius: 0.625rem;\n --zui-background: oklch(1 0 0);\n --zui-foreground: oklch(0.145 0 0);\n --zui-card: oklch(1 0 0);\n --zui-card-foreground: oklch(0.145 0 0);\n --zui-popover: oklch(1 0 0);\n --zui-popover-foreground: oklch(0.145 0 0);\n --zui-primary: oklch(0.55 0.247 266.93);\n --zui-primary-foreground: oklch(0.985 0 0);\n --zui-secondary: oklch(0.97 0 0);\n --zui-secondary-foreground: oklch(0.205 0 0);\n --zui-muted: oklch(0.97 0 0);\n --zui-muted-foreground: oklch(0.556 0 0);\n --zui-accent: oklch(0.97 0 0);\n --zui-accent-foreground: oklch(0.205 0 0);\n --zui-destructive: oklch(0.577 0.245 27.325);\n --zui-border: oklch(0.922 0 0);\n --zui-input: oklch(0.922 0 0);\n --zui-ring: oklch(0.708 0 0);\n --zui-chart-1: oklch(0.646 0.222 41.116);\n --zui-chart-2: oklch(0.6 0.118 184.704);\n --zui-chart-3: oklch(0.398 0.07 227.392);\n --zui-chart-4: oklch(0.828 0.189 84.429);\n --zui-chart-5: oklch(0.769 0.188 70.08);\n --zui-sidebar: oklch(0.985 0 0);\n --zui-sidebar-foreground: oklch(0.145 0 0);\n --zui-sidebar-primary: oklch(0.205 0 0);\n --zui-sidebar-primary-foreground: oklch(0.985 0 0);\n --zui-sidebar-accent: oklch(0.97 0 0);\n --zui-sidebar-accent-foreground: oklch(0.205 0 0);\n --zui-sidebar-border: oklch(0.922 0 0);\n --zui-sidebar-ring: oklch(0.708 0 0);\n}\n@property --tw-translate-x {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-space-y-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-x-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: "*";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: "*";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: "*";\n inherits: false;\n}\n@property --tw-tracking {\n syntax: "*";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: "<length>";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: "*";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: "*";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: "*";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: "*";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: "*";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-invert {\n syntax: "*";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: "*";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: "*";\n inherits: false;\n}\n@property --tw-duration {\n syntax: "*";\n inherits: false;\n}\n@property --tw-content {\n syntax: "*";\n initial-value: "";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-space-y-reverse: 0;\n --tw-space-x-reverse: 0;\n --tw-divide-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-content: "";\n }\n }\n}\n');var N=function(n){var i=n.open,t=n.onClose,r=n.title,o=n.children,a=n.footer,e=n.side,u=void 0===e?"right":e,c=n.className,p=n.headerClassName,d=n.showCloseIcon,g=void 0===d||d,b=n.withOverlay,x=void 0===b||b,y=n.stickyFooter,k=void 0===y||y,j=n.width,N=n.height,C="left"===u||"right"===u;return s(z,{anchor:u,open:i,onClose:t,ModalProps:{keepMounted:!0},hideBackdrop:!x,PaperProps:{style:{width:C?null!=j?j:400:void 0,height:C?"100%":null!=N?N:400},className:w("zui:bg-background zui:shadow-lg zui:border-border zui:flex zui:flex-col",C?"zui:h-full zui:rounded-none zui:sm:rounded-l-sm":"zui:w-full zui:sm:w-auto","left"===u&&"zui:sm:rounded-r-sm zui:border-r zui:border-l-0","top"===u&&"zui:rounded-b-sm","bottom"===u&&"zui:rounded-t-sm",c)},children:[s(h,{className:w("zui:p-4 zui:flex zui:items-center zui:justify-between zui:border-b zui:border-border",p),children:[m(l,{size:"sm",fontWeight:600,children:r}),g&&m(v,{onClick:t,size:"small",className:"zui:hover:text-red-500",children:m(f,{className:"zui:h-4 zui:w-4"})})]}),m(h,{className:"zui:flex-1 zui:overflow-y-auto zui:p-4",children:o}),a&&m(h,{className:w("zui:border-t zui:border-border zui:p-2",k&&"zui:sticky zui:bottom-0 zui:bg-background"),children:a})]})},C=function(n){var t=n.openModal,u=n.setOpenModal,c=void 0===u?function(){}:u,d=n.spocDetails,z=void 0===d?{}:d,g=n.showProduct,h=void 0===g?{showCSAT:!1,showProductNPS:!1,showESS:!1}:g,w=n.onComplete,N=n.onClose,C=n.appId,S=void 0===C?1:C,T=n.customQuestions,P=n.onSubmitSurvey,M=n.onLogClose,A=[{id:1,question:"How would you rate your customer success experience with ".concat((null==z?void 0:z.EMPLOYEE_NAME)||"our team","?"),maxRating:5,labels:{low:"Not at all likely",high:"Extremely likely"},apiKey:"RATING",show:!!h.showCSAT},{id:2,question:"How satisfied are you with our product features?",maxRating:10,labels:{low:"Not satisfied",high:"Very satisfied"},apiKey:"PRODUCT_RATING",show:!!h.showProductNPS},{id:3,question:"How likely are you to recommend Zimyo HRMS?",maxRating:10,labels:{low:"Not at all likely",high:"Extremely likely"},apiKey:"ESS_RATING",show:!!h.showESS}],E=y(function(){return T&&T.length>0?T.map(function(n,i){return b(b({},n),{id:n.id||i+1,show:!0})}):A},[T,null==z?void 0:z.EMPLOYEE_NAME,h]),I=y(function(){return E.filter(function(n){return n.show})},[E]),R=k(0),L=R[0],B=R[1],_=k({}),D=_[0],G=_[1],F=k(null),H=F[0],U=F[1],K=k(!1),O=K[0],q=K[1],Q=k(""),W=Q[0],Y=Q[1],V=j(function(){B(0),G({}),U(null),Y(""),q(!1)},[]),Z=j(function(){var n={app_id:S};h.showCSAT&&(n.support_nps=1),h.showProductNPS&&(n.product_nps=1),h.showESS&&(n.ess_nps=1),M&&M(n),c(!1),V(),null==N||N()},[S,h,M,c,V,N]),J=I[L],X=L===I.length-1,$=j(function(n){var i;U(n);var t=b(b({},D),((i={})[J.apiKey]=n,i));G(t),setTimeout(function(){X||B(L+1),U(null)},300)},[D,L,J,X]),nn=j(function(){var n=b(b({},D),{FEEDBACK:W,app_id:S});P?P(n,function(){q(!0),null==w||w(D)}):(q(!0),null==w||w(D))},[D,W,S,P,w]),tn=j(function(n){for(var i=[],t=10===n?10:n,r=1;r<=t;r++)i.push(r);return i},[]),rn=j(function(){q(!1),c(!1),V()},[c,V]);return t?0===I.length?null:O?m("div",{className:"zui:h-80",children:m("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:m(r,{variant:"elevated",className:"zui:max-w-3xl zui:w-full zui:relative zui:pointer-events-auto zui:p-4",children:s("div",{className:"p-6",children:[m(v,{onClick:rn,size:"small","aria-label":"Close",className:"zui:ml-auto zui:flex zui:text-muted-foreground hover:zui:text-foreground",children:m(f,{className:"zui:w-5 zui:h-5"})}),m(o,{children:s("div",{className:"zui:text-center",children:[m(e,{level:4,mb:2,children:"Thank you for your valuable feedback"}),m(i,{onClick:rn,size:"medium",className:"zui:mt-4",children:"Done"})]})})]})})})}):X&&D[J.apiKey]?m("div",{className:"zui:h-80",children:m("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:m(r,{variant:"elevated",className:"zui:max-w-3xl zui:w-full zui:relative zui:pointer-events-auto zui:p-4",children:s("div",{className:"p-6",children:[m("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:I.map(function(n,i){return m("div",{className:"zui:h-1.5 zui:w-8 zui:rounded-full zui:bg-blue-600 zui:transition-all zui:duration-300"},i)})}),m(a,{title:m(l,{size:"lg",fontSize:20,fontWeight:600,sx:{textAlign:"center"},children:"Anything that can be improved?"})}),m(p,{className:"zui:text-center zui:flex zui:justify-center zui:text-sm zui:text-gray-500 zui:mb-2 zui:mt-2",children:"Optional feedback"}),s(o,{children:[m("div",{className:"zui:mb-2",children:m(x,{type:"textarea",className:"zui:w-full zui:p-3",placeholder:"Share your thoughts...",value:W,style:{height:120},onChange:function(n){return Y(n.target.value)}})}),m("div",{className:"zui:flex zui:justify-end zui:gap-3",children:m(i,{onClick:nn,size:"medium",children:"Finish"})})]})]})})})}):m("div",{className:"zui:h-80",children:m("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:m(r,{variant:"elevated",className:"zui:max-w-3xl zui:w-full zui:relative zui:pointer-events-auto zui:p-4",children:s("div",{className:"p-6",children:[m(v,{onClick:Z,size:"small","aria-label":"Close survey",className:"zui:ml-auto zui:flex zui:text-muted-foreground hover:zui:text-foreground",children:m(f,{className:"zui:w-5 zui:h-5"})}),m("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:I.map(function(n,i){return m("div",{className:"zui:h-1.5 zui:rounded-full zui:transition-all zui:duration-300 ".concat(i===L?"zui:w-8 zui:bg-blue-600":i<L?"zui:w-8 zui:bg-blue-400":"zui:w-8 zui:bg-gray-300")},i)})}),m(a,{title:m(e,{level:4,mb:1,sx:{textAlign:"center"},children:J.question})}),s(p,{className:"zui:text-center zui:flex zui:justify-center zui:text-sm zui:text-gray-500 zui:mb-6",children:["Question ",L+1," of ",I.length]}),s(o,{children:[m("div",{className:"zui:flex zui:items-center zui:justify-center zui:gap-2 zui:mb-4",children:tn(J.maxRating).map(function(n){return m("button",{onClick:function(){return $(n)},className:"zui:w-12 zui:h-12 zui:shrink-0 zui:rounded-full zui:cursor-pointer zui:border-2 zui:transition-all zui:duration-200 zui:font-medium zui:text-base ".concat(H===n?"zui:bg-blue-600 zui:border-blue-600 zui:text-white zui:scale-110":"zui:bg-white zui:border-gray-300 zui:text-gray-700 zui:hover:border-blue-400 zui:hover:bg-blue-50"),children:n},n)})}),m("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:s("div",{className:"zui:flex zui:justify-between",style:{width:"".concat(48*J.maxRating+8*(J.maxRating-1),"px")},children:[m(p,{className:"zui:italic",children:J.labels.low}),m(p,{className:"zui:italic",children:J.labels.high})]})})]})]})})})}):null};export{i as Button,p as Caption,o as CardContent,a as CardHeader,r as CardRoot,N as Drawer,e as Heading,x as Input,C as Nps,l as Text,w as cn};
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var n=require("./chunks/index-1d613f26.js"),i=require("./components/Button/index.js"),t=require("./components/Popover/index.js"),r=require("./components/Card/index.js"),o=require("./components/Select/index.js"),a=require("./components/Accordion/index.js"),e=require("./components/Switch/index.js"),u=require("./components/RadioGroup/index.js"),l=require("./chunks/Heading-ff5c771d.js"),c=require("./chunks/Text-e9636dd7.js"),p=require("./components/Typography/index.js"),s=require("./chunks/Muted-d2dbaba3.js"),d=require("./components/Modal/index.js"),z=require("react/jsx-runtime"),m=require("@mui/material"),g=require("./chunks/index-4d90f67d.js"),h=require("./chunks/tslib.es6-a3dc1f53.js"),v=require("./chunks/lucide-937248a9.js"),w=require("./components/Badge/index.js"),b=require("./components/Input/index.js"),x=require("./components/Notice/index.js"),f=require("./components/DatePicker/index.js"),y=require("./components/DateRangePicker/index.js"),k=require("./components/Form/index.js"),j=require("./components/Checkbox/index.js"),C=require("./components/CheckboxGroup/index.js"),q=require("./components/Radio/index.js"),N=require("./components/PopupConfirm/index.js"),T=require("./components/GlobalMenuSearch/index.js"),S=require("./components/AppList/index.js"),P=require("./components/Table/index.js"),I=require("./components/BulkActionsBar/index.js"),M=require("./components/TimePicker/index.js"),A=require("./components/DataTable/index.js"),B=require("./components/Tab/index.js"),_=require("./components/Timeline/index.js"),L=require("./components/Charts/index.js"),R=require("react");require("@mui/material/Tooltip");var E=require("./components/Progress/index.js"),D=require("./components/SearchInput/index.js"),G=require("./components/Stepper/index.js"),F=require("./components/LottiePlayer/index.js");require("@mui/material/styles"),require("@mui/material/CardContent"),require("@mui/material/CardMedia"),require("./chunks/createSuper-c9c5c00c.js"),require("./chunks/assertThisInitialized-9901ca61.js"),require("./chunks/extends-77a6284f.js"),require("@emotion/react"),require("react-dom"),require("./chunks/index-9d477012.js"),require("./chunks/moment-1102cd58.js"),require("./chunks/_commonjsHelpers-3d4c1909.js"),require("./chunks/dayjs.min-5e22609b.js"),require("@mui/material/IconButton"),require("@mui/material/List"),require("@mui/material/ListItemText"),require("@mui/material/ListItemIcon"),require("./chunks/react-virtualized-auto-sizer.esm-8dfcb62e.js"),require("@mui/material/Popover"),require("./chunks/index-46a2254a.js");n.styleInject('/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --zui-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",\n "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n --zui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",\n "Courier New", monospace;\n --zui-color-red-50: oklch(97.1% 0.013 17.38);\n --zui-color-red-100: oklch(93.6% 0.032 17.717);\n --zui-color-red-200: oklch(88.5% 0.062 18.334);\n --zui-color-red-500: oklch(63.7% 0.237 25.331);\n --zui-color-red-600: oklch(57.7% 0.245 27.325);\n --zui-color-red-700: oklch(50.5% 0.213 27.518);\n --zui-color-red-800: oklch(44.4% 0.177 26.899);\n --zui-color-red-900: oklch(39.6% 0.141 25.723);\n --zui-color-orange-100: oklch(95.4% 0.038 75.164);\n --zui-color-orange-200: oklch(90.1% 0.076 70.697);\n --zui-color-orange-500: oklch(70.5% 0.213 47.604);\n --zui-color-orange-800: oklch(47% 0.157 37.304);\n --zui-color-amber-50: oklch(98.7% 0.022 95.277);\n --zui-color-amber-100: oklch(96.2% 0.059 95.617);\n --zui-color-amber-500: oklch(76.9% 0.188 70.08);\n --zui-color-amber-600: oklch(66.6% 0.179 58.318);\n --zui-color-amber-700: oklch(55.5% 0.163 48.998);\n --zui-color-yellow-50: oklch(98.7% 0.026 102.212);\n --zui-color-yellow-100: oklch(97.3% 0.071 103.193);\n --zui-color-yellow-200: oklch(94.5% 0.129 101.54);\n --zui-color-yellow-400: oklch(85.2% 0.199 91.936);\n --zui-color-yellow-500: oklch(79.5% 0.184 86.047);\n --zui-color-yellow-600: oklch(68.1% 0.162 75.834);\n --zui-color-yellow-700: oklch(55.4% 0.135 66.442);\n --zui-color-yellow-800: oklch(47.6% 0.114 61.907);\n --zui-color-yellow-900: oklch(42.1% 0.095 57.708);\n --zui-color-green-50: oklch(98.2% 0.018 155.826);\n --zui-color-green-100: oklch(96.2% 0.044 156.743);\n --zui-color-green-200: oklch(92.5% 0.084 155.995);\n --zui-color-green-500: oklch(72.3% 0.219 149.579);\n --zui-color-green-600: oklch(62.7% 0.194 149.214);\n --zui-color-green-700: oklch(52.7% 0.154 150.069);\n --zui-color-green-800: oklch(44.8% 0.119 151.328);\n --zui-color-green-900: oklch(39.3% 0.095 152.535);\n --zui-color-cyan-500: oklch(71.5% 0.143 215.221);\n --zui-color-blue-50: oklch(97% 0.014 254.604);\n --zui-color-blue-100: oklch(93.2% 0.032 255.585);\n --zui-color-blue-200: oklch(88.2% 0.059 254.128);\n --zui-color-blue-400: oklch(70.7% 0.165 254.624);\n --zui-color-blue-500: oklch(62.3% 0.214 259.815);\n --zui-color-blue-600: oklch(54.6% 0.245 262.881);\n --zui-color-blue-700: oklch(48.8% 0.243 264.376);\n --zui-color-blue-800: oklch(42.4% 0.199 265.638);\n --zui-color-blue-900: oklch(37.9% 0.146 265.522);\n --zui-color-purple-50: oklch(97.7% 0.014 308.299);\n --zui-color-purple-100: oklch(94.6% 0.033 307.174);\n --zui-color-purple-200: oklch(90.2% 0.063 306.703);\n --zui-color-purple-500: oklch(62.7% 0.265 303.9);\n --zui-color-purple-600: oklch(55.8% 0.288 302.321);\n --zui-color-purple-700: oklch(49.6% 0.265 301.924);\n --zui-color-purple-800: oklch(43.8% 0.218 303.724);\n --zui-color-pink-50: oklch(97.1% 0.014 343.198);\n --zui-color-pink-500: oklch(65.6% 0.241 354.308);\n --zui-color-slate-100: oklch(96.8% 0.007 247.896);\n --zui-color-slate-200: oklch(92.9% 0.013 255.508);\n --zui-color-slate-300: oklch(86.9% 0.022 252.894);\n --zui-color-slate-500: oklch(55.4% 0.046 257.417);\n --zui-color-slate-800: oklch(27.9% 0.041 260.031);\n --zui-color-gray-50: oklch(98.5% 0.002 247.839);\n --zui-color-gray-100: oklch(96.7% 0.003 264.542);\n --zui-color-gray-200: oklch(92.8% 0.006 264.531);\n --zui-color-gray-300: oklch(87.2% 0.01 258.338);\n --zui-color-gray-400: oklch(70.7% 0.022 261.325);\n --zui-color-gray-500: oklch(55.1% 0.027 264.364);\n --zui-color-gray-600: oklch(44.6% 0.03 256.802);\n --zui-color-gray-700: oklch(37.3% 0.034 259.733);\n --zui-color-gray-800: oklch(27.8% 0.033 256.848);\n --zui-color-gray-900: oklch(21% 0.034 264.665);\n --zui-color-neutral-100: oklch(97% 0 0);\n --zui-color-black: #000;\n --zui-color-white: #fff;\n --zui-spacing: 0.25rem;\n --zui-container-sm: 24rem;\n --zui-container-md: 28rem;\n --zui-container-2xl: 42rem;\n --zui-container-3xl: 48rem;\n --zui-container-4xl: 56rem;\n --zui-text-xs: 0.75rem;\n --zui-text-xs--line-height: calc(1 / 0.75);\n --zui-text-sm: 0.875rem;\n --zui-text-sm--line-height: calc(1.25 / 0.875);\n --zui-text-base: 1rem;\n --zui-text-base--line-height: calc(1.5 / 1);\n --zui-text-lg: 1.125rem;\n --zui-text-lg--line-height: calc(1.75 / 1.125);\n --zui-text-xl: 1.25rem;\n --zui-text-xl--line-height: calc(1.75 / 1.25);\n --zui-text-2xl: 1.5rem;\n --zui-text-2xl--line-height: calc(2 / 1.5);\n --zui-font-weight-normal: 400;\n --zui-font-weight-medium: 500;\n --zui-font-weight-semibold: 600;\n --zui-font-weight-bold: 700;\n --zui-tracking-wide: 0.025em;\n --zui-tracking-wider: 0.05em;\n --zui-leading-snug: 1.375;\n --zui-radius-2xl: 1rem;\n --zui-animate-spin: spin 1s linear infinite;\n --zui-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --zui-blur-sm: 8px;\n --zui-default-transition-duration: 150ms;\n --zui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --zui-default-font-family: var(--zui-font-sans);\n --zui-default-mono-font-family: var(--zui-font-mono);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: var(--zui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n font-feature-settings: var(--zui-default-font-feature-settings, normal);\n font-variation-settings: var(--zui-default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--zui-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n font-feature-settings: var(--zui-default-mono-font-feature-settings, normal);\n font-variation-settings: var(--zui-default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden="until-found"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .zui\\:pointer-events-auto {\n pointer-events: auto !important;\n }\n .zui\\:pointer-events-none {\n pointer-events: none !important;\n }\n .zui\\:invisible {\n visibility: hidden !important;\n }\n .zui\\:sr-only {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border-width: 0 !important;\n }\n .zui\\:\\!absolute {\n position: absolute !important;\n }\n .zui\\:absolute {\n position: absolute !important;\n }\n .zui\\:fixed {\n position: fixed !important;\n }\n .zui\\:relative {\n position: relative !important;\n }\n .zui\\:sticky {\n position: sticky !important;\n }\n .zui\\:inset-y-0 {\n inset-block: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:-top-\\[9px\\] {\n top: calc(9px * -1) !important;\n }\n .zui\\:top-0 {\n top: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:top-2 {\n top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:top-3 {\n top: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:top-4 {\n top: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:top-6 {\n top: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:top-16 {\n top: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:right-0 {\n right: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:right-2 {\n right: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:right-3 {\n right: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:right-4 {\n right: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:right-9 {\n right: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:bottom-0 {\n bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:left-0 {\n left: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:left-3 {\n left: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:z-10 {\n z-index: 10 !important;\n }\n .zui\\:z-20 {\n z-index: 20 !important;\n }\n .zui\\:z-30 {\n z-index: 30 !important;\n }\n .zui\\:z-40 {\n z-index: 40 !important;\n }\n .zui\\:z-50 {\n z-index: 50 !important;\n }\n .zui\\:col-span-1 {\n grid-column: span 1 / span 1 !important;\n }\n .zui\\:col-span-2 {\n grid-column: span 2 / span 2 !important;\n }\n .zui\\:col-span-3 {\n grid-column: span 3 / span 3 !important;\n }\n .zui\\:col-span-4 {\n grid-column: span 4 / span 4 !important;\n }\n .zui\\:col-span-5 {\n grid-column: span 5 / span 5 !important;\n }\n .zui\\:col-span-6 {\n grid-column: span 6 / span 6 !important;\n }\n .zui\\:col-span-7 {\n grid-column: span 7 / span 7 !important;\n }\n .zui\\:col-span-8 {\n grid-column: span 8 / span 8 !important;\n }\n .zui\\:col-span-9 {\n grid-column: span 9 / span 9 !important;\n }\n .zui\\:col-span-10 {\n grid-column: span 10 / span 10 !important;\n }\n .zui\\:col-span-11 {\n grid-column: span 11 / span 11 !important;\n }\n .zui\\:col-span-12 {\n grid-column: span 12 / span 12 !important;\n }\n .zui\\:m-0 {\n margin: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:m-0\\.5 {\n margin: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:mx-0 {\n margin-inline: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mx-10 {\n margin-inline: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:mx-auto {\n margin-inline: auto !important;\n }\n .zui\\:\\!my-4 {\n margin-block: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mt-0\\.5 {\n margin-top: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:mt-1 {\n margin-top: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mt-1\\.5 {\n margin-top: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:mt-2 {\n margin-top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mt-3 {\n margin-top: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mt-4 {\n margin-top: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mt-6 {\n margin-top: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:mt-8 {\n margin-top: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:mt-10 {\n margin-top: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:mt-\\[1px\\] {\n margin-top: 1px !important;\n }\n .zui\\:mr-1 {\n margin-right: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mr-2 {\n margin-right: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mr-3 {\n margin-right: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mr-4 {\n margin-right: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:\\!mb-0 {\n margin-bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mb-0 {\n margin-bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mb-1 {\n margin-bottom: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mb-2 {\n margin-bottom: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mb-3 {\n margin-bottom: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mb-4 {\n margin-bottom: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mb-6 {\n margin-bottom: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:mb-\\[3px\\] {\n margin-bottom: 3px !important;\n }\n .zui\\:ml-1 {\n margin-left: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:ml-2 {\n margin-left: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:ml-auto {\n margin-left: auto !important;\n }\n .zui\\:block {\n display: block !important;\n }\n .zui\\:flex {\n display: flex !important;\n }\n .zui\\:grid {\n display: grid !important;\n }\n .zui\\:hidden {\n display: none !important;\n }\n .zui\\:inline-block {\n display: inline-block !important;\n }\n .zui\\:inline-flex {\n display: inline-flex !important;\n }\n .zui\\:table-cell {\n display: table-cell !important;\n }\n .zui\\:table-row {\n display: table-row !important;\n }\n .zui\\:size-8 {\n width: calc(var(--zui-spacing) * 8) !important;\n height: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:h-1\\.5 {\n height: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:h-2 {\n height: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:h-3 {\n height: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:h-4 {\n height: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:h-5 {\n height: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:h-6 {\n height: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:h-7 {\n height: calc(var(--zui-spacing) * 7) !important;\n }\n .zui\\:h-8 {\n height: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:h-9 {\n height: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:h-10 {\n height: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:h-11 {\n height: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:h-12 {\n height: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:h-16 {\n height: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:h-80 {\n height: calc(var(--zui-spacing) * 80) !important;\n }\n .zui\\:h-96 {\n height: calc(var(--zui-spacing) * 96) !important;\n }\n .zui\\:h-\\[500px\\] {\n height: 500px !important;\n }\n .zui\\:h-\\[calc\\(100\\%_-_2\\.75rem\\)\\] {\n height: calc(100% - 2.75rem) !important;\n }\n .zui\\:h-\\[calc\\(100vh-65px\\)\\] {\n height: calc(100vh - 65px) !important;\n }\n .zui\\:h-\\[calc\\(100vh-135px\\)\\] {\n height: calc(100vh - 135px) !important;\n }\n .zui\\:h-full {\n height: 100% !important;\n }\n .zui\\:h-screen {\n height: 100vh !important;\n }\n .zui\\:max-h-44 {\n max-height: calc(var(--zui-spacing) * 44) !important;\n }\n .zui\\:max-h-\\[15vh\\] {\n max-height: 15vh !important;\n }\n .zui\\:max-h-\\[70vh\\] {\n max-height: 70vh !important;\n }\n .zui\\:min-h-0 {\n min-height: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:min-h-\\[30px\\] {\n min-height: 30px !important;\n }\n .zui\\:min-h-\\[32px\\] {\n min-height: 32px !important;\n }\n .zui\\:min-h-\\[50px\\] {\n min-height: 50px !important;\n }\n .zui\\:min-h-\\[60px\\] {\n min-height: 60px !important;\n }\n .zui\\:min-h-\\[70vh\\] {\n min-height: 70vh !important;\n }\n .zui\\:min-h-screen {\n min-height: 100vh !important;\n }\n .zui\\:w-2 {\n width: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:w-3 {\n width: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:w-3\\/4 {\n width: calc(3/4 * 100%) !important;\n }\n .zui\\:w-4 {\n width: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:w-5 {\n width: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:w-6 {\n width: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:w-7 {\n width: calc(var(--zui-spacing) * 7) !important;\n }\n .zui\\:w-8 {\n width: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:w-10 {\n width: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:w-12 {\n width: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:w-14 {\n width: calc(var(--zui-spacing) * 14) !important;\n }\n .zui\\:w-16 {\n width: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:w-64 {\n width: calc(var(--zui-spacing) * 64) !important;\n }\n .zui\\:w-72 {\n width: calc(var(--zui-spacing) * 72) !important;\n }\n .zui\\:w-80 {\n width: calc(var(--zui-spacing) * 80) !important;\n }\n .zui\\:w-100 {\n width: calc(var(--zui-spacing) * 100) !important;\n }\n .zui\\:w-\\[1px\\] {\n width: 1px !important;\n }\n .zui\\:w-\\[22rem\\] {\n width: 22rem !important;\n }\n .zui\\:w-fit {\n width: fit-content !important;\n }\n .zui\\:w-full {\n width: 100% !important;\n }\n .zui\\:w-max {\n width: max-content !important;\n }\n .zui\\:max-w-2xl {\n max-width: var(--zui-container-2xl) !important;\n }\n .zui\\:max-w-3xl {\n max-width: var(--zui-container-3xl) !important;\n }\n .zui\\:max-w-4xl {\n max-width: var(--zui-container-4xl) !important;\n }\n .zui\\:max-w-full {\n max-width: 100% !important;\n }\n .zui\\:max-w-md {\n max-width: var(--zui-container-md) !important;\n }\n .zui\\:max-w-sm {\n max-width: var(--zui-container-sm) !important;\n }\n .zui\\:\\!min-w-8 {\n min-width: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:min-w-0 {\n min-width: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:min-w-\\[1\\.5rem\\] {\n min-width: 1.5rem !important;\n }\n .zui\\:min-w-\\[1\\.25rem\\] {\n min-width: 1.25rem !important;\n }\n .zui\\:min-w-\\[2rem\\] {\n min-width: 2rem !important;\n }\n .zui\\:min-w-\\[10rem\\] {\n min-width: 10rem !important;\n }\n .zui\\:min-w-\\[12rem\\] {\n min-width: 12rem !important;\n }\n .zui\\:min-w-\\[14rem\\] {\n min-width: 14rem !important;\n }\n .zui\\:min-w-full {\n min-width: 100% !important;\n }\n .zui\\:flex-1 {\n flex: 1 !important;\n }\n .zui\\:flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n .zui\\:shrink-0 {\n flex-shrink: 0 !important;\n }\n .zui\\:table-fixed {\n table-layout: fixed !important;\n }\n .zui\\:border-collapse {\n border-collapse: collapse !important;\n }\n .zui\\:origin-center {\n transform-origin: center !important;\n }\n .zui\\:-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n .zui\\:scale-110 {\n --tw-scale-x: 110% !important;\n --tw-scale-y: 110% !important;\n --tw-scale-z: 110% !important;\n scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n }\n .zui\\:rotate-90 {\n rotate: 90deg !important;\n }\n .zui\\:rotate-\\[-90deg\\] {\n rotate: -90deg !important;\n }\n .zui\\:animate-pulse {\n animation: var(--zui-animate-pulse) !important;\n }\n .zui\\:animate-spin {\n animation: var(--zui-animate-spin) !important;\n }\n .zui\\:cursor-default {\n cursor: default !important;\n }\n .zui\\:cursor-not-allowed {\n cursor: not-allowed !important;\n }\n .zui\\:cursor-pointer {\n cursor: pointer !important;\n }\n .zui\\:resize-none {\n resize: none !important;\n }\n .zui\\:list-inside {\n list-style-position: inside !important;\n }\n .zui\\:list-disc {\n list-style-type: disc !important;\n }\n .zui\\:grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n }\n .zui\\:flex-col {\n flex-direction: column !important;\n }\n .zui\\:flex-row {\n flex-direction: row !important;\n }\n .zui\\:flex-row-reverse {\n flex-direction: row-reverse !important;\n }\n .zui\\:flex-nowrap {\n flex-wrap: nowrap !important;\n }\n .zui\\:flex-wrap {\n flex-wrap: wrap !important;\n }\n .zui\\:items-baseline {\n align-items: baseline !important;\n }\n .zui\\:items-center {\n align-items: center !important;\n }\n .zui\\:items-start {\n align-items: flex-start !important;\n }\n .zui\\:justify-between {\n justify-content: space-between !important;\n }\n .zui\\:justify-center {\n justify-content: center !important;\n }\n .zui\\:justify-end {\n justify-content: flex-end !important;\n }\n .zui\\:justify-start {\n justify-content: flex-start !important;\n }\n .zui\\:gap-0\\.5 {\n gap: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:gap-1 {\n gap: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:gap-1\\.5 {\n gap: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:gap-2 {\n gap: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:gap-3 {\n gap: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:gap-4 {\n gap: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:gap-6 {\n gap: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-5 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 5) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 6) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-8 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 8) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-x-1 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-2 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-3 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-4 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:gap-y-2 {\n row-gap: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0 !important;\n border-bottom-style: var(--tw-border-style) !important;\n border-top-style: var(--tw-border-style) !important;\n border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;\n }\n }\n .zui\\:divide-gray-200 {\n :where(& > :not(:last-child)) {\n border-color: var(--zui-color-gray-200) !important;\n }\n }\n .zui\\:truncate {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n }\n .zui\\:overflow-auto {\n overflow: auto !important;\n }\n .zui\\:overflow-hidden {\n overflow: hidden !important;\n }\n .zui\\:overflow-visible {\n overflow: visible !important;\n }\n .zui\\:overflow-x-auto {\n overflow-x: auto !important;\n }\n .zui\\:overflow-y-auto {\n overflow-y: auto !important;\n }\n .zui\\:rounded {\n border-radius: 0.25rem !important;\n }\n .zui\\:rounded-2xl {\n border-radius: var(--zui-radius-2xl) !important;\n }\n .zui\\:rounded-full {\n border-radius: calc(infinity * 1px) !important;\n }\n .zui\\:rounded-lg {\n border-radius: var(--zui-radius) !important;\n }\n .zui\\:rounded-md {\n border-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-none {\n border-radius: 0 !important;\n }\n .zui\\:rounded-sm {\n border-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:rounded-xl {\n border-radius: calc(var(--zui-radius) + 4px) !important;\n }\n .zui\\:rounded-s-md {\n border-start-start-radius: calc(var(--zui-radius) - 2px) !important;\n border-end-start-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-e-md {\n border-start-end-radius: calc(var(--zui-radius) - 2px) !important;\n border-end-end-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-t-lg {\n border-top-left-radius: var(--zui-radius) !important;\n border-top-right-radius: var(--zui-radius) !important;\n }\n .zui\\:rounded-t-sm {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-top-right-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:rounded-b-sm {\n border-bottom-right-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:border {\n border-style: var(--tw-border-style) !important;\n border-width: 1px !important;\n }\n .zui\\:border-0 {\n border-style: var(--tw-border-style) !important;\n border-width: 0px !important;\n }\n .zui\\:border-1 {\n border-style: var(--tw-border-style) !important;\n border-width: 1px !important;\n }\n .zui\\:border-2 {\n border-style: var(--tw-border-style) !important;\n border-width: 2px !important;\n }\n .zui\\:border-t {\n border-top-style: var(--tw-border-style) !important;\n border-top-width: 1px !important;\n }\n .zui\\:border-r {\n border-right-style: var(--tw-border-style) !important;\n border-right-width: 1px !important;\n }\n .zui\\:border-b {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 1px !important;\n }\n .zui\\:border-b-1 {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 1px !important;\n }\n .zui\\:border-b-2 {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 2px !important;\n }\n .zui\\:border-b-\\[2px\\] {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 2px !important;\n }\n .zui\\:border-l-0 {\n border-left-style: var(--tw-border-style) !important;\n border-left-width: 0px !important;\n }\n .zui\\:border-l-4 {\n border-left-style: var(--tw-border-style) !important;\n border-left-width: 4px !important;\n }\n .zui\\:border-blue-100 {\n border-color: var(--zui-color-blue-100) !important;\n }\n .zui\\:border-blue-200 {\n border-color: var(--zui-color-blue-200) !important;\n }\n .zui\\:border-blue-500 {\n border-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:border-blue-600 {\n border-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:border-blue-700 {\n border-color: var(--zui-color-blue-700) !important;\n }\n .zui\\:border-border {\n border-color: var(--zui-border) !important;\n }\n .zui\\:border-current {\n border-color: currentcolor !important;\n }\n .zui\\:border-destructive {\n border-color: var(--zui-destructive) !important;\n }\n .zui\\:border-gray-100 {\n border-color: var(--zui-color-gray-100) !important;\n }\n .zui\\:border-gray-200 {\n border-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:border-gray-300 {\n border-color: var(--zui-color-gray-300) !important;\n }\n .zui\\:border-gray-700 {\n border-color: var(--zui-color-gray-700) !important;\n }\n .zui\\:border-gray-800 {\n border-color: var(--zui-color-gray-800) !important;\n }\n .zui\\:border-green-100 {\n border-color: var(--zui-color-green-100) !important;\n }\n .zui\\:border-green-200 {\n border-color: var(--zui-color-green-200) !important;\n }\n .zui\\:border-green-700 {\n border-color: var(--zui-color-green-700) !important;\n }\n .zui\\:border-input {\n border-color: var(--zui-input) !important;\n }\n .zui\\:border-orange-200 {\n border-color: var(--zui-color-orange-200) !important;\n }\n .zui\\:border-purple-200 {\n border-color: var(--zui-color-purple-200) !important;\n }\n .zui\\:border-red-100 {\n border-color: var(--zui-color-red-100) !important;\n }\n .zui\\:border-red-200 {\n border-color: var(--zui-color-red-200) !important;\n }\n .zui\\:border-red-500 {\n border-color: var(--zui-color-red-500) !important;\n }\n .zui\\:border-red-700 {\n border-color: var(--zui-color-red-700) !important;\n }\n .zui\\:border-slate-300 {\n border-color: var(--zui-color-slate-300) !important;\n }\n .zui\\:border-transparent {\n border-color: transparent !important;\n }\n .zui\\:border-white {\n border-color: var(--zui-color-white) !important;\n }\n .zui\\:border-yellow-100 {\n border-color: var(--zui-color-yellow-100) !important;\n }\n .zui\\:border-yellow-200 {\n border-color: var(--zui-color-yellow-200) !important;\n }\n .zui\\:border-yellow-600 {\n border-color: var(--zui-color-yellow-600) !important;\n }\n .zui\\:border-yellow-700 {\n border-color: var(--zui-color-yellow-700) !important;\n }\n .zui\\:border-t-transparent {\n border-top-color: transparent !important;\n }\n .zui\\:bg-\\[\\#f8f8f8\\] {\n background-color: #f8f8f8 !important;\n }\n .zui\\:bg-\\[\\#f9f9f9\\] {\n background-color: #f9f9f9 !important;\n }\n .zui\\:bg-accent {\n background-color: var(--zui-accent) !important;\n }\n .zui\\:bg-accent\\/30 {\n background-color: var(--zui-accent) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--zui-accent) 30%, transparent) !important;\n }\n }\n .zui\\:bg-amber-50 {\n background-color: var(--zui-color-amber-50) !important;\n }\n .zui\\:bg-amber-100 {\n background-color: var(--zui-color-amber-100) !important;\n }\n .zui\\:bg-amber-500 {\n background-color: var(--zui-color-amber-500) !important;\n }\n .zui\\:bg-background {\n background-color: var(--zui-background) !important;\n }\n .zui\\:bg-blue-50 {\n background-color: var(--zui-color-blue-50) !important;\n }\n .zui\\:bg-blue-100 {\n background-color: var(--zui-color-blue-100) !important;\n }\n .zui\\:bg-blue-400 {\n background-color: var(--zui-color-blue-400) !important;\n }\n .zui\\:bg-blue-500 {\n background-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:bg-blue-600 {\n background-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:bg-current {\n background-color: currentcolor !important;\n }\n .zui\\:bg-cyan-500 {\n background-color: var(--zui-color-cyan-500) !important;\n }\n .zui\\:bg-gray-50 {\n background-color: var(--zui-color-gray-50) !important;\n }\n .zui\\:bg-gray-100 {\n background-color: var(--zui-color-gray-100) !important;\n }\n .zui\\:bg-gray-200 {\n background-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:bg-gray-300 {\n background-color: var(--zui-color-gray-300) !important;\n }\n .zui\\:bg-gray-400 {\n background-color: var(--zui-color-gray-400) !important;\n }\n .zui\\:bg-gray-800 {\n background-color: var(--zui-color-gray-800) !important;\n }\n .zui\\:bg-gray-900 {\n background-color: var(--zui-color-gray-900) !important;\n }\n .zui\\:bg-green-50 {\n background-color: var(--zui-color-green-50) !important;\n }\n .zui\\:bg-green-100 {\n background-color: var(--zui-color-green-100) !important;\n }\n .zui\\:bg-green-500 {\n background-color: var(--zui-color-green-500) !important;\n }\n .zui\\:bg-inherit {\n background-color: inherit !important;\n }\n .zui\\:bg-muted {\n background-color: var(--zui-muted) !important;\n }\n .zui\\:bg-neutral-100 {\n background-color: var(--zui-color-neutral-100) !important;\n }\n .zui\\:bg-orange-100 {\n background-color: var(--zui-color-orange-100) !important;\n }\n .zui\\:bg-orange-500 {\n background-color: var(--zui-color-orange-500) !important;\n }\n .zui\\:bg-pink-500 {\n background-color: var(--zui-color-pink-500) !important;\n }\n .zui\\:bg-primary {\n background-color: var(--zui-primary) !important;\n }\n .zui\\:bg-purple-50 {\n background-color: var(--zui-color-purple-50) !important;\n }\n .zui\\:bg-purple-100 {\n background-color: var(--zui-color-purple-100) !important;\n }\n .zui\\:bg-purple-500 {\n background-color: var(--zui-color-purple-500) !important;\n }\n .zui\\:bg-red-50 {\n background-color: var(--zui-color-red-50) !important;\n }\n .zui\\:bg-red-100 {\n background-color: var(--zui-color-red-100) !important;\n }\n .zui\\:bg-red-500 {\n background-color: var(--zui-color-red-500) !important;\n }\n .zui\\:bg-red-600 {\n background-color: var(--zui-color-red-600) !important;\n }\n .zui\\:bg-secondary {\n background-color: var(--zui-secondary) !important;\n }\n .zui\\:bg-slate-100 {\n background-color: var(--zui-color-slate-100) !important;\n }\n .zui\\:bg-slate-200 {\n background-color: var(--zui-color-slate-200) !important;\n }\n .zui\\:bg-transparent {\n background-color: transparent !important;\n }\n .zui\\:bg-white {\n background-color: var(--zui-color-white) !important;\n }\n .zui\\:bg-yellow-50 {\n background-color: var(--zui-color-yellow-50) !important;\n }\n .zui\\:bg-yellow-100 {\n background-color: var(--zui-color-yellow-100) !important;\n }\n .zui\\:bg-yellow-500 {\n background-color: var(--zui-color-yellow-500) !important;\n }\n .zui\\:bg-gradient-to-br {\n --tw-gradient-position: to bottom right in oklab !important;\n background-image: linear-gradient(var(--tw-gradient-stops)) !important;\n }\n .zui\\:from-purple-50 {\n --tw-gradient-from: var(--zui-color-purple-50) !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n .zui\\:to-pink-50 {\n --tw-gradient-to: var(--zui-color-pink-50) !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n .zui\\:object-cover {\n object-fit: cover !important;\n }\n .zui\\:\\!p-0 {\n padding: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:\\!p-1 {\n padding: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:p-0 {\n padding: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:p-0\\.5 {\n padding: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:p-1 {\n padding: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:p-2 {\n padding: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:p-2\\.5 {\n padding: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:p-3 {\n padding: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:p-4 {\n padding: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:p-6 {\n padding: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:px-1 {\n padding-inline: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:px-1\\.5 {\n padding-inline: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:px-2 {\n padding-inline: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:px-2\\.5 {\n padding-inline: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:px-3 {\n padding-inline: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:px-3\\.5 {\n padding-inline: calc(var(--zui-spacing) * 3.5) !important;\n }\n .zui\\:px-4 {\n padding-inline: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:px-5 {\n padding-inline: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:px-6 {\n padding-inline: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:px-\\[6px\\] {\n padding-inline: 6px !important;\n }\n .zui\\:py-0 {\n padding-block: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:py-0\\.5 {\n padding-block: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:py-1 {\n padding-block: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:py-1\\.5 {\n padding-block: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:py-2 {\n padding-block: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:py-2\\.5 {\n padding-block: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:py-3 {\n padding-block: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:py-4 {\n padding-block: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:py-6 {\n padding-block: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:py-10 {\n padding-block: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:py-12 {\n padding-block: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:pt-0\\.5 {\n padding-top: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:pt-1 {\n padding-top: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:pt-2 {\n padding-top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:pr-6 {\n padding-right: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:pr-8 {\n padding-right: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pr-9 {\n padding-right: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:pr-10 {\n padding-right: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:pr-11 {\n padding-right: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:pr-20 {\n padding-right: calc(var(--zui-spacing) * 20) !important;\n }\n .zui\\:pb-8 {\n padding-bottom: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pl-6 {\n padding-left: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:pl-8 {\n padding-left: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pl-9 {\n padding-left: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:pl-10 {\n padding-left: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:pl-11 {\n padding-left: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:text-center {\n text-align: center !important;\n }\n .zui\\:text-left {\n text-align: left !important;\n }\n .zui\\:text-right {\n text-align: right !important;\n }\n .zui\\:align-middle {\n vertical-align: middle !important;\n }\n .zui\\:font-mono {\n font-family: var(--zui-font-mono) !important;\n }\n .zui\\:\\!text-base {\n font-size: var(--zui-text-base) !important;\n line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n }\n .zui\\:\\!text-sm {\n font-size: var(--zui-text-sm) !important;\n line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n }\n .zui\\:text-2xl {\n font-size: var(--zui-text-2xl) !important;\n line-height: var(--tw-leading, var(--zui-text-2xl--line-height)) !important;\n }\n .zui\\:text-base {\n font-size: var(--zui-text-base) !important;\n line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n }\n .zui\\:text-lg {\n font-size: var(--zui-text-lg) !important;\n line-height: var(--tw-leading, var(--zui-text-lg--line-height)) !important;\n }\n .zui\\:text-sm {\n font-size: var(--zui-text-sm) !important;\n line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n }\n .zui\\:text-xl {\n font-size: var(--zui-text-xl) !important;\n line-height: var(--tw-leading, var(--zui-text-xl--line-height)) !important;\n }\n .zui\\:text-xs {\n font-size: var(--zui-text-xs) !important;\n line-height: var(--tw-leading, var(--zui-text-xs--line-height)) !important;\n }\n .zui\\:leading-none {\n --tw-leading: 1 !important;\n line-height: 1 !important;\n }\n .zui\\:leading-snug {\n --tw-leading: var(--zui-leading-snug) !important;\n line-height: var(--zui-leading-snug) !important;\n }\n .zui\\:font-bold {\n --tw-font-weight: var(--zui-font-weight-bold) !important;\n font-weight: var(--zui-font-weight-bold) !important;\n }\n .zui\\:font-medium {\n --tw-font-weight: var(--zui-font-weight-medium) !important;\n font-weight: var(--zui-font-weight-medium) !important;\n }\n .zui\\:font-normal {\n --tw-font-weight: var(--zui-font-weight-normal) !important;\n font-weight: var(--zui-font-weight-normal) !important;\n }\n .zui\\:font-semibold {\n --tw-font-weight: var(--zui-font-weight-semibold) !important;\n font-weight: var(--zui-font-weight-semibold) !important;\n }\n .zui\\:tracking-wide {\n --tw-tracking: var(--zui-tracking-wide) !important;\n letter-spacing: var(--zui-tracking-wide) !important;\n }\n .zui\\:tracking-wider {\n --tw-tracking: var(--zui-tracking-wider) !important;\n letter-spacing: var(--zui-tracking-wider) !important;\n }\n .zui\\:whitespace-nowrap {\n white-space: nowrap !important;\n }\n .zui\\:\\!text-foreground {\n color: var(--zui-foreground) !important;\n }\n .zui\\:text-accent-foreground {\n color: var(--zui-accent-foreground) !important;\n }\n .zui\\:text-amber-600 {\n color: var(--zui-color-amber-600) !important;\n }\n .zui\\:text-amber-700 {\n color: var(--zui-color-amber-700) !important;\n }\n .zui\\:text-black {\n color: var(--zui-color-black) !important;\n }\n .zui\\:text-blue-500 {\n color: var(--zui-color-blue-500) !important;\n }\n .zui\\:text-blue-600 {\n color: var(--zui-color-blue-600) !important;\n }\n .zui\\:text-blue-700 {\n color: var(--zui-color-blue-700) !important;\n }\n .zui\\:text-blue-800 {\n color: var(--zui-color-blue-800) !important;\n }\n .zui\\:text-blue-900 {\n color: var(--zui-color-blue-900) !important;\n }\n .zui\\:text-destructive {\n color: var(--zui-destructive) !important;\n }\n .zui\\:text-foreground {\n color: var(--zui-foreground) !important;\n }\n .zui\\:text-gray-300 {\n color: var(--zui-color-gray-300) !important;\n }\n .zui\\:text-gray-400 {\n color: var(--zui-color-gray-400) !important;\n }\n .zui\\:text-gray-500 {\n color: var(--zui-color-gray-500) !important;\n }\n .zui\\:text-gray-600 {\n color: var(--zui-color-gray-600) !important;\n }\n .zui\\:text-gray-700 {\n color: var(--zui-color-gray-700) !important;\n }\n .zui\\:text-gray-800 {\n color: var(--zui-color-gray-800) !important;\n }\n .zui\\:text-gray-900 {\n color: var(--zui-color-gray-900) !important;\n }\n .zui\\:text-green-500 {\n color: var(--zui-color-green-500) !important;\n }\n .zui\\:text-green-600 {\n color: var(--zui-color-green-600) !important;\n }\n .zui\\:text-green-700 {\n color: var(--zui-color-green-700) !important;\n }\n .zui\\:text-green-800 {\n color: var(--zui-color-green-800) !important;\n }\n .zui\\:text-green-900 {\n color: var(--zui-color-green-900) !important;\n }\n .zui\\:text-muted-foreground {\n color: var(--zui-muted-foreground) !important;\n }\n .zui\\:text-orange-500 {\n color: var(--zui-color-orange-500) !important;\n }\n .zui\\:text-orange-800 {\n color: var(--zui-color-orange-800) !important;\n }\n .zui\\:text-popover-foreground {\n color: var(--zui-popover-foreground) !important;\n }\n .zui\\:text-purple-500 {\n color: var(--zui-color-purple-500) !important;\n }\n .zui\\:text-purple-600 {\n color: var(--zui-color-purple-600) !important;\n }\n .zui\\:text-purple-700 {\n color: var(--zui-color-purple-700) !important;\n }\n .zui\\:text-purple-800 {\n color: var(--zui-color-purple-800) !important;\n }\n .zui\\:text-red-500 {\n color: var(--zui-color-red-500) !important;\n }\n .zui\\:text-red-600 {\n color: var(--zui-color-red-600) !important;\n }\n .zui\\:text-red-700 {\n color: var(--zui-color-red-700) !important;\n }\n .zui\\:text-red-800 {\n color: var(--zui-color-red-800) !important;\n }\n .zui\\:text-red-900 {\n color: var(--zui-color-red-900) !important;\n }\n .zui\\:text-slate-500 {\n color: var(--zui-color-slate-500) !important;\n }\n .zui\\:text-slate-800 {\n color: var(--zui-color-slate-800) !important;\n }\n .zui\\:text-white {\n color: var(--zui-color-white) !important;\n }\n .zui\\:text-yellow-400 {\n color: var(--zui-color-yellow-400) !important;\n }\n .zui\\:text-yellow-500 {\n color: var(--zui-color-yellow-500) !important;\n }\n .zui\\:text-yellow-600 {\n color: var(--zui-color-yellow-600) !important;\n }\n .zui\\:text-yellow-700 {\n color: var(--zui-color-yellow-700) !important;\n }\n .zui\\:text-yellow-800 {\n color: var(--zui-color-yellow-800) !important;\n }\n .zui\\:text-yellow-900 {\n color: var(--zui-color-yellow-900) !important;\n }\n .zui\\:uppercase {\n text-transform: uppercase !important;\n }\n .zui\\:italic {\n font-style: italic !important;\n }\n .zui\\:underline {\n text-decoration-line: underline !important;\n }\n .zui\\:opacity-40 {\n opacity: 40% !important;\n }\n .zui\\:opacity-50 {\n opacity: 50% !important;\n }\n .zui\\:opacity-60 {\n opacity: 60% !important;\n }\n .zui\\:opacity-70 {\n opacity: 70% !important;\n }\n .zui\\:opacity-80 {\n opacity: 80% !important;\n }\n .zui\\:opacity-90 {\n opacity: 90% !important;\n }\n .zui\\:shadow-2xl {\n --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:shadow-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-1 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-blue-200 {\n --tw-ring-color: var(--zui-color-blue-200) !important;\n }\n .zui\\:ring-blue-500 {\n --tw-ring-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:ring-blue-600 {\n --tw-ring-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:ring-gray-200 {\n --tw-ring-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:ring-ring {\n --tw-ring-color: var(--zui-ring) !important;\n }\n .zui\\:ring-offset-1 {\n --tw-ring-offset-width: 1px !important;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n }\n .zui\\:ring-offset-background {\n --tw-ring-offset-color: var(--zui-background) !important;\n }\n .zui\\:blur-sm {\n --tw-blur: blur(var(--zui-blur-sm)) !important;\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;\n }\n .zui\\:transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-all {\n transition-property: all !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-transform {\n transition-property: transform, translate, scale, rotate !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-none {\n transition-property: none !important;\n }\n .zui\\:duration-150 {\n --tw-duration: 150ms !important;\n transition-duration: 150ms !important;\n }\n .zui\\:duration-200 {\n --tw-duration: 200ms !important;\n transition-duration: 200ms !important;\n }\n .zui\\:duration-300 {\n --tw-duration: 300ms !important;\n transition-duration: 300ms !important;\n }\n .zui\\:outline-none {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n .zui\\:select-none {\n -webkit-user-select: none !important;\n user-select: none !important;\n }\n .zui\\:placeholder\\:text-muted-foreground {\n &::placeholder {\n color: var(--zui-muted-foreground) !important;\n }\n }\n .zui\\:after\\:absolute {\n &::after {\n content: var(--tw-content);\n position: absolute !important;\n }\n }\n .zui\\:after\\:top-0 {\n &::after {\n content: var(--tw-content);\n top: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:right-0 {\n &::after {\n content: var(--tw-content);\n right: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:left-0 {\n &::after {\n content: var(--tw-content);\n left: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:h-full {\n &::after {\n content: var(--tw-content);\n height: 100% !important;\n }\n }\n .zui\\:after\\:w-\\[1px\\] {\n &::after {\n content: var(--tw-content);\n width: 1px !important;\n }\n }\n .zui\\:after\\:bg-gray-200 {\n &::after {\n content: var(--tw-content);\n background-color: var(--zui-color-gray-200) !important;\n }\n }\n .zui\\:after\\:content-\\[\\"\\"\\] {\n &::after {\n content: var(--tw-content);\n --tw-content: "" !important;\n content: var(--tw-content) !important;\n }\n }\n .zui\\:focus-within\\:ring-1 {\n &:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n .zui\\:focus-within\\:ring-destructive {\n &:focus-within {\n --tw-ring-color: var(--zui-destructive) !important;\n }\n }\n .zui\\:focus-within\\:ring-ring {\n &:focus-within {\n --tw-ring-color: var(--zui-ring) !important;\n }\n }\n .zui\\:focus-within\\:ring-offset-1 {\n &:focus-within {\n --tw-ring-offset-width: 1px !important;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n }\n }\n .zui\\:hover\\:border-blue-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--zui-color-blue-400) !important;\n }\n }\n }\n .zui\\:hover\\:border-gray-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--zui-color-gray-400) !important;\n }\n }\n }\n .zui\\:hover\\:bg-blue-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-blue-50) !important;\n }\n }\n }\n .zui\\:hover\\:bg-blue-700 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-blue-700) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-50) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-100 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-100) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-200) !important;\n }\n }\n }\n .zui\\:hover\\:text-blue-800 {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-blue-800) !important;\n }\n }\n }\n .zui\\:hover\\:text-gray-600 {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-gray-600) !important;\n }\n }\n }\n .zui\\:hover\\:text-red-500 {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-red-500) !important;\n }\n }\n }\n .zui\\:hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline !important;\n }\n }\n }\n .zui\\:hover\\:opacity-100 {\n &:hover {\n @media (hover: hover) {\n opacity: 100% !important;\n }\n }\n }\n .zui\\:focus\\:border-transparent {\n &:focus {\n border-color: transparent !important;\n }\n }\n .zui\\:focus\\:ring-2 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n .zui\\:focus\\:ring-blue-500 {\n &:focus {\n --tw-ring-color: var(--zui-color-blue-500) !important;\n }\n }\n .zui\\:focus\\:outline-none {\n &:focus {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n }\n .zui\\:disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed !important;\n }\n }\n .zui\\:disabled\\:opacity-50 {\n &:disabled {\n opacity: 50% !important;\n }\n }\n .zui\\:aria-selected\\:bg-accent\\/50 {\n &[aria-selected="true"] {\n background-color: var(--zui-accent) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--zui-accent) 50%, transparent) !important;\n }\n }\n }\n .zui\\:aria-selected\\:text-muted-foreground {\n &[aria-selected="true"] {\n color: var(--zui-muted-foreground) !important;\n }\n }\n .zui\\:aria-selected\\:opacity-30 {\n &[aria-selected="true"] {\n opacity: 30% !important;\n }\n }\n .zui\\:aria-selected\\:opacity-100 {\n &[aria-selected="true"] {\n opacity: 100% !important;\n }\n }\n .zui\\:data-\\[disabled\\]\\:pointer-events-none {\n &[data-disabled] {\n pointer-events: none !important;\n }\n }\n .zui\\:data-\\[disabled\\]\\:opacity-50 {\n &[data-disabled] {\n opacity: 50% !important;\n }\n }\n .zui\\:sm\\:w-auto {\n @media (width >= 40rem) {\n width: auto !important;\n }\n }\n .zui\\:sm\\:rounded-l-sm {\n @media (width >= 40rem) {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:sm\\:rounded-r-sm {\n @media (width >= 40rem) {\n border-top-right-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-right-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-accent {\n &>button {\n background-color: var(--zui-accent) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-primary {\n &>button {\n background-color: var(--zui-primary) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-transparent {\n &>button {\n background-color: transparent !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:\\!text-foreground {\n &>button {\n color: var(--zui-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-accent-foreground {\n &>button {\n color: var(--zui-accent-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-foreground {\n &>button {\n color: var(--zui-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-primary-foreground {\n &>button {\n color: var(--zui-primary-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-primary {\n &>button {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-primary) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-transparent {\n &>button {\n &:hover {\n @media (hover: hover) {\n background-color: transparent !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:\\!text-foreground {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-foreground) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:text-gray-500 {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-gray-500) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:text-primary-foreground {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-primary-foreground) !important;\n }\n }\n }\n }\n}\n:root {\n --zui-radius: 0.625rem;\n --zui-background: oklch(1 0 0);\n --zui-foreground: oklch(0.145 0 0);\n --zui-card: oklch(1 0 0);\n --zui-card-foreground: oklch(0.145 0 0);\n --zui-popover: oklch(1 0 0);\n --zui-popover-foreground: oklch(0.145 0 0);\n --zui-primary: oklch(0.55 0.247 266.93);\n --zui-primary-foreground: oklch(0.985 0 0);\n --zui-secondary: oklch(0.97 0 0);\n --zui-secondary-foreground: oklch(0.205 0 0);\n --zui-muted: oklch(0.97 0 0);\n --zui-muted-foreground: oklch(0.556 0 0);\n --zui-accent: oklch(0.97 0 0);\n --zui-accent-foreground: oklch(0.205 0 0);\n --zui-destructive: oklch(0.577 0.245 27.325);\n --zui-border: oklch(0.922 0 0);\n --zui-input: oklch(0.922 0 0);\n --zui-ring: oklch(0.708 0 0);\n --zui-chart-1: oklch(0.646 0.222 41.116);\n --zui-chart-2: oklch(0.6 0.118 184.704);\n --zui-chart-3: oklch(0.398 0.07 227.392);\n --zui-chart-4: oklch(0.828 0.189 84.429);\n --zui-chart-5: oklch(0.769 0.188 70.08);\n --zui-sidebar: oklch(0.985 0 0);\n --zui-sidebar-foreground: oklch(0.145 0 0);\n --zui-sidebar-primary: oklch(0.205 0 0);\n --zui-sidebar-primary-foreground: oklch(0.985 0 0);\n --zui-sidebar-accent: oklch(0.97 0 0);\n --zui-sidebar-accent-foreground: oklch(0.205 0 0);\n --zui-sidebar-border: oklch(0.922 0 0);\n --zui-sidebar-ring: oklch(0.708 0 0);\n}\n@property --tw-translate-x {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-space-y-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-x-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: "*";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: "*";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: "*";\n inherits: false;\n}\n@property --tw-tracking {\n syntax: "*";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: "<length>";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: "*";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: "*";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: "*";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: "*";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: "*";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-invert {\n syntax: "*";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: "*";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: "*";\n inherits: false;\n}\n@property --tw-duration {\n syntax: "*";\n inherits: false;\n}\n@property --tw-content {\n syntax: "*";\n initial-value: "";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-space-y-reverse: 0;\n --tw-space-x-reverse: 0;\n --tw-divide-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-content: "";\n }\n }\n}\n');exports.UILibraryThemeProvider=n.UILibraryThemeProvider,exports.createCustomTheme=n.createCustomTheme,exports.designTokens=n.designTokens,exports.theme=n.theme,exports.Button=i.Button,exports.Popover=t.Popover,exports.CardActions=r.CardActions,exports.CardContent=r.CardContent,exports.CardHeader=r.CardHeader,exports.CardImage=r.CardImage,exports.CardRoot=r.CardRoot,exports.CardSkeleton=r.CardSkeleton,exports.Select=o.Select,exports.Accordion=a.Accordion,exports.AccordionContent=a.AccordionContent,exports.AccordionItem=a.AccordionItem,exports.AccordionTrigger=a.AccordionTrigger,exports.Switch=e.default,exports.RadioGroup=u.RadioGroup,exports.Heading=l.Heading,exports.Text=c.Text,exports.Blockquote=p.Blockquote,exports.Caption=p.Caption,exports.Code=p.Code,exports.Lead=p.Lead,exports.Strong=p.Strong,exports.Muted=s.Muted,exports.Modal=d.Modal,exports.cn=g.cn,exports.darken=g.darken,exports.getTextColor=g.getTextColor,exports.useStableId=g.useStableId,exports.Badge=w.Badge,exports.Input=b.Input,exports.Notice=x.Notice,exports.DatePicker=f.DatePicker,exports.DateRangePicker=y.DateRangePicker,exports.Form=k.Form,exports.Checkbox=j.Checkbox,exports.CheckboxGroup=C.CheckboxGroup,exports.Radio=q.Radio,exports.PopupConfirm=N.PopupConfirm,exports.GlobalMenuSearch=T.GlobalMenuSearch,exports.AppList=S.AppList,exports.Table=P.Table,exports.BulkActionsBar=I.BulkActionsBar,exports.TimePicker=M.TimePicker,exports.DataTable=A.DataTable,exports.Tab=B.Tab,exports.Timeline=_.Timeline,exports.BarChart=L.BarChart,exports.BaseChart=L.BaseChart,exports.LineChart=L.LineChart,exports.PieChart=L.PieChart,exports.Progress=E.Progress,exports.SearchInput=D.SearchInput,exports.Stepper=G.Stepper,exports.LottiePlayer=F.LottiePlayer,exports.Drawer=function(n){var i=n.open,t=n.onClose,r=n.title,o=n.children,a=n.footer,e=n.side,u=void 0===e?"right":e,l=n.className,p=n.headerClassName,s=n.showCloseIcon,d=void 0===s||s,h=n.withOverlay,w=void 0===h||h,b=n.stickyFooter,x=void 0===b||b,f=n.width,y=n.height,k="left"===u||"right"===u;return z.jsxs(m.Drawer,{anchor:u,open:i,onClose:t,ModalProps:{keepMounted:!0},hideBackdrop:!w,PaperProps:{style:{width:k?null!=f?f:400:void 0,height:k?"100%":null!=y?y:400},className:g.cn("zui:bg-background zui:shadow-lg zui:border-border zui:flex zui:flex-col",k?"zui:h-full zui:rounded-none zui:sm:rounded-l-sm":"zui:w-full zui:sm:w-auto","left"===u&&"zui:sm:rounded-r-sm zui:border-r zui:border-l-0","top"===u&&"zui:rounded-b-sm","bottom"===u&&"zui:rounded-t-sm",l)},children:[z.jsxs(m.Box,{className:g.cn("zui:p-4 zui:flex zui:items-center zui:justify-between zui:border-b zui:border-border",p),children:[z.jsx(c.Text,{size:"sm",fontWeight:600,children:r}),d&&z.jsx(m.IconButton,{onClick:t,size:"small",className:"zui:hover:text-red-500",children:z.jsx(v.X,{className:"zui:h-4 zui:w-4"})})]}),z.jsx(m.Box,{className:"zui:flex-1 zui:overflow-y-auto zui:p-4",children:o}),a&&z.jsx(m.Box,{className:g.cn("zui:border-t zui:border-border zui:p-2",x&&"zui:sticky zui:bottom-0 zui:bg-background"),children:a})]})},exports.Nps=function(n){var i=n.openModal,t=n.setOpenModal,r=void 0===t?function(){}:t,o=n.spocDetails,a=void 0===o?{}:o,e=n.showCSAT,u=void 0===e||e,l=n.showProductNPS,c=void 0===l||l,p=n.onComplete,s=n.onClose,d=n.appId,m=void 0===d?1:d,g=n.customQuestions,w=n.onSubmitSurvey,b=n.onLogClose,x=[{id:1,question:"How would you rate your customer success experience with ".concat((null==a?void 0:a.EMPLOYEE_NAME)||"our team","?"),maxRating:5,labels:{low:"Not at all likely",high:"Extremely likely"},apiKey:"RATING",show:u},{id:2,question:"How satisfied are you with our product features?",maxRating:10,labels:{low:"Not satisfied",high:"Very satisfied"},apiKey:"PRODUCT_RATING",show:c}],f=R.useMemo(function(){return g&&g.length>0?g.map(function(n,i){return h.__assign(h.__assign({},n),{id:n.id||i+1,show:!0})}):x},[g,null==a?void 0:a.EMPLOYEE_NAME,u,c]),y=R.useMemo(function(){return f.filter(function(n){return n.show})},[f]),k=R.useState(0),j=k[0],C=k[1],q=R.useState({}),N=q[0],T=q[1],S=R.useState(null),P=S[0],I=S[1],M=R.useState(!1),A=M[0],B=M[1],_=R.useState(""),L=_[0],E=_[1],D=R.useCallback(function(){C(0),T({}),I(null),E(""),B(!1)},[]),G=R.useCallback(function(){var n={app_id:m};u&&(n.support_nps=1),c&&(n.product_nps=1),b&&b(n),r(!1),D(),null==s||s()},[m,u,c,b,r,D,s]),F=y[j],H=j===y.length-1,U=R.useCallback(function(n){var i;I(n);var t=h.__assign(h.__assign({},N),((i={})[F.apiKey]=n,i));T(t),setTimeout(function(){H||C(j+1),I(null)},300)},[N,j,F,H]),O=R.useCallback(function(){var n=h.__assign(h.__assign({},N),{FEEDBACK:L,app_id:m});w?w(n,function(){B(!0),null==p||p(N)}):(B(!0),null==p||p(N))},[N,L,m,w,p]),K=R.useCallback(function(n){for(var i=[],t=10===n?10:n,r=1;r<=t;r++)i.push(r);return i},[]),X=R.useCallback(function(){B(!1),r(!1),D()},[r,D]);return i?0===y.length?null:A?z.jsx("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:z.jsxs("div",{className:"zui:bg-white zui:rounded-lg zui:shadow-2xl zui:max-w-3xl zui:w-full zui:p-6 zui:relative zui:pointer-events-auto",children:[z.jsx("button",{onClick:X,className:"zui:absolute zui:top-4 zui:right-4 zui:text-gray-400 zui:hover:text-gray-600 zui:transition-colors","aria-label":"Close",children:z.jsx(v.X,{size:20})}),z.jsxs("div",{className:"zui:text-center",children:[z.jsx("h2",{className:"zui:text-2xl zui:font-semibold zui:text-gray-800 zui:mb-2",children:"Thank you for your valuable feedback"}),z.jsx("button",{onClick:X,className:"zui:mt-4 zui:px-6 zui:py-2 zui:bg-blue-600 zui:text-white zui:rounded-md zui:hover:bg-blue-700 zui:transition-colors",children:"Done"})]})]})}):H&&N[F.apiKey]?z.jsx("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:z.jsxs("div",{className:"zui:bg-white zui:rounded-lg zui:shadow-2xl zui:max-w-3xl zui:w-full zui:p-6 zui:relative zui:pointer-events-auto",children:[z.jsx("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:y.map(function(n,i){return z.jsx("div",{className:"zui:h-1.5 zui:w-8 zui:rounded-full zui:bg-blue-600 zui:transition-all zui:duration-300"},i)})}),z.jsx("h2",{className:"zui:text-xl zui:font-semibold zui:text-center zui:text-gray-800 zui:mb-4",children:"Anything that can be improved?"}),z.jsx("p",{className:"zui:text-center zui:text-sm zui:text-gray-500 zui:mb-4",children:"Optional feedback"}),z.jsx("div",{className:"zui:mb-6",children:z.jsx("textarea",{className:"zui:w-full zui:p-3 zui:border zui:border-gray-300 zui:rounded-md zui:focus:outline-none zui:focus:ring-2 zui:focus:ring-blue-500 zui:focus:border-transparent zui:resize-none",rows:4,placeholder:"Share your thoughts...",value:L,onChange:function(n){return E(n.target.value)}})}),z.jsx("div",{className:"zui:flex zui:justify-end zui:gap-3",children:z.jsx("button",{onClick:O,className:"zui:px-6 zui:py-2 zui:bg-blue-600 zui:text-white zui:rounded-md zui:hover:bg-blue-700 zui:transition-colors",children:"Finish"})})]})}):z.jsx("div",{className:"zui:h-80",children:z.jsx("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:z.jsxs("div",{className:"zui:bg-white zui:rounded-lg zui:shadow-2xl zui:max-w-3xl zui:w-full zui:p-6 zui:relative zui:pointer-events-auto",children:[z.jsx("button",{onClick:G,className:"zui:absolute zui:top-4 zui:right-4 zui:text-gray-400 zui:hover:text-gray-600 zui:transition-colors","aria-label":"Close survey",children:z.jsx(v.X,{size:20})}),z.jsx("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:y.map(function(n,i){return z.jsx("div",{className:"zui:h-1.5 zui:rounded-full zui:transition-all zui:duration-300 ".concat(i===j?"zui:w-8 zui:bg-blue-600":i<j?"zui:w-8 zui:bg-blue-400":"zui:w-8 zui:bg-gray-300")},i)})}),z.jsx("h2",{className:"zui:text-xl zui:font-semibold zui:text-center zui:text-gray-800 zui:mb-1",children:F.question}),z.jsxs("p",{className:"zui:text-center zui:text-sm zui:text-gray-500 zui:mb-6",children:["Question ",j+1," of ",y.length]}),z.jsx("div",{className:"zui:flex zui:items-center zui:justify-center zui:gap-2 zui:mb-4",children:K(F.maxRating).map(function(n){return z.jsx("button",{onClick:function(){return U(n)},className:"zui:w-12 zui:h-12 zui:shrink-0 zui:rounded-full zui:cursor-pointer zui:border-2 zui:transition-all zui:duration-200 zui:font-medium zui:text-base ".concat(P===n?"zui:bg-blue-600 zui:border-blue-600 zui:text-white zui:scale-110":"zui:bg-white zui:border-gray-300 zui:text-gray-700 zui:hover:border-blue-400 zui:hover:bg-blue-50"),children:n},n)})}),z.jsx("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:z.jsxs("div",{className:"zui:flex zui:justify-between",style:{width:"".concat(48*F.maxRating+8*(F.maxRating-1),"px")},children:[z.jsx("span",{className:"zui:text-sm zui:text-gray-500 zui:italic",children:F.labels.low}),z.jsx("span",{className:"zui:text-sm zui:text-gray-500 zui:italic",children:F.labels.high})]})})]})})}):null};
1
+ "use strict";var n=require("./chunks/index-1d613f26.js"),i=require("./components/Button/index.js"),t=require("./components/Popover/index.js"),r=require("./components/Card/index.js"),o=require("./components/Select/index.js"),a=require("./components/Accordion/index.js"),e=require("./components/Switch/index.js"),u=require("./components/RadioGroup/index.js"),l=require("./chunks/Heading-ff5c771d.js"),c=require("./chunks/Text-e9636dd7.js"),p=require("./components/Typography/index.js"),s=require("./chunks/Muted-d2dbaba3.js"),d=require("./components/Modal/index.js"),m=require("react/jsx-runtime"),z=require("@mui/material"),g=require("./chunks/index-4d90f67d.js"),h=require("./chunks/tslib.es6-a3dc1f53.js"),v=require("./chunks/lucide-937248a9.js"),w=require("./components/Badge/index.js"),b=require("./components/Input/index.js"),x=require("./components/Notice/index.js"),f=require("./components/DatePicker/index.js"),y=require("./components/DateRangePicker/index.js"),k=require("./components/Form/index.js"),j=require("./components/Checkbox/index.js"),C=require("./components/CheckboxGroup/index.js"),q=require("./components/Radio/index.js"),N=require("./components/PopupConfirm/index.js"),S=require("./components/GlobalMenuSearch/index.js"),T=require("./components/AppList/index.js"),P=require("./components/Table/index.js"),I=require("./components/BulkActionsBar/index.js"),A=require("./components/TimePicker/index.js"),M=require("./components/DataTable/index.js"),B=require("./components/Tab/index.js"),R=require("./components/Timeline/index.js"),_=require("./components/Charts/index.js"),E=require("react");require("@mui/material/Tooltip");var L=require("./components/Progress/index.js"),D=require("./components/SearchInput/index.js"),H=require("./components/Stepper/index.js"),G=require("./components/LottiePlayer/index.js");require("@mui/material/styles"),require("@mui/material/CardContent"),require("@mui/material/CardMedia"),require("./chunks/createSuper-c9c5c00c.js"),require("./chunks/assertThisInitialized-9901ca61.js"),require("./chunks/extends-77a6284f.js"),require("@emotion/react"),require("react-dom"),require("./chunks/index-9d477012.js"),require("./chunks/moment-1102cd58.js"),require("./chunks/_commonjsHelpers-3d4c1909.js"),require("./chunks/dayjs.min-5e22609b.js"),require("@mui/material/IconButton"),require("@mui/material/List"),require("@mui/material/ListItemText"),require("@mui/material/ListItemIcon"),require("./chunks/react-virtualized-auto-sizer.esm-8dfcb62e.js"),require("@mui/material/Popover"),require("./chunks/index-46a2254a.js");n.styleInject('/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --zui-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",\n "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n --zui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",\n "Courier New", monospace;\n --zui-color-red-50: oklch(97.1% 0.013 17.38);\n --zui-color-red-100: oklch(93.6% 0.032 17.717);\n --zui-color-red-200: oklch(88.5% 0.062 18.334);\n --zui-color-red-500: oklch(63.7% 0.237 25.331);\n --zui-color-red-600: oklch(57.7% 0.245 27.325);\n --zui-color-red-700: oklch(50.5% 0.213 27.518);\n --zui-color-red-800: oklch(44.4% 0.177 26.899);\n --zui-color-red-900: oklch(39.6% 0.141 25.723);\n --zui-color-orange-100: oklch(95.4% 0.038 75.164);\n --zui-color-orange-200: oklch(90.1% 0.076 70.697);\n --zui-color-orange-500: oklch(70.5% 0.213 47.604);\n --zui-color-orange-800: oklch(47% 0.157 37.304);\n --zui-color-amber-50: oklch(98.7% 0.022 95.277);\n --zui-color-amber-100: oklch(96.2% 0.059 95.617);\n --zui-color-amber-500: oklch(76.9% 0.188 70.08);\n --zui-color-amber-600: oklch(66.6% 0.179 58.318);\n --zui-color-amber-700: oklch(55.5% 0.163 48.998);\n --zui-color-yellow-50: oklch(98.7% 0.026 102.212);\n --zui-color-yellow-100: oklch(97.3% 0.071 103.193);\n --zui-color-yellow-200: oklch(94.5% 0.129 101.54);\n --zui-color-yellow-400: oklch(85.2% 0.199 91.936);\n --zui-color-yellow-500: oklch(79.5% 0.184 86.047);\n --zui-color-yellow-600: oklch(68.1% 0.162 75.834);\n --zui-color-yellow-700: oklch(55.4% 0.135 66.442);\n --zui-color-yellow-800: oklch(47.6% 0.114 61.907);\n --zui-color-yellow-900: oklch(42.1% 0.095 57.708);\n --zui-color-green-50: oklch(98.2% 0.018 155.826);\n --zui-color-green-100: oklch(96.2% 0.044 156.743);\n --zui-color-green-200: oklch(92.5% 0.084 155.995);\n --zui-color-green-500: oklch(72.3% 0.219 149.579);\n --zui-color-green-600: oklch(62.7% 0.194 149.214);\n --zui-color-green-700: oklch(52.7% 0.154 150.069);\n --zui-color-green-800: oklch(44.8% 0.119 151.328);\n --zui-color-green-900: oklch(39.3% 0.095 152.535);\n --zui-color-cyan-500: oklch(71.5% 0.143 215.221);\n --zui-color-blue-50: oklch(97% 0.014 254.604);\n --zui-color-blue-100: oklch(93.2% 0.032 255.585);\n --zui-color-blue-200: oklch(88.2% 0.059 254.128);\n --zui-color-blue-400: oklch(70.7% 0.165 254.624);\n --zui-color-blue-500: oklch(62.3% 0.214 259.815);\n --zui-color-blue-600: oklch(54.6% 0.245 262.881);\n --zui-color-blue-700: oklch(48.8% 0.243 264.376);\n --zui-color-blue-800: oklch(42.4% 0.199 265.638);\n --zui-color-blue-900: oklch(37.9% 0.146 265.522);\n --zui-color-purple-50: oklch(97.7% 0.014 308.299);\n --zui-color-purple-100: oklch(94.6% 0.033 307.174);\n --zui-color-purple-200: oklch(90.2% 0.063 306.703);\n --zui-color-purple-500: oklch(62.7% 0.265 303.9);\n --zui-color-purple-600: oklch(55.8% 0.288 302.321);\n --zui-color-purple-700: oklch(49.6% 0.265 301.924);\n --zui-color-purple-800: oklch(43.8% 0.218 303.724);\n --zui-color-pink-50: oklch(97.1% 0.014 343.198);\n --zui-color-pink-500: oklch(65.6% 0.241 354.308);\n --zui-color-slate-100: oklch(96.8% 0.007 247.896);\n --zui-color-slate-200: oklch(92.9% 0.013 255.508);\n --zui-color-slate-300: oklch(86.9% 0.022 252.894);\n --zui-color-slate-500: oklch(55.4% 0.046 257.417);\n --zui-color-slate-800: oklch(27.9% 0.041 260.031);\n --zui-color-gray-50: oklch(98.5% 0.002 247.839);\n --zui-color-gray-100: oklch(96.7% 0.003 264.542);\n --zui-color-gray-200: oklch(92.8% 0.006 264.531);\n --zui-color-gray-300: oklch(87.2% 0.01 258.338);\n --zui-color-gray-400: oklch(70.7% 0.022 261.325);\n --zui-color-gray-500: oklch(55.1% 0.027 264.364);\n --zui-color-gray-600: oklch(44.6% 0.03 256.802);\n --zui-color-gray-700: oklch(37.3% 0.034 259.733);\n --zui-color-gray-800: oklch(27.8% 0.033 256.848);\n --zui-color-gray-900: oklch(21% 0.034 264.665);\n --zui-color-neutral-100: oklch(97% 0 0);\n --zui-color-black: #000;\n --zui-color-white: #fff;\n --zui-spacing: 0.25rem;\n --zui-container-sm: 24rem;\n --zui-container-md: 28rem;\n --zui-container-2xl: 42rem;\n --zui-container-3xl: 48rem;\n --zui-container-4xl: 56rem;\n --zui-text-xs: 0.75rem;\n --zui-text-xs--line-height: calc(1 / 0.75);\n --zui-text-sm: 0.875rem;\n --zui-text-sm--line-height: calc(1.25 / 0.875);\n --zui-text-base: 1rem;\n --zui-text-base--line-height: calc(1.5 / 1);\n --zui-text-lg: 1.125rem;\n --zui-text-lg--line-height: calc(1.75 / 1.125);\n --zui-text-xl: 1.25rem;\n --zui-text-xl--line-height: calc(1.75 / 1.25);\n --zui-text-2xl: 1.5rem;\n --zui-text-2xl--line-height: calc(2 / 1.5);\n --zui-font-weight-normal: 400;\n --zui-font-weight-medium: 500;\n --zui-font-weight-semibold: 600;\n --zui-font-weight-bold: 700;\n --zui-tracking-wide: 0.025em;\n --zui-tracking-wider: 0.05em;\n --zui-leading-snug: 1.375;\n --zui-radius-2xl: 1rem;\n --zui-animate-spin: spin 1s linear infinite;\n --zui-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --zui-blur-sm: 8px;\n --zui-default-transition-duration: 150ms;\n --zui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --zui-default-font-family: var(--zui-font-sans);\n --zui-default-mono-font-family: var(--zui-font-mono);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n font-family: var(--zui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n font-feature-settings: var(--zui-default-font-feature-settings, normal);\n font-variation-settings: var(--zui-default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--zui-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n font-feature-settings: var(--zui-default-mono-font-feature-settings, normal);\n font-variation-settings: var(--zui-default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden="until-found"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .zui\\:pointer-events-auto {\n pointer-events: auto !important;\n }\n .zui\\:pointer-events-none {\n pointer-events: none !important;\n }\n .zui\\:invisible {\n visibility: hidden !important;\n }\n .zui\\:sr-only {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border-width: 0 !important;\n }\n .zui\\:\\!absolute {\n position: absolute !important;\n }\n .zui\\:absolute {\n position: absolute !important;\n }\n .zui\\:fixed {\n position: fixed !important;\n }\n .zui\\:relative {\n position: relative !important;\n }\n .zui\\:sticky {\n position: sticky !important;\n }\n .zui\\:inset-y-0 {\n inset-block: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:-top-\\[9px\\] {\n top: calc(9px * -1) !important;\n }\n .zui\\:top-0 {\n top: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:top-2 {\n top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:top-3 {\n top: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:top-6 {\n top: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:top-16 {\n top: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:right-0 {\n right: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:right-2 {\n right: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:right-3 {\n right: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:right-4 {\n right: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:right-9 {\n right: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:bottom-0 {\n bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:left-0 {\n left: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:left-3 {\n left: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:z-10 {\n z-index: 10 !important;\n }\n .zui\\:z-20 {\n z-index: 20 !important;\n }\n .zui\\:z-30 {\n z-index: 30 !important;\n }\n .zui\\:z-40 {\n z-index: 40 !important;\n }\n .zui\\:z-50 {\n z-index: 50 !important;\n }\n .zui\\:col-span-1 {\n grid-column: span 1 / span 1 !important;\n }\n .zui\\:col-span-2 {\n grid-column: span 2 / span 2 !important;\n }\n .zui\\:col-span-3 {\n grid-column: span 3 / span 3 !important;\n }\n .zui\\:col-span-4 {\n grid-column: span 4 / span 4 !important;\n }\n .zui\\:col-span-5 {\n grid-column: span 5 / span 5 !important;\n }\n .zui\\:col-span-6 {\n grid-column: span 6 / span 6 !important;\n }\n .zui\\:col-span-7 {\n grid-column: span 7 / span 7 !important;\n }\n .zui\\:col-span-8 {\n grid-column: span 8 / span 8 !important;\n }\n .zui\\:col-span-9 {\n grid-column: span 9 / span 9 !important;\n }\n .zui\\:col-span-10 {\n grid-column: span 10 / span 10 !important;\n }\n .zui\\:col-span-11 {\n grid-column: span 11 / span 11 !important;\n }\n .zui\\:col-span-12 {\n grid-column: span 12 / span 12 !important;\n }\n .zui\\:m-0 {\n margin: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:m-0\\.5 {\n margin: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:mx-0 {\n margin-inline: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mx-10 {\n margin-inline: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:mx-auto {\n margin-inline: auto !important;\n }\n .zui\\:\\!my-4 {\n margin-block: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mt-0\\.5 {\n margin-top: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:mt-1 {\n margin-top: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mt-1\\.5 {\n margin-top: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:mt-2 {\n margin-top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mt-3 {\n margin-top: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mt-4 {\n margin-top: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mt-6 {\n margin-top: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:mt-8 {\n margin-top: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:mt-10 {\n margin-top: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:mt-\\[1px\\] {\n margin-top: 1px !important;\n }\n .zui\\:mr-1 {\n margin-right: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mr-2 {\n margin-right: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mr-3 {\n margin-right: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mr-4 {\n margin-right: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:\\!mb-0 {\n margin-bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mb-0 {\n margin-bottom: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:mb-1 {\n margin-bottom: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:mb-2 {\n margin-bottom: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:mb-3 {\n margin-bottom: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:mb-4 {\n margin-bottom: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:mb-6 {\n margin-bottom: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:mb-\\[3px\\] {\n margin-bottom: 3px !important;\n }\n .zui\\:ml-1 {\n margin-left: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:ml-2 {\n margin-left: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:ml-auto {\n margin-left: auto !important;\n }\n .zui\\:block {\n display: block !important;\n }\n .zui\\:flex {\n display: flex !important;\n }\n .zui\\:grid {\n display: grid !important;\n }\n .zui\\:hidden {\n display: none !important;\n }\n .zui\\:inline-block {\n display: inline-block !important;\n }\n .zui\\:inline-flex {\n display: inline-flex !important;\n }\n .zui\\:table-cell {\n display: table-cell !important;\n }\n .zui\\:table-row {\n display: table-row !important;\n }\n .zui\\:size-8 {\n width: calc(var(--zui-spacing) * 8) !important;\n height: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:h-1\\.5 {\n height: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:h-2 {\n height: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:h-3 {\n height: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:h-4 {\n height: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:h-5 {\n height: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:h-6 {\n height: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:h-7 {\n height: calc(var(--zui-spacing) * 7) !important;\n }\n .zui\\:h-8 {\n height: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:h-9 {\n height: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:h-10 {\n height: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:h-11 {\n height: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:h-12 {\n height: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:h-16 {\n height: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:h-80 {\n height: calc(var(--zui-spacing) * 80) !important;\n }\n .zui\\:h-96 {\n height: calc(var(--zui-spacing) * 96) !important;\n }\n .zui\\:h-\\[500px\\] {\n height: 500px !important;\n }\n .zui\\:h-\\[calc\\(100\\%_-_2\\.75rem\\)\\] {\n height: calc(100% - 2.75rem) !important;\n }\n .zui\\:h-\\[calc\\(100vh-65px\\)\\] {\n height: calc(100vh - 65px) !important;\n }\n .zui\\:h-\\[calc\\(100vh-135px\\)\\] {\n height: calc(100vh - 135px) !important;\n }\n .zui\\:h-full {\n height: 100% !important;\n }\n .zui\\:h-screen {\n height: 100vh !important;\n }\n .zui\\:max-h-44 {\n max-height: calc(var(--zui-spacing) * 44) !important;\n }\n .zui\\:max-h-\\[15vh\\] {\n max-height: 15vh !important;\n }\n .zui\\:max-h-\\[70vh\\] {\n max-height: 70vh !important;\n }\n .zui\\:min-h-0 {\n min-height: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:min-h-\\[30px\\] {\n min-height: 30px !important;\n }\n .zui\\:min-h-\\[32px\\] {\n min-height: 32px !important;\n }\n .zui\\:min-h-\\[50px\\] {\n min-height: 50px !important;\n }\n .zui\\:min-h-\\[60px\\] {\n min-height: 60px !important;\n }\n .zui\\:min-h-\\[70vh\\] {\n min-height: 70vh !important;\n }\n .zui\\:min-h-screen {\n min-height: 100vh !important;\n }\n .zui\\:w-2 {\n width: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:w-3 {\n width: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:w-3\\/4 {\n width: calc(3/4 * 100%) !important;\n }\n .zui\\:w-4 {\n width: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:w-5 {\n width: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:w-6 {\n width: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:w-7 {\n width: calc(var(--zui-spacing) * 7) !important;\n }\n .zui\\:w-8 {\n width: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:w-10 {\n width: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:w-12 {\n width: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:w-14 {\n width: calc(var(--zui-spacing) * 14) !important;\n }\n .zui\\:w-16 {\n width: calc(var(--zui-spacing) * 16) !important;\n }\n .zui\\:w-64 {\n width: calc(var(--zui-spacing) * 64) !important;\n }\n .zui\\:w-72 {\n width: calc(var(--zui-spacing) * 72) !important;\n }\n .zui\\:w-80 {\n width: calc(var(--zui-spacing) * 80) !important;\n }\n .zui\\:w-100 {\n width: calc(var(--zui-spacing) * 100) !important;\n }\n .zui\\:w-\\[1px\\] {\n width: 1px !important;\n }\n .zui\\:w-\\[22rem\\] {\n width: 22rem !important;\n }\n .zui\\:w-fit {\n width: fit-content !important;\n }\n .zui\\:w-full {\n width: 100% !important;\n }\n .zui\\:w-max {\n width: max-content !important;\n }\n .zui\\:max-w-2xl {\n max-width: var(--zui-container-2xl) !important;\n }\n .zui\\:max-w-3xl {\n max-width: var(--zui-container-3xl) !important;\n }\n .zui\\:max-w-4xl {\n max-width: var(--zui-container-4xl) !important;\n }\n .zui\\:max-w-full {\n max-width: 100% !important;\n }\n .zui\\:max-w-md {\n max-width: var(--zui-container-md) !important;\n }\n .zui\\:max-w-sm {\n max-width: var(--zui-container-sm) !important;\n }\n .zui\\:\\!min-w-8 {\n min-width: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:min-w-0 {\n min-width: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:min-w-\\[1\\.5rem\\] {\n min-width: 1.5rem !important;\n }\n .zui\\:min-w-\\[1\\.25rem\\] {\n min-width: 1.25rem !important;\n }\n .zui\\:min-w-\\[2rem\\] {\n min-width: 2rem !important;\n }\n .zui\\:min-w-\\[10rem\\] {\n min-width: 10rem !important;\n }\n .zui\\:min-w-\\[12rem\\] {\n min-width: 12rem !important;\n }\n .zui\\:min-w-\\[14rem\\] {\n min-width: 14rem !important;\n }\n .zui\\:min-w-full {\n min-width: 100% !important;\n }\n .zui\\:flex-1 {\n flex: 1 !important;\n }\n .zui\\:flex-shrink-0 {\n flex-shrink: 0 !important;\n }\n .zui\\:shrink-0 {\n flex-shrink: 0 !important;\n }\n .zui\\:table-fixed {\n table-layout: fixed !important;\n }\n .zui\\:border-collapse {\n border-collapse: collapse !important;\n }\n .zui\\:origin-center {\n transform-origin: center !important;\n }\n .zui\\:-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;\n translate: var(--tw-translate-x) var(--tw-translate-y) !important;\n }\n .zui\\:scale-110 {\n --tw-scale-x: 110% !important;\n --tw-scale-y: 110% !important;\n --tw-scale-z: 110% !important;\n scale: var(--tw-scale-x) var(--tw-scale-y) !important;\n }\n .zui\\:rotate-90 {\n rotate: 90deg !important;\n }\n .zui\\:rotate-\\[-90deg\\] {\n rotate: -90deg !important;\n }\n .zui\\:animate-pulse {\n animation: var(--zui-animate-pulse) !important;\n }\n .zui\\:animate-spin {\n animation: var(--zui-animate-spin) !important;\n }\n .zui\\:cursor-default {\n cursor: default !important;\n }\n .zui\\:cursor-not-allowed {\n cursor: not-allowed !important;\n }\n .zui\\:cursor-pointer {\n cursor: pointer !important;\n }\n .zui\\:resize-none {\n resize: none !important;\n }\n .zui\\:list-inside {\n list-style-position: inside !important;\n }\n .zui\\:list-disc {\n list-style-type: disc !important;\n }\n .zui\\:grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n }\n .zui\\:grid-cols-12 {\n grid-template-columns: repeat(12, minmax(0, 1fr)) !important;\n }\n .zui\\:flex-col {\n flex-direction: column !important;\n }\n .zui\\:flex-row {\n flex-direction: row !important;\n }\n .zui\\:flex-row-reverse {\n flex-direction: row-reverse !important;\n }\n .zui\\:flex-nowrap {\n flex-wrap: nowrap !important;\n }\n .zui\\:flex-wrap {\n flex-wrap: wrap !important;\n }\n .zui\\:items-baseline {\n align-items: baseline !important;\n }\n .zui\\:items-center {\n align-items: center !important;\n }\n .zui\\:items-start {\n align-items: flex-start !important;\n }\n .zui\\:justify-between {\n justify-content: space-between !important;\n }\n .zui\\:justify-center {\n justify-content: center !important;\n }\n .zui\\:justify-end {\n justify-content: flex-end !important;\n }\n .zui\\:justify-start {\n justify-content: flex-start !important;\n }\n .zui\\:gap-0\\.5 {\n gap: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:gap-1 {\n gap: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:gap-1\\.5 {\n gap: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:gap-2 {\n gap: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:gap-3 {\n gap: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:gap-4 {\n gap: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:gap-6 {\n gap: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-5 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 5) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 5) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 6) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-y-8 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0 !important;\n margin-block-start: calc(calc(var(--zui-spacing) * 8) * var(--tw-space-y-reverse)) !important;\n margin-block-end: calc(calc(var(--zui-spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;\n }\n }\n .zui\\:space-x-1 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 1) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 1) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-2 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 2) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-3 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 3) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 3) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:space-x-4 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0 !important;\n margin-inline-start: calc(calc(var(--zui-spacing) * 4) * var(--tw-space-x-reverse)) !important;\n margin-inline-end: calc(calc(var(--zui-spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) !important;\n }\n }\n .zui\\:gap-y-2 {\n row-gap: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:divide-y {\n :where(& > :not(:last-child)) {\n --tw-divide-y-reverse: 0 !important;\n border-bottom-style: var(--tw-border-style) !important;\n border-top-style: var(--tw-border-style) !important;\n border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;\n border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;\n }\n }\n .zui\\:divide-gray-200 {\n :where(& > :not(:last-child)) {\n border-color: var(--zui-color-gray-200) !important;\n }\n }\n .zui\\:truncate {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n }\n .zui\\:overflow-auto {\n overflow: auto !important;\n }\n .zui\\:overflow-hidden {\n overflow: hidden !important;\n }\n .zui\\:overflow-visible {\n overflow: visible !important;\n }\n .zui\\:overflow-x-auto {\n overflow-x: auto !important;\n }\n .zui\\:overflow-y-auto {\n overflow-y: auto !important;\n }\n .zui\\:rounded {\n border-radius: 0.25rem !important;\n }\n .zui\\:rounded-2xl {\n border-radius: var(--zui-radius-2xl) !important;\n }\n .zui\\:rounded-full {\n border-radius: calc(infinity * 1px) !important;\n }\n .zui\\:rounded-lg {\n border-radius: var(--zui-radius) !important;\n }\n .zui\\:rounded-md {\n border-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-none {\n border-radius: 0 !important;\n }\n .zui\\:rounded-sm {\n border-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:rounded-xl {\n border-radius: calc(var(--zui-radius) + 4px) !important;\n }\n .zui\\:rounded-s-md {\n border-start-start-radius: calc(var(--zui-radius) - 2px) !important;\n border-end-start-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-e-md {\n border-start-end-radius: calc(var(--zui-radius) - 2px) !important;\n border-end-end-radius: calc(var(--zui-radius) - 2px) !important;\n }\n .zui\\:rounded-t-lg {\n border-top-left-radius: var(--zui-radius) !important;\n border-top-right-radius: var(--zui-radius) !important;\n }\n .zui\\:rounded-t-sm {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-top-right-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:rounded-b-sm {\n border-bottom-right-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n .zui\\:border {\n border-style: var(--tw-border-style) !important;\n border-width: 1px !important;\n }\n .zui\\:border-0 {\n border-style: var(--tw-border-style) !important;\n border-width: 0px !important;\n }\n .zui\\:border-1 {\n border-style: var(--tw-border-style) !important;\n border-width: 1px !important;\n }\n .zui\\:border-2 {\n border-style: var(--tw-border-style) !important;\n border-width: 2px !important;\n }\n .zui\\:border-t {\n border-top-style: var(--tw-border-style) !important;\n border-top-width: 1px !important;\n }\n .zui\\:border-r {\n border-right-style: var(--tw-border-style) !important;\n border-right-width: 1px !important;\n }\n .zui\\:border-b {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 1px !important;\n }\n .zui\\:border-b-1 {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 1px !important;\n }\n .zui\\:border-b-2 {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 2px !important;\n }\n .zui\\:border-b-\\[2px\\] {\n border-bottom-style: var(--tw-border-style) !important;\n border-bottom-width: 2px !important;\n }\n .zui\\:border-l-0 {\n border-left-style: var(--tw-border-style) !important;\n border-left-width: 0px !important;\n }\n .zui\\:border-l-4 {\n border-left-style: var(--tw-border-style) !important;\n border-left-width: 4px !important;\n }\n .zui\\:border-blue-100 {\n border-color: var(--zui-color-blue-100) !important;\n }\n .zui\\:border-blue-200 {\n border-color: var(--zui-color-blue-200) !important;\n }\n .zui\\:border-blue-500 {\n border-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:border-blue-600 {\n border-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:border-blue-700 {\n border-color: var(--zui-color-blue-700) !important;\n }\n .zui\\:border-border {\n border-color: var(--zui-border) !important;\n }\n .zui\\:border-current {\n border-color: currentcolor !important;\n }\n .zui\\:border-destructive {\n border-color: var(--zui-destructive) !important;\n }\n .zui\\:border-gray-100 {\n border-color: var(--zui-color-gray-100) !important;\n }\n .zui\\:border-gray-200 {\n border-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:border-gray-300 {\n border-color: var(--zui-color-gray-300) !important;\n }\n .zui\\:border-gray-700 {\n border-color: var(--zui-color-gray-700) !important;\n }\n .zui\\:border-gray-800 {\n border-color: var(--zui-color-gray-800) !important;\n }\n .zui\\:border-green-100 {\n border-color: var(--zui-color-green-100) !important;\n }\n .zui\\:border-green-200 {\n border-color: var(--zui-color-green-200) !important;\n }\n .zui\\:border-green-700 {\n border-color: var(--zui-color-green-700) !important;\n }\n .zui\\:border-input {\n border-color: var(--zui-input) !important;\n }\n .zui\\:border-orange-200 {\n border-color: var(--zui-color-orange-200) !important;\n }\n .zui\\:border-purple-200 {\n border-color: var(--zui-color-purple-200) !important;\n }\n .zui\\:border-red-100 {\n border-color: var(--zui-color-red-100) !important;\n }\n .zui\\:border-red-200 {\n border-color: var(--zui-color-red-200) !important;\n }\n .zui\\:border-red-500 {\n border-color: var(--zui-color-red-500) !important;\n }\n .zui\\:border-red-700 {\n border-color: var(--zui-color-red-700) !important;\n }\n .zui\\:border-slate-300 {\n border-color: var(--zui-color-slate-300) !important;\n }\n .zui\\:border-transparent {\n border-color: transparent !important;\n }\n .zui\\:border-white {\n border-color: var(--zui-color-white) !important;\n }\n .zui\\:border-yellow-100 {\n border-color: var(--zui-color-yellow-100) !important;\n }\n .zui\\:border-yellow-200 {\n border-color: var(--zui-color-yellow-200) !important;\n }\n .zui\\:border-yellow-600 {\n border-color: var(--zui-color-yellow-600) !important;\n }\n .zui\\:border-yellow-700 {\n border-color: var(--zui-color-yellow-700) !important;\n }\n .zui\\:border-t-transparent {\n border-top-color: transparent !important;\n }\n .zui\\:bg-\\[\\#f8f8f8\\] {\n background-color: #f8f8f8 !important;\n }\n .zui\\:bg-\\[\\#f9f9f9\\] {\n background-color: #f9f9f9 !important;\n }\n .zui\\:bg-accent {\n background-color: var(--zui-accent) !important;\n }\n .zui\\:bg-accent\\/30 {\n background-color: var(--zui-accent) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--zui-accent) 30%, transparent) !important;\n }\n }\n .zui\\:bg-amber-50 {\n background-color: var(--zui-color-amber-50) !important;\n }\n .zui\\:bg-amber-100 {\n background-color: var(--zui-color-amber-100) !important;\n }\n .zui\\:bg-amber-500 {\n background-color: var(--zui-color-amber-500) !important;\n }\n .zui\\:bg-background {\n background-color: var(--zui-background) !important;\n }\n .zui\\:bg-blue-50 {\n background-color: var(--zui-color-blue-50) !important;\n }\n .zui\\:bg-blue-100 {\n background-color: var(--zui-color-blue-100) !important;\n }\n .zui\\:bg-blue-400 {\n background-color: var(--zui-color-blue-400) !important;\n }\n .zui\\:bg-blue-500 {\n background-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:bg-blue-600 {\n background-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:bg-current {\n background-color: currentcolor !important;\n }\n .zui\\:bg-cyan-500 {\n background-color: var(--zui-color-cyan-500) !important;\n }\n .zui\\:bg-gray-50 {\n background-color: var(--zui-color-gray-50) !important;\n }\n .zui\\:bg-gray-100 {\n background-color: var(--zui-color-gray-100) !important;\n }\n .zui\\:bg-gray-200 {\n background-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:bg-gray-300 {\n background-color: var(--zui-color-gray-300) !important;\n }\n .zui\\:bg-gray-400 {\n background-color: var(--zui-color-gray-400) !important;\n }\n .zui\\:bg-gray-800 {\n background-color: var(--zui-color-gray-800) !important;\n }\n .zui\\:bg-gray-900 {\n background-color: var(--zui-color-gray-900) !important;\n }\n .zui\\:bg-green-50 {\n background-color: var(--zui-color-green-50) !important;\n }\n .zui\\:bg-green-100 {\n background-color: var(--zui-color-green-100) !important;\n }\n .zui\\:bg-green-500 {\n background-color: var(--zui-color-green-500) !important;\n }\n .zui\\:bg-inherit {\n background-color: inherit !important;\n }\n .zui\\:bg-muted {\n background-color: var(--zui-muted) !important;\n }\n .zui\\:bg-neutral-100 {\n background-color: var(--zui-color-neutral-100) !important;\n }\n .zui\\:bg-orange-100 {\n background-color: var(--zui-color-orange-100) !important;\n }\n .zui\\:bg-orange-500 {\n background-color: var(--zui-color-orange-500) !important;\n }\n .zui\\:bg-pink-500 {\n background-color: var(--zui-color-pink-500) !important;\n }\n .zui\\:bg-primary {\n background-color: var(--zui-primary) !important;\n }\n .zui\\:bg-purple-50 {\n background-color: var(--zui-color-purple-50) !important;\n }\n .zui\\:bg-purple-100 {\n background-color: var(--zui-color-purple-100) !important;\n }\n .zui\\:bg-purple-500 {\n background-color: var(--zui-color-purple-500) !important;\n }\n .zui\\:bg-red-50 {\n background-color: var(--zui-color-red-50) !important;\n }\n .zui\\:bg-red-100 {\n background-color: var(--zui-color-red-100) !important;\n }\n .zui\\:bg-red-500 {\n background-color: var(--zui-color-red-500) !important;\n }\n .zui\\:bg-red-600 {\n background-color: var(--zui-color-red-600) !important;\n }\n .zui\\:bg-secondary {\n background-color: var(--zui-secondary) !important;\n }\n .zui\\:bg-slate-100 {\n background-color: var(--zui-color-slate-100) !important;\n }\n .zui\\:bg-slate-200 {\n background-color: var(--zui-color-slate-200) !important;\n }\n .zui\\:bg-transparent {\n background-color: transparent !important;\n }\n .zui\\:bg-white {\n background-color: var(--zui-color-white) !important;\n }\n .zui\\:bg-yellow-50 {\n background-color: var(--zui-color-yellow-50) !important;\n }\n .zui\\:bg-yellow-100 {\n background-color: var(--zui-color-yellow-100) !important;\n }\n .zui\\:bg-yellow-500 {\n background-color: var(--zui-color-yellow-500) !important;\n }\n .zui\\:bg-gradient-to-br {\n --tw-gradient-position: to bottom right in oklab !important;\n background-image: linear-gradient(var(--tw-gradient-stops)) !important;\n }\n .zui\\:from-purple-50 {\n --tw-gradient-from: var(--zui-color-purple-50) !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n .zui\\:to-pink-50 {\n --tw-gradient-to: var(--zui-color-pink-50) !important;\n --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;\n }\n .zui\\:object-cover {\n object-fit: cover !important;\n }\n .zui\\:\\!p-0 {\n padding: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:\\!p-1 {\n padding: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:p-0 {\n padding: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:p-0\\.5 {\n padding: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:p-1 {\n padding: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:p-2 {\n padding: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:p-2\\.5 {\n padding: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:p-3 {\n padding: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:p-4 {\n padding: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:p-6 {\n padding: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:px-1 {\n padding-inline: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:px-1\\.5 {\n padding-inline: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:px-2 {\n padding-inline: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:px-2\\.5 {\n padding-inline: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:px-3 {\n padding-inline: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:px-3\\.5 {\n padding-inline: calc(var(--zui-spacing) * 3.5) !important;\n }\n .zui\\:px-4 {\n padding-inline: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:px-5 {\n padding-inline: calc(var(--zui-spacing) * 5) !important;\n }\n .zui\\:px-6 {\n padding-inline: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:px-\\[6px\\] {\n padding-inline: 6px !important;\n }\n .zui\\:py-0 {\n padding-block: calc(var(--zui-spacing) * 0) !important;\n }\n .zui\\:py-0\\.5 {\n padding-block: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:py-1 {\n padding-block: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:py-1\\.5 {\n padding-block: calc(var(--zui-spacing) * 1.5) !important;\n }\n .zui\\:py-2 {\n padding-block: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:py-2\\.5 {\n padding-block: calc(var(--zui-spacing) * 2.5) !important;\n }\n .zui\\:py-3 {\n padding-block: calc(var(--zui-spacing) * 3) !important;\n }\n .zui\\:py-4 {\n padding-block: calc(var(--zui-spacing) * 4) !important;\n }\n .zui\\:py-6 {\n padding-block: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:py-10 {\n padding-block: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:py-12 {\n padding-block: calc(var(--zui-spacing) * 12) !important;\n }\n .zui\\:pt-0\\.5 {\n padding-top: calc(var(--zui-spacing) * 0.5) !important;\n }\n .zui\\:pt-1 {\n padding-top: calc(var(--zui-spacing) * 1) !important;\n }\n .zui\\:pt-2 {\n padding-top: calc(var(--zui-spacing) * 2) !important;\n }\n .zui\\:pr-6 {\n padding-right: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:pr-8 {\n padding-right: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pr-9 {\n padding-right: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:pr-10 {\n padding-right: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:pr-11 {\n padding-right: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:pr-20 {\n padding-right: calc(var(--zui-spacing) * 20) !important;\n }\n .zui\\:pb-8 {\n padding-bottom: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pl-6 {\n padding-left: calc(var(--zui-spacing) * 6) !important;\n }\n .zui\\:pl-8 {\n padding-left: calc(var(--zui-spacing) * 8) !important;\n }\n .zui\\:pl-9 {\n padding-left: calc(var(--zui-spacing) * 9) !important;\n }\n .zui\\:pl-10 {\n padding-left: calc(var(--zui-spacing) * 10) !important;\n }\n .zui\\:pl-11 {\n padding-left: calc(var(--zui-spacing) * 11) !important;\n }\n .zui\\:text-center {\n text-align: center !important;\n }\n .zui\\:text-left {\n text-align: left !important;\n }\n .zui\\:text-right {\n text-align: right !important;\n }\n .zui\\:align-middle {\n vertical-align: middle !important;\n }\n .zui\\:font-mono {\n font-family: var(--zui-font-mono) !important;\n }\n .zui\\:\\!text-base {\n font-size: var(--zui-text-base) !important;\n line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n }\n .zui\\:\\!text-sm {\n font-size: var(--zui-text-sm) !important;\n line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n }\n .zui\\:text-2xl {\n font-size: var(--zui-text-2xl) !important;\n line-height: var(--tw-leading, var(--zui-text-2xl--line-height)) !important;\n }\n .zui\\:text-base {\n font-size: var(--zui-text-base) !important;\n line-height: var(--tw-leading, var(--zui-text-base--line-height)) !important;\n }\n .zui\\:text-lg {\n font-size: var(--zui-text-lg) !important;\n line-height: var(--tw-leading, var(--zui-text-lg--line-height)) !important;\n }\n .zui\\:text-sm {\n font-size: var(--zui-text-sm) !important;\n line-height: var(--tw-leading, var(--zui-text-sm--line-height)) !important;\n }\n .zui\\:text-xl {\n font-size: var(--zui-text-xl) !important;\n line-height: var(--tw-leading, var(--zui-text-xl--line-height)) !important;\n }\n .zui\\:text-xs {\n font-size: var(--zui-text-xs) !important;\n line-height: var(--tw-leading, var(--zui-text-xs--line-height)) !important;\n }\n .zui\\:leading-none {\n --tw-leading: 1 !important;\n line-height: 1 !important;\n }\n .zui\\:leading-snug {\n --tw-leading: var(--zui-leading-snug) !important;\n line-height: var(--zui-leading-snug) !important;\n }\n .zui\\:font-bold {\n --tw-font-weight: var(--zui-font-weight-bold) !important;\n font-weight: var(--zui-font-weight-bold) !important;\n }\n .zui\\:font-medium {\n --tw-font-weight: var(--zui-font-weight-medium) !important;\n font-weight: var(--zui-font-weight-medium) !important;\n }\n .zui\\:font-normal {\n --tw-font-weight: var(--zui-font-weight-normal) !important;\n font-weight: var(--zui-font-weight-normal) !important;\n }\n .zui\\:font-semibold {\n --tw-font-weight: var(--zui-font-weight-semibold) !important;\n font-weight: var(--zui-font-weight-semibold) !important;\n }\n .zui\\:tracking-wide {\n --tw-tracking: var(--zui-tracking-wide) !important;\n letter-spacing: var(--zui-tracking-wide) !important;\n }\n .zui\\:tracking-wider {\n --tw-tracking: var(--zui-tracking-wider) !important;\n letter-spacing: var(--zui-tracking-wider) !important;\n }\n .zui\\:whitespace-nowrap {\n white-space: nowrap !important;\n }\n .zui\\:\\!text-foreground {\n color: var(--zui-foreground) !important;\n }\n .zui\\:text-accent-foreground {\n color: var(--zui-accent-foreground) !important;\n }\n .zui\\:text-amber-600 {\n color: var(--zui-color-amber-600) !important;\n }\n .zui\\:text-amber-700 {\n color: var(--zui-color-amber-700) !important;\n }\n .zui\\:text-black {\n color: var(--zui-color-black) !important;\n }\n .zui\\:text-blue-500 {\n color: var(--zui-color-blue-500) !important;\n }\n .zui\\:text-blue-600 {\n color: var(--zui-color-blue-600) !important;\n }\n .zui\\:text-blue-700 {\n color: var(--zui-color-blue-700) !important;\n }\n .zui\\:text-blue-800 {\n color: var(--zui-color-blue-800) !important;\n }\n .zui\\:text-blue-900 {\n color: var(--zui-color-blue-900) !important;\n }\n .zui\\:text-destructive {\n color: var(--zui-destructive) !important;\n }\n .zui\\:text-foreground {\n color: var(--zui-foreground) !important;\n }\n .zui\\:text-gray-300 {\n color: var(--zui-color-gray-300) !important;\n }\n .zui\\:text-gray-400 {\n color: var(--zui-color-gray-400) !important;\n }\n .zui\\:text-gray-500 {\n color: var(--zui-color-gray-500) !important;\n }\n .zui\\:text-gray-600 {\n color: var(--zui-color-gray-600) !important;\n }\n .zui\\:text-gray-700 {\n color: var(--zui-color-gray-700) !important;\n }\n .zui\\:text-gray-800 {\n color: var(--zui-color-gray-800) !important;\n }\n .zui\\:text-gray-900 {\n color: var(--zui-color-gray-900) !important;\n }\n .zui\\:text-green-500 {\n color: var(--zui-color-green-500) !important;\n }\n .zui\\:text-green-600 {\n color: var(--zui-color-green-600) !important;\n }\n .zui\\:text-green-700 {\n color: var(--zui-color-green-700) !important;\n }\n .zui\\:text-green-800 {\n color: var(--zui-color-green-800) !important;\n }\n .zui\\:text-green-900 {\n color: var(--zui-color-green-900) !important;\n }\n .zui\\:text-muted-foreground {\n color: var(--zui-muted-foreground) !important;\n }\n .zui\\:text-orange-500 {\n color: var(--zui-color-orange-500) !important;\n }\n .zui\\:text-orange-800 {\n color: var(--zui-color-orange-800) !important;\n }\n .zui\\:text-popover-foreground {\n color: var(--zui-popover-foreground) !important;\n }\n .zui\\:text-purple-500 {\n color: var(--zui-color-purple-500) !important;\n }\n .zui\\:text-purple-600 {\n color: var(--zui-color-purple-600) !important;\n }\n .zui\\:text-purple-700 {\n color: var(--zui-color-purple-700) !important;\n }\n .zui\\:text-purple-800 {\n color: var(--zui-color-purple-800) !important;\n }\n .zui\\:text-red-500 {\n color: var(--zui-color-red-500) !important;\n }\n .zui\\:text-red-600 {\n color: var(--zui-color-red-600) !important;\n }\n .zui\\:text-red-700 {\n color: var(--zui-color-red-700) !important;\n }\n .zui\\:text-red-800 {\n color: var(--zui-color-red-800) !important;\n }\n .zui\\:text-red-900 {\n color: var(--zui-color-red-900) !important;\n }\n .zui\\:text-slate-500 {\n color: var(--zui-color-slate-500) !important;\n }\n .zui\\:text-slate-800 {\n color: var(--zui-color-slate-800) !important;\n }\n .zui\\:text-white {\n color: var(--zui-color-white) !important;\n }\n .zui\\:text-yellow-400 {\n color: var(--zui-color-yellow-400) !important;\n }\n .zui\\:text-yellow-500 {\n color: var(--zui-color-yellow-500) !important;\n }\n .zui\\:text-yellow-600 {\n color: var(--zui-color-yellow-600) !important;\n }\n .zui\\:text-yellow-700 {\n color: var(--zui-color-yellow-700) !important;\n }\n .zui\\:text-yellow-800 {\n color: var(--zui-color-yellow-800) !important;\n }\n .zui\\:text-yellow-900 {\n color: var(--zui-color-yellow-900) !important;\n }\n .zui\\:uppercase {\n text-transform: uppercase !important;\n }\n .zui\\:italic {\n font-style: italic !important;\n }\n .zui\\:underline {\n text-decoration-line: underline !important;\n }\n .zui\\:opacity-40 {\n opacity: 40% !important;\n }\n .zui\\:opacity-50 {\n opacity: 50% !important;\n }\n .zui\\:opacity-60 {\n opacity: 60% !important;\n }\n .zui\\:opacity-70 {\n opacity: 70% !important;\n }\n .zui\\:opacity-80 {\n opacity: 80% !important;\n }\n .zui\\:opacity-90 {\n opacity: 90% !important;\n }\n .zui\\:shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:shadow-sm {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:shadow-xl {\n --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-1 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n .zui\\:ring-blue-200 {\n --tw-ring-color: var(--zui-color-blue-200) !important;\n }\n .zui\\:ring-blue-500 {\n --tw-ring-color: var(--zui-color-blue-500) !important;\n }\n .zui\\:ring-blue-600 {\n --tw-ring-color: var(--zui-color-blue-600) !important;\n }\n .zui\\:ring-gray-200 {\n --tw-ring-color: var(--zui-color-gray-200) !important;\n }\n .zui\\:ring-ring {\n --tw-ring-color: var(--zui-ring) !important;\n }\n .zui\\:ring-offset-1 {\n --tw-ring-offset-width: 1px !important;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n }\n .zui\\:ring-offset-background {\n --tw-ring-offset-color: var(--zui-background) !important;\n }\n .zui\\:blur-sm {\n --tw-blur: blur(var(--zui-blur-sm)) !important;\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;\n }\n .zui\\:transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-all {\n transition-property: all !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-transform {\n transition-property: transform, translate, scale, rotate !important;\n transition-timing-function: var(--tw-ease, var(--zui-default-transition-timing-function)) !important;\n transition-duration: var(--tw-duration, var(--zui-default-transition-duration)) !important;\n }\n .zui\\:transition-none {\n transition-property: none !important;\n }\n .zui\\:duration-150 {\n --tw-duration: 150ms !important;\n transition-duration: 150ms !important;\n }\n .zui\\:duration-200 {\n --tw-duration: 200ms !important;\n transition-duration: 200ms !important;\n }\n .zui\\:duration-300 {\n --tw-duration: 300ms !important;\n transition-duration: 300ms !important;\n }\n .zui\\:outline-none {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n .zui\\:select-none {\n -webkit-user-select: none !important;\n user-select: none !important;\n }\n .zui\\:placeholder\\:text-muted-foreground {\n &::placeholder {\n color: var(--zui-muted-foreground) !important;\n }\n }\n .zui\\:after\\:absolute {\n &::after {\n content: var(--tw-content);\n position: absolute !important;\n }\n }\n .zui\\:after\\:top-0 {\n &::after {\n content: var(--tw-content);\n top: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:right-0 {\n &::after {\n content: var(--tw-content);\n right: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:left-0 {\n &::after {\n content: var(--tw-content);\n left: calc(var(--zui-spacing) * 0) !important;\n }\n }\n .zui\\:after\\:h-full {\n &::after {\n content: var(--tw-content);\n height: 100% !important;\n }\n }\n .zui\\:after\\:w-\\[1px\\] {\n &::after {\n content: var(--tw-content);\n width: 1px !important;\n }\n }\n .zui\\:after\\:bg-gray-200 {\n &::after {\n content: var(--tw-content);\n background-color: var(--zui-color-gray-200) !important;\n }\n }\n .zui\\:after\\:content-\\[\\"\\"\\] {\n &::after {\n content: var(--tw-content);\n --tw-content: "" !important;\n content: var(--tw-content) !important;\n }\n }\n .zui\\:focus-within\\:ring-1 {\n &:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n .zui\\:focus-within\\:ring-destructive {\n &:focus-within {\n --tw-ring-color: var(--zui-destructive) !important;\n }\n }\n .zui\\:focus-within\\:ring-ring {\n &:focus-within {\n --tw-ring-color: var(--zui-ring) !important;\n }\n }\n .zui\\:focus-within\\:ring-offset-1 {\n &:focus-within {\n --tw-ring-offset-width: 1px !important;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;\n }\n }\n .zui\\:hover\\:border-blue-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--zui-color-blue-400) !important;\n }\n }\n }\n .zui\\:hover\\:border-gray-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--zui-color-gray-400) !important;\n }\n }\n }\n .zui\\:hover\\:bg-blue-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-blue-50) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-50) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-100 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-100) !important;\n }\n }\n }\n .zui\\:hover\\:bg-gray-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-color-gray-200) !important;\n }\n }\n }\n .zui\\:hover\\:text-blue-800 {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-blue-800) !important;\n }\n }\n }\n .zui\\:hover\\:text-red-500 {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-red-500) !important;\n }\n }\n }\n .zui\\:hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline !important;\n }\n }\n }\n .zui\\:hover\\:opacity-100 {\n &:hover {\n @media (hover: hover) {\n opacity: 100% !important;\n }\n }\n }\n .zui\\:focus\\:outline-none {\n &:focus {\n --tw-outline-style: none !important;\n outline-style: none !important;\n }\n }\n .zui\\:disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed !important;\n }\n }\n .zui\\:disabled\\:opacity-50 {\n &:disabled {\n opacity: 50% !important;\n }\n }\n .zui\\:aria-selected\\:bg-accent\\/50 {\n &[aria-selected="true"] {\n background-color: var(--zui-accent) !important;\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--zui-accent) 50%, transparent) !important;\n }\n }\n }\n .zui\\:aria-selected\\:text-muted-foreground {\n &[aria-selected="true"] {\n color: var(--zui-muted-foreground) !important;\n }\n }\n .zui\\:aria-selected\\:opacity-30 {\n &[aria-selected="true"] {\n opacity: 30% !important;\n }\n }\n .zui\\:aria-selected\\:opacity-100 {\n &[aria-selected="true"] {\n opacity: 100% !important;\n }\n }\n .zui\\:data-\\[disabled\\]\\:pointer-events-none {\n &[data-disabled] {\n pointer-events: none !important;\n }\n }\n .zui\\:data-\\[disabled\\]\\:opacity-50 {\n &[data-disabled] {\n opacity: 50% !important;\n }\n }\n .zui\\:sm\\:w-auto {\n @media (width >= 40rem) {\n width: auto !important;\n }\n }\n .zui\\:sm\\:rounded-l-sm {\n @media (width >= 40rem) {\n border-top-left-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-left-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:sm\\:rounded-r-sm {\n @media (width >= 40rem) {\n border-top-right-radius: calc(var(--zui-radius) - 4px) !important;\n border-bottom-right-radius: calc(var(--zui-radius) - 4px) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-accent {\n &>button {\n background-color: var(--zui-accent) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-primary {\n &>button {\n background-color: var(--zui-primary) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:bg-transparent {\n &>button {\n background-color: transparent !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:\\!text-foreground {\n &>button {\n color: var(--zui-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-accent-foreground {\n &>button {\n color: var(--zui-accent-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-foreground {\n &>button {\n color: var(--zui-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:text-primary-foreground {\n &>button {\n color: var(--zui-primary-foreground) !important;\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-primary {\n &>button {\n &:hover {\n @media (hover: hover) {\n background-color: var(--zui-primary) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:bg-transparent {\n &>button {\n &:hover {\n @media (hover: hover) {\n background-color: transparent !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:\\!text-foreground {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-foreground) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:text-gray-500 {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-color-gray-500) !important;\n }\n }\n }\n }\n .zui\\:\\[\\&\\>button\\]\\:hover\\:text-primary-foreground {\n &>button {\n &:hover {\n @media (hover: hover) {\n color: var(--zui-primary-foreground) !important;\n }\n }\n }\n }\n}\n:root {\n --zui-radius: 0.625rem;\n --zui-background: oklch(1 0 0);\n --zui-foreground: oklch(0.145 0 0);\n --zui-card: oklch(1 0 0);\n --zui-card-foreground: oklch(0.145 0 0);\n --zui-popover: oklch(1 0 0);\n --zui-popover-foreground: oklch(0.145 0 0);\n --zui-primary: oklch(0.55 0.247 266.93);\n --zui-primary-foreground: oklch(0.985 0 0);\n --zui-secondary: oklch(0.97 0 0);\n --zui-secondary-foreground: oklch(0.205 0 0);\n --zui-muted: oklch(0.97 0 0);\n --zui-muted-foreground: oklch(0.556 0 0);\n --zui-accent: oklch(0.97 0 0);\n --zui-accent-foreground: oklch(0.205 0 0);\n --zui-destructive: oklch(0.577 0.245 27.325);\n --zui-border: oklch(0.922 0 0);\n --zui-input: oklch(0.922 0 0);\n --zui-ring: oklch(0.708 0 0);\n --zui-chart-1: oklch(0.646 0.222 41.116);\n --zui-chart-2: oklch(0.6 0.118 184.704);\n --zui-chart-3: oklch(0.398 0.07 227.392);\n --zui-chart-4: oklch(0.828 0.189 84.429);\n --zui-chart-5: oklch(0.769 0.188 70.08);\n --zui-sidebar: oklch(0.985 0 0);\n --zui-sidebar-foreground: oklch(0.145 0 0);\n --zui-sidebar-primary: oklch(0.205 0 0);\n --zui-sidebar-primary-foreground: oklch(0.985 0 0);\n --zui-sidebar-accent: oklch(0.97 0 0);\n --zui-sidebar-accent-foreground: oklch(0.205 0 0);\n --zui-sidebar-border: oklch(0.922 0 0);\n --zui-sidebar-ring: oklch(0.708 0 0);\n}\n@property --tw-translate-x {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-space-y-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-space-x-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-divide-y-reverse {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-border-style {\n syntax: "*";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-gradient-position {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-from {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-via {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-to {\n syntax: "<color>";\n inherits: false;\n initial-value: #0000;\n}\n@property --tw-gradient-stops {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-via-stops {\n syntax: "*";\n inherits: false;\n}\n@property --tw-gradient-from-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n syntax: "<length-percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-leading {\n syntax: "*";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: "*";\n inherits: false;\n}\n@property --tw-tracking {\n syntax: "*";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: "<length>";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: "*";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-blur {\n syntax: "*";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: "*";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: "*";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: "*";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-invert {\n syntax: "*";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: "*";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: "*";\n inherits: false;\n}\n@property --tw-duration {\n syntax: "*";\n inherits: false;\n}\n@property --tw-content {\n syntax: "*";\n initial-value: "";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-space-y-reverse: 0;\n --tw-space-x-reverse: 0;\n --tw-divide-y-reverse: 0;\n --tw-border-style: solid;\n --tw-gradient-position: initial;\n --tw-gradient-from: #0000;\n --tw-gradient-via: #0000;\n --tw-gradient-to: #0000;\n --tw-gradient-stops: initial;\n --tw-gradient-via-stops: initial;\n --tw-gradient-from-position: 0%;\n --tw-gradient-via-position: 50%;\n --tw-gradient-to-position: 100%;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-tracking: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-content: "";\n }\n }\n}\n');exports.UILibraryThemeProvider=n.UILibraryThemeProvider,exports.createCustomTheme=n.createCustomTheme,exports.designTokens=n.designTokens,exports.theme=n.theme,exports.Button=i.Button,exports.Popover=t.Popover,exports.CardActions=r.CardActions,exports.CardContent=r.CardContent,exports.CardHeader=r.CardHeader,exports.CardImage=r.CardImage,exports.CardRoot=r.CardRoot,exports.CardSkeleton=r.CardSkeleton,exports.Select=o.Select,exports.Accordion=a.Accordion,exports.AccordionContent=a.AccordionContent,exports.AccordionItem=a.AccordionItem,exports.AccordionTrigger=a.AccordionTrigger,exports.Switch=e.default,exports.RadioGroup=u.RadioGroup,exports.Heading=l.Heading,exports.Text=c.Text,exports.Blockquote=p.Blockquote,exports.Caption=p.Caption,exports.Code=p.Code,exports.Lead=p.Lead,exports.Strong=p.Strong,exports.Muted=s.Muted,exports.Modal=d.Modal,exports.cn=g.cn,exports.darken=g.darken,exports.getTextColor=g.getTextColor,exports.useStableId=g.useStableId,exports.Badge=w.Badge,exports.Input=b.Input,exports.Notice=x.Notice,exports.DatePicker=f.DatePicker,exports.DateRangePicker=y.DateRangePicker,exports.Form=k.Form,exports.Checkbox=j.Checkbox,exports.CheckboxGroup=C.CheckboxGroup,exports.Radio=q.Radio,exports.PopupConfirm=N.PopupConfirm,exports.GlobalMenuSearch=S.GlobalMenuSearch,exports.AppList=T.AppList,exports.Table=P.Table,exports.BulkActionsBar=I.BulkActionsBar,exports.TimePicker=A.TimePicker,exports.DataTable=M.DataTable,exports.Tab=B.Tab,exports.Timeline=R.Timeline,exports.BarChart=_.BarChart,exports.BaseChart=_.BaseChart,exports.LineChart=_.LineChart,exports.PieChart=_.PieChart,exports.Progress=L.Progress,exports.SearchInput=D.SearchInput,exports.Stepper=H.Stepper,exports.LottiePlayer=G.LottiePlayer,exports.Drawer=function(n){var i=n.open,t=n.onClose,r=n.title,o=n.children,a=n.footer,e=n.side,u=void 0===e?"right":e,l=n.className,p=n.headerClassName,s=n.showCloseIcon,d=void 0===s||s,h=n.withOverlay,w=void 0===h||h,b=n.stickyFooter,x=void 0===b||b,f=n.width,y=n.height,k="left"===u||"right"===u;return m.jsxs(z.Drawer,{anchor:u,open:i,onClose:t,ModalProps:{keepMounted:!0},hideBackdrop:!w,PaperProps:{style:{width:k?null!=f?f:400:void 0,height:k?"100%":null!=y?y:400},className:g.cn("zui:bg-background zui:shadow-lg zui:border-border zui:flex zui:flex-col",k?"zui:h-full zui:rounded-none zui:sm:rounded-l-sm":"zui:w-full zui:sm:w-auto","left"===u&&"zui:sm:rounded-r-sm zui:border-r zui:border-l-0","top"===u&&"zui:rounded-b-sm","bottom"===u&&"zui:rounded-t-sm",l)},children:[m.jsxs(z.Box,{className:g.cn("zui:p-4 zui:flex zui:items-center zui:justify-between zui:border-b zui:border-border",p),children:[m.jsx(c.Text,{size:"sm",fontWeight:600,children:r}),d&&m.jsx(z.IconButton,{onClick:t,size:"small",className:"zui:hover:text-red-500",children:m.jsx(v.X,{className:"zui:h-4 zui:w-4"})})]}),m.jsx(z.Box,{className:"zui:flex-1 zui:overflow-y-auto zui:p-4",children:o}),a&&m.jsx(z.Box,{className:g.cn("zui:border-t zui:border-border zui:p-2",x&&"zui:sticky zui:bottom-0 zui:bg-background"),children:a})]})},exports.Nps=function(n){var t=n.openModal,o=n.setOpenModal,a=void 0===o?function(){}:o,e=n.spocDetails,u=void 0===e?{}:e,s=n.showProduct,d=void 0===s?{showCSAT:!1,showProductNPS:!1,showESS:!1}:s,g=n.onComplete,w=n.onClose,x=n.appId,f=void 0===x?1:x,y=n.customQuestions,k=n.onSubmitSurvey,j=n.onLogClose,C=[{id:1,question:"How would you rate your customer success experience with ".concat((null==u?void 0:u.EMPLOYEE_NAME)||"our team","?"),maxRating:5,labels:{low:"Not at all likely",high:"Extremely likely"},apiKey:"RATING",show:!!d.showCSAT},{id:2,question:"How satisfied are you with our product features?",maxRating:10,labels:{low:"Not satisfied",high:"Very satisfied"},apiKey:"PRODUCT_RATING",show:!!d.showProductNPS},{id:3,question:"How likely are you to recommend Zimyo HRMS?",maxRating:10,labels:{low:"Not at all likely",high:"Extremely likely"},apiKey:"ESS_RATING",show:!!d.showESS}],q=E.useMemo(function(){return y&&y.length>0?y.map(function(n,i){return h.__assign(h.__assign({},n),{id:n.id||i+1,show:!0})}):C},[y,null==u?void 0:u.EMPLOYEE_NAME,d]),N=E.useMemo(function(){return q.filter(function(n){return n.show})},[q]),S=E.useState(0),T=S[0],P=S[1],I=E.useState({}),A=I[0],M=I[1],B=E.useState(null),R=B[0],_=B[1],L=E.useState(!1),D=L[0],H=L[1],G=E.useState(""),F=G[0],U=G[1],K=E.useCallback(function(){P(0),M({}),_(null),U(""),H(!1)},[]),O=E.useCallback(function(){var n={app_id:f};d.showCSAT&&(n.support_nps=1),d.showProductNPS&&(n.product_nps=1),d.showESS&&(n.ess_nps=1),j&&j(n),a(!1),K(),null==w||w()},[f,d,j,a,K,w]),X=N[T],Q=T===N.length-1,W=E.useCallback(function(n){var i;_(n);var t=h.__assign(h.__assign({},A),((i={})[X.apiKey]=n,i));M(t),setTimeout(function(){Q||P(T+1),_(null)},300)},[A,T,X,Q]),Y=E.useCallback(function(){var n=h.__assign(h.__assign({},A),{FEEDBACK:F,app_id:f});k?k(n,function(){H(!0),null==g||g(A)}):(H(!0),null==g||g(A))},[A,F,f,k,g]),V=E.useCallback(function(n){for(var i=[],t=10===n?10:n,r=1;r<=t;r++)i.push(r);return i},[]),Z=E.useCallback(function(){H(!1),a(!1),K()},[a,K]);return t?0===N.length?null:D?m.jsx("div",{className:"zui:h-80",children:m.jsx("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:m.jsx(r.CardRoot,{variant:"elevated",className:"zui:max-w-3xl zui:w-full zui:relative zui:pointer-events-auto zui:p-4",children:m.jsxs("div",{className:"p-6",children:[m.jsx(z.IconButton,{onClick:Z,size:"small","aria-label":"Close",className:"zui:ml-auto zui:flex zui:text-muted-foreground hover:zui:text-foreground",children:m.jsx(v.X,{className:"zui:w-5 zui:h-5"})}),m.jsx(r.CardContent,{children:m.jsxs("div",{className:"zui:text-center",children:[m.jsx(l.Heading,{level:4,mb:2,children:"Thank you for your valuable feedback"}),m.jsx(i.Button,{onClick:Z,size:"medium",className:"zui:mt-4",children:"Done"})]})})]})})})}):Q&&A[X.apiKey]?m.jsx("div",{className:"zui:h-80",children:m.jsx("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:m.jsx(r.CardRoot,{variant:"elevated",className:"zui:max-w-3xl zui:w-full zui:relative zui:pointer-events-auto zui:p-4",children:m.jsxs("div",{className:"p-6",children:[m.jsx("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:N.map(function(n,i){return m.jsx("div",{className:"zui:h-1.5 zui:w-8 zui:rounded-full zui:bg-blue-600 zui:transition-all zui:duration-300"},i)})}),m.jsx(r.CardHeader,{title:m.jsx(c.Text,{size:"lg",fontSize:20,fontWeight:600,sx:{textAlign:"center"},children:"Anything that can be improved?"})}),m.jsx(p.Caption,{className:"zui:text-center zui:flex zui:justify-center zui:text-sm zui:text-gray-500 zui:mb-2 zui:mt-2",children:"Optional feedback"}),m.jsxs(r.CardContent,{children:[m.jsx("div",{className:"zui:mb-2",children:m.jsx(b.Input,{type:"textarea",className:"zui:w-full zui:p-3",placeholder:"Share your thoughts...",value:F,style:{height:120},onChange:function(n){return U(n.target.value)}})}),m.jsx("div",{className:"zui:flex zui:justify-end zui:gap-3",children:m.jsx(i.Button,{onClick:Y,size:"medium",children:"Finish"})})]})]})})})}):m.jsx("div",{className:"zui:h-80",children:m.jsx("div",{className:"zui:fixed zui:bottom-0 zui:left-0 zui:right-0 zui:flex zui:justify-center zui:z-50 zui:pointer-events-none",children:m.jsx(r.CardRoot,{variant:"elevated",className:"zui:max-w-3xl zui:w-full zui:relative zui:pointer-events-auto zui:p-4",children:m.jsxs("div",{className:"p-6",children:[m.jsx(z.IconButton,{onClick:O,size:"small","aria-label":"Close survey",className:"zui:ml-auto zui:flex zui:text-muted-foreground hover:zui:text-foreground",children:m.jsx(v.X,{className:"zui:w-5 zui:h-5"})}),m.jsx("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:N.map(function(n,i){return m.jsx("div",{className:"zui:h-1.5 zui:rounded-full zui:transition-all zui:duration-300 ".concat(i===T?"zui:w-8 zui:bg-blue-600":i<T?"zui:w-8 zui:bg-blue-400":"zui:w-8 zui:bg-gray-300")},i)})}),m.jsx(r.CardHeader,{title:m.jsx(l.Heading,{level:4,mb:1,sx:{textAlign:"center"},children:X.question})}),m.jsxs(p.Caption,{className:"zui:text-center zui:flex zui:justify-center zui:text-sm zui:text-gray-500 zui:mb-6",children:["Question ",T+1," of ",N.length]}),m.jsxs(r.CardContent,{children:[m.jsx("div",{className:"zui:flex zui:items-center zui:justify-center zui:gap-2 zui:mb-4",children:V(X.maxRating).map(function(n){return m.jsx("button",{onClick:function(){return W(n)},className:"zui:w-12 zui:h-12 zui:shrink-0 zui:rounded-full zui:cursor-pointer zui:border-2 zui:transition-all zui:duration-200 zui:font-medium zui:text-base ".concat(R===n?"zui:bg-blue-600 zui:border-blue-600 zui:text-white zui:scale-110":"zui:bg-white zui:border-gray-300 zui:text-gray-700 zui:hover:border-blue-400 zui:hover:bg-blue-50"),children:n},n)})}),m.jsx("div",{className:"zui:flex zui:justify-center zui:gap-2 zui:mb-4",children:m.jsxs("div",{className:"zui:flex zui:justify-between",style:{width:"".concat(48*X.maxRating+8*(X.maxRating-1),"px")},children:[m.jsx(p.Caption,{className:"zui:italic",children:X.labels.low}),m.jsx(p.Caption,{className:"zui:italic",children:X.labels.high})]})})]})]})})})}):null};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zimyo/ui",
3
- "version": "1.17.0",
3
+ "version": "1.17.2",
4
4
  "description": "Zimyo UI library built on MUI Material",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",