@novu/js 2.2.0 → 2.3.0

package/dist/esm/ui/index.mjs

@@ -1,4 +1,5 @@
-import { __privateAdd, __privateSet, __privateMethod, __privateGet, __spreadProps, __spreadValues, __objRest, Novu, __async, isSameFilter } from '../chunk-J3BKCO4X.mjs';
+import { Novu, isSameFilter } from '../chunk-QIWP6QB5.mjs';
+import { __privateAdd, __privateSet, __privateMethod, __privateGet, __spreadProps, __spreadValues, __objRest, __async } from '../chunk-STZMOEWR.mjs';
 import { delegateEvents, createComponent, mergeProps, render, Portal, spread, template, insert, memo, effect, className, use, addEventListener, setAttribute, Dynamic, isServer } from 'solid-js/web';
 import { createSignal, createContext, useContext, onMount, onCleanup, For, createMemo, createEffect, splitProps, Show, Switch as Switch$1, Match, createResource, createComputed, batch } from 'solid-js';
 import { createStore } from 'solid-js/store';
@@ -19,7 +20,7 @@ var defaultVariables = {
   colorCounterForeground: "white",
   colorBackground: "#FCFCFC",
   colorForeground: "#1A1523",
-  colorNeutral: "black",
+  colorNeutral: "#525252",
   colorShadow: "rgba(122,133,153,0.25)",
   fontSize: "inherit",
   borderRadius: "0.375rem"
@@ -435,14 +436,15 @@ var AppearanceProvider = (props) => {
     var _a;
     return ((_a = props.appearance) == null ? void 0 : _a.variables) || {};
   };
-  const elements = () => {
-    var _a;
-    return ((_a = props.appearance) == null ? void 0 : _a.elements) || {};
-  };
   const animations = () => {
     var _a, _b;
     return (_b = (_a = props.appearance) == null ? void 0 : _a.animations) != null ? _b : true;
   };
+  const allElements = createMemo(() => {
+    var _a;
+    const baseElements = themes().reduce((acc, obj) => __spreadValues(__spreadValues({}, acc), obj.elements || {}), {});
+    return __spreadValues(__spreadValues({}, baseElements), ((_a = props.appearance) == null ? void 0 : _a.elements) || {});
+  });
   onMount(() => {
     const el = document.getElementById(props.id);
     if (el) {
@@ -474,8 +476,7 @@ var AppearanceProvider = (props) => {
     if (!styleEl) {
       return;
     }
-    const baseElements = themes().reduce((acc, obj) => __spreadValues(__spreadValues({}, acc), obj.elements || {}), {});
-    const elementsStyleData = parseElements(__spreadValues(__spreadValues({}, baseElements), elements()));
+    const elementsStyleData = parseElements(allElements());
     setStore("appearanceKeyToCssInJsClass", (obj) => __spreadValues(__spreadValues({}, obj), elementsStyleData.reduce((acc, item) => {
       acc[item.key] = item.className;
       return acc;
@@ -492,7 +493,7 @@ var AppearanceProvider = (props) => {
   return createComponent(AppearanceContext.Provider, {
     get value() {
       return {
-        elements,
+        elements: allElements,
         variables,
         appearanceKeyToCssInJsClass: store.appearanceKeyToCssInJsClass,
         // stores are reactive
@@ -1023,15 +1024,11 @@ function useFocusManager() {
   return context;
 }
 var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-var ExternalElementRenderer = (_a) => {
-  var _b = _a, {
-    render: render2
-  } = _b, rest = __objRest(_b, [
-    "render"
-  ]);
+var ExternalElementRenderer = (props) => {
   let ref;
+  const [local, rest] = splitProps(props, ["render"]);
   createEffect(() => {
-    const unmount = render2(ref);
+    const unmount = local.render(ref);
     onCleanup(() => {
       unmount();
     });
@@ -1215,7 +1212,7 @@ var BellContainer = (props) => {
         return _el$2;
       }
     }), null);
-    effect(() => className(_el$, style("bellContainer", `nt-h-6 nt-w-6 nt-flex nt-justify-center nt-items-center nt-rounded-md nt-relative nt-text-foreground-alpha-600 nt-cursor-pointer`)));
+    effect(() => className(_el$, style("bellContainer", `nt-h-6 nt-w-6 nt-flex nt-justify-center nt-items-center nt-rounded-md nt-relative nt-text-foreground nt-cursor-pointer`)));
     return _el$;
   })();
 };
@@ -1265,8 +1262,8 @@ var buttonVariants = cva("nt-inline-flex nt-gap-4 nt-items-center nt-justify-cen
     variant: {
       default: "nt-bg-primary nt-text-primary-foreground hover:nt-bg-primary-alpha-900",
       secondary: "nt-bg-secondary nt-text-secondary-foreground hover:nt-bg-secondary-alpha-800",
-      icon: "nt-text-secondary-foreground-alpha-500 hover:nt-bg-neutral-100",
-      ghost: "hover:nt-bg-neutral-100",
+      icon: "nt-text-secondary-foreground-alpha-500 hover:nt-bg-neutral-alpha-50",
+      ghost: "hover:nt-bg-neutral-alpha-50",
       unstyled: ""
     },
     size: {
@@ -1363,11 +1360,24 @@ function PopoverRoot(props) {
   const [floating, setFloating] = createSignal(null);
   const position = useFloating(reference, floating, {
     placement: props.placement || "bottom-start",
-    whileElementsMounted: autoUpdate,
+    whileElementsMounted: (reference2, floating2, update) => autoUpdate(reference2, floating2, update, {
+      elementResize: false,
+      ancestorScroll: false,
+      animationFrame: false,
+      layoutShift: false
+    }),
     middleware: [offset(10), flip({
       fallbackPlacements: props.fallbackPlacements || ["top-start"]
     }), shift()]
   });
+  const floatingStyles = createMemo(() => {
+    var _a2, _b;
+    return {
+      position: position.strategy,
+      top: `${(_a2 = position.y) != null ? _a2 : 0}px`,
+      left: `${(_b = position.x) != null ? _b : 0}px`
+    };
+  });
   const onClose = () => {
     onOpenChange()(false);
   };
@@ -1383,14 +1393,7 @@ function PopoverRoot(props) {
       floating,
       setFloating,
       open,
-      floatingStyles: () => {
-        var _a2, _b;
-        return {
-          position: position.strategy,
-          top: `${(_a2 = position.y) != null ? _a2 : 0}px`,
-          left: `${(_b = position.x) != null ? _b : 0}px`
-        };
-      }
+      floatingStyles
     },
     get children() {
       return props.children;
@@ -1449,6 +1452,7 @@ var PopoverContentBody = (props) => {
   }, rest));
 };
 var PopoverContent = (props) => {
+  const [local, rest] = splitProps(props, ["portal"]);
   const {
     open,
     onClose,
@@ -1489,11 +1493,21 @@ var PopoverContent = (props) => {
       return open();
     },
     get children() {
-      return createComponent(Portal, {
+      return createComponent(Show, {
+        get when() {
+          return local.portal;
+        },
+        get fallback() {
+          return createComponent(PopoverContentBody, rest);
+        },
         get children() {
-          return createComponent(Root, {
+          return createComponent(Portal, {
             get children() {
-              return createComponent(PopoverContentBody, props);
+              return createComponent(Root, {
+                get children() {
+                  return createComponent(PopoverContentBody, rest);
+                }
+              });
             }
           });
         }
@@ -2346,7 +2360,7 @@ function useTooltip() {
 
 // src/ui/components/primitives/Tooltip/TooltipContent.tsx
 var _tmpl$37 = /* @__PURE__ */ template(`<div>`);
-var tooltipContentVariants = () => "nt-bg-foreground nt-p-4 nt-shadow-tooltip nt-z-10 nt-rounded-lg nt-text-background nt-text-sm";
+var tooltipContentVariants = () => "nt-bg-foreground nt-p-2 nt-shadow-tooltip nt-rounded-lg nt-text-background nt-text-xs";
 var TooltipContentBody = (props) => {
   const {
     open,
@@ -2375,7 +2389,9 @@ var TooltipContentBody = (props) => {
         return memo(() => !!local.class)() ? local.class : style(local.appearanceKey || "tooltipContent", tooltipContentVariants());
       },
       get style() {
-        return floatingStyles();
+        return __spreadProps(__spreadValues({}, floatingStyles()), {
+          "z-index": 99999
+        });
       },
       get ["data-open"]() {
         return open();
@@ -2468,13 +2484,13 @@ var Switch = (props) => {
     });
     effect((_p$) => {
       var _v$ = style("channelSwitch", `nt-relative
-    nt-inline-flex nt-cursor-pointer nt-items-center`), _v$2 = props.disabled, _v$3 = props.disabled, _v$4 = style("channelSwitchThumb", `nt-peer nt-h-6 nt-w-11 nt-rounded-full nt-border nt-bg-slate-200
+    nt-inline-flex nt-cursor-pointer nt-items-center data-[disabled=true]:nt-cursor-not-allowed`), _v$2 = props.disabled, _v$3 = props.disabled, _v$4 = style("channelSwitchThumb", `nt-peer nt-h-6 nt-w-11 nt-rounded-full nt-border nt-border-neutral-alpha-200 peer-checked:nt-border-neutral-alpha-400 nt-bg-neutral-alpha-300
           after:nt-absolute after:nt-left-[2px] after:nt-top-0.5 after:nt-h-5
           after:nt-w-5 after:nt-rounded-full after:nt-border
-          after:nt-border-gray-300
-          after:nt-bg-white after:nt-transition-all after:nt-content-['']
+          after:nt-border-neutral-alpha-400
+          after:nt-bg-background after:nt-transition-all after:nt-content-['']
           peer-checked:nt-bg-primary peer-checked:after:nt-translate-x-full
-          peer-checked:after:nt-border-white
+          peer-checked:after:nt-border-background
           nt-transition-all nt-duration-200 after:nt-duration-200
           data-[disabled=true]:nt-opacity-40`), _v$5 = props.disabled, _v$6 = props.checked;
       _v$ !== _p$.e && className(_el$, _p$.e = _v$);
@@ -2753,7 +2769,7 @@ var ChannelsLabel = (props) => {
           var _el$2 = _tmpl$212();
           setAttribute(_el$2, "data-disabled", isDisabled);
           insert(_el$2, () => getLabel(key));
-          effect(() => className(_el$2, style("channelName", "data-[disabled=true]:nt-text-foreground-alpha-200")));
+          effect(() => className(_el$2, style("channelName", "data-[disabled=true]:nt-text-foreground-alpha-400")));
           return _el$2;
         })();
         channels.push(element);
@@ -2841,7 +2857,7 @@ var PreferencesRow = (props) => {
                   easing: "ease-out"
                 },
                 get ["class"]() {
-                  return style("channelsContainerCollapsible", "nt-grid");
+                  return style("channelsContainerCollapsible", "nt-grid nt-self-stretch");
                 },
                 get children() {
                   var _el$9 = _tmpl$43();
@@ -2886,7 +2902,7 @@ var PreferencesRow = (props) => {
       }), null);
       effect((_p$) => {
         var _v$ = style("workflowContainer", `nt-p-4 nt-flex nt-flex-col nt-gap-1 nt-items-start nt-self-stretch 
-          hover:nt-bg-neutral-100 nt-rounded-lg data-[disabled=true]:nt-bg-neutral-alpha-50`), _v$2 = props.isCritical, _v$3 = isOpen(), _v$4 = style("workflowLabelContainer", "nt-flex nt-justify-between nt-flex-nowrap nt-self-stretch nt-cursor-pointer nt-items-center"), _v$5 = props.isCritical, _v$6 = isOpen(), _v$7 = style("workflowLabel", "nt-text-base nt-font-semibold nt-text-start nt-flex nt-items-center nt-gap-1"), _v$8 = props.isCritical, _v$9 = props.localizationKey, _v$10 = isOpen(), _v$11 = style("workflowContainerRight__icon", `nt-text-foreground-alpha-600 nt-transition-all nt-duration-200 data-[open=true]:nt-transform data-[open=true]:nt-rotate-180`), _v$12 = props.isCritical, _v$13 = isOpen();
+          hover:nt-bg-neutral-alpha-50 nt-rounded-lg data-[disabled=true]:nt-bg-neutral-alpha-50`), _v$2 = props.isCritical, _v$3 = isOpen(), _v$4 = style("workflowLabelContainer", "nt-flex nt-justify-between nt-flex-nowrap nt-self-stretch nt-cursor-pointer nt-items-center"), _v$5 = props.isCritical, _v$6 = isOpen(), _v$7 = style("workflowLabel", "nt-text-base nt-font-semibold nt-text-start nt-flex nt-items-center nt-gap-1"), _v$8 = props.isCritical, _v$9 = props.localizationKey, _v$10 = isOpen(), _v$11 = style("workflowContainerRight__icon", `nt-text-foreground-alpha-600 nt-transition-all nt-duration-200 data-[open=true]:nt-transform data-[open=true]:nt-rotate-180`), _v$12 = props.isCritical, _v$13 = isOpen();
         _v$ !== _p$.e && className(_el$4, _p$.e = _v$);
         _v$2 !== _p$.t && setAttribute(_el$4, "data-disabled", _p$.t = _v$2);
         _v$3 !== _p$.a && setAttribute(_el$4, "data-open", _p$.a = _v$3);
@@ -3004,7 +3020,7 @@ var Markdown_default = Markdown;
 // src/ui/components/Notification/DefaultNotification.tsx
 var _tmpl$46 = /* @__PURE__ */ template(`<span>`);
 var _tmpl$214 = /* @__PURE__ */ template(`<img>`);
-var _tmpl$311 = /* @__PURE__ */ template(`<a><div><div class="nt-relative nt-shrink-0 nt-float-right nt-ml-2"><p></p><div></div></div><div>`);
+var _tmpl$311 = /* @__PURE__ */ template(`<a><div><div class="nt-relative nt-shrink-0 nt-float-right nt-ml-1 nt-pr-1.5"><p></p><div></div></div><div>`);
 var DefaultNotification = (props) => {
   const style = useStyle();
   const {
@@ -3061,7 +3077,7 @@ var DefaultNotification = (props) => {
       },
       get children() {
         var _el$2 = _tmpl$46();
-        effect(() => className(_el$2, style("notificationDot", "nt-absolute -nt-translate-x-[1.0625rem] nt-translate-y-1/2 nt-size-2.5 nt-bg-primary nt-rounded-full nt-border")));
+        effect(() => className(_el$2, style("notificationDot", "nt-absolute -nt-translate-x-[1.0625rem] nt-translate-y-1/2 nt-size-2.5 nt-bg-primary nt-rounded-full nt-border nt-border-neutral-alpha-200")));
         return _el$2;
       }
     }), _el$4);
@@ -3106,7 +3122,7 @@ var DefaultNotification = (props) => {
                       e.stopPropagation();
                       props.notification.read();
                     },
-                    "class": "hover:nt-bg-neutral-200",
+                    "class": "hover:nt-bg-neutral-alpha-50",
                     get children() {
                       return createComponent(ReadAll, {});
                     }
@@ -3133,7 +3149,7 @@ var DefaultNotification = (props) => {
                       e.stopPropagation();
                       props.notification.unread();
                     },
-                    "class": "hover:nt-bg-neutral-200",
+                    "class": "hover:nt-bg-neutral-alpha-50",
                     get children() {
                       return createComponent(Unread, {});
                     }
@@ -3167,7 +3183,7 @@ var DefaultNotification = (props) => {
                   e.stopPropagation();
                   props.notification.archive();
                 },
-                "class": "hover:nt-bg-neutral-200",
+                "class": "hover:nt-bg-neutral-alpha-50",
                 get children() {
                   return createComponent(Archive, {});
                 }
@@ -3194,7 +3210,7 @@ var DefaultNotification = (props) => {
                   e.stopPropagation();
                   props.notification.unarchive();
                 },
-                "class": "hover:nt-bg-neutral-200",
+                "class": "hover:nt-bg-neutral-alpha-50",
                 get children() {
                   return createComponent(Unarchive, {});
                 }
@@ -3262,12 +3278,12 @@ var DefaultNotification = (props) => {
     }), null);
     effect((_p$) => {
       var _a;
-      var _v$3 = style("notification", cn("nt-w-full nt-text-sm hover:nt-bg-neutral-100 nt-group nt-relative nt-flex nt-py-4 nt-pr-4 nt-pl-6 nt-gap-2", {
+      var _v$3 = style("notification", cn("nt-w-full nt-text-sm hover:nt-bg-neutral-alpha-50 nt-group nt-relative nt-flex nt-py-4 nt-px-6 nt-gap-2", {
         "nt-cursor-pointer": !props.notification.isRead || !!((_a = props.notification.redirect) == null ? void 0 : _a.url)
       })), _v$4 = style("notificationBody", "nt-overflow-hidden nt-w-full"), _v$5 = style("notificationDate", `nt-transition nt-duration-100 nt-ease-out nt-text-foreground-alpha-400 nt-shrink-0 
               nt-float-right nt-text-right group-hover:nt-opacity-0`), _v$6 = style("notificationDefaultActions", `nt-transition nt-duration-100 nt-ease-out nt-gap-2 nt-flex nt-shrink-0 
               nt-opacity-0 group-hover:nt-opacity-100 nt-justify-center nt-items-center 
-              nt-absolute nt-top-0 nt-right-0  nt-bg-neutral-100 nt-p-0.5 nt-rounded nt-z-50 nt-inset-0`), _v$7 = style("notificationCustomActions", "nt-flex nt-flex-wrap nt-gap-4 nt-mt-4");
+              nt-absolute nt-top-0 nt-right-0 nt-bg-neutral-alpha-50 nt-py-0.5 nt-rounded`), _v$7 = style("notificationCustomActions", "nt-flex nt-flex-wrap nt-gap-4 nt-mt-4");
       _v$3 !== _p$.e && className(_el$, _p$.e = _v$3);
       _v$4 !== _p$.t && className(_el$4, _p$.t = _v$4);
       _v$5 !== _p$.a && className(_el$6, _p$.a = _v$5);
@@ -3943,6 +3959,7 @@ var Inbox2 = (props) => {
         }))
       }), createComponent(Popover.Content, {
         appearanceKey: "inbox__popoverContent",
+        portal: true,
         get children() {
           return createComponent(InboxContent, {
             get renderNotification() {
@@ -3967,7 +3984,7 @@ var Inbox2 = (props) => {
 // src/ui/components/Renderer.tsx
 var novuComponents = {
   Inbox: Inbox2,
-  // InboxContent, //enable this to also allow the whole inbox content as a component
+  InboxContent,
   Bell,
   Notifications: (props) => createComponent(InboxContent, mergeProps(props, {
     hideNav: true,
@@ -4079,7 +4096,7 @@ var Renderer = (props) => {
     }
   });
 };
-var version = "2.2.0";
+var version = "2.3.0";
 var cssHref = `https://cdn.jsdelivr.net/npm/@novu/js@${version}/dist/index.css`;
 var _dispose, _rootElement, _mountedElements, _setMountedElements, _appearance, _setAppearance, _localization, _setLocalization, _options, _setOptions, _tabs, _setTabs, _routerPush, _setRouterPush, _preferencesFilter, _setPreferencesFilter, _predefinedNovu, _NovuUI_instances, mountComponentRenderer_fn, updateComponentProps_fn;
 var NovuUI = class {

package/dist/index.css

@@ -1 +1 @@
-.novu{:where(.novu *),:where(.novu *) :after,:where(.novu *) :before,:where(.novu):after,:where(.novu):before{border:0 solid #e5e7eb;box-sizing:border-box}:where(html,:host){line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}:where(body){line-height:inherit;margin:0}:where(hr){border-top-width:1px;color:inherit;height:0}:where(abbr:where([title])){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(a){color:inherit;text-decoration:inherit}:where(b,strong){font-weight:bolder}:where(code,kbd,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where(small){font-size:80%}:where(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:initial}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button]),input:where([type=reset]),input:where([type=submit])){-webkit-appearance:button;background-color:initial;background-image:none}:where(:-moz-focusring){outline:auto}:where(:-moz-ui-invalid){box-shadow:none}:where(progress){vertical-align:initial}:where(::-webkit-inner-spin-button,::-webkit-outer-spin-button){height:auto}:where([type=search]){-webkit-appearance:textfield;outline-offset:-2px}:where(::-webkit-search-decoration){-webkit-appearance:none}:where(::-webkit-file-upload-button){-webkit-appearance:button;font:inherit}:where(summary){display:list-item}:where(blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre){margin:0}:where(fieldset){margin:0;padding:0}:where(legend){padding:0}:where(ol,ul,menu){list-style:none;margin:0;padding:0}:where(dialog){padding:0}:where(textarea){resize:vertical}:where(input::placeholder,textarea::placeholder){color:#9ca3af;opacity:1}:where(button,[role=button]){cursor:pointer}:where(:disabled){cursor:default}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(img,video){height:auto;max-width:100%}:where([hidden]){display:none}:where(*,:before,:after){--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(::backdrop){--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.nt-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.nt-invisible{visibility:hidden}.nt-absolute{position:absolute}.nt-relative{position:relative}.nt-inset-0{inset:0}.nt-inset-2{inset:.5rem}.nt-right-0{right:0}.nt-right-2{right:.5rem}.nt-top-0{top:0}.nt-top-2{top:.5rem}.nt-z-10{z-index:10}.nt-z-50{z-index:50}.nt-z-\[-1\]{z-index:-1}.nt-float-right{float:right}.nt-m-auto{margin:auto}.nt-mx-auto{margin-left:auto;margin-right:auto}.nt-ml-2{margin-left:.5rem}.nt-mr-auto{margin-right:auto}.nt-mt-4{margin-top:1rem}.nt-mt-\[-0\.25rem\]{margin-top:-.25rem}.nt-mt-auto{margin-top:auto}.nt-block{display:block}.nt-flex{display:flex}.nt-inline-flex{display:inline-flex}.nt-grid{display:grid}.nt-hidden{display:none}.nt-size-2{height:.5rem;width:.5rem}.nt-size-2\.5{height:.625rem;width:.625rem}.nt-size-8{height:2rem;width:2rem}.nt-h-10{height:2.5rem}.nt-h-11{height:2.75rem}.nt-h-3{height:.75rem}.nt-h-6{height:1.5rem}.nt-h-7{height:1.75rem}.nt-h-8{height:2rem}.nt-h-\[600px\]{height:600px}.nt-h-fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.nt-h-full{height:100%}.nt-w-1\/3{width:33.333333%}.nt-w-1\/4{width:25%}.nt-w-11{width:2.75rem}.nt-w-2\/3{width:66.666667%}.nt-w-6{width:1.5rem}.nt-w-\[400px\]{width:400px}.nt-w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nt-w-full{width:100%}.nt-w-max{width:-webkit-max-content;width:max-content}.nt-min-w-52{min-width:13rem}.nt-flex-1{flex:1 1 0%}.nt-shrink-0{flex-shrink:0}.-nt-translate-x-\[1\.0625rem\]{--tw-translate-x:-1.0625rem}.-nt-translate-x-\[1\.0625rem\],.-nt-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-nt-translate-y-1\/2{--tw-translate-y:-50%}.nt-translate-x-1\/2{--tw-translate-x:50%}.nt-translate-x-1\/2,.nt-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nt-translate-y-1\/2{--tw-translate-y:50%}.nt-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes nt-pulse{50%{opacity:.5}}.nt-animate-pulse{animation:nt-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.nt-cursor-default{cursor:default}.nt-cursor-pointer{cursor:pointer}.nt-flex-col{flex-direction:column}.nt-flex-wrap{flex-wrap:wrap}.nt-flex-nowrap{flex-wrap:nowrap}.nt-items-start{align-items:flex-start}.nt-items-center{align-items:center}.nt-justify-center{justify-content:center}.nt-justify-between{justify-content:space-between}.nt-gap-1{gap:.25rem}.nt-gap-2{gap:.5rem}.nt-gap-3{gap:.75rem}.nt-gap-4{gap:1rem}.nt-gap-6{gap:1.5rem}.nt-gap-8{gap:2rem}.nt-self-stretch{align-self:stretch}.nt-overflow-hidden{overflow:hidden}.nt-overflow-y-auto{overflow-y:auto}.nt-whitespace-nowrap{white-space:nowrap}.nt-rounded{border-radius:.25rem}.nt-rounded-full{border-radius:9999px}.nt-rounded-lg{border-radius:.5rem}.nt-rounded-md{border-radius:.375rem}.nt-rounded-xl{border-radius:.75rem}.nt-border{border-width:1px}.nt-border-t{border-top-width:1px}.nt-border-background{border-color:var(--nv-color-background)}.nt-border-secondary{border-color:var(--nv-color-secondary)}.nt-bg-background{background-color:var(--nv-color-background)}.nt-bg-counter{background-color:var(--nv-color-counter)}.nt-bg-foreground{background-color:var(--nv-color-foreground)}.nt-bg-foreground-alpha-100{background-color:var(--nv-color-foreground-alpha-100)}.nt-bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.nt-bg-primary{background-color:var(--nv-color-primary)}.nt-bg-secondary{background-color:var(--nv-color-secondary)}.nt-bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.nt-p-0{padding:0}.nt-p-0\.5{padding:.125rem}.nt-p-1{padding:.25rem}.nt-p-2{padding:.5rem}.nt-p-4{padding:1rem}.nt-px-3{padding-left:.75rem;padding-right:.75rem}.nt-px-6{padding-left:1.5rem;padding-right:1.5rem}.nt-px-8{padding-left:2rem;padding-right:2rem}.nt-px-\[6px\]{padding-left:6px;padding-right:6px}.nt-py-1{padding-bottom:.25rem;padding-top:.25rem}.nt-py-4{padding-bottom:1rem;padding-top:1rem}.nt-py-5{padding-bottom:1.25rem;padding-top:1.25rem}.nt-pb-3{padding-bottom:.75rem}.nt-pb-\[0\.625rem\]{padding-bottom:.625rem}.nt-pl-6{padding-left:1.5rem}.nt-pr-4{padding-right:1rem}.nt-pt-9{padding-top:2.25rem}.nt-text-right{text-align:right}.nt-text-start{text-align:start}.nt-text-base{font-size:1rem;line-height:1.5rem}.nt-text-sm{font-size:.875rem;line-height:1.25rem}.nt-text-xl{font-size:1.25rem;line-height:1.75rem}.nt-text-xs{font-size:.75rem;line-height:1rem}.nt-font-medium{font-weight:500}.nt-font-semibold{font-weight:600}.nt-text-background{color:var(--nv-color-background)}.nt-text-counter-foreground{color:var(--nv-color-counter-foreground)}.nt-text-foreground{color:var(--nv-color-foreground)}.nt-text-foreground-alpha-100{color:var(--nv-color-foreground-alpha-100)}.nt-text-foreground-alpha-200{color:var(--nv-color-foreground-alpha-200)}.nt-text-foreground-alpha-400{color:var(--nv-color-foreground-alpha-400)}.nt-text-foreground-alpha-600{color:var(--nv-color-foreground-alpha-600)}.nt-text-primary-foreground{color:var(--nv-color-primary-foreground)}.nt-text-secondary-foreground{color:var(--nv-color-secondary-foreground)}.nt-text-secondary-foreground-alpha-500{color:var(--nv-color-secondary-foreground-alpha-500)}.nt-opacity-0{opacity:0}.nt-shadow-dropdown{--tw-shadow:0 5px 20px 0 var(--nv-color-shadow);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color)}.nt-shadow-dropdown,.nt-shadow-popover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-popover{--tw-shadow:0 5px 15px 0 var(--nv-color-shadow);--tw-shadow-colored:0 5px 15px 0 var(--tw-shadow-color)}.nt-shadow-tooltip{--tw-shadow:0 5px 20px 0 var(--nv-color-shadow);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-outline-none{outline:2px solid #0000;outline-offset:2px}.nt-ring-offset-background{--tw-ring-offset-color:var(--nv-color-background)}.nt-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-duration-100{transition-duration:.1s}.nt-duration-200{transition-duration:.2s}.nt-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.nt-animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.nt-fade-in{--tw-enter-opacity:0}.nt-slide-in-from-top-2{--tw-enter-translate-y:-0.5rem}.nt-duration-100{animation-duration:.1s}.nt-duration-200{animation-duration:.2s}.nt-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.after\:nt-absolute:after{content:var(--tw-content);position:absolute}.after\:nt-bottom-0:after{bottom:0;content:var(--tw-content)}.after\:nt-left-0:after{content:var(--tw-content);left:0}.after\:nt-left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:nt-top-0:after{content:var(--tw-content);top:0}.after\:nt-top-0\.5:after{content:var(--tw-content);top:.125rem}.after\:nt-h-5:after{content:var(--tw-content);height:1.25rem}.after\:nt-h-\[2px\]:after{content:var(--tw-content);height:2px}.after\:nt-w-5:after{content:var(--tw-content);width:1.25rem}.after\:nt-w-full:after{content:var(--tw-content);width:100%}.after\:nt-rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:nt-border:after{border-width:1px;content:var(--tw-content)}.after\:nt-border-b-2:after{border-bottom-width:2px;content:var(--tw-content)}.after\:nt-border-gray-300:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.after\:nt-border-b-primary:after{border-bottom-color:var(--nv-color-primary);content:var(--tw-content)}.after\:nt-border-b-transparent:after{border-bottom-color:#0000;content:var(--tw-content)}.after\:nt-bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.after\:nt-transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:nt-duration-200:after{transition-duration:.2s}.after\:nt-content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:nt-duration-200:after{animation-duration:.2s;content:var(--tw-content)}.hover\:nt-bg-foreground-alpha-50:hover{background-color:var(--nv-color-foreground-alpha-50)}.hover\:nt-bg-neutral-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.hover\:nt-bg-neutral-200:hover{--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity))}.hover\:nt-bg-neutral-alpha-50:hover{background-color:var(--nv-color-neutral-alpha-50)}.hover\:nt-bg-primary-600:hover{background-color:var(--nv-color-primary-600)}.hover\:nt-bg-primary-alpha-900:hover{background-color:var(--nv-color-primary-alpha-900)}.hover\:nt-bg-secondary-alpha-800:hover{background-color:var(--nv-color-secondary-alpha-800)}.focus\:nt-bg-foreground-alpha-50:focus{background-color:var(--nv-color-foreground-alpha-50)}.focus\:nt-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-visible\:nt-bg-neutral-alpha-50:focus-visible{background-color:var(--nv-color-neutral-alpha-50)}.focus-visible\:nt-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:nt-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:nt-ring-primary:focus-visible{--tw-ring-color:var(--nv-color-primary)}.focus-visible\:nt-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:nt-pointer-events-none:disabled{pointer-events:none}.disabled\:nt-opacity-50:disabled{opacity:.5}.nt-group:hover .group-hover\:nt-opacity-0{opacity:0}.nt-group:hover .group-hover\:nt-opacity-100{opacity:1}.nt-peer:checked~.peer-checked\:nt-bg-primary{background-color:var(--nv-color-primary)}.nt-peer:checked~.peer-checked\:after\:nt-translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nt-peer:checked~.peer-checked\:after\:nt-border-white:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.data-\[open\=true\]\:nt-rotate-180[data-open=true]{--tw-rotate:180deg}.data-\[open\=true\]\:nt-rotate-180[data-open=true],.data-\[open\=true\]\:nt-transform[data-open=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[disabled\=true\]\:nt-bg-neutral-alpha-50[data-disabled=true]{background-color:var(--nv-color-neutral-alpha-50)}.data-\[disabled\=true\]\:nt-text-foreground-alpha-200[data-disabled=true]{color:var(--nv-color-foreground-alpha-200)}.data-\[disabled\=true\]\:nt-text-foreground-alpha-600[data-disabled=true]{color:var(--nv-color-foreground-alpha-600)}.data-\[state\=active\]\:nt-text-foreground[data-state=active]{color:var(--nv-color-foreground)}.data-\[disabled\=true\]\:nt-opacity-40[data-disabled=true]{opacity:.4}.data-\[state\=active\]\:after\:nt-border-primary[data-state=active]:after{border-color:var(--nv-color-primary);content:var(--tw-content)}
+.novu{scrollbar-color:var(--nv-color-secondary-foreground-alpha-300) #0000;:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{border:0 solid #e5e7eb;box-sizing:border-box}:where(html,:host){line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}:where(body){line-height:inherit;margin:0}:where(hr){border-top-width:1px;color:inherit;height:0}:where(abbr:where([title])){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(a){color:inherit;text-decoration:inherit}:where(b,strong){font-weight:bolder}:where(code,kbd,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}:where(small){font-size:80%}:where(sub,sup){font-size:75%;line-height:0;position:relative;vertical-align:initial}:where(sub){bottom:-.25em}:where(sup){top:-.5em}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0}:where(button,input,optgroup,select,textarea){color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}:where(button,select){text-transform:none}:where(button,input:where([type=button]),input:where([type=reset]),input:where([type=submit])){-webkit-appearance:button;background-color:initial;background-image:none}:where(:-moz-focusring){outline:auto}:where(:-moz-ui-invalid){box-shadow:none}:where(progress){vertical-align:initial}:where(*)::-webkit-inner-spin-button,:where(*)::-webkit-outer-spin-button{height:auto}:where([type=search]){-webkit-appearance:textfield;outline-offset:-2px}:where(*)::-webkit-search-decoration{-webkit-appearance:none}:where(*)::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(summary){display:list-item}:where(blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre){margin:0}:where(fieldset){margin:0;padding:0}:where(legend){padding:0}:where(ol,ul,menu){list-style:none;margin:0;padding:0}:where(dialog){padding:0}:where(textarea){resize:vertical}:where(input)::placeholder,:where(textarea)::placeholder{color:#9ca3af;opacity:1}:where(button,[role=button]){cursor:pointer}:where(:disabled){cursor:default}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(img,video){height:auto;max-width:100%}:where([hidden]){display:none}:where(*),:where(*) :after,:where(*) :before,:where(*):after,:where(*):before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(*) ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-thumb{background-clip:"padding-box",;background-color:var(--nv-color-secondary-foreground-alpha-300);border-radius:.25rem}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:initial}}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.nt-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.nt-invisible{visibility:hidden}.nt-absolute{position:absolute}.nt-relative{position:relative}.nt-inset-0{inset:0}.nt-inset-2{inset:.5rem}.nt-right-0{right:0}.nt-right-2{right:.5rem}.nt-top-0{top:0}.nt-top-2{top:.5rem}.nt-z-10{z-index:10}.nt-z-\[-1\]{z-index:-1}.nt-float-right{float:right}.nt-m-auto{margin:auto}.nt-mx-auto{margin-left:auto;margin-right:auto}.nt-ml-1{margin-left:.25rem}.nt-mr-auto{margin-right:auto}.nt-mt-4{margin-top:1rem}.nt-mt-\[-0\.25rem\]{margin-top:-.25rem}.nt-mt-auto{margin-top:auto}.nt-block{display:block}.nt-flex{display:flex}.nt-inline-flex{display:inline-flex}.nt-grid{display:grid}.nt-hidden{display:none}.nt-size-2{height:.5rem;width:.5rem}.nt-size-2\.5{height:.625rem;width:.625rem}.nt-size-8{height:2rem;width:2rem}.nt-h-10{height:2.5rem}.nt-h-11{height:2.75rem}.nt-h-3{height:.75rem}.nt-h-6{height:1.5rem}.nt-h-7{height:1.75rem}.nt-h-8{height:2rem}.nt-h-\[600px\]{height:600px}.nt-h-fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.nt-h-full{height:100%}.nt-w-1\/3{width:33.333333%}.nt-w-1\/4{width:25%}.nt-w-11{width:2.75rem}.nt-w-2\/3{width:66.666667%}.nt-w-6{width:1.5rem}.nt-w-\[400px\]{width:400px}.nt-w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nt-w-full{width:100%}.nt-w-max{width:-webkit-max-content;width:max-content}.nt-min-w-52{min-width:13rem}.nt-flex-1{flex:1 1 0%}.nt-shrink-0{flex-shrink:0}.-nt-translate-x-\[1\.0625rem\]{--tw-translate-x:-1.0625rem}.-nt-translate-x-\[1\.0625rem\],.-nt-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-nt-translate-y-1\/2{--tw-translate-y:-50%}.nt-translate-x-1\/2{--tw-translate-x:50%}.nt-translate-x-1\/2,.nt-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nt-translate-y-1\/2{--tw-translate-y:50%}.nt-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes nt-pulse{50%{opacity:.5}}.nt-animate-pulse{animation:nt-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.nt-cursor-default{cursor:default}.nt-cursor-pointer{cursor:pointer}.nt-flex-col{flex-direction:column}.nt-flex-wrap{flex-wrap:wrap}.nt-flex-nowrap{flex-wrap:nowrap}.nt-items-start{align-items:flex-start}.nt-items-center{align-items:center}.nt-justify-center{justify-content:center}.nt-justify-between{justify-content:space-between}.nt-gap-1{gap:.25rem}.nt-gap-2{gap:.5rem}.nt-gap-3{gap:.75rem}.nt-gap-4{gap:1rem}.nt-gap-6{gap:1.5rem}.nt-gap-8{gap:2rem}.nt-self-stretch{align-self:stretch}.nt-overflow-hidden{overflow:hidden}.nt-overflow-y-auto{overflow-y:auto}.nt-whitespace-nowrap{white-space:nowrap}.nt-rounded{border-radius:.25rem}.nt-rounded-full{border-radius:9999px}.nt-rounded-lg{border-radius:.5rem}.nt-rounded-md{border-radius:.375rem}.nt-rounded-xl{border-radius:.75rem}.nt-border{border-width:1px}.nt-border-t{border-top-width:1px}.nt-border-background{border-color:var(--nv-color-background)}.nt-border-neutral-alpha-200{border-color:var(--nv-color-neutral-alpha-200)}.nt-border-secondary{border-color:var(--nv-color-secondary)}.nt-bg-background{background-color:var(--nv-color-background)}.nt-bg-counter{background-color:var(--nv-color-counter)}.nt-bg-foreground{background-color:var(--nv-color-foreground)}.nt-bg-foreground-alpha-100{background-color:var(--nv-color-foreground-alpha-100)}.nt-bg-neutral-alpha-300{background-color:var(--nv-color-neutral-alpha-300)}.nt-bg-neutral-alpha-50{background-color:var(--nv-color-neutral-alpha-50)}.nt-bg-primary{background-color:var(--nv-color-primary)}.nt-bg-secondary{background-color:var(--nv-color-secondary)}.nt-p-1{padding:.25rem}.nt-p-2{padding:.5rem}.nt-p-4{padding:1rem}.nt-px-3{padding-left:.75rem;padding-right:.75rem}.nt-px-6{padding-left:1.5rem;padding-right:1.5rem}.nt-px-8{padding-left:2rem;padding-right:2rem}.nt-px-\[6px\]{padding-left:6px;padding-right:6px}.nt-py-0{padding-bottom:0;padding-top:0}.nt-py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.nt-py-1{padding-bottom:.25rem;padding-top:.25rem}.nt-py-4{padding-bottom:1rem;padding-top:1rem}.nt-py-5{padding-bottom:1.25rem;padding-top:1.25rem}.nt-pb-3{padding-bottom:.75rem}.nt-pb-\[0\.625rem\]{padding-bottom:.625rem}.nt-pr-1{padding-right:.25rem}.nt-pr-1\.5{padding-right:.375rem}.nt-pt-9{padding-top:2.25rem}.nt-text-right{text-align:right}.nt-text-start{text-align:start}.nt-text-base{font-size:1rem;line-height:1.5rem}.nt-text-sm{font-size:.875rem;line-height:1.25rem}.nt-text-xl{font-size:1.25rem;line-height:1.75rem}.nt-text-xs{font-size:.75rem;line-height:1rem}.nt-font-medium{font-weight:500}.nt-font-semibold{font-weight:600}.nt-text-background{color:var(--nv-color-background)}.nt-text-counter-foreground{color:var(--nv-color-counter-foreground)}.nt-text-foreground{color:var(--nv-color-foreground)}.nt-text-foreground-alpha-100{color:var(--nv-color-foreground-alpha-100)}.nt-text-foreground-alpha-200{color:var(--nv-color-foreground-alpha-200)}.nt-text-foreground-alpha-400{color:var(--nv-color-foreground-alpha-400)}.nt-text-foreground-alpha-600{color:var(--nv-color-foreground-alpha-600)}.nt-text-primary-foreground{color:var(--nv-color-primary-foreground)}.nt-text-secondary-foreground{color:var(--nv-color-secondary-foreground)}.nt-text-secondary-foreground-alpha-500{color:var(--nv-color-secondary-foreground-alpha-500)}.nt-opacity-0{opacity:0}.nt-shadow-dropdown{--tw-shadow:0 5px 20px 0 var(--nv-color-shadow);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color)}.nt-shadow-dropdown,.nt-shadow-popover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-shadow-popover{--tw-shadow:0 5px 15px 0 var(--nv-color-shadow);--tw-shadow-colored:0 5px 15px 0 var(--tw-shadow-color)}.nt-shadow-tooltip{--tw-shadow:0 5px 20px 0 var(--nv-color-shadow);--tw-shadow-colored:0 5px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nt-outline-none{outline:2px solid #0000;outline-offset:2px}.nt-ring-offset-background{--tw-ring-offset-color:var(--nv-color-background)}.nt-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.nt-duration-100{transition-duration:.1s}.nt-duration-200{transition-duration:.2s}.nt-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.nt-animate-in{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.nt-fade-in{--tw-enter-opacity:0}.nt-slide-in-from-top-2{--tw-enter-translate-y:-0.5rem}.nt-duration-100{animation-duration:.1s}.nt-duration-200{animation-duration:.2s}.nt-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.after\:nt-absolute:after{content:var(--tw-content);position:absolute}.after\:nt-bottom-0:after{bottom:0;content:var(--tw-content)}.after\:nt-left-0:after{content:var(--tw-content);left:0}.after\:nt-left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:nt-top-0:after{content:var(--tw-content);top:0}.after\:nt-top-0\.5:after{content:var(--tw-content);top:.125rem}.after\:nt-h-5:after{content:var(--tw-content);height:1.25rem}.after\:nt-h-\[2px\]:after{content:var(--tw-content);height:2px}.after\:nt-w-5:after{content:var(--tw-content);width:1.25rem}.after\:nt-w-full:after{content:var(--tw-content);width:100%}.after\:nt-rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:nt-border:after{border-width:1px;content:var(--tw-content)}.after\:nt-border-b-2:after{border-bottom-width:2px;content:var(--tw-content)}.after\:nt-border-neutral-alpha-400:after{border-color:var(--nv-color-neutral-alpha-400);content:var(--tw-content)}.after\:nt-border-b-primary:after{border-bottom-color:var(--nv-color-primary);content:var(--tw-content)}.after\:nt-border-b-transparent:after{border-bottom-color:#0000;content:var(--tw-content)}.after\:nt-bg-background:after{background-color:var(--nv-color-background);content:var(--tw-content)}.after\:nt-transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:nt-duration-200:after{transition-duration:.2s}.after\:nt-content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:nt-duration-200:after{animation-duration:.2s;content:var(--tw-content)}.hover\:nt-bg-foreground-alpha-50:hover{background-color:var(--nv-color-foreground-alpha-50)}.hover\:nt-bg-neutral-alpha-50:hover{background-color:var(--nv-color-neutral-alpha-50)}.hover\:nt-bg-primary-600:hover{background-color:var(--nv-color-primary-600)}.hover\:nt-bg-primary-alpha-900:hover{background-color:var(--nv-color-primary-alpha-900)}.hover\:nt-bg-secondary-alpha-800:hover{background-color:var(--nv-color-secondary-alpha-800)}.focus\:nt-bg-foreground-alpha-50:focus{background-color:var(--nv-color-foreground-alpha-50)}.focus\:nt-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus-visible\:nt-bg-neutral-alpha-50:focus-visible{background-color:var(--nv-color-neutral-alpha-50)}.focus-visible\:nt-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:nt-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:nt-ring-primary:focus-visible{--tw-ring-color:var(--nv-color-primary)}.focus-visible\:nt-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:nt-pointer-events-none:disabled{pointer-events:none}.disabled\:nt-opacity-50:disabled{opacity:.5}.nt-group:hover .group-hover\:nt-opacity-0{opacity:0}.nt-group:hover .group-hover\:nt-opacity-100{opacity:1}.nt-peer:checked~.peer-checked\:nt-border-neutral-alpha-400{border-color:var(--nv-color-neutral-alpha-400)}.nt-peer:checked~.peer-checked\:nt-bg-primary{background-color:var(--nv-color-primary)}.nt-peer:checked~.peer-checked\:after\:nt-translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nt-peer:checked~.peer-checked\:after\:nt-border-background:after{border-color:var(--nv-color-background);content:var(--tw-content)}.data-\[open\=true\]\:nt-rotate-180[data-open=true]{--tw-rotate:180deg}.data-\[open\=true\]\:nt-rotate-180[data-open=true],.data-\[open\=true\]\:nt-transform[data-open=true]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[disabled\=true\]\:nt-cursor-not-allowed[data-disabled=true]{cursor:not-allowed}.data-\[disabled\=true\]\:nt-bg-neutral-alpha-50[data-disabled=true]{background-color:var(--nv-color-neutral-alpha-50)}.data-\[disabled\=true\]\:nt-text-foreground-alpha-400[data-disabled=true]{color:var(--nv-color-foreground-alpha-400)}.data-\[disabled\=true\]\:nt-text-foreground-alpha-600[data-disabled=true]{color:var(--nv-color-foreground-alpha-600)}.data-\[state\=active\]\:nt-text-foreground[data-state=active]{color:var(--nv-color-foreground)}.data-\[disabled\=true\]\:nt-opacity-40[data-disabled=true]{opacity:.4}.data-\[state\=active\]\:after\:nt-border-primary[data-state=active]:after{border-color:var(--nv-color-primary);content:var(--tw-content)}