reso-ui 3.3.0 → 3.5.0

package/README.md

@@ -33,6 +33,7 @@ A React component library built with TypeScript + SCSS. Ships as tree-shakeable
   - [Import styles](#import-styles)
   - [Basic usage](#basic-usage)
 - [Theming & Dark Mode Setup](#theming--dark-mode-setup)
+- [Responsive Context](#responsive-context)
 - [Overriding the Color Palette](#overriding-the-color-palette)
 - [Utility Classes](#utility-classes)
 - [Dev Notes](#dev-notes)
@@ -472,6 +473,78 @@ Scope dark-mode overrides with the same attribute selector:
 
 ---
 
+## Responsive Context
+
+`ResoUiProvider` includes a `ResponsiveContext` that exposes viewport breakpoints to any component in your app.
+
+### Basic usage (viewport-only)
+
+```tsx
+import { useContext } from "react";
+import { ResponsiveContext } from "reso-ui";
+
+const MyComponent = () => {
+  const { isMobile, isTablet } = useContext(ResponsiveContext);
+  return isMobile ? <MobileLayout /> : <DesktopLayout />;
+};
+```
+
+### Breakpoints
+
+| Flag | Range |
+|------|-------|
+| `isMobile` | `width < 640` |
+| `isTablet` | `640 <= width < 768` |
+| `isMdDesktop` | `768 <= width < 1024` |
+| `isLgDesktop` | `1024 <= width < 1280` |
+| `isXLgDesktop` | `width >= 1280` |
+
+### Container-aware breakpoints (optional)
+
+By default, breakpoints are computed from the viewport width. If your app has sidebars, drawers, or panels that reduce the main content area, you can register a container element so breakpoints reflect the **actual available space**.
+
+When a container is registered, breakpoints are computed from `Math.min(viewportWidth, containerWidth)`. This means `isMobile` becomes `true` when **either** the viewport or the tracked container is narrow.
+
+```tsx
+import { useContext, useEffect, useRef } from "react";
+import { Flex, ResponsiveContext } from "reso-ui";
+
+const App = () => {
+  const mainRef = useRef<HTMLDivElement>(null);
+  const { setContainerRef } = useContext(ResponsiveContext);
+
+  useEffect(() => {
+    if (mainRef.current) setContainerRef(mainRef.current);
+    return () => setContainerRef(null);
+  }, []);
+
+  return (
+    <Flex ref={mainRef} direction="column">
+      {/* All child components get container-aware breakpoints */}
+    </Flex>
+  );
+};
+```
+
+When no container is registered (the default), breakpoints work exactly as before — no changes needed in existing apps.
+
+### Available context values
+
+| Field | Type | Description |
+|-------|------|-------------|
+| `isMobile` | `boolean` | Effective width < 640 |
+| `isTablet` | `boolean` | 640 <= effective width < 768 |
+| `isMdDesktop` | `boolean` | 768 <= effective width < 1024 |
+| `isLgDesktop` | `boolean` | 1024 <= effective width < 1280 |
+| `isXLgDesktop` | `boolean` | Effective width >= 1280 |
+| `windowWidth` | `number` | Actual viewport width |
+| `windowHeight` | `number` | Actual viewport height |
+| `containerWidth` | `number` | Tracked container width (0 if none registered) |
+| `containerHeight` | `number` | Tracked container height (0 if none registered) |
+| `setContainerRef` | `(el: HTMLElement \| null) => void` | Register/unregister a container element |
+
+---
+
 ## Overriding the Color Palette
 
 `ResoUiProvider` accepts optional `theme` and `mode` props for runtime theming with no build step required.

package/dist/cjs/components/Drawer/DrawerContent.js

@@ -32,7 +32,7 @@ const DrawerContent = ({ children, isOpen = false, internalIsOpen, onClose, side
     const computedZIndex = layer + 1;
     return (React.createElement("div", { ref: drawerContentRef, className: containerStyles, style: {
             zIndex: computedZIndex + 1,
-            width: fullWidth ? "100%" : `${width}px`,
+            width: fullWidth ? "100%" : typeof width === "number" ? `${width}px` : width,
             ...rootStyles,
         }, "data-testid": "drawer-container-root" },
         React.createElement(Flex.Flex, { rootClassName: titleClasses, rootStyles: titleStyles },

package/dist/cjs/components/Drawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","sources":["../../../../src/library/components/Drawer/DrawerContent.tsx"],"sourcesContent":[null],"names":["useRef","useClickOutside","createComponentStyles","createLayoutStyles","withSpacingsProps","Flex","CloseButton"],"mappings":";;;;;;;;;;;AA+BA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,cAAc,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,oBAAoB,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,oBAAoB,EACpB,iBAAiB,GAAG,EAAE,EACtB,GAAG,YAAY,EACK,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAGA,YAAM,EAAkB;AAEjD,IAAAC,+BAAe,CAAC,gBAAgB,EAAE,MAAK;QACrC,IAAI,oBAAoB,EAAE;AACxB,YAAA,OAAO,EAAE;QACX;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,uBAAuB,EAAE,IAAI;AAC7B,QAAA,4CAA4C,EAAE,IAAI;QAClD,4BAA4B,EAAE,IAAI,KAAK,MAAM;QAC7C,6BAA6B,EAAE,IAAI,KAAK,OAAO;QAC/C,4BAA4B,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;AAC/D,KAAA,EACD,YAAY,CACb,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,YAAY,GAAGF,4BAAqB,CACxCC,yBAAkB,CAChB;AACE,QAAA,mBAAmB,EAAE,IAAI;KAC1B,EACD,cAAc,CACf,CACF;AAED,IAAA,MAAM,cAAc,GAAGD,4BAAqB,CAC1CC,yBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;KAC5B,EACD,gBAAgB,CACjB,CACF;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,CAAC;IAEhC,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,MAAM,EAAE,cAAc,GAAG,CAAC;YAC1B,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;AACxC,YAAA,GAAG,UAAU;AACd,SAAA,EAAA,aAAA,EACW,uBAAuB,EAAA;QAEnC,KAAA,CAAA,aAAA,CAACE,SAAI,IAAC,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAA;YACvD,KAAK,IAAI,KAAK,KAAK,EAAE,GAAG,KAAK,GAAG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,CAAO;AACxC,YAAA,KAAA,CAAA,aAAA,CAACC,uBAAW,EAAA,EACV,OAAO,EAAE,MAAK;AACZ,oBAAA,OAAO,EAAE;gBACX,CAAC,EACD,aAAa,EAAE,oBAAoB,EACnC,UAAU,EAAE,iBAAiB,EAAA,CAC7B,CACG;AACP,QAAA,KAAA,CAAA,aAAA,CAACD,SAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,cAAc,EAC7B,UAAU,EAAE,aAAa,EAEvB,UAAU,EAAE,0BAA0B,EAAA,EAGvC,QAAQ,CACJ,CACH;AAEV;;;;"}
+{"version":3,"file":"DrawerContent.js","sources":["../../../../src/library/components/Drawer/DrawerContent.tsx"],"sourcesContent":[null],"names":["useRef","useClickOutside","createComponentStyles","createLayoutStyles","withSpacingsProps","Flex","CloseButton"],"mappings":";;;;;;;;;;;AA+BA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,cAAc,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,oBAAoB,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,oBAAoB,EACpB,iBAAiB,GAAG,EAAE,EACtB,GAAG,YAAY,EACK,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAGA,YAAM,EAAkB;AAEjD,IAAAC,+BAAe,CAAC,gBAAgB,EAAE,MAAK;QACrC,IAAI,oBAAoB,EAAE;AACxB,YAAA,OAAO,EAAE;QACX;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,uBAAuB,EAAE,IAAI;AAC7B,QAAA,4CAA4C,EAAE,IAAI;QAClD,4BAA4B,EAAE,IAAI,KAAK,MAAM;QAC7C,6BAA6B,EAAE,IAAI,KAAK,OAAO;QAC/C,4BAA4B,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;AAC/D,KAAA,EACD,YAAY,CACb,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,YAAY,GAAGF,4BAAqB,CACxCC,yBAAkB,CAChB;AACE,QAAA,mBAAmB,EAAE,IAAI;KAC1B,EACD,cAAc,CACf,CACF;AAED,IAAA,MAAM,cAAc,GAAGD,4BAAqB,CAC1CC,yBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;KAC5B,EACD,gBAAgB,CACjB,CACF;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,CAAC;IAEhC,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,MAAM,EAAE,cAAc,GAAG,CAAC;YAC1B,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,GAAG,KAAK;AAC5E,YAAA,GAAG,UAAU;AACd,SAAA,EAAA,aAAA,EACW,uBAAuB,EAAA;QAEnC,KAAA,CAAA,aAAA,CAACE,SAAI,IAAC,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAA;YACvD,KAAK,IAAI,KAAK,KAAK,EAAE,GAAG,KAAK,GAAG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,CAAO;AACxC,YAAA,KAAA,CAAA,aAAA,CAACC,uBAAW,EAAA,EACV,OAAO,EAAE,MAAK;AACZ,oBAAA,OAAO,EAAE;gBACX,CAAC,EACD,aAAa,EAAE,oBAAoB,EACnC,UAAU,EAAE,iBAAiB,EAAA,CAC7B,CACG;AACP,QAAA,KAAA,CAAA,aAAA,CAACD,SAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,cAAc,EAC7B,UAAU,EAAE,aAAa,EAEvB,UAAU,EAAE,0BAA0B,EAAA,EAGvC,QAAQ,CACJ,CACH;AAEV;;;;"}

package/dist/cjs/components/Sidebar/Sidebar.js

@@ -4,8 +4,8 @@ var React = require('react');
 var styles = require('../../utils/styles.js');
 var classnames = require('classnames');
 
-const Sidebar = ({ children, width, isMinimized = false, hidden = false, allowMinimize = false, overflowBehaviour = "hidden", sidebarPosition = "left", onClickMinimize, onCloseComplete, rootClassName, rootStyles = {}, innerClassName, innerStyles: innerStylesProp = {}, ...spacingsProps }) => {
-    const EXIT_TRANSITION_DURATION = 250;
+const Sidebar = ({ children, width, isMinimized = false, hidden = false, allowMinimize = false, mode = "default", overflowBehaviour = "hidden", sidebarPosition = "left", onClickMinimize, onCloseComplete, rootClassName, rootStyles = {}, innerClassName, innerStyles: innerStylesProp = {}, ...spacingsProps }) => {
+    const EXIT_TRANSITION_DURATION = 125;
     const [_isOpen, _setIsOpen] = React.useState(false);
     const isOpen = Boolean(!hidden);
     React.useEffect(() => {
@@ -22,6 +22,8 @@ const Sidebar = ({ children, width, isMinimized = false, hidden = false, allowMi
     }, [isOpen]);
     const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
         resoui_sidebar_container: true,
+        resoui_sidebar_mode_alt1: mode === "alt1",
+        resoui_sidebar_mode_plain: mode === "plain",
     }, spacingsProps), rootClassName));
     const isInnerOpen = !isMinimized ? (isOpen ? _isOpen : isOpen) : false;
     const innerClasses = classnames({
@@ -35,7 +37,7 @@ const Sidebar = ({ children, width, isMinimized = false, hidden = false, allowMi
     const getIsOpen = () => (isOpen ? isOpen : _isOpen);
     return (getIsOpen() && (React.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "sidebar-root", role: "complementary" },
         React.createElement("div", { className: "resoui_sidebar_row" },
-            allowMinimize && sidebarPosition === "right" && (React.createElement("button", { className: minimizeButtonClasses, onClick: onClickMinimize, "data-testid": "sidebar-minimize-button", "aria-label": isMinimized ? "Expand sidebar" : "Collapse sidebar" }, isMinimized ? "›" : "‹")),
+            allowMinimize && sidebarPosition === "right" && (React.createElement("button", { className: minimizeButtonClasses, onClick: onClickMinimize, "data-testid": "sidebar-minimize-button", "aria-label": isMinimized ? "Expand sidebar" : "Collapse sidebar" }, isMinimized ? "‹" : "›")),
             React.createElement("div", { className: innerClasses, style: {
                     overflowY: overflowBehaviour,
                     ...(width !== undefined && isInnerOpen ? { width } : {}),

package/dist/cjs/components/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../src/library/components/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["useState","useEffect","createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;;AA0BO,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,KAAK,EACd,aAAa,GAAG,KAAK,EACrB,iBAAiB,GAAG,QAAQ,EAC5B,eAAe,GAAG,MAAM,EACxB,eAAe,EACf,eAAe,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,EAAE,eAAe,GAAG,EAAE,EACjC,GAAG,aAAa,EACF,KAAI;IAClB,MAAM,wBAAwB,GAAG,GAAG;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAC7C,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,MAAM,CAAC;IAE/BC,eAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,IAAI,CAAC;QAClB;aAAO;AACL,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAK;gBAC9B,UAAU,CAAC,KAAK,CAAC;AACjB,gBAAA,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,MAAA,GAAA,MAAA,GAAf,eAAe,EAAI;AACrB,YAAA,CAAC,EAAE,wBAAwB,GAAG,wBAAwB,CAAC,CAAC;AACxD,YAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;QACpC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,wBAAwB,EAAE,IAAI;AAC/B,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;IAED,MAAM,WAAW,GAAG,CAAC,WAAW,IAAI,MAAM,GAAG,OAAO,GAAG,MAAM,IAAI,KAAK;IAEtE,MAAM,YAAY,GAAG,UAAU,CAC7B;AACE,QAAA,oBAAoB,EAAE,IAAI;AAC1B,QAAA,yBAAyB,EAAE,WAAW;KACvC,EACD,cAAc,CACf;IAED,MAAM,qBAAqB,GAAG,UAAU,CAAC;AACvC,QAAA,8BAA8B,EAAE,IAAI;QACpC,mCAAmC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AAC/D,KAAA,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,OAAO,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,IAAA,QACE,SAAS,EAAE,KACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,cAAc,EAC1B,IAAI,EAAC,eAAe,EAAA;QAEpB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAAA;AAChC,YAAA,aAAa,IAAI,eAAe,KAAK,OAAO,KAC3C,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,eAAe,EAAA,aAAA,EACZ,yBAAyB,EAAA,YAAA,EACzB,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,EAAA,EAE9D,WAAW,GAAG,GAAG,GAAG,GAAG,CACjB,CACV;AACD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE;AACL,oBAAA,SAAS,EAAE,iBAAiB;AAC5B,oBAAA,IAAI,KAAK,KAAK,SAAS,IAAI,WAAW,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACxD,oBAAA,GAAG,eAAe;iBACnB,EAAA,aAAA,EACW,eAAe,EAAA,EAE1B,QAAQ,CACL;AACL,YAAA,aAAa,IAAI,eAAe,KAAK,MAAM,KAC1C,gCACE,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,eAAe,EAAA,aAAA,EACZ,yBAAyB,EAAA,YAAA,EACzB,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,IAE9D,WAAW,GAAG,GAAG,GAAG,GAAG,CACjB,CACV,CACG,CACF,CACP;AAEL;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/library/components/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["useState","useEffect","createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;;AA6BO,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,KAAK,EACd,aAAa,GAAG,KAAK,EACrB,IAAI,GAAG,SAAS,EAChB,iBAAiB,GAAG,QAAQ,EAC5B,eAAe,GAAG,MAAM,EACxB,eAAe,EACf,eAAe,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,EAAE,eAAe,GAAG,EAAE,EACjC,GAAG,aAAa,EACF,KAAI;IAClB,MAAM,wBAAwB,GAAG,GAAG;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AAC7C,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,MAAM,CAAC;IAE/BC,eAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,IAAI,CAAC;QAClB;aAAO;AACL,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAK;gBAC9B,UAAU,CAAC,KAAK,CAAC;AACjB,gBAAA,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,MAAA,GAAA,MAAA,GAAf,eAAe,EAAI;AACrB,YAAA,CAAC,EAAE,wBAAwB,GAAG,wBAAwB,CAAC,CAAC;AACxD,YAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;QACpC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,wBAAwB,EAAE,IAAI;QAC9B,wBAAwB,EAAE,IAAI,KAAK,MAAM;QACzC,yBAAyB,EAAE,IAAI,KAAK,OAAO;AAC5C,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;IAED,MAAM,WAAW,GAAG,CAAC,WAAW,IAAI,MAAM,GAAG,OAAO,GAAG,MAAM,IAAI,KAAK;IAEtE,MAAM,YAAY,GAAG,UAAU,CAC7B;AACE,QAAA,oBAAoB,EAAE,IAAI;AAC1B,QAAA,yBAAyB,EAAE,WAAW;KACvC,EACD,cAAc,CACf;IAED,MAAM,qBAAqB,GAAG,UAAU,CAAC;AACvC,QAAA,8BAA8B,EAAE,IAAI;QACpC,mCAAmC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AAC/D,KAAA,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,OAAO,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,IAAA,QACE,SAAS,EAAE,KACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,cAAc,EAC1B,IAAI,EAAC,eAAe,EAAA;QAEpB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAAA;AAChC,YAAA,aAAa,IAAI,eAAe,KAAK,OAAO,KAC3C,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,eAAe,EAAA,aAAA,EACZ,yBAAyB,EAAA,YAAA,EACzB,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,EAAA,EAE9D,WAAW,GAAG,GAAG,GAAG,GAAG,CACjB,CACV;AACD,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE;AACL,oBAAA,SAAS,EAAE,iBAAiB;AAC5B,oBAAA,IAAI,KAAK,KAAK,SAAS,IAAI,WAAW,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACxD,oBAAA,GAAG,eAAe;iBACnB,EAAA,aAAA,EACW,eAAe,EAAA,EAE1B,QAAQ,CACL;AACL,YAAA,aAAa,IAAI,eAAe,KAAK,MAAM,KAC1C,gCACE,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,eAAe,EAAA,aAAA,EACZ,yBAAyB,EAAA,YAAA,EACzB,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,IAE9D,WAAW,GAAG,GAAG,GAAG,GAAG,CACjB,CACV,CACG,CACF,CACP;AAEL;;;;"}

package/dist/cjs/context/ResponsiveContext.js

@@ -10,6 +10,9 @@ const ResponsiveContext = React.createContext({
     isXLgDesktop: false,
     windowWidth: 0,
     windowHeight: 0,
+    containerWidth: 0,
+    containerHeight: 0,
+    setContainerRef: () => { },
 });
 
 exports.ResponsiveContext = ResponsiveContext;

package/dist/cjs/context/ResponsiveContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveContext.js","sources":["../../../src/library/context/ResponsiveContext.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;AAYO,MAAM,iBAAiB,GAAGA,mBAAa,CAAqB;AACjE,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,YAAY,EAAE,CAAC;AAChB,CAAA;;;;"}
+{"version":3,"file":"ResponsiveContext.js","sources":["../../../src/library/context/ResponsiveContext.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;AAeO,MAAM,iBAAiB,GAAGA,mBAAa,CAAqB;AACjE,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,eAAe,EAAE,MAAK,EAAE,CAAC;AAC1B,CAAA;;;;"}

package/dist/cjs/index.js

@@ -4,6 +4,7 @@ var Banner = require('./components/Banners/Banner/Banner.js');
 var BannerWrapper = require('./components/Banners/Banner-Wrapper/Banner-Wrapper.js');
 var Back = require('./components/Buttons/Back/Back.js');
 var Button = require('./components/Buttons/Button/Button.js');
+var CloseButton = require('./components/Buttons/Close-Button/Close-Button.js');
 var DashboardOverviewCard = require('./components/Card/Dashboard-Overview-Card/Dashboard-Overview-Card.js');
 var DashboardOverviewCardContainer = require('./components/Card/Dashboard-Overview-Card-Container/Dashboard-Overview-Card-Container.js');
 var CenterContainer = require('./components/Containers/Center-Container/Center-Container.js');
@@ -115,6 +116,7 @@ exports.TRANSITION_DURATION = Banner.TRANSITION_DURATION;
 exports.BannerWrapper = BannerWrapper.BannerWrapper;
 exports.Back = Back.Back;
 exports.Button = Button.Button;
+exports.CloseButton = CloseButton.CloseButton;
 exports.DashboardOverviewCard = DashboardOverviewCard.DashboardOverviewCard;
 exports.DashboardOverviewCardContainer = DashboardOverviewCardContainer.DashboardOverviewCardContainer;
 exports.CenterContainer = CenterContainer.CenterContainer;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/providers/ResponsiveProvider.js

@@ -3,25 +3,43 @@
 var React = require('react');
 var useWindowSize = require('../hooks/useWindowSize.js');
 var ResponsiveContext = require('../context/ResponsiveContext.js');
+var responsive = require('../utils/responsive.js');
 
 const ResponsiveProvider = ({ children }) => {
-    const [width, height] = useWindowSize.useWindowSize();
-    const { isMobile, isTablet, isMdDesktop, isLgDesktop, isXLgDesktop } = React.useMemo(() => ({
-        isMobile: width < 640, // phones: 0–639
-        isTablet: width >= 640 && width < 768, // tablets: 640–767
-        isMdDesktop: width >= 768 && width < 1024, // small laptops: 768–1023
-        isLgDesktop: width >= 1024 && width < 1280, // desktops: 1024–1279
-        isXLgDesktop: width >= 1280, // large desktops / 2K+: 1280+
-    }), [width]);
-    return (React.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: {
-            isMobile,
-            isTablet,
-            isMdDesktop,
-            isLgDesktop,
-            isXLgDesktop,
-            windowWidth: width,
-            windowHeight: height,
-        } }, children));
+    const [windowWidth, windowHeight] = useWindowSize.useWindowSize();
+    const [containerEl, setContainerEl] = React.useState(null);
+    const [containerSize, setContainerSize] = React.useState({ width: 0, height: 0 });
+    React.useEffect(() => {
+        if (!containerEl) {
+            setContainerSize({ width: 0, height: 0 });
+            return;
+        }
+        setContainerSize({ width: containerEl.offsetWidth, height: containerEl.offsetHeight });
+        const observer = new ResizeObserver((entries) => {
+            if (entries[0]) {
+                setContainerSize({
+                    width: entries[0].contentRect.width,
+                    height: entries[0].contentRect.height,
+                });
+            }
+        });
+        observer.observe(containerEl);
+        return () => observer.disconnect();
+    }, [containerEl]);
+    const effectiveWidth = containerEl
+        ? Math.min(windowWidth, containerSize.width)
+        : windowWidth;
+    const band = responsive.computeBreakpointBand(effectiveWidth);
+    const breakpoints = React.useMemo(() => responsive.computeBreakpoints(effectiveWidth), [band]);
+    const value = React.useMemo(() => ({
+        ...breakpoints,
+        windowWidth,
+        windowHeight,
+        containerWidth: containerSize.width,
+        containerHeight: containerSize.height,
+        setContainerRef: setContainerEl,
+    }), [breakpoints, windowWidth, windowHeight, containerSize.width, containerSize.height]);
+    return (React.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: value }, children));
 };
 
 exports.ResponsiveProvider = ResponsiveProvider;

package/dist/cjs/providers/ResponsiveProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveProvider.js","sources":["../../../src/library/providers/ResponsiveProvider.tsx"],"sourcesContent":[null],"names":["useWindowSize","useMemo","ResponsiveContext"],"mappings":";;;;;;MAIa,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAI;IACjD,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAGA,2BAAa,EAAE;AAEvC,IAAA,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,GAClEC,aAAO,CACL,OAAO;AACL,QAAA,QAAQ,EAAE,KAAK,GAAG,GAAG;QACrB,QAAQ,EAAE,KAAK,IAAI,GAAG,IAAI,KAAK,GAAG,GAAG;QACrC,WAAW,EAAE,KAAK,IAAI,GAAG,IAAI,KAAK,GAAG,IAAI;QACzC,WAAW,EAAE,KAAK,IAAI,IAAI,IAAI,KAAK,GAAG,IAAI;AAC1C,QAAA,YAAY,EAAE,KAAK,IAAI,IAAI;AAC5B,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACR;AAEH,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,mCAAiB,CAAC,QAAQ,EAAA,EACzB,KAAK,EAAE;YACL,QAAQ;YACR,QAAQ;YACR,WAAW;YACX,WAAW;YACX,YAAY;AACZ,YAAA,WAAW,EAAE,KAAK;AAClB,YAAA,YAAY,EAAE,MAAM;SACrB,EAAA,EAEA,QAAQ,CACkB;AAEjC;;;;"}
+{"version":3,"file":"ResponsiveProvider.js","sources":["../../../src/library/providers/ResponsiveProvider.tsx"],"sourcesContent":[null],"names":["useWindowSize","useState","useEffect","computeBreakpointBand","useMemo","computeBreakpoints","ResponsiveContext"],"mappings":";;;;;;;MAKa,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAI;IACjD,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAGA,2BAAa,EAAE;IAEnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGC,cAAQ,CAAqB,IAAI,CAAC;AACxE,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAoC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IAE9GC,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,WAAW,EAAE;YAChB,gBAAgB,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;YACzC;QACF;AAEA,QAAA,gBAAgB,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,CAAC,YAAY,EAAE,CAAC;QAEtF,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,KAAI;AAC9C,YAAA,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;AACd,gBAAA,gBAAgB,CAAC;oBACf,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK;oBACnC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM;AACtC,iBAAA,CAAC;YACJ;AACF,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC;AAC7B,QAAA,OAAO,MAAM,QAAQ,CAAC,UAAU,EAAE;AACpC,IAAA,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAEjB,MAAM,cAAc,GAAG;UACnB,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,aAAa,CAAC,KAAK;UACzC,WAAW;AAEf,IAAA,MAAM,IAAI,GAAGC,gCAAqB,CAAC,cAAc,CAAC;AAElD,IAAA,MAAM,WAAW,GAAGC,aAAO,CACzB,MAAMC,6BAAkB,CAAC,cAAc,CAAC,EACxC,CAAC,IAAI,CAAC,CACP;AAED,IAAA,MAAM,KAAK,GAAGD,aAAO,CACnB,OAAO;AACL,QAAA,GAAG,WAAW;QACd,WAAW;QACX,YAAY;QACZ,cAAc,EAAE,aAAa,CAAC,KAAK;QACnC,eAAe,EAAE,aAAa,CAAC,MAAM;AACrC,QAAA,eAAe,EAAE,cAAc;AAChC,KAAA,CAAC,EACF,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,CACpF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAACE,mCAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,EACrC,QAAQ,CACkB;AAEjC;;;;"}

package/dist/cjs/utils/responsive.js

@@ -0,0 +1,32 @@
+'use strict';
+
+const BREAKPOINT_MOBILE = 640;
+const BREAKPOINT_TABLET = 768;
+const BREAKPOINT_MD_DESKTOP = 1024;
+const BREAKPOINT_LG_DESKTOP = 1280;
+const computeBreakpoints = (width) => ({
+    isMobile: width < BREAKPOINT_MOBILE,
+    isTablet: width >= BREAKPOINT_MOBILE && width < BREAKPOINT_TABLET,
+    isMdDesktop: width >= BREAKPOINT_TABLET && width < BREAKPOINT_MD_DESKTOP,
+    isLgDesktop: width >= BREAKPOINT_MD_DESKTOP && width < BREAKPOINT_LG_DESKTOP,
+    isXLgDesktop: width >= BREAKPOINT_LG_DESKTOP,
+});
+const computeBreakpointBand = (width) => {
+    if (width < BREAKPOINT_MOBILE)
+        return 0;
+    if (width < BREAKPOINT_TABLET)
+        return 1;
+    if (width < BREAKPOINT_MD_DESKTOP)
+        return 2;
+    if (width < BREAKPOINT_LG_DESKTOP)
+        return 3;
+    return 4;
+};
+
+exports.BREAKPOINT_LG_DESKTOP = BREAKPOINT_LG_DESKTOP;
+exports.BREAKPOINT_MD_DESKTOP = BREAKPOINT_MD_DESKTOP;
+exports.BREAKPOINT_MOBILE = BREAKPOINT_MOBILE;
+exports.BREAKPOINT_TABLET = BREAKPOINT_TABLET;
+exports.computeBreakpointBand = computeBreakpointBand;
+exports.computeBreakpoints = computeBreakpoints;
+//# sourceMappingURL=responsive.js.map

package/dist/cjs/utils/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sources":["../../../src/library/utils/responsive.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAO,MAAM,iBAAiB,GAAG;AAC1B,MAAM,iBAAiB,GAAG;AAC1B,MAAM,qBAAqB,GAAG;AAC9B,MAAM,qBAAqB,GAAG;MAExB,kBAAkB,GAAG,CAAC,KAAa,MAAM;IACpD,QAAQ,EAAE,KAAK,GAAG,iBAAiB;AACnC,IAAA,QAAQ,EAAE,KAAK,IAAI,iBAAiB,IAAI,KAAK,GAAG,iBAAiB;AACjE,IAAA,WAAW,EAAE,KAAK,IAAI,iBAAiB,IAAI,KAAK,GAAG,qBAAqB;AACxE,IAAA,WAAW,EAAE,KAAK,IAAI,qBAAqB,IAAI,KAAK,GAAG,qBAAqB;IAC5E,YAAY,EAAE,KAAK,IAAI,qBAAqB;AAC7C,CAAA;AAEM,MAAM,qBAAqB,GAAG,CAAC,KAAa,KAAY;IAC7D,IAAI,KAAK,GAAG,iBAAiB;AAAE,QAAA,OAAO,CAAC;IACvC,IAAI,KAAK,GAAG,iBAAiB;AAAE,QAAA,OAAO,CAAC;IACvC,IAAI,KAAK,GAAG,qBAAqB;AAAE,QAAA,OAAO,CAAC;IAC3C,IAAI,KAAK,GAAG,qBAAqB;AAAE,QAAA,OAAO,CAAC;AAC3C,IAAA,OAAO,CAAC;AACV;;;;;;;;;"}

package/dist/esm/components/Buttons/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./Back";
 export * from "./Button";
+export * from "./Close-Button";

package/dist/esm/components/Drawer/DrawerContent.d.ts

@@ -8,7 +8,7 @@ export interface IDrawerContentProps extends IComponent, IPaddingProps {
     onClose: () => void;
     side?: "left" | "right";
     title?: string;
-    width?: number;
+    width?: number | string;
     fullWidth?: boolean;
     layer?: number;
     closeOnBackdropClick?: boolean;

package/dist/esm/components/Drawer/DrawerContent.js

@@ -28,7 +28,7 @@ const DrawerContent = ({ children, isOpen = false, internalIsOpen, onClose, side
     const computedZIndex = layer + 1;
     return (React__default.createElement("div", { ref: drawerContentRef, className: containerStyles, style: {
             zIndex: computedZIndex + 1,
-            width: fullWidth ? "100%" : `${width}px`,
+            width: fullWidth ? "100%" : typeof width === "number" ? `${width}px` : width,
             ...rootStyles,
         }, "data-testid": "drawer-container-root" },
         React__default.createElement(Flex, { rootClassName: titleClasses, rootStyles: titleStyles },

package/dist/esm/components/Drawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","sources":["../../../../src/library/components/Drawer/DrawerContent.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;;;AA+BA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,cAAc,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,oBAAoB,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,oBAAoB,EACpB,iBAAiB,GAAG,EAAE,EACtB,GAAG,YAAY,EACK,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAG,MAAM,EAAkB;AAEjD,IAAA,eAAe,CAAC,gBAAgB,EAAE,MAAK;QACrC,IAAI,oBAAoB,EAAE;AACxB,YAAA,OAAO,EAAE;QACX;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,uBAAuB,EAAE,IAAI;AAC7B,QAAA,4CAA4C,EAAE,IAAI;QAClD,4BAA4B,EAAE,IAAI,KAAK,MAAM;QAC7C,6BAA6B,EAAE,IAAI,KAAK,OAAO;QAC/C,4BAA4B,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;AAC/D,KAAA,EACD,YAAY,CACb,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,YAAY,GAAG,qBAAqB,CACxC,kBAAkB,CAChB;AACE,QAAA,mBAAmB,EAAE,IAAI;KAC1B,EACD,cAAc,CACf,CACF;AAED,IAAA,MAAM,cAAc,GAAG,qBAAqB,CAC1C,kBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;KAC5B,EACD,gBAAgB,CACjB,CACF;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,CAAC;IAEhC,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,MAAM,EAAE,cAAc,GAAG,CAAC;YAC1B,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;AACxC,YAAA,GAAG,UAAU;AACd,SAAA,EAAA,aAAA,EACW,uBAAuB,EAAA;QAEnCA,cAAA,CAAA,aAAA,CAAC,IAAI,IAAC,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAA;YACvD,KAAK,IAAI,KAAK,KAAK,EAAE,GAAG,KAAK,GAAGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,CAAO;AACxC,YAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,OAAO,EAAE,MAAK;AACZ,oBAAA,OAAO,EAAE;gBACX,CAAC,EACD,aAAa,EAAE,oBAAoB,EACnC,UAAU,EAAE,iBAAiB,EAAA,CAC7B,CACG;AACP,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,cAAc,EAC7B,UAAU,EAAE,aAAa,EAEvB,UAAU,EAAE,0BAA0B,EAAA,EAGvC,QAAQ,CACJ,CACH;AAEV;;;;"}
+{"version":3,"file":"DrawerContent.js","sources":["../../../../src/library/components/Drawer/DrawerContent.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;;;AA+BA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,cAAc,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,oBAAoB,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,oBAAoB,EACpB,iBAAiB,GAAG,EAAE,EACtB,GAAG,YAAY,EACK,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAG,MAAM,EAAkB;AAEjD,IAAA,eAAe,CAAC,gBAAgB,EAAE,MAAK;QACrC,IAAI,oBAAoB,EAAE;AACxB,YAAA,OAAO,EAAE;QACX;AACF,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,uBAAuB,EAAE,IAAI;AAC7B,QAAA,4CAA4C,EAAE,IAAI;QAClD,4BAA4B,EAAE,IAAI,KAAK,MAAM;QAC7C,6BAA6B,EAAE,IAAI,KAAK,OAAO;QAC/C,4BAA4B,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;AAC/D,KAAA,EACD,YAAY,CACb,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,YAAY,GAAG,qBAAqB,CACxC,kBAAkB,CAChB;AACE,QAAA,mBAAmB,EAAE,IAAI;KAC1B,EACD,cAAc,CACf,CACF;AAED,IAAA,MAAM,cAAc,GAAG,qBAAqB,CAC1C,kBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;KAC5B,EACD,gBAAgB,CACjB,CACF;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,CAAC;IAEhC,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,MAAM,EAAE,cAAc,GAAG,CAAC;YAC1B,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,GAAG,KAAK;AAC5E,YAAA,GAAG,UAAU;AACd,SAAA,EAAA,aAAA,EACW,uBAAuB,EAAA;QAEnCA,cAAA,CAAA,aAAA,CAAC,IAAI,IAAC,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAA;YACvD,KAAK,IAAI,KAAK,KAAK,EAAE,GAAG,KAAK,GAAGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,CAAO;AACxC,YAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,OAAO,EAAE,MAAK;AACZ,oBAAA,OAAO,EAAE;gBACX,CAAC,EACD,aAAa,EAAE,oBAAoB,EACnC,UAAU,EAAE,iBAAiB,EAAA,CAC7B,CACG;AACP,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,cAAc,EAC7B,UAAU,EAAE,aAAa,EAEvB,UAAU,EAAE,0BAA0B,EAAA,EAGvC,QAAQ,CACJ,CACH;AAEV;;;;"}

package/dist/esm/components/Sidebar/Sidebar.d.ts

@@ -3,12 +3,14 @@ import IComponent from "../../interfaces/IComponent";
 import { IMarginProps } from "../../interfaces/ISpacingsProps";
 import "./styles/Sidebar.layout.scss";
 import "./styles/Sidebar.theme.scss";
+export type SidebarMode = "default" | "alt1" | "plain";
 export interface ISidebarProps extends IComponent, IMarginProps {
     children: React.ReactNode;
-    width?: number;
+    width?: number | string;
     isMinimized?: boolean;
     hidden?: boolean;
     allowMinimize?: boolean;
+    mode?: SidebarMode;
     overflowBehaviour?: "scroll" | "hidden";
     sidebarPosition?: "left" | "right";
     onClickMinimize?: () => void;
@@ -16,4 +18,4 @@ export interface ISidebarProps extends IComponent, IMarginProps {
     innerClassName?: string;
     innerStyles?: CSSProperties;
 }
-export declare const Sidebar: ({ children, width, isMinimized, hidden, allowMinimize, overflowBehaviour, sidebarPosition, onClickMinimize, onCloseComplete, rootClassName, rootStyles, innerClassName, innerStyles: innerStylesProp, ...spacingsProps }: ISidebarProps) => React.JSX.Element;
+export declare const Sidebar: ({ children, width, isMinimized, hidden, allowMinimize, mode, overflowBehaviour, sidebarPosition, onClickMinimize, onCloseComplete, rootClassName, rootStyles, innerClassName, innerStyles: innerStylesProp, ...spacingsProps }: ISidebarProps) => React.JSX.Element;

package/dist/esm/components/Sidebar/Sidebar.js

@@ -2,8 +2,8 @@ import React__default, { useState, useEffect } from 'react';
 import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../utils/styles.js';
 import classnames from 'classnames';
 
-const Sidebar = ({ children, width, isMinimized = false, hidden = false, allowMinimize = false, overflowBehaviour = "hidden", sidebarPosition = "left", onClickMinimize, onCloseComplete, rootClassName, rootStyles = {}, innerClassName, innerStyles: innerStylesProp = {}, ...spacingsProps }) => {
-    const EXIT_TRANSITION_DURATION = 250;
+const Sidebar = ({ children, width, isMinimized = false, hidden = false, allowMinimize = false, mode = "default", overflowBehaviour = "hidden", sidebarPosition = "left", onClickMinimize, onCloseComplete, rootClassName, rootStyles = {}, innerClassName, innerStyles: innerStylesProp = {}, ...spacingsProps }) => {
+    const EXIT_TRANSITION_DURATION = 125;
     const [_isOpen, _setIsOpen] = useState(false);
     const isOpen = Boolean(!hidden);
     useEffect(() => {
@@ -20,6 +20,8 @@ const Sidebar = ({ children, width, isMinimized = false, hidden = false, allowMi
     }, [isOpen]);
     const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
         resoui_sidebar_container: true,
+        resoui_sidebar_mode_alt1: mode === "alt1",
+        resoui_sidebar_mode_plain: mode === "plain",
     }, spacingsProps), rootClassName));
     const isInnerOpen = !isMinimized ? (isOpen ? _isOpen : isOpen) : false;
     const innerClasses = classnames({
@@ -33,7 +35,7 @@ const Sidebar = ({ children, width, isMinimized = false, hidden = false, allowMi
     const getIsOpen = () => (isOpen ? isOpen : _isOpen);
     return (getIsOpen() && (React__default.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "sidebar-root", role: "complementary" },
         React__default.createElement("div", { className: "resoui_sidebar_row" },
-            allowMinimize && sidebarPosition === "right" && (React__default.createElement("button", { className: minimizeButtonClasses, onClick: onClickMinimize, "data-testid": "sidebar-minimize-button", "aria-label": isMinimized ? "Expand sidebar" : "Collapse sidebar" }, isMinimized ? "›" : "‹")),
+            allowMinimize && sidebarPosition === "right" && (React__default.createElement("button", { className: minimizeButtonClasses, onClick: onClickMinimize, "data-testid": "sidebar-minimize-button", "aria-label": isMinimized ? "Expand sidebar" : "Collapse sidebar" }, isMinimized ? "‹" : "›")),
             React__default.createElement("div", { className: innerClasses, style: {
                     overflowY: overflowBehaviour,
                     ...(width !== undefined && isInnerOpen ? { width } : {}),

package/dist/esm/components/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../src/library/components/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AA0BO,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,KAAK,EACd,aAAa,GAAG,KAAK,EACrB,iBAAiB,GAAG,QAAQ,EAC5B,eAAe,GAAG,MAAM,EACxB,eAAe,EACf,eAAe,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,EAAE,eAAe,GAAG,EAAE,EACjC,GAAG,aAAa,EACF,KAAI;IAClB,MAAM,wBAAwB,GAAG,GAAG;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC7C,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,MAAM,CAAC;IAE/B,SAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,IAAI,CAAC;QAClB;aAAO;AACL,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAK;gBAC9B,UAAU,CAAC,KAAK,CAAC;AACjB,gBAAA,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,MAAA,GAAA,MAAA,GAAf,eAAe,EAAI;AACrB,YAAA,CAAC,EAAE,wBAAwB,GAAG,wBAAwB,CAAC,CAAC;AACxD,YAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;QACpC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,wBAAwB,EAAE,IAAI;AAC/B,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;IAED,MAAM,WAAW,GAAG,CAAC,WAAW,IAAI,MAAM,GAAG,OAAO,GAAG,MAAM,IAAI,KAAK;IAEtE,MAAM,YAAY,GAAG,UAAU,CAC7B;AACE,QAAA,oBAAoB,EAAE,IAAI;AAC1B,QAAA,yBAAyB,EAAE,WAAW;KACvC,EACD,cAAc,CACf;IAED,MAAM,qBAAqB,GAAG,UAAU,CAAC;AACvC,QAAA,8BAA8B,EAAE,IAAI;QACpC,mCAAmC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AAC/D,KAAA,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,OAAO,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,IAAA,QACE,SAAS,EAAE,KACTA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,cAAc,EAC1B,IAAI,EAAC,eAAe,EAAA;QAEpBA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAAA;AAChC,YAAA,aAAa,IAAI,eAAe,KAAK,OAAO,KAC3CA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,eAAe,EAAA,aAAA,EACZ,yBAAyB,EAAA,YAAA,EACzB,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,EAAA,EAE9D,WAAW,GAAG,GAAG,GAAG,GAAG,CACjB,CACV;AACD,YAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE;AACL,oBAAA,SAAS,EAAE,iBAAiB;AAC5B,oBAAA,IAAI,KAAK,KAAK,SAAS,IAAI,WAAW,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACxD,oBAAA,GAAG,eAAe;iBACnB,EAAA,aAAA,EACW,eAAe,EAAA,EAE1B,QAAQ,CACL;AACL,YAAA,aAAa,IAAI,eAAe,KAAK,MAAM,KAC1CA,yCACE,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,eAAe,EAAA,aAAA,EACZ,yBAAyB,EAAA,YAAA,EACzB,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,IAE9D,WAAW,GAAG,GAAG,GAAG,GAAG,CACjB,CACV,CACG,CACF,CACP;AAEL;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/library/components/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AA6BO,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,KAAK,EACd,aAAa,GAAG,KAAK,EACrB,IAAI,GAAG,SAAS,EAChB,iBAAiB,GAAG,QAAQ,EAC5B,eAAe,GAAG,MAAM,EACxB,eAAe,EACf,eAAe,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,EAAE,eAAe,GAAG,EAAE,EACjC,GAAG,aAAa,EACF,KAAI;IAClB,MAAM,wBAAwB,GAAG,GAAG;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC7C,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,MAAM,CAAC;IAE/B,SAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,IAAI,CAAC;QAClB;aAAO;AACL,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAK;gBAC9B,UAAU,CAAC,KAAK,CAAC;AACjB,gBAAA,eAAe,KAAA,IAAA,IAAf,eAAe,KAAA,MAAA,GAAA,MAAA,GAAf,eAAe,EAAI;AACrB,YAAA,CAAC,EAAE,wBAAwB,GAAG,wBAAwB,CAAC,CAAC;AACxD,YAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;QACpC;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,wBAAwB,EAAE,IAAI;QAC9B,wBAAwB,EAAE,IAAI,KAAK,MAAM;QACzC,yBAAyB,EAAE,IAAI,KAAK,OAAO;AAC5C,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;IAED,MAAM,WAAW,GAAG,CAAC,WAAW,IAAI,MAAM,GAAG,OAAO,GAAG,MAAM,IAAI,KAAK;IAEtE,MAAM,YAAY,GAAG,UAAU,CAC7B;AACE,QAAA,oBAAoB,EAAE,IAAI;AAC1B,QAAA,yBAAyB,EAAE,WAAW;KACvC,EACD,cAAc,CACf;IAED,MAAM,qBAAqB,GAAG,UAAU,CAAC;AACvC,QAAA,8BAA8B,EAAE,IAAI;QACpC,mCAAmC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AAC/D,KAAA,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,OAAO,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,IAAA,QACE,SAAS,EAAE,KACTA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,cAAc,EAC1B,IAAI,EAAC,eAAe,EAAA;QAEpBA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAAA;AAChC,YAAA,aAAa,IAAI,eAAe,KAAK,OAAO,KAC3CA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,eAAe,EAAA,aAAA,EACZ,yBAAyB,EAAA,YAAA,EACzB,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,EAAA,EAE9D,WAAW,GAAG,GAAG,GAAG,GAAG,CACjB,CACV;AACD,YAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE;AACL,oBAAA,SAAS,EAAE,iBAAiB;AAC5B,oBAAA,IAAI,KAAK,KAAK,SAAS,IAAI,WAAW,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACxD,oBAAA,GAAG,eAAe;iBACnB,EAAA,aAAA,EACW,eAAe,EAAA,EAE1B,QAAQ,CACL;AACL,YAAA,aAAa,IAAI,eAAe,KAAK,MAAM,KAC1CA,yCACE,SAAS,EAAE,qBAAqB,EAChC,OAAO,EAAE,eAAe,EAAA,aAAA,EACZ,yBAAyB,EAAA,YAAA,EACzB,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,IAE9D,WAAW,GAAG,GAAG,GAAG,GAAG,CACjB,CACV,CACG,CACF,CACP;AAEL;;;;"}

package/dist/esm/components/Sidebar/index.d.ts

@@ -1,5 +1,5 @@
 export { Sidebar } from "./Sidebar";
-export type { ISidebarProps } from "./Sidebar";
+export type { ISidebarProps, SidebarMode } from "./Sidebar";
 export { SidebarNavLink, SidebarNavTitle } from "./Sidebar-Nav-Link/Sidebar-Nav-Link";
 export type { ISidebarNavLinkProps, ISidebarNavTitleProps } from "./Sidebar-Nav-Link/Sidebar-Nav-Link";
 export { SidebarTitle } from "./Sidebar-Title";

package/dist/esm/context/ResponsiveContext.d.ts

@@ -6,5 +6,8 @@ export interface IResponsiveContext {
     isXLgDesktop: boolean;
     windowWidth: number;
     windowHeight: number;
+    containerWidth: number;
+    containerHeight: number;
+    setContainerRef: (el: HTMLElement | null) => void;
 }
 export declare const ResponsiveContext: import("react").Context<IResponsiveContext>;

package/dist/esm/context/ResponsiveContext.js

@@ -8,6 +8,9 @@ const ResponsiveContext = createContext({
     isXLgDesktop: false,
     windowWidth: 0,
     windowHeight: 0,
+    containerWidth: 0,
+    containerHeight: 0,
+    setContainerRef: () => { },
 });
 
 export { ResponsiveContext };

package/dist/esm/context/ResponsiveContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveContext.js","sources":["../../../src/library/context/ResponsiveContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAYO,MAAM,iBAAiB,GAAG,aAAa,CAAqB;AACjE,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,YAAY,EAAE,CAAC;AAChB,CAAA;;;;"}
+{"version":3,"file":"ResponsiveContext.js","sources":["../../../src/library/context/ResponsiveContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAeO,MAAM,iBAAiB,GAAG,aAAa,CAAqB;AACjE,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,eAAe,EAAE,MAAK,EAAE,CAAC;AAC1B,CAAA;;;;"}

package/dist/esm/index.js

@@ -2,6 +2,7 @@ export { Banner, TRANSITION_DURATION } from './components/Banners/Banner/Banner.
 export { BannerWrapper } from './components/Banners/Banner-Wrapper/Banner-Wrapper.js';
 export { Back } from './components/Buttons/Back/Back.js';
 export { Button } from './components/Buttons/Button/Button.js';
+export { CloseButton } from './components/Buttons/Close-Button/Close-Button.js';
 export { DashboardOverviewCard } from './components/Card/Dashboard-Overview-Card/Dashboard-Overview-Card.js';
 export { DashboardOverviewCardContainer } from './components/Card/Dashboard-Overview-Card-Container/Dashboard-Overview-Card-Container.js';
 export { CenterContainer } from './components/Containers/Center-Container/Center-Container.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/providers/ResponsiveProvider.js

@@ -1,25 +1,43 @@
-import React__default, { useMemo } from 'react';
+import React__default, { useState, useEffect, useMemo } from 'react';
 import { useWindowSize } from '../hooks/useWindowSize.js';
 import { ResponsiveContext } from '../context/ResponsiveContext.js';
+import { computeBreakpoints, computeBreakpointBand } from '../utils/responsive.js';
 
 const ResponsiveProvider = ({ children }) => {
-    const [width, height] = useWindowSize();
-    const { isMobile, isTablet, isMdDesktop, isLgDesktop, isXLgDesktop } = useMemo(() => ({
-        isMobile: width < 640, // phones: 0–639
-        isTablet: width >= 640 && width < 768, // tablets: 640–767
-        isMdDesktop: width >= 768 && width < 1024, // small laptops: 768–1023
-        isLgDesktop: width >= 1024 && width < 1280, // desktops: 1024–1279
-        isXLgDesktop: width >= 1280, // large desktops / 2K+: 1280+
-    }), [width]);
-    return (React__default.createElement(ResponsiveContext.Provider, { value: {
-            isMobile,
-            isTablet,
-            isMdDesktop,
-            isLgDesktop,
-            isXLgDesktop,
-            windowWidth: width,
-            windowHeight: height,
-        } }, children));
+    const [windowWidth, windowHeight] = useWindowSize();
+    const [containerEl, setContainerEl] = useState(null);
+    const [containerSize, setContainerSize] = useState({ width: 0, height: 0 });
+    useEffect(() => {
+        if (!containerEl) {
+            setContainerSize({ width: 0, height: 0 });
+            return;
+        }
+        setContainerSize({ width: containerEl.offsetWidth, height: containerEl.offsetHeight });
+        const observer = new ResizeObserver((entries) => {
+            if (entries[0]) {
+                setContainerSize({
+                    width: entries[0].contentRect.width,
+                    height: entries[0].contentRect.height,
+                });
+            }
+        });
+        observer.observe(containerEl);
+        return () => observer.disconnect();
+    }, [containerEl]);
+    const effectiveWidth = containerEl
+        ? Math.min(windowWidth, containerSize.width)
+        : windowWidth;
+    const band = computeBreakpointBand(effectiveWidth);
+    const breakpoints = useMemo(() => computeBreakpoints(effectiveWidth), [band]);
+    const value = useMemo(() => ({
+        ...breakpoints,
+        windowWidth,
+        windowHeight,
+        containerWidth: containerSize.width,
+        containerHeight: containerSize.height,
+        setContainerRef: setContainerEl,
+    }), [breakpoints, windowWidth, windowHeight, containerSize.width, containerSize.height]);
+    return (React__default.createElement(ResponsiveContext.Provider, { value: value }, children));
 };
 
 export { ResponsiveProvider };

package/dist/esm/providers/ResponsiveProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveProvider.js","sources":["../../../src/library/providers/ResponsiveProvider.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;MAIa,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAI;IACjD,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,aAAa,EAAE;AAEvC,IAAA,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,GAClE,OAAO,CACL,OAAO;AACL,QAAA,QAAQ,EAAE,KAAK,GAAG,GAAG;QACrB,QAAQ,EAAE,KAAK,IAAI,GAAG,IAAI,KAAK,GAAG,GAAG;QACrC,WAAW,EAAE,KAAK,IAAI,GAAG,IAAI,KAAK,GAAG,IAAI;QACzC,WAAW,EAAE,KAAK,IAAI,IAAI,IAAI,KAAK,GAAG,IAAI;AAC1C,QAAA,YAAY,EAAE,KAAK,IAAI,IAAI;AAC5B,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACR;AAEH,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,iBAAiB,CAAC,QAAQ,EAAA,EACzB,KAAK,EAAE;YACL,QAAQ;YACR,QAAQ;YACR,WAAW;YACX,WAAW;YACX,YAAY;AACZ,YAAA,WAAW,EAAE,KAAK;AAClB,YAAA,YAAY,EAAE,MAAM;SACrB,EAAA,EAEA,QAAQ,CACkB;AAEjC;;;;"}
+{"version":3,"file":"ResponsiveProvider.js","sources":["../../../src/library/providers/ResponsiveProvider.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;MAKa,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAI;IACjD,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,aAAa,EAAE;IAEnD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC;AACxE,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAoC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IAE9G,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,WAAW,EAAE;YAChB,gBAAgB,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;YACzC;QACF;AAEA,QAAA,gBAAgB,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,CAAC,YAAY,EAAE,CAAC;QAEtF,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,KAAI;AAC9C,YAAA,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;AACd,gBAAA,gBAAgB,CAAC;oBACf,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK;oBACnC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM;AACtC,iBAAA,CAAC;YACJ;AACF,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC;AAC7B,QAAA,OAAO,MAAM,QAAQ,CAAC,UAAU,EAAE;AACpC,IAAA,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;IAEjB,MAAM,cAAc,GAAG;UACnB,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,aAAa,CAAC,KAAK;UACzC,WAAW;AAEf,IAAA,MAAM,IAAI,GAAG,qBAAqB,CAAC,cAAc,CAAC;AAElD,IAAA,MAAM,WAAW,GAAG,OAAO,CACzB,MAAM,kBAAkB,CAAC,cAAc,CAAC,EACxC,CAAC,IAAI,CAAC,CACP;AAED,IAAA,MAAM,KAAK,GAAG,OAAO,CACnB,OAAO;AACL,QAAA,GAAG,WAAW;QACd,WAAW;QACX,YAAY;QACZ,cAAc,EAAE,aAAa,CAAC,KAAK;QACnC,eAAe,EAAE,aAAa,CAAC,MAAM;AACrC,QAAA,eAAe,EAAE,cAAc;AAChC,KAAA,CAAC,EACF,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,CACpF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,iBAAiB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,EACrC,QAAQ,CACkB;AAEjC;;;;"}

package/dist/esm/utils/responsive.d.ts

@@ -0,0 +1,12 @@
+export declare const BREAKPOINT_MOBILE = 640;
+export declare const BREAKPOINT_TABLET = 768;
+export declare const BREAKPOINT_MD_DESKTOP = 1024;
+export declare const BREAKPOINT_LG_DESKTOP = 1280;
+export declare const computeBreakpoints: (width: number) => {
+    isMobile: boolean;
+    isTablet: boolean;
+    isMdDesktop: boolean;
+    isLgDesktop: boolean;
+    isXLgDesktop: boolean;
+};
+export declare const computeBreakpointBand: (width: number) => number;

package/dist/esm/utils/responsive.js

@@ -0,0 +1,25 @@
+const BREAKPOINT_MOBILE = 640;
+const BREAKPOINT_TABLET = 768;
+const BREAKPOINT_MD_DESKTOP = 1024;
+const BREAKPOINT_LG_DESKTOP = 1280;
+const computeBreakpoints = (width) => ({
+    isMobile: width < BREAKPOINT_MOBILE,
+    isTablet: width >= BREAKPOINT_MOBILE && width < BREAKPOINT_TABLET,
+    isMdDesktop: width >= BREAKPOINT_TABLET && width < BREAKPOINT_MD_DESKTOP,
+    isLgDesktop: width >= BREAKPOINT_MD_DESKTOP && width < BREAKPOINT_LG_DESKTOP,
+    isXLgDesktop: width >= BREAKPOINT_LG_DESKTOP,
+});
+const computeBreakpointBand = (width) => {
+    if (width < BREAKPOINT_MOBILE)
+        return 0;
+    if (width < BREAKPOINT_TABLET)
+        return 1;
+    if (width < BREAKPOINT_MD_DESKTOP)
+        return 2;
+    if (width < BREAKPOINT_LG_DESKTOP)
+        return 3;
+    return 4;
+};
+
+export { BREAKPOINT_LG_DESKTOP, BREAKPOINT_MD_DESKTOP, BREAKPOINT_MOBILE, BREAKPOINT_TABLET, computeBreakpointBand, computeBreakpoints };
+//# sourceMappingURL=responsive.js.map

package/dist/esm/utils/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","sources":["../../../src/library/utils/responsive.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,iBAAiB,GAAG;AAC1B,MAAM,iBAAiB,GAAG;AAC1B,MAAM,qBAAqB,GAAG;AAC9B,MAAM,qBAAqB,GAAG;MAExB,kBAAkB,GAAG,CAAC,KAAa,MAAM;IACpD,QAAQ,EAAE,KAAK,GAAG,iBAAiB;AACnC,IAAA,QAAQ,EAAE,KAAK,IAAI,iBAAiB,IAAI,KAAK,GAAG,iBAAiB;AACjE,IAAA,WAAW,EAAE,KAAK,IAAI,iBAAiB,IAAI,KAAK,GAAG,qBAAqB;AACxE,IAAA,WAAW,EAAE,KAAK,IAAI,qBAAqB,IAAI,KAAK,GAAG,qBAAqB;IAC5E,YAAY,EAAE,KAAK,IAAI,qBAAqB;AAC7C,CAAA;AAEM,MAAM,qBAAqB,GAAG,CAAC,KAAa,KAAY;IAC7D,IAAI,KAAK,GAAG,iBAAiB;AAAE,QAAA,OAAO,CAAC;IACvC,IAAI,KAAK,GAAG,iBAAiB;AAAE,QAAA,OAAO,CAAC;IACvC,IAAI,KAAK,GAAG,qBAAqB;AAAE,QAAA,OAAO,CAAC;IAC3C,IAAI,KAAK,GAAG,qBAAqB;AAAE,QAAA,OAAO,CAAC;AAC3C,IAAA,OAAO,CAAC;AACV;;;;"}

package/dist/src/library/components/Buttons/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./Back";
 export * from "./Button";
+export * from "./Close-Button";

package/dist/src/library/components/Dialog/stories/Dialog.stories.d.ts

@@ -23,13 +23,13 @@ declare const _default: {
         okButtonStyles?: React.CSSProperties;
         rootClassName?: string;
         rootStyles?: React.CSSProperties;
-        pv?: 0 | 2 | 1 | 3 | 5 | 4 | 6 | 7 | 8 | 9;
-        ph?: 0 | 2 | 1 | 3 | 5 | 4 | 6 | 7 | 8 | 9;
-        pa?: 0 | 2 | 1 | 3 | 5 | 4 | 6 | 7 | 8 | 9;
-        pt?: 0 | 2 | 1 | 3 | 5 | 4 | 6 | 7 | 8 | 9;
-        pb?: 0 | 2 | 1 | 3 | 5 | 4 | 6 | 7 | 8 | 9;
-        pr?: 0 | 2 | 1 | 3 | 5 | 4 | 6 | 7 | 8 | 9;
-        pl?: 0 | 2 | 1 | 3 | 5 | 4 | 6 | 7 | 8 | 9;
+        pv?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+        ph?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+        pa?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+        pt?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+        pb?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+        pr?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+        pl?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
         isOpen: boolean;
         layer?: number;
     }>) => React.JSX.Element)[];

package/dist/src/library/components/Drawer/DrawerContent.d.ts

@@ -8,7 +8,7 @@ export interface IDrawerContentProps extends IComponent, IPaddingProps {
     onClose: () => void;
     side?: "left" | "right";
     title?: string;
-    width?: number;
+    width?: number | string;
     fullWidth?: boolean;
     layer?: number;
     closeOnBackdropClick?: boolean;

package/dist/src/library/components/Sidebar/Sidebar.d.ts

@@ -3,12 +3,14 @@ import IComponent from "../../interfaces/IComponent";
 import { IMarginProps } from "../../interfaces/ISpacingsProps";
 import "./styles/Sidebar.layout.scss";
 import "./styles/Sidebar.theme.scss";
+export type SidebarMode = "default" | "alt1" | "plain";
 export interface ISidebarProps extends IComponent, IMarginProps {
     children: React.ReactNode;
-    width?: number;
+    width?: number | string;
     isMinimized?: boolean;
     hidden?: boolean;
     allowMinimize?: boolean;
+    mode?: SidebarMode;
     overflowBehaviour?: "scroll" | "hidden";
     sidebarPosition?: "left" | "right";
     onClickMinimize?: () => void;
@@ -16,4 +18,4 @@ export interface ISidebarProps extends IComponent, IMarginProps {
     innerClassName?: string;
     innerStyles?: CSSProperties;
 }
-export declare const Sidebar: ({ children, width, isMinimized, hidden, allowMinimize, overflowBehaviour, sidebarPosition, onClickMinimize, onCloseComplete, rootClassName, rootStyles, innerClassName, innerStyles: innerStylesProp, ...spacingsProps }: ISidebarProps) => React.JSX.Element;
+export declare const Sidebar: ({ children, width, isMinimized, hidden, allowMinimize, mode, overflowBehaviour, sidebarPosition, onClickMinimize, onCloseComplete, rootClassName, rootStyles, innerClassName, innerStyles: innerStylesProp, ...spacingsProps }: ISidebarProps) => React.JSX.Element;

package/dist/src/library/components/Sidebar/index.d.ts

@@ -1,5 +1,5 @@
 export { Sidebar } from "./Sidebar";
-export type { ISidebarProps } from "./Sidebar";
+export type { ISidebarProps, SidebarMode } from "./Sidebar";
 export { SidebarNavLink, SidebarNavTitle } from "./Sidebar-Nav-Link/Sidebar-Nav-Link";
 export type { ISidebarNavLinkProps, ISidebarNavTitleProps } from "./Sidebar-Nav-Link/Sidebar-Nav-Link";
 export { SidebarTitle } from "./Sidebar-Title";

package/dist/src/library/components/Sidebar/stories/Sidebar.stories.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import type { StoryFn } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: ({ children, width, isMinimized, hidden, allowMinimize, overflowBehaviour, sidebarPosition, onClickMinimize, onCloseComplete, rootClassName, rootStyles, innerClassName, innerStyles: innerStylesProp, ...spacingsProps }: import("../Sidebar").ISidebarProps) => React.JSX.Element;
+    component: ({ children, width, isMinimized, hidden, allowMinimize, mode, overflowBehaviour, sidebarPosition, onClickMinimize, onCloseComplete, rootClassName, rootStyles, innerClassName, innerStyles: innerStylesProp, ...spacingsProps }: import("../Sidebar").ISidebarProps) => React.JSX.Element;
     parameters: {
         docs: {
             description: {
@@ -18,4 +18,6 @@ export declare const CustomWidth: StoryFn;
 export declare const WithInnerStyles: StoryFn;
 export declare const WithHideToggle: StoryFn;
 export declare const HideWithMinimize: StoryFn;
+export declare const Alt1Mode: StoryFn;
+export declare const PlainMode: StoryFn;
 export declare const RightSidebar: StoryFn;

package/dist/src/library/context/ResponsiveContext.d.ts

@@ -6,5 +6,8 @@ export interface IResponsiveContext {
     isXLgDesktop: boolean;
     windowWidth: number;
     windowHeight: number;
+    containerWidth: number;
+    containerHeight: number;
+    setContainerRef: (el: HTMLElement | null) => void;
 }
 export declare const ResponsiveContext: import("react").Context<IResponsiveContext>;

package/dist/src/library/providers/__test__/ResponsiveProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/library/utils/__test__/responsive.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/library/utils/responsive.d.ts

@@ -0,0 +1,12 @@
+export declare const BREAKPOINT_MOBILE = 640;
+export declare const BREAKPOINT_TABLET = 768;
+export declare const BREAKPOINT_MD_DESKTOP = 1024;
+export declare const BREAKPOINT_LG_DESKTOP = 1280;
+export declare const computeBreakpoints: (width: number) => {
+    isMobile: boolean;
+    isTablet: boolean;
+    isMdDesktop: boolean;
+    isLgDesktop: boolean;
+    isXLgDesktop: boolean;
+};
+export declare const computeBreakpointBand: (width: number) => number;

package/dist/styles.css

@@ -1 +1 @@
-@font-face{font-family:DancingScript;font-style:normal;font-weight:700;src:url(fonts/Dancing_Script/static/DancingScript-Bold.ttf)}@font-face{font-family:DancingScript;font-style:normal;font-weight:600;src:url(fonts/Dancing_Script/static/DancingScript-SemiBold.ttf)}@font-face{font-family:DancingScript;font-style:normal;font-weight:500;src:url(fonts/Dancing_Script/static/DancingScript-Medium.ttf)}@font-face{font-family:DancingScript;font-style:normal;font-weight:400;src:url(fonts/Dancing_Script/static/DancingScript-Regular.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:900;src:url(fonts/Poppins/Poppins-Black.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:900;src:url(fonts/Poppins/Poppins-BlackItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:800;src:url(fonts/Poppins/Poppins-ExtraBold.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:800;src:url(fonts/Poppins/Poppins-ExtraBoldItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(fonts/Poppins/Poppins-Bold.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:700;src:url(fonts/Poppins/Poppins-BoldItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(fonts/Poppins/Poppins-SemiBold.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:600;src:url(fonts/Poppins/Poppins-SemiBoldItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(fonts/Poppins/Poppins-Medium.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:500;src:url(fonts/Poppins/Poppins-MediumItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(fonts/Poppins/Poppins-Regular.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:400;src:url(fonts/Poppins/Poppins-Italic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:url(fonts/Poppins/Poppins-Light.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:300;src:url(fonts/Poppins/Poppins-LightItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:200;src:url(fonts/Poppins/Poppins-ExtraLight.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:200;src:url(fonts/Poppins/Poppins-ExtraLightItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:100;src:url(fonts/Poppins/Poppins-Thin.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:100;src:url(fonts/Poppins/Poppins-ThinItalic.ttf)}.resoui_component_theme_base{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_component_theme_base{color:var(--resoui-base-white)}.resoui_component_layout_default{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;box-sizing:border-box;font-family:var(--resoui-font-family);margin:0;padding:0}.resoui_spacing-ma-0{margin:0}.resoui_spacing-ma-auto{margin:auto}.resoui_spacing-ma-1{margin:var(--resoui-spacing-1)}.resoui_spacing-ma-2{margin:var(--resoui-spacing-2)}.resoui_spacing-ma-3{margin:var(--resoui-spacing-3)}.resoui_spacing-ma-4{margin:var(--resoui-spacing-4)}.resoui_spacing-ma-5{margin:var(--resoui-spacing-5)}.resoui_spacing-ma-6{margin:var(--resoui-spacing-6)}.resoui_spacing-ma-7{margin:var(--resoui-spacing-7)}.resoui_spacing-ma-8{margin:var(--resoui-spacing-8)}.resoui_spacing-ma-9{margin:var(--resoui-spacing-9)}.resoui_spacing-mv-0{margin-bottom:0;margin-top:0}.resoui_spacing-mv-1{margin-bottom:var(--resoui-spacing-1);margin-top:var(--resoui-spacing-1)}.resoui_spacing-mv-2{margin-bottom:var(--resoui-spacing-2);margin-top:var(--resoui-spacing-2)}.resoui_spacing-mv-3{margin-bottom:var(--resoui-spacing-3);margin-top:var(--resoui-spacing-3)}.resoui_spacing-mv-4{margin-bottom:var(--resoui-spacing-4);margin-top:var(--resoui-spacing-4)}.resoui_spacing-mv-5{margin-bottom:var(--resoui-spacing-5);margin-top:var(--resoui-spacing-5)}.resoui_spacing-mv-6{margin-bottom:var(--resoui-spacing-6);margin-top:var(--resoui-spacing-6)}.resoui_spacing-mv-7{margin-bottom:var(--resoui-spacing-7);margin-top:var(--resoui-spacing-7)}.resoui_spacing-mv-8{margin-bottom:var(--resoui-spacing-8);margin-top:var(--resoui-spacing-8)}.resoui_spacing-mv-9{margin-bottom:var(--resoui-spacing-9);margin-top:var(--resoui-spacing-9)}.resoui_spacing-mh-center{margin-left:auto;margin-right:auto}.resoui_spacing-mh-0{margin-left:0;margin-right:0}.resoui_spacing-mh-1{margin-left:var(--resoui-spacing-1);margin-right:var(--resoui-spacing-1)}.resoui_spacing-mh-2{margin-left:var(--resoui-spacing-2);margin-right:var(--resoui-spacing-2)}.resoui_spacing-mh-3{margin-left:var(--resoui-spacing-3);margin-right:var(--resoui-spacing-3)}.resoui_spacing-mh-4{margin-left:var(--resoui-spacing-4);margin-right:var(--resoui-spacing-4)}.resoui_spacing-mh-5{margin-left:var(--resoui-spacing-5);margin-right:var(--resoui-spacing-5)}.resoui_spacing-mh-6{margin-left:var(--resoui-spacing-6);margin-right:var(--resoui-spacing-6)}.resoui_spacing-mh-7{margin-left:var(--resoui-spacing-7);margin-right:var(--resoui-spacing-7)}.resoui_spacing-mh-8{margin-left:var(--resoui-spacing-8);margin-right:var(--resoui-spacing-8)}.resoui_spacing-mh-9{margin-left:var(--resoui-spacing-9);margin-right:var(--resoui-spacing-9)}.resoui_spacing-mt-0{margin-top:0}.resoui_spacing-mt-1{margin-top:var(--resoui-spacing-1)}.resoui_spacing-mt-2{margin-top:var(--resoui-spacing-2)}.resoui_spacing-mt-3{margin-top:var(--resoui-spacing-3)}.resoui_spacing-mt-4{margin-top:var(--resoui-spacing-4)}.resoui_spacing-mt-5{margin-top:var(--resoui-spacing-5)}.resoui_spacing-mt-6{margin-top:var(--resoui-spacing-6)}.resoui_spacing-mt-7{margin-top:var(--resoui-spacing-7)}.resoui_spacing-mt-8{margin-top:var(--resoui-spacing-8)}.resoui_spacing-mt-9{margin-top:var(--resoui-spacing-9)}.resoui_spacing-mr-0{margin-right:0}.resoui_spacing-mr-1{margin-right:var(--resoui-spacing-1)}.resoui_spacing-mr-2{margin-right:var(--resoui-spacing-2)}.resoui_spacing-mr-3{margin-right:var(--resoui-spacing-3)}.resoui_spacing-mr-4{margin-right:var(--resoui-spacing-4)}.resoui_spacing-mr-5{margin-right:var(--resoui-spacing-5)}.resoui_spacing-mr-6{margin-right:var(--resoui-spacing-6)}.resoui_spacing-mr-7{margin-right:var(--resoui-spacing-7)}.resoui_spacing-mr-8{margin-right:var(--resoui-spacing-8)}.resoui_spacing-mr-9{margin-right:var(--resoui-spacing-9)}.resoui_spacing-ml-0{margin-left:0}.resoui_spacing-ml-1{margin-left:var(--resoui-spacing-1)}.resoui_spacing-ml-2{margin-left:var(--resoui-spacing-2)}.resoui_spacing-ml-3{margin-left:var(--resoui-spacing-3)}.resoui_spacing-ml-4{margin-left:var(--resoui-spacing-4)}.resoui_spacing-ml-5{margin-left:var(--resoui-spacing-5)}.resoui_spacing-ml-6{margin-left:var(--resoui-spacing-6)}.resoui_spacing-ml-7{margin-left:var(--resoui-spacing-7)}.resoui_spacing-ml-8{margin-left:var(--resoui-spacing-8)}.resoui_spacing-ml-9{margin-left:var(--resoui-spacing-9)}.resoui_spacing-mb-0{margin-bottom:0}.resoui_spacing-mb-1{margin-bottom:var(--resoui-spacing-1)}.resoui_spacing-mb-2{margin-bottom:var(--resoui-spacing-2)}.resoui_spacing-mb-3{margin-bottom:var(--resoui-spacing-3)}.resoui_spacing-mb-4{margin-bottom:var(--resoui-spacing-4)}.resoui_spacing-mb-5{margin-bottom:var(--resoui-spacing-5)}.resoui_spacing-mb-6{margin-bottom:var(--resoui-spacing-6)}.resoui_spacing-mb-7{margin-bottom:var(--resoui-spacing-7)}.resoui_spacing-mb-8{margin-bottom:var(--resoui-spacing-8)}.resoui_spacing-mb-9{margin-bottom:var(--resoui-spacing-9)}.resoui_spacing-pa-0{padding:0}.resoui_spacing-pa-1{padding:var(--resoui-spacing-1)}.resoui_spacing-pa-2{padding:var(--resoui-spacing-2)}.resoui_spacing-pa-3{padding:var(--resoui-spacing-3)}.resoui_spacing-pa-4{padding:var(--resoui-spacing-4)}.resoui_spacing-pa-5{padding:var(--resoui-spacing-5)}.resoui_spacing-pa-6{padding:var(--resoui-spacing-6)}.resoui_spacing-pa-7{padding:var(--resoui-spacing-7)}.resoui_spacing-pa-8{padding:var(--resoui-spacing-8)}.resoui_spacing-pa-9{padding:var(--resoui-spacing-9)}.resoui_spacing-pv-0{padding-bottom:0;padding-top:0}.resoui_spacing-pv-1{padding-bottom:var(--resoui-spacing-1);padding-top:var(--resoui-spacing-1)}.resoui_spacing-pv-2{padding-bottom:var(--resoui-spacing-2);padding-top:var(--resoui-spacing-2)}.resoui_spacing-pv-3{padding-bottom:var(--resoui-spacing-3);padding-top:var(--resoui-spacing-3)}.resoui_spacing-pv-4{padding-bottom:var(--resoui-spacing-4);padding-top:var(--resoui-spacing-4)}.resoui_spacing-pv-5{padding-bottom:var(--resoui-spacing-5);padding-top:var(--resoui-spacing-5)}.resoui_spacing-pv-6{padding-bottom:var(--resoui-spacing-6);padding-top:var(--resoui-spacing-6)}.resoui_spacing-pv-7{padding-bottom:var(--resoui-spacing-7);padding-top:var(--resoui-spacing-7)}.resoui_spacing-pv-8{padding-bottom:var(--resoui-spacing-8);padding-top:var(--resoui-spacing-8)}.resoui_spacing-pv-9{padding-bottom:var(--resoui-spacing-9);padding-top:var(--resoui-spacing-9)}.resoui_spacing-ph-0{padding-left:0;padding-right:0}.resoui_spacing-ph-1{padding-left:var(--resoui-spacing-1);padding-right:var(--resoui-spacing-1)}.resoui_spacing-ph-2{padding-left:var(--resoui-spacing-2);padding-right:var(--resoui-spacing-2)}.resoui_spacing-ph-3{padding-left:var(--resoui-spacing-3);padding-right:var(--resoui-spacing-3)}.resoui_spacing-ph-4{padding-left:var(--resoui-spacing-4);padding-right:var(--resoui-spacing-4)}.resoui_spacing-ph-5{padding-left:var(--resoui-spacing-5);padding-right:var(--resoui-spacing-5)}.resoui_spacing-ph-6{padding-left:var(--resoui-spacing-6);padding-right:var(--resoui-spacing-6)}.resoui_spacing-ph-7{padding-left:var(--resoui-spacing-7);padding-right:var(--resoui-spacing-7)}.resoui_spacing-ph-8{padding-left:var(--resoui-spacing-8);padding-right:var(--resoui-spacing-8)}.resoui_spacing-ph-9{padding-left:var(--resoui-spacing-9);padding-right:var(--resoui-spacing-9)}.resoui_spacing-pt-0{padding-top:0}.resoui_spacing-pt-1{padding-top:var(--resoui-spacing-1)}.resoui_spacing-pt-2{padding-top:var(--resoui-spacing-2)}.resoui_spacing-pt-3{padding-top:var(--resoui-spacing-3)}.resoui_spacing-pt-4{padding-top:var(--resoui-spacing-4)}.resoui_spacing-pt-5{padding-top:var(--resoui-spacing-5)}.resoui_spacing-pt-6{padding-top:var(--resoui-spacing-6)}.resoui_spacing-pt-7{padding-top:var(--resoui-spacing-7)}.resoui_spacing-pt-8{padding-top:var(--resoui-spacing-8)}.resoui_spacing-pt-9{padding-top:var(--resoui-spacing-9)}.resoui_spacing-pr-0{padding-right:0}.resoui_spacing-pr-1{padding-right:var(--resoui-spacing-1)}.resoui_spacing-pr-2{padding-right:var(--resoui-spacing-2)}.resoui_spacing-pr-3{padding-right:var(--resoui-spacing-3)}.resoui_spacing-pr-4{padding-right:var(--resoui-spacing-4)}.resoui_spacing-pr-5{padding-right:var(--resoui-spacing-5)}.resoui_spacing-pr-6{padding-right:var(--resoui-spacing-6)}.resoui_spacing-pr-7{padding-right:var(--resoui-spacing-7)}.resoui_spacing-pr-8{padding-right:var(--resoui-spacing-8)}.resoui_spacing-pr-9{padding-right:var(--resoui-spacing-9)}.resoui_spacing-pl-0{padding-left:0}.resoui_spacing-pl-1{padding-left:var(--resoui-spacing-1)}.resoui_spacing-pl-2{padding-left:var(--resoui-spacing-2)}.resoui_spacing-pl-3{padding-left:var(--resoui-spacing-3)}.resoui_spacing-pl-4{padding-left:var(--resoui-spacing-4)}.resoui_spacing-pl-5{padding-left:var(--resoui-spacing-5)}.resoui_spacing-pl-6{padding-left:var(--resoui-spacing-6)}.resoui_spacing-pl-7{padding-left:var(--resoui-spacing-7)}.resoui_spacing-pl-8{padding-left:var(--resoui-spacing-8)}.resoui_spacing-pl-9{padding-left:var(--resoui-spacing-9)}.resoui_spacing-pb-0{padding-bottom:0}.resoui_spacing-pb-1{padding-bottom:var(--resoui-spacing-1)}.resoui_spacing-pb-2{padding-bottom:var(--resoui-spacing-2)}.resoui_spacing-pb-3{padding-bottom:var(--resoui-spacing-3)}.resoui_spacing-pb-4{padding-bottom:var(--resoui-spacing-4)}.resoui_spacing-pb-5{padding-bottom:var(--resoui-spacing-5)}.resoui_spacing-pb-6{padding-bottom:var(--resoui-spacing-6)}.resoui_spacing-pb-7{padding-bottom:var(--resoui-spacing-7)}.resoui_spacing-pb-8{padding-bottom:var(--resoui-spacing-8)}.resoui_spacing-pb-9{padding-bottom:var(--resoui-spacing-9)}.resoui_title{font-size:var(--resoui-font-size-7);font-weight:700}.resoui_heading{font-size:var(--resoui-font-size-4);font-weight:700}.resoui_sub_heading{font-size:var(--resoui-font-size-4);font-weight:600}.resoui_truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resoui_spin{animation:rotate 1.5s linear infinite}.resoui_slideFromLeft{transition-duration:.5s;transition-property:transform;transition-timing-function:ease}.resoui_appear{transition-duration:.3s;transition-property:opacity;transition-timing-function:ease}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes wiggle{0%{transform:rotate(-2deg)}25%{transform:rotate(2deg)}50%{transform:rotate(-1deg)}75%{transform:rotate(1.5deg)}to{transform:rotate(-2deg)}}*{box-sizing:border-box;padding:0}*,body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus-visible{outline:2px solid var(--resoui-brand-secondary,#f07050);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.resoui_component_disabled{overflow:hidden;pointer-events:none;position:relative}.resoui_component_disabled:after{background-color:var(--resoui-neutral-medium);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.resoui_component_disabled:hover{background-color:unset;cursor:default}.resoui_no_select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resoui_background_image{background-clip:border-box;background-position:50%;background-repeat:no-repeat;background-size:cover}.resoui_width_full{max-width:none;width:100%}.resoui_width_fit_content{width:fit-content}.resoui_position_relative{position:relative}.resoui_overflow-y-auto{overflow-y:auto}.resoui_section_border{border:1px solid var(--resoui-neutral-medium);border-radius:12px}[data-resoui-theme=dark] .resoui_section_border{border-color:var(--resoui-neutral-darker)}svg{display:block;margin:auto}a{color:var(--resoui-utility-info);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}.resoui_table_base{border-collapse:collapse;font-family:var(--resoui-font-family);font-size:var(--resoui-font-size-3);width:100%}[data-resoui-theme=dark] .resoui_table_base{color:var(--resoui-base-white)}.resoui_th_base{border-bottom:2px solid var(--resoui-neutral-light);font-weight:500;padding:var(--resoui-spacing-3);text-align:left}[data-resoui-theme=dark] .resoui_th_base{border-bottom-color:var(--resoui-neutral-dark)}.resoui_tr_base{border-bottom:1px solid var(--resoui-neutral-light);transition:background-color .125s linear}.resoui_tr_base:hover{background-color:var(--resoui-neutral-lightest)}[data-resoui-theme=dark] .resoui_tr_base{border-bottom-color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_tr_base:hover{background-color:var(--resoui-neutral-dark)}.resoui_tr_base_selected{background-color:var(--resoui-utility-info-bg)}.resoui_tr_base_selected:hover{background-color:var(--resoui-utility-info-light)}[data-resoui-theme=dark] .resoui_tr_base_selected{background-color:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_tr_base_selected:hover{background-color:var(--resoui-neutral-dark)}.resoui_td_base{padding:var(--resoui-spacing-3)}.resoui_close_button_container{align-items:center;background-color:unset;background:unset;cursor:pointer;display:flex;height:100%;justify-content:center;opacity:.8;padding:10px;position:relative;width:54px}.resoui_close_button_container:hover{opacity:1}.resoui_close_button_container_small{padding:6px;width:36px}.resoui_close_button_line{border:1px solid var(--resoui-neutral-dark);position:absolute;width:28px}.resoui_close_button_container_small .resoui_close_button_line{width:18px}.resoui_close_button_line_1{transform:rotate(45deg)}.resoui_close_button_line_2{transform:rotate(-45deg)}[data-resoui-theme=dark] .resoui_drawer_container .resoui_close_button_line,[data-resoui-theme=dark] .resoui_modal_container .resoui_close_button_line{border-color:var(--resoui-base-white)}.resoui_banner_container{font-size:var(--resoui-font-size-3);font-weight:600;margin-bottom:0;max-height:0;opacity:0;overflow:hidden;padding:0;text-align:center;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,max-height .25s ease,opacity .25s ease,padding .25s ease,margin-bottom .25s ease;width:100%}.resoui_banner_container_visible{max-height:140px;opacity:1;padding:var(--resoui-spacing-4);padding-right:var(--resoui-spacing-6)}.resoui_banner_close_button{height:100%;position:absolute;right:0;top:0}.resoui_banner_container .resoui_close_button_line{border-color:var(--resoui-base-white)}.resoui_banner_container_fixed{border-radius:12px;box-shadow:var(--resoui-shadow-default)}.resoui_banner_container_fixed_visible{margin-bottom:10px}.resoui_banner_container_info{background-color:var(--resoui-utility-info);color:var(--resoui-base-white)}.resoui_banner_container_warning{background-color:var(--resoui-utility-warning);color:var(--resoui-base-white)}.resoui_banner_container_error{background-color:var(--resoui-utility-error);color:var(--resoui-base-white)}.resoui_banner_container_success{background-color:var(--resoui-utility-success);color:var(--resoui-base-white)}.resoui_banner_wrapper_container{display:block;margin-bottom:var(--resoui-spacing-8);width:100%}.resoui_banner_wrapper_container_relative{position:relative}.resoui_banner_wrapper_container_absolute{left:0;position:absolute;top:0;z-index:3}.resoui_banner_wrapper_container_fixed{display:flex;flex-direction:column;left:50%;position:fixed;top:72px;transform:translateX(-50%);width:70%;z-index:1000}@media (max-width:639px){.resoui_banner_wrapper_container_fixed{width:90%}}.resoui_banner_wrapper_container_scroll{border-bottom:1px solid var(--resoui-neutral-medium);overflow-y:auto}.resoui_icon_container{display:block;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,transform .3s}.resoui_icon_container_inline{display:inline-block}.resoui_back_container{cursor:pointer;font-size:var(--resoui-font-size-3);font-weight:600;opacity:.9;padding:var(--resoui-spacing-2);width:fit-content}.resoui_back_container:hover{opacity:1}.resoui_back_container a{align-items:center;display:inline-flex;gap:4px}.resoui_back_container{background:none;color:var(--resoui-neutral-dark)}.resoui_back_container a{color:inherit}[data-resoui-theme=dark] .resoui_back_container{color:var(--resoui-base-white)}.resoui_button_container{border-radius:12px;border-style:solid;border-width:1px;cursor:pointer;display:block;height:40px;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color ease .1s,color ease .1s;width:120px}.resoui_button_size_sm{font-size:var(--resoui-font-size-2);height:32px;padding:0 var(--resoui-spacing-3);width:80px}.resoui_button_size_md{height:40px;width:120px}.resoui_button_size_lg{font-size:var(--resoui-font-size-3);height:56px;width:160px}.resoui_button_container_inheritWidth{min-width:inherit;width:100%}.resoui_button_container_inline{display:inline-block}.resoui_button_container_link{border:none;height:auto;padding:var(--resoui-spacing-2);width:fit-content}.resoui_button_container_link:hover{text-decoration:underline}.resoui_button_text{font-size:var(--resoui-font-size-3);font-weight:500}.resoui_button_plain{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}.resoui_button_plain:hover,[data-resoui-theme=dark] .resoui_button_plain{background:var(--resoui-neutral-dark);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_button_plain{border-color:var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_button_plain:hover{background:var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}.resoui_button_primary{background:var(--resoui-brand-secondary-gradient);border:none;color:var(--resoui-base-white);opacity:.9}.resoui_button_primary:hover{opacity:1}.resoui_button_secondary{background:var(--resoui-brand-tertiary-gradient);border:none;color:var(--resoui-base-white);opacity:.9}.resoui_button_secondary:hover{opacity:1}.resoui_button_danger{background:var(--resoui-utility-error);border:none;color:var(--resoui-base-white);opacity:.9}.resoui_button_danger:hover{opacity:1}[data-resoui-theme=dark] .resoui_button_danger{background:var(--resoui-utility-error-dark);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_button_danger:hover{background:var(--resoui-utility-error)}.resoui_button_link{background:unset;color:var(--resoui-neutral-dark);color:var(--resoui-utility-info)}.resoui_dashboard_overview_card{align-items:flex-start;border-radius:12px;border-style:solid;border-width:1px;display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-start;min-width:140px;padding:var(--resoui-spacing-4) var(--resoui-spacing-5)}.resoui_dashboard_overview_card_clickable{cursor:pointer}.resoui_dashboard_overview_card_label{align-items:center;display:flex;gap:6px;margin-bottom:4px}.resoui_dashboard_overview_card_label_text{font-size:var(--resoui-font-size-2)}.resoui_dashboard_overview_card_value{font-size:var(--resoui-font-size-8);font-weight:700}.resoui_dashboard_overview_card_badge{align-items:center;border-radius:9px;display:inline-flex;font-size:var(--resoui-font-size-1);font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.resoui_dashboard_overview_card{background:var(--resoui-neutral-lightest);border-color:var(--resoui-neutral-light);color:var(--resoui-neutral-dark);transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color ease .2s}.resoui_dashboard_overview_card.resoui_dashboard_overview_card_clickable:hover{background-color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_dashboard_overview_card{background:var(--resoui-neutral-dark);border-color:var(--resoui-neutral-darker);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_dashboard_overview_card.resoui_dashboard_overview_card_clickable:hover{background-color:var(--resoui-neutral-darker)}.resoui_dashboard_overview_card_label,[data-resoui-theme=dark] .resoui_dashboard_overview_card_label{color:var(--resoui-neutral-medium)}.resoui_dashboard_overview_card_value{color:var(--resoui-neutral-darker)}[data-resoui-theme=dark] .resoui_dashboard_overview_card_value{color:var(--resoui-base-white)}.resoui_dashboard_overview_card_badge{background-color:var(--resoui-utility-error);color:var(--resoui-base-white)}.resoui_dashboard_overview_card_container{display:flex;flex-wrap:wrap;gap:var(--resoui-spacing-5)}.resoui_center_container{margin:0 auto;max-width:1280px}.resoui_center_container_inheritMinWidth{min-width:inherit}.resoui_flex_container{display:flex}.resoui_flex_row{flex-direction:row}.resoui_flex_column{flex-direction:column}.resoui_flex_justify_start{justify-content:flex-start}.resoui_flex_justify_end{justify-content:flex-end}.resoui_flex_justify_space-between{justify-content:space-between}.resoui_flex_justify_space-around{justify-content:space-around}.resoui_flex_justify_center{justify-content:center}.resoui_flex_align_start{align-items:flex-start}.resoui_flex_align_end{align-items:flex-end}.resoui_flex_align_center{align-items:center}.resoui_flex_grow{flex-grow:1}.resoui_flex_shrink{flex-shrink:1}.resoui_flex_no_shrink{flex-shrink:0}.resoui_flex_wrap{flex-wrap:wrap}.resoui_flex_half{flex:0.48}.resoui_flex_full{flex:1}.resoui_hsc_container{overflow-x:auto;white-space:nowrap;width:540px}.resoui_hsc_container_inheritWidth{min-width:inherit;width:100%}.resoui_hsi_container{display:inline-block;width:fit-content}.resoui_p_base{line-height:auto}.resoui_text_no_block_margin{margin-block-end:0;margin-block-start:0}.resoui_text_no_inline_margin{margin-inline-end:0;margin-inline-start:0}.resoui_heading_h1_base{font-size:var(--resoui-font-size-9);line-height:34px}.resoui_heading_h2_base{font-size:var(--resoui-font-size-6);line-height:26px}.resoui_heading_h3_base{font-size:var(--resoui-font-size-5);line-height:23px}.resoui_heading_h4_base{font-size:var(--resoui-font-size-4);line-height:21px}.resoui_heading_h5_base{font-size:var(--resoui-font-size-3);line-height:18px}.resoui_heading_h6_base{font-size:var(--resoui-font-size-2);line-height:18px}.resoui_fontsize_default_1{font-size:var(--resoui-font-size-1)}.resoui_fontsize_default_2{font-size:var(--resoui-font-size-2)}.resoui_fontsize_default_3{font-size:var(--resoui-font-size-3)}.resoui_fontsize_default_4{font-size:var(--resoui-font-size-4)}.resoui_fontsize_default_5{font-size:var(--resoui-font-size-5)}.resoui_fontsize_default_6{font-size:var(--resoui-font-size-6)}.resoui_fontsize_default_7{font-size:var(--resoui-font-size-7)}.resoui_fontsize_default_8{font-size:var(--resoui-font-size-8)}.resoui_fontsize_default_9{font-size:var(--resoui-font-size-9)}.resoui_fontsize_large_1{font-size:32px}.resoui_fontsize_large_2{font-size:36px}.resoui_fontsize_large_3{font-size:40px}.resoui_fontsize_large_4{font-size:42px}.resoui_fontsize_large_5{font-size:46px}.resoui_fontsize_large_6{font-size:50px}.resoui_fontsize_large_7{font-size:54px}.resoui_fontsize_large_8{font-size:60px}.resoui_fontsize_large_9{font-size:64px}.resoui_text_base{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_text_base{background:unset;color:var(--resoui-base-white)}.resoui_loader_container{align-items:center;box-sizing:content-box;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100%;position:absolute;top:0;width:100%;z-index:4}.resoui_loader_container_fullscreen{position:fixed;z-index:1000}.resoui_loader_spinner{animation:resoui_loader_rotate 1s linear infinite;border-radius:50%;display:block;position:relative}.resoui_loader_spinner:after,.resoui_loader_spinner:before{animation:resoui_loader_clipFix 2s linear infinite;border-radius:50%;border-style:solid;border-width:4px;box-sizing:border-box;content:"";inset:0;position:absolute}.resoui_loader_spinner:after{animation:resoui_loader_clipFix 2s linear infinite,resoui_loader_rotate .5s linear infinite reverse;inset:5px}.resoui_loader_icon_container_mb{margin-bottom:var(--resoui-spacing-7)}.resoui_loader_icon_size_small{height:35px;width:35px}.resoui_loader_icon_size_medium{height:45px;width:45px}.resoui_loader_icon_size_large{height:55px;width:55px}.resoui_loader_icon_size_large:after,.resoui_loader_icon_size_large:before{border-width:5px}.resoui_loader_icon_size_large:after{inset:6px}@keyframes resoui_loader_rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes resoui_loader_clipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.resoui_loader_container{background:transparent}.resoui_loader_container_fullscreen{background-color:var(--resoui-neutral-overlay)}.resoui_loader_spinner:before{border-color:var(--resoui-brand-primary)}[data-resoui-theme=dark] .resoui_loader_spinner:before{border-color:var(--resoui-neutral-light)}.resoui_loader_spinner:after,[data-resoui-theme=dark] .resoui_loader_spinner:after{border-color:var(--resoui-brand-secondary)}.resoui_legacyLoader_container{align-items:center;box-sizing:content-box;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100%;position:absolute;top:0;width:100%;z-index:4}.resoui_legacyLoader_container_fullscreen{background-color:var(--resoui-neutral-overlay);position:fixed;z-index:100}.resoui_legacyLoader_icon_container{line-height:55px;text-align:center}.resoui_legacyLoader_icon_container_mb{margin-bottom:40px}.resoui_legacyLoader_icon_size_small{height:35px;width:35px}.resoui_legacyLoader_icon_size_medium{height:45px;width:45px}.resoui_legacyLoader_icon_size_large{height:55px;width:55px}.resoui_legacyLoader_container{background:var(--resoui-neutral-light);border:1px solid var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}.resoui_legacyLoader_loader{background-color:var(--resoui-neutral-dark);border:2px solid var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_legacyLoader_container{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-medium);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_legacyLoader_loader{background-color:var(--resoui-neutral-light);border-color:var(--resoui-neutral-light)}.resoui_componentShimmerLoader_container{height:100%;overflow:hidden;position:relative;width:100%}.resoui_componentShimmerLoader_shimmer{animation:shimmer 2.5s linear infinite;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.resoui_componentShimmerLoader_shimmer{background:linear-gradient(to right,var(--resoui-neutral-light) 0,var(--resoui-neutral-lightest) 50%,var(--resoui-neutral-light) 100%);background-size:200% 100%}[data-resoui-theme=dark] .resoui_componentShimmerLoader_shimmer{background:linear-gradient(to right,var(--resoui-neutral-darker) 0,var(--resoui-neutral-dark) 50%,var(--resoui-neutral-darker) 100%);background-size:200% 100%}.resoui_componentError_container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100%;opacity:.9;position:absolute;top:0;width:100%;z-index:4}.resoui_componentError_icon{border-radius:100px;font-size:var(--resoui-font-size-8);font-weight:700;height:55px;line-height:55px;text-align:center;width:55px}.resoui_componentError_text{font-size:var(--resoui-font-size-5);font-weight:400}.resoui_componentError_icon_margin{margin-bottom:var(--resoui-spacing-5)}.resoui_componentError_container{background:var(--resoui-neutral-light);border:1px solid var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}.resoui_componentError_icon{background-color:var(--resoui-utility-error);border:2px solid var(--resoui-utility-error);color:var(--resoui-base-white)}.resoui_componentError_text{color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_componentError_container{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-medium);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_componentError_text{color:var(--resoui-base-white)}.resoui_loadingContainer_container_layer{width:fit-content}.resoui_loadingContainer_container_conditional{height:inherit;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;width:inherit}.resoui_loadingContainer_container_fullWidth{width:100%}.resoui_loadingContainer_container_layer .resoui_loader_container{background-color:var(--resoui-neutral-overlay)}[data-resoui-theme=dark] .resoui_loadingContainer_container_layer .resoui_loader_container{background-color:rgba(0,0,0,.5)}.resoui_main_container{background:var(--resoui-base-white);color:var(--resoui-neutral-dark);padding-top:54px}[data-resoui-theme=dark] .resoui_main_container{background:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_viewContainer_container{height:100%}.resoui_viewContainer{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_viewContainer{background:var(--resoui-brand-primary-dark);color:var(--resoui-base-white)}.resoui_modal_backdrop{align-items:center;background-color:transparent;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.resoui_modal_backdrop_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color .25s linear}.resoui_modal_backdrop_open{background-color:var(--resoui-neutral-overlay)}.resoui_modal_container{border-radius:12px;max-width:540px;min-height:180px;min-width:240px;opacity:0;overflow-y:overlay;position:relative;transform:translateY(20px) scale(.98)}.resoui_modal_container_open{opacity:1;transform:translateY(0) scale(1)}.resoui_modal_container_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity .25s 0s linear,transform .25s 0s linear}.resoui_modal_container{background:var(--resoui-base-white);box-shadow:0 8px 30px rgba(0,0,0,.12);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_modal_container{background:var(--resoui-brand-primary-dark);box-shadow:0 8px 30px rgba(0,0,0,.4);color:var(--resoui-base-white)}.resoui_modal_body{display:block}.resoui_modal_header{align-items:center;background:unset;border-bottom-color:var(--resoui-neutral-light);border-bottom-style:solid;border-bottom-width:1px;color:var(--resoui-neutral-dark);display:flex;flex-direction:row;font-weight:600;height:56px;justify-content:space-between;margin-bottom:var(--resoui-spacing-3);padding-left:24px}[data-resoui-theme=dark] .resoui_modal_header{background:unset;border-bottom-color:var(--resoui-neutral-darker);color:var(--resoui-base-white)}.resoui_dialog_container{text-align:center}.resoui_dialog_header{font-size:var(--resoui-font-size-7);font-weight:600;margin:var(--resoui-spacing-5) auto}.resoui_dialog_description{margin-bottom:var(--resoui-spacing-6)}.resoui_dialog_buttons_container{display:block;width:100%}.resoui_dialog_buttons_container_yesNo{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.resoui_dialog_button_no{border-style:solid;border-width:1px;margin-right:var(--resoui-spacing-5)}.resoui_dialog_button_ok,.resoui_dialog_button_yes{border:none}.resoui_dialog_button_no{background:unset;border-color:var(--resoui-neutral-dark);color:var(--resoui-neutral-dark)}.resoui_dialog_button_no:hover{background-color:var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_dialog_button_no{border-color:var(--resoui-neutral-light)}.resoui_dialog_button_ok{background:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_dialog_button_ok:hover{background-color:var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_dialog_button_ok{background:var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}.resoui_resodnd_draggable_dragging{visibility:hidden}.resoui_resodnd_draggable_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,transform .25s ease-in-out}.resoui_resodnd_remove_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,transform .25s ease-in-out,opacity .25s ease-in-out}.resoui_resodnd_arraysorter_dragzone_container{box-sizing:border-box;position:relative;white-space:nowrap}.resoui_resodnd_arraysorter_dragzone_container_horizontal{max-width:100%;overflow-x:auto}.resoui_resodnd_arraysorter_dragzone_container_vertical{max-height:720px;overflow-y:auto;width:auto}.resoui_resodnd_arraysorter_dragzone_container_wrap{white-space:wrap}.resoui_resodnd_arraysorter_draggable{box-sizing:border-box;cursor:grab;position:relative}.resoui_resodnd_arraysorter_draggable_clickable{cursor:pointer}.resoui_resodnd_arraysorter_draggable_closeBtn{background-color:var(--resoui-utility-error);border:1px solid red;border-radius:100%;cursor:pointer;height:25px;position:absolute;right:-4px;top:-4px;width:25px;z-index:5}.resoui_resodnd_arraysorter_draggable_closeBtn:hover{background-color:var(--resoui-brand-secondary)}.resoui_resodnd_arraysorter_draggable_closeBtn_arm{border-top:2px solid #fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.resoui_resodnd_arraysorter_draggable_wiggle{animation:wiggle .3s ease-in-out infinite;transform-origin:center}.resoui_resodnd_arraysorter_draggable_horizontal{display:inline-block;height:auto;width:auto}.resoui_resodnd_arraysorter_draggable_vertical{display:block;height:auto;width:auto}.resoui_drawer_backdrop{background-color:transparent;height:100%;left:0;position:fixed;top:0;width:100%}.resoui_component_drawer_backdrop_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color .2s linear}.resoui_drawer_backdrop_open{background-color:var(--resoui-neutral-overlay)}.resoui_drawer_container_left{left:0;transform:translateX(-100%)}.resoui_drawer_container_right{right:0;transform:translateX(100%)}.resoui_drawer_container{align-items:start;display:flex;flex-direction:column;height:100%;justify-content:start;position:absolute}.resoui_component_drawer_container_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,transform .2s linear}.resoui_drawer_container_open{transform:translateX(0)}.resoui_drawer_title{align-items:center;border-bottom:1px solid var(--resoui-neutral-light);display:flex;font-size:var(--resoui-font-size-5);font-weight:600;height:56px;justify-content:space-between;min-height:56px;padding-left:24px;width:100%}.resoui_drawer_content{flex:1;overflow-y:auto;width:100%}.resoui_drawer_container{background:var(--resoui-base-white);box-shadow:-4px 0 20px rgba(0,0,0,.08);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_drawer_container{background:var(--resoui-brand-primary-dark);box-shadow:-4px 0 20px rgba(0,0,0,.3);color:var(--resoui-base-white)}.resoui_drawer_title{background:var(--resoui-base-white);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_drawer_title{background:var(--resoui-brand-primary-dark);border-bottom-color:var(--resoui-neutral-darker);color:var(--resoui-base-white)}.resoui_enlarged_image_modal_backdrop{align-items:center;background-color:transparent;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.resoui_enlarged_image_modal_backdrop_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color .25s linear}.resoui_enlarged_image_modal_backdrop_open{background-color:rgba(0,0,0,.85)}.resoui_enlarged_image_modal_container{opacity:0;position:relative;transform:scale(.95)}.resoui_enlarged_image_modal_container_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity .25s 0s linear,transform .25s 0s linear}.resoui_enlarged_image_modal_container_open{opacity:1;transform:scale(1)}.resoui_enlarged_image_modal_close{position:absolute;right:var(--resoui-spacing-4);top:var(--resoui-spacing-4);z-index:1}.resoui_enlarged_image_modal_nav{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);width:48px}.resoui_enlarged_image_modal_nav:hover{opacity:1}.resoui_enlarged_image_modal_nav_previous{left:var(--resoui-spacing-5)}.resoui_enlarged_image_modal_nav_next{right:var(--resoui-spacing-5)}.resoui_enlarged_image_modal_container .resoui_componentShimmerLoader_container{display:none}.resoui_enlarged_image_modal_close .resoui_close_button_line{border-color:var(--resoui-base-white)}.resoui_enlarged_image_modal_nav .resoui_icon_container{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_enlarged_image_modal_close .resoui_close_button_line{border-color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_enlarged_image_modal_nav .resoui_icon_container{color:var(--resoui-base-white)}.resoui_image_container{display:block;height:364px;overflow:hidden;position:relative;width:456px}.resoui_image_container_inheritWidth{min-width:inherit;width:100%}.resoui_image_container_clickable_zoomIn{cursor:zoom-in}.resoui_image_container_clickable_zoomOut{cursor:zoom-out}.resoui_image_container_clickable_pointer{cursor:pointer}.resoui_image_img{left:50%;object-position:center;position:absolute;top:50%;transform:translate(-50%,-50%)}.resoui_image_img_portrait{height:100%;width:auto}.resoui_image_img_landscape{height:auto;width:100%}.resoui_image_img_square{height:100%;width:100%}.resoui_image_img_fit-cover{object-fit:cover}.resoui_image_img_fit-contain{object-fit:contain}.resoui_image_img_fit-fill{object-fit:fill}.resoui_fullScreenError_container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.resoui_fullScreenError_icon{border-radius:100px;border-style:solid;border-width:2px;font-size:var(--resoui-font-size-8);font-weight:700;height:55px;line-height:55px;margin-bottom:40px;text-align:center;width:55px}.resoui_fullScreenError_text{font-size:var(--resoui-font-size-5);font-weight:400}.resoui_fullScreenError_container{background:var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}.resoui_fullScreenError_icon{background:var(--resoui-utility-error);border-color:var(--resoui-utility-error);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_fullScreenError_container{background:var(--resoui-neutral-darker);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_fullScreenError_icon{background:var(--resoui-utility-error-dark);border-color:var(--resoui-utility-error-light);color:var(--resoui-base-white)}.resoui_example_component_container{padding:15px;width:100%}.resoui_exampleComponent{background:var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_exampleComponent{background:var(--resoui-neutral-medium);color:var(--resoui-base-white)}.resoui_externalLinks_container{list-style:none;padding:0 var(--resoui-spacing-2)}.resoui_externalLinks_linkContainer{margin:var(--resoui-spacing-2) 0}.resoui_externalLinks_link{background:unset;color:var(--resoui-utility-info);font-size:var(--resoui-font-size-3);font-style:italic}[data-resoui-theme=dark] .resoui_externalLinks_link{color:var(--resoui-utility-info-light)}.resoui_flexTable_container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;max-height:100%;min-height:320px;overflow:hidden;overflow-x:auto;scrollbar-width:thin;width:100%}.resoui_flexTable_container_autoHeight{height:auto;min-height:unset}.resoui_flexTable_container{color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_flexTable_container{color:var(--resoui-base-white)}.resoui_flexTable_row{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color .125s linear;width:100%}.resoui_flexTable_row_desktop{flex-direction:row}.resoui_flexTable_row_mobile{flex-direction:column;margin-bottom:var(--resoui-spacing-3)}.resoui_flexTable_row_active{pointer-events:none}.resoui_flexTable_row_header{cursor:default;pointer-events:none}.resoui_flexTable_row_disabled{opacity:.5;pointer-events:none}.resoui_flexTable_row{border-bottom:1px solid var(--resoui-neutral-light)}.resoui_flexTable_row:hover{background-color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_flexTable_row{border-bottom-color:var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_flexTable_row:hover{background-color:var(--resoui-neutral-dark)}.resoui_flexTable_row_mobile{border:1px solid var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_flexTable_row_mobile{border-color:var(--resoui-neutral-dark)}.resoui_flexTable_row_active{background-color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_flexTable_row_active{background-color:var(--resoui-neutral-dark)}.resoui_flexTable_row_header{border-bottom:1px solid var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_flexTable_row_header{border-bottom-color:var(--resoui-neutral-medium)}.resoui_flexTable_cell{align-items:center;display:flex;justify-content:flex-start;padding:var(--resoui-spacing-4)}.resoui_flexTable_cell_mobile{padding:var(--resoui-spacing-3)}.resoui_flexTable_cell_label{font-style:italic;font-weight:var(--resoui-font-weight-bold);margin-right:var(--resoui-spacing-3)}.resoui_flexTable_cell_label,.resoui_flexTable_cell_text{color:inherit;font-size:var(--resoui-font-size-3);white-space:nowrap}.resoui_flexTable_cell_text{font-weight:var(--resoui-font-weight-normal);overflow:hidden;text-overflow:ellipsis}.resoui_flexTable_cell_text_header{font-size:var(--resoui-font-size-3);font-weight:var(--resoui-font-weight-bold)}.resoui_flexTable_cell{color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_flexTable_cell{color:var(--resoui-base-white)}.resoui_footer_container{font-size:var(--resoui-font-size-1);margin-top:var(--resoui-spacing-7);text-align:center;width:100%}.resoui_footer_container_positionFixed{bottom:0;left:0;position:fixed;width:100vw;z-index:10}.resoui_footer_container{background:var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_footer_container{background:var(--resoui-brand-primary);color:var(--resoui-base-white)}.resoui_hero_container{max-height:410px;max-width:1280px;min-height:320px;width:unset}.resoui_hero_container_fullWidth{max-width:none;width:100%}.resoui_multiImageViewer_container{overflow:hidden;padding:var(--resoui-spacing-3);width:364px}.resoui_multiImageViewer_mainImage{height:320px}.resoui_multiImageViewer_mainImage_wrapper{position:relative}.resoui_multiImageViewer_mainImage_multi{border-bottom:none;margin-bottom:15px}.resoui_multiImageViewer_mainImage_wiggle{animation:wiggle .3s ease-in-out infinite;transform-origin:center}.resoui_multiImageViewer_miniImage{display:inline-block;height:92px;vertical-align:middle;width:104px}.resoui_multiImageViewer_miniImage_wiggle{animation:wiggle .3s ease-in-out infinite;transform-origin:center}.resoui_multiImageViewer_miniImage_wrapper{display:inline-block;margin:0 5px;position:relative}.resoui_multiImageViewer_miniImage_selected{border-style:solid;border-width:3px;cursor:default}.resoui_multiImageViewer_mainImage_closeBtn{background-color:var(--resoui-utility-error);border:1px solid red;border-radius:100%;cursor:pointer;height:36px;position:absolute;right:-10px;top:-10px;width:36px;z-index:5}.resoui_multiImageViewer_mainImage_closeBtn:hover{background-color:var(--resoui-brand-secondary)}.resoui_multiImageViewer_mainImage_closeBtn_arm{border-top:2px solid #fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.resoui_multiImageViewer_miniImage_closeBtn{background-color:var(--resoui-utility-error);border:1px solid red;border-radius:100%;cursor:pointer;height:25px;position:absolute;right:-8px;top:-8px;width:25px;z-index:5}.resoui_multiImageViewer_miniImage_closeBtn:hover{background-color:var(--resoui-brand-secondary)}.resoui_multiImageViewer_miniImage_closeBtn_arm{border-top:2px solid #fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.resoui_multiImageViewer_miniImage_selected{border-color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_multiImageViewer_miniImage_selected{border-color:var(--resoui-neutral-light)}.resoui_infiniteScroll_container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;scrollbar-width:thin;width:100%}.resoui_infiniteScroll_loader{align-items:center;display:flex;justify-content:center;padding:var(--resoui-spacing-6);position:relative;width:100%}.resoui_infiniteScroll_loader .resoui_loader_container{min-height:unset;position:relative}.resoui_infiniteScroll_container{color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_infiniteScroll_container{color:var(--resoui-base-white)}.resoui_markdownText_container{width:100%}.resoui_markdownText_default{word-wrap:break-word;white-space:pre-wrap;width:100%}.resoui_markdownText_img{border-radius:12px;height:auto;margin:var(--resoui-spacing-5) 0;object-fit:cover;width:300px}.resoui_markdownText_ol,.resoui_markdownText_ul{font-size:var(--resoui-font-size-3);list-style-position:inside}.resoui_markdownText_li{line-height:18px}.resoui_markdownText_li::marker{white-space:nowrap}.resoui_markdownText_a{cursor:pointer;font-size:var(--resoui-font-size-3);text-decoration:none}.resoui_markdownText_a:hover{text-decoration:underline}.resoui_markdownText_pre{border-radius:12px;font-size:var(--resoui-font-size-3);line-height:25px;margin:var(--resoui-spacing-5) 0;margin-top:0;overflow-x:auto;padding:var(--resoui-spacing-5);width:100%}.resoui_markdownText_a{color:var(--resoui-utility-info);transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,color var(--resoui-transition-normal)}[data-resoui-theme=dark] .resoui_markdownText_a{color:var(--resoui-utility-info-light)}.resoui_markdownText_pre{background-color:var(--resoui-brand-primary-dark);color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_markdownText_pre{background-color:var(--resoui-brand-primary-darkest);color:var(--resoui-neutral-light)}.resoui_miniLoader_container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.resoui_miniLoader_spinner{animation:resoui_miniLoader_rotation 1s linear infinite;border-bottom-color:transparent!important;border-radius:50%;border-style:solid;border-width:3px;box-sizing:border-box;display:inline-block}@keyframes resoui_miniLoader_rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.resoui_miniLoader_spinner{border-color:var(--resoui-brand-primary)}[data-resoui-theme=dark] .resoui_miniLoader_spinner{border-color:var(--resoui-neutral-light)}.resoui_navbar_header_container{box-shadow:var(--resoui-shadow-default);box-sizing:border-box;height:54px;left:0;top:0;width:100%;z-index:5}.resoui_navbar_header_position_absolute{position:absolute}.resoui_navbar_header_position_fixed{position:fixed}.resoui_navbar_nav_container{align-items:center;background-color:unset;background:unset;display:flex;height:100%;justify-content:space-between;margin:0 auto}.resoui_navbar_nav_logo_container{box-sizing:content-box;height:100%;line-height:54px;min-width:90px;text-align:center}.resoui_navbar_nav_logo_container:hover{text-decoration:none}.resoui_navbar_nav_hamburger_container{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-width:48px;padding:10px;width:48px}.resoui_navbar_nav_hamburger_line{border:1.5px solid var(--resoui-neutral-dark);width:100%}.resoui_navbar_nav_hamburger_line:not(:last-child){margin-bottom:5px}.resoui_navbar_nav_logo_container_cursor_pointer{cursor:pointer}.resoui_navbar_nav_logo_text{font-family:DancingScript,Poppins,Roboto;font-weight:700}.resoui_navbar_nav_children_container{height:100%}.resoui_navbar_header_container{background:var(--resoui-base-white);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_navbar_header_container{background:var(--resoui-brand-primary);color:var(--resoui-base-white)}.resoui_navItem_container{display:block!important;float:left}.resoui_navItem_base{cursor:pointer;display:block;font-size:var(--resoui-font-size-3);height:54px;line-height:54px;min-width:90px;padding:0 15px;text-align:center}.resoui_navItem_element{border:none;font-size:var(--resoui-font-size-3);font-weight:500;opacity:.8;text-decoration:none}.resoui_navItem_element:hover{opacity:1}.resoui_navItem_element_active{font-weight:600;opacity:1}.resoui_navItem_element_active:hover{text-decoration:none}.resoui_navItem_container .resoui_navItem_element{background:unset;color:var(--resoui-neutral-dark)}.resoui_navItem_container .resoui_navItem_element_active{border-bottom:4px solid var(--resoui-brand-secondary)}[data-resoui-theme=dark] .resoui_navItem_container .resoui_navItem_element{background:unset;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_navItem_container .resoui_navItem_element_active{border-bottom:4px solid var(--resoui-neutral-lightest)}.resoui_paginator_container{align-items:center;display:flex;justify-content:flex-end;width:100%}.resoui_paginator_info{align-items:center;display:flex;font-size:var(--resoui-font-size-3);justify-content:center;margin:0 var(--resoui-spacing-5)}.resoui_paginator_button{border:1px solid var(--resoui-neutral-medium);border-radius:12px;cursor:pointer;font-size:var(--resoui-font-size-3);padding:var(--resoui-spacing-2) var(--resoui-spacing-4)}.resoui_paginator_button_disabled{cursor:not-allowed;opacity:.4}.resoui_paginator_button{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}.resoui_paginator_button:hover:not(:disabled){background:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_paginator_button{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_paginator_button:hover:not(:disabled){background:var(--resoui-neutral-dark)}.resoui_panel_container{background:var(--resoui-base-white);border-color:var(--resoui-neutral-light);border-radius:12px;border-style:solid;border-width:1px;box-shadow:var(--resoui-shadow-default);color:var(--resoui-neutral-dark);min-height:120px;padding:var(--resoui-spacing-4);width:264px}[data-resoui-theme=dark] .resoui_panel_container{background:var(--resoui-brand-primary-dark);border-color:var(--resoui-neutral-darker);color:var(--resoui-base-white)}.resoui_panel_title{background:unset;color:var(--resoui-neutral-dark);font-size:var(--resoui-font-size-4);font-weight:600;margin-bottom:var(--resoui-spacing-5);margin-top:var(--resoui-spacing-4);text-align:center}[data-resoui-theme=dark] .resoui_panel_title{background:unset;color:var(--resoui-base-white)}.resoui_panel_row_container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--resoui-spacing-4)}.resoui_panel_row_key{color:inherit;font-weight:600}.resoui_panel_row_value{color:inherit}.resoui_quantityCounter_container{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:space-between;width:80px}.resoui_quantityCounter_counterBox{background:var(--resoui-base-white);border:1px solid var(--resoui-neutral-medium);border-color:var(--resoui-neutral-medium);border-radius:4px;color:var(--resoui-neutral-dark);cursor:pointer;height:24px;line-height:24px;text-align:center;width:24px}[data-resoui-theme=dark] .resoui_quantityCounter_counterBox{background:var(--resoui-neutral-dark);border-color:var(--resoui-neutral-medium);color:var(--resoui-base-white)}.resoui_sidebar_container{flex-direction:column;max-height:100%;overflow:hidden;width:auto}.resoui_sidebar_container,.resoui_sidebar_row{align-items:flex-start;display:flex;height:100%;justify-content:flex-start}.resoui_sidebar_row{flex-direction:row;width:100%}.resoui_sidebar_inner{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;opacity:0;scrollbar-width:thin;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity .25s ease,width .25s ease .25s;width:0}.resoui_sidebar_inner_open{opacity:1;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,width .25s ease,opacity .25s ease .25s;width:240px}.resoui_sidebar_minimize_button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:var(--resoui-font-size-8);font-weight:var(--resoui-font-weight-bold);height:100%;justify-content:center;max-height:100%;opacity:0;overflow:hidden;padding:0;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity .25s ease,width .25s ease .25s;width:0}.resoui_sidebar_minimize_button_open{opacity:1;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,width .25s ease,opacity .25s ease .25s;width:20px}.resoui_sidebar_container{background-color:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_sidebar_container{background-color:var(--resoui-brand-primary-darkest)}.resoui_sidebar_minimize_button{border-right:1px solid var(--resoui-neutral-medium);color:var(--resoui-brand-primary-light)}.resoui_sidebar_minimize_button:hover{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebar_minimize_button{border-right-color:var(--resoui-neutral-dark);color:var(--resoui-brand-primary-light)}.resoui_sidebarNavLink_container{align-items:center;cursor:pointer;display:flex;font-size:var(--resoui-font-size-3);height:48px;justify-content:flex-start;padding-left:var(--resoui-spacing-6);text-decoration:none;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-fast) linear;width:100%}.resoui_sidebarNavTitle_container{cursor:default;margin-bottom:var(--resoui-spacing-2);margin-top:var(--resoui-spacing-5);pointer-events:none}.resoui_sidebarNavTitle_text{font-weight:var(--resoui-font-weight-bold)}.resoui_sidebarNavLink_active{pointer-events:none}.resoui_sidebarNavLink_disabled{opacity:.5;pointer-events:none}.resoui_sidebarNavLink_container{background-color:transparent;color:var(--resoui-neutral-light)}.resoui_sidebarNavLink_container:hover{background-color:var(--resoui-brand-primary-medium);color:var(--resoui-base-white);text-decoration:none}.resoui_sidebarNavLink_active{background-color:var(--resoui-brand-secondary-pale-transparent);border-left:3px solid var(--resoui-brand-secondary);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebarNavLink_container{background-color:transparent;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebarNavLink_container:hover{background-color:var(--resoui-brand-primary-medium);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebarNavLink_active{background-color:var(--resoui-brand-secondary-pale-transparent);border-left:3px solid var(--resoui-brand-secondary);color:var(--resoui-base-white)}.resoui_sidebarTitle_container{align-items:center;display:flex;height:54px;justify-content:center;margin-bottom:var(--resoui-spacing-5);margin-top:var(--resoui-spacing-5);padding:var(--resoui-spacing-5) var(--resoui-spacing-6);user-select:none;width:100%}.resoui_sidebarTitle_text{font-size:var(--resoui-font-size-5);font-weight:var(--resoui-font-weight-bold);letter-spacing:.5px}.resoui_sidebarTitle_container{border-bottom:1px solid var(--resoui-neutral-medium)}.resoui_sidebarTitle_text{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebarTitle_container{border-bottom-color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_sidebarTitle_text{color:var(--resoui-neutral-light)}.resoui_subForm_container{border-radius:12px;border-style:solid;border-width:1px;width:100%}.resoui_subForm_header{border-radius:12px 12px 0 0;height:48px;line-height:48px;padding:0 var(--resoui-spacing-5);text-align:left}.resoui_subForm_content{padding:var(--resoui-spacing-6)}[data-resoui-theme=dark] .resoui_subForm_container{border-color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_subForm_header{background:var(--resoui-neutral-darker);color:var(--resoui-base-white)}.resoui_date_selector_header{border-radius:12px;border-style:solid;border-width:1px;box-shadow:0 2px 15px rgba(34,60,102,.2);cursor:pointer;font-size:var(--resoui-font-size-3);font-weight:inherit;height:40px;padding:0 var(--resoui-spacing-4);text-align:left;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,border-radius var(--resoui-transition-slow) ease-in-out;width:100%}.resoui_date_selector_header:hover{border:1px solid green}.resoui_date_selector_header:active{background-color:#eaeaea}.resoui_date_selector_header{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_selector_header{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_date_component_navigation_container{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:space-between;margin-bottom:var(--resoui-spacing-2)}.resoui_date_component_navigation_button{border-radius:100%;cursor:pointer;font-size:var(--resoui-font-size-3);max-height:42px;max-width:42px;min-height:32px;min-width:32px;text-align:center}.resoui_date_component_navigation_text{font-size:var(--resoui-font-size-3)}.resoui_date_component_navigation_container{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_component_navigation_container{background:unset;color:var(--resoui-base-white)}.resoui_date_component_navigation_button{background:unset;color:var(--resoui-neutral-dark)}.resoui_date_component_navigation_button:hover{background-color:var(--resoui-neutral-lightest)}[data-resoui-theme=dark] .resoui_date_component_navigation_button{background:unset;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_date_component_navigation_button:hover{background-color:var(--resoui-neutral-dark)}.resoui_date_component_navigation_text{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_component_navigation_text{background:unset;color:var(--resoui-base-white)}.resoui_date_day_name_container{background:unset;border-color:var(--resoui-neutral-medium);border-width:1px;color:var(--resoui-neutral-dark);font-size:var(--resoui-font-size-2);font-weight:500}[data-resoui-theme=dark] .resoui_date_day_name_container{background:unset;color:var(--resoui-base-white)}.resoui_date_selector_grid_unit{height:42px;text-align:center}.resoui_date_day_number_container,.resoui_date_selector_grid_unit{align-items:center;display:flex;justify-content:center;position:relative}.resoui_date_day_number_container{border-radius:100px;border-style:solid;border-width:1px;cursor:pointer;font-size:var(--resoui-font-size-3);font-weight:400;margin:1px;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color .1s ease}.resoui_date_day_number_container_disabled{pointer-events:none}.resoui_date_day_number_span{font-size:var(--resoui-font-size-3)}.resoui_date_day_number_selected{border-style:solid;border-width:1px;pointer-events:none}.resoui_date_day_number_today_marker{border-radius:90%;height:8px;position:absolute;right:0;top:3px;width:8px}.resoui_date_day_number_container{background:unset;border-color:transparent;color:var(--resoui-neutral-dark)}.resoui_date_day_number_container:hover{background-color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_date_day_number_container{background:unset;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_date_day_number_container:hover{background-color:var(--resoui-neutral-dark)}.resoui_date_day_number_span{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_day_number_span{background:unset;color:var(--resoui-base-white)}.resoui_date_day_number_selected{border-color:var(--resoui-brand-primary)}[data-resoui-theme=dark] .resoui_date_day_number_selected{border-color:var(--resoui-brand-secondary)}.resoui_date_day_number_today_marker{background:var(--resoui-brand-secondary-darker);color:var(--resoui-base-white)}.resoui_date_day_number_text_disabled{color:var(--resoui-neutral-medium)!important;pointer-events:none!important}[data-resoui-theme=dark] .resoui_date_day_number_text_disabled{color:var(--resoui-neutral-dark)!important}.resoui_date_days_grid_container{display:grid;margin-bottom:10px}.resoui_custom_selected_className{background:green}.resoui_custom_today_className{background:orange}.resoui_date_days_grid_container{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_days_grid_container{background:unset;color:var(--resoui-base-white)}.resoui_date_selector_grid_container{border-radius:12px;border-style:solid;border-width:1px;box-shadow:0 2px 15px rgba(34,60,102,.2);height:0;left:0;opacity:0;padding:var(--resoui-spacing-2);position:absolute;top:5px;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,height .25s ease-in-out,width .25s ease-in-out,opacity .25s ease;width:100%;z-index:5}.resoui_date_selector_grid_container_opened{height:448px;opacity:1;width:320px}.resoui_date_selector_grid_content{opacity:0;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity .25s ease .25s}.resoui_date_selector_grid_content_opened{opacity:1}.resoui_date_selector_grid_content_transition_exit{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity .25s ease 0s}.resoui_date_selector_grid_buttons_wrapper{align-items:center;display:flex;font-size:var(--resoui-font-size-3);gap:18px;justify-content:space-between;width:100%}.resoui_date_selector_grid_button{border-radius:5px;cursor:pointer;height:32px;width:140px}.resoui_date_selector_grid_button_reset{border:1px solid var(--resoui-neutral-medium)}.resoui_date_selector_grid_button_reset:hover{background-color:var(--resoui-neutral-dark);border:none;color:#fff}.resoui_date_selector_grid_button_reset:active{background-color:var(--resoui-neutral-medium);border:none;opacity:1}.resoui_date_selector_grid_button_done{background:linear-gradient(180deg,#fb974f,#d75919);border:none;color:#fff;opacity:.9}.resoui_date_selector_grid_button_done:hover{background:linear-gradient(180deg,#fb974f,#d75919);opacity:1}.resoui_date_selector_grid_button_done:active{background:linear-gradient(180deg,#d58043,#b74b15);opacity:1}.resoui_date_selector_grid_container{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_selector_grid_container{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_date_selector_container{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);border-radius:12px;color:var(--resoui-neutral-dark);width:280px}[data-resoui-theme=dark] .resoui_date_selector_container{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_form_input_container{flex:1;width:100%}.resoui_form_controls_input{border-radius:12px;border-style:solid;border-width:1px;font-family:var(--resoui-font-family);font-size:var(--resoui-font-size-4);font-weight:400;height:40px;outline:none;padding:var(--resoui-spacing-3) var(--resoui-spacing-4);width:100%}.resoui_form_controls_input:focus{box-shadow:0 2px 15px rgba(34,60,102,.2)}.resoui_form_controls_input:disabled{background-color:var(--resoui-neutral-light)}.resoui_form_controls_input::placeholder{font-size:var(--resoui-font-size-3);font-weight:400}.resoui_form_controls_focus_noshadow:focus{box-shadow:none}[data-resoui-theme=dark] .resoui_form_controls_input{background-color:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_form_controls_input:disabled{background-color:var(--resoui-neutral-dark)}.resoui_form_input_error{color:red;font-size:var(--resoui-font-size-2);margin-top:var(--resoui-spacing-1);padding-left:var(--resoui-spacing-2)}.resoui_dropdown_container{border:none;display:inline-block!important;position:relative!important}.resoui_dropdown_header{align-items:center;border-radius:12px;border-style:solid;border-width:1px;cursor:pointer;display:flex;font-family:var(--resoui-font-family);font-size:var(--resoui-font-size-3);height:40px;justify-content:space-between;outline:none;padding:0 var(--resoui-spacing-4);text-align:left;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,border-radius .3s}.resoui_dropdown_header:focus{box-shadow:0 2px 15px rgba(34,60,102,.2)}.resoui_dropdown_header_navItem{border:none;border-radius:0;height:54px;width:120px}.resoui_dropdown_header_opened{border-bottom:none;border-radius:12px 12px 0 0}.resoui_dropdown_icon_invert{transform:rotate(180deg)}.resoui_dropdown_options_container{border-radius:0 0 12px 12px;border-style:solid;border-width:1px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;left:0;list-style:none;max-height:0;max-height:320px;overflow-y:auto;position:absolute;top:40px;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,max-height .3s;width:100%;z-index:1}.resoui_dropdown_options_container_navItem{border:none;border-radius:0;top:54px}.resoui_dropdown_options_show{display:block}.resoui_dropdown_header{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}.resoui_dropdown_header:focus,.resoui_dropdown_header:hover{border-color:var(--resoui-utility-success-dark)}[data-resoui-theme=dark] .resoui_dropdown_header{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_dropdown_header:focus,[data-resoui-theme=dark] .resoui_dropdown_header:hover{border-color:var(--resoui-utility-success-dark)}.resoui_dropdown_header_navItem{background:unset;color:var(--resoui-neutral-dark)}.resoui_dropdown_header_navItem:hover{background:var(--resoui-neutral-light)}.resoui_dropdown_header_navItem:focus,.resoui_dropdown_header_navItem:hover{border-color:var(--resoui-utility-success-dark)}[data-resoui-theme=dark] .resoui_dropdown_header_navItem{background:unset;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_dropdown_header_navItem:hover{background:var(--resoui-brand-primary-light)}.resoui_dropdown_options_container{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_dropdown_options_container{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_dropdown_options_container_navItem{background:var(--resoui-base-white);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_dropdown_options_container_navItem{background:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_dropdown_option_base{background:unset;color:var(--resoui-neutral-dark);cursor:pointer;display:block;font-size:var(--resoui-font-size-3);outline:none;padding:var(--resoui-spacing-3);text-align:left;text-decoration:none;width:100%}[data-resoui-theme=dark] .resoui_dropdown_option_base{background:unset;color:var(--resoui-base-white)}.resoui_dropdown_option_hover:hover{background-color:var(--resoui-neutral-light)}.resoui_dropdown_option_active{background-color:var(--resoui-neutral-medium);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_dropdown_option_hover:hover{background-color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_dropdown_option_active{background-color:var(--resoui-brand-secondary-pale-transparent);border-left:3px solid var(--resoui-brand-secondary);color:var(--resoui-base-white)}.resoui_fileinput_row{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.resoui_fileinput_textinput{flex:1;margin-right:var(--resoui-spacing-1);width:unset}._resoui_fileinput_input{display:none}.resoui_fileinput_fileinput{line-height:40px;margin-right:var(--resoui-spacing-1);text-align:center}.resoui_fileinput_fileinput,.resoui_fileinput_reset_button{border-radius:12px;border-style:solid;border-width:1px;cursor:pointer;font-size:var(--resoui-font-size-3);font-weight:500;height:40px;width:80px}.resoui_fileinput_reset_button{display:block}.resoui_fileinput_noTextField{flex:1;margin:0 5px}.resoui_fileinput_fileinput,.resoui_fileinput_textinput{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}.resoui_fileinput_fileinput:hover{background-color:var(--resoui-neutral-medium);color:var(--resoui-base-white)}.resoui_fileinput_resetbtn{background:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_fileinput_resetbtn:hover{background-color:var(--resoui-neutral-medium)}.resoui_label_container{width:256px}.resoui_label_top_marginBottom{margin-bottom:var(--resoui-spacing-2)}.resoui_label_label{display:inline-block;font-size:var(--resoui-font-size-3);font-weight:600;line-height:18px}.resoui_label_required{color:var(--resoui-utility-error);font-weight:500}.resoui_label_description,.resoui_label_required{font-family:var(--resoui-font-family);font-size:var(--resoui-font-size-1)}.resoui_label_description{color:var(--resoui-neutral-dark);font-weight:400}.resoui_label_label_margin_right{margin-right:var(--resoui-spacing-1)}.resoui_label_container{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_label_label{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_label_description{color:var(--resoui-neutral-medium)}.resoui_submit_button{border:none;opacity:.9;width:100%}.resoui_submit_button:hover{opacity:1}.resoui_submit_button:disabled{background:var(--resoui-neutral-medium)}.resoui_submit_button{color:var(--resoui-base-white)}.resoui_submit_button,.resoui_submit_button:hover,[data-resoui-theme=dark] .resoui_submit_button{background:var(--resoui-brand-secondary-gradient)}[data-resoui-theme=dark] .resoui_submit_button{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_submit_button:hover{background:var(--resoui-brand-secondary-gradient)}.resoui_input_text{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_input_text{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_textarea_input{border-radius:12px;border-style:solid;border-width:1px;font-family:var(--resoui-font-family);font-size:var(--resoui-font-size-3);font-weight:400;outline:none;padding:var(--resoui-spacing-3) var(--resoui-spacing-4);resize:none;width:100%}.resoui_textarea_input:focus{box-shadow:0 2px 15px rgba(34,60,102,.2)}.resoui_textarea_input:disabled{background-color:var(--resoui-neutral-light)}.resoui_textarea_input::placeholder{font-size:var(--resoui-font-size-3);font-weight:400}.resoui_textarea_input_focus_noshadow:focus{box-shadow:none}.resoui_textarea_input{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_textarea_input{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_input_number{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}.resoui_checkbox_container{align-items:center;display:flex;flex-direction:row;justify-content:center}.resoui_input_checkbox{border-radius:12px;border-style:solid;border-width:1px;cursor:pointer;height:24px;margin-right:var(--resoui-spacing-3);width:24px}.resoui_input_checkbox:disabled{pointer-events:none}.resoui_checkbox_right_container{width:inherit}.resoui_checkbox_children{font-size:var(--resoui-font-size-3)}.resoui_checkbox_error{margin:0;padding:0}.resoui_checkbox_theme{background:unset;border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_checkbox_theme{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_radioselect_options_container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;min-height:40px;width:inherit}.resoui_radioselect_radio{margin-bottom:var(--resoui-spacing-1);padding:var(--resoui-spacing-1) var(--resoui-spacing-2);padding-top:0}.resoui_radioselect_input{cursor:pointer}.resoui_radioselect_label{cursor:pointer;font-size:var(--resoui-font-size-3);margin-left:var(--resoui-spacing-2)}:root{--resoui-brand-primary-ghost:#f7f6ff;--resoui-brand-primary-light:#9395c4;--resoui-brand-primary-medium:#4a4870;--resoui-brand-primary:#2d2b50;--resoui-brand-primary-dark:#1a1830;--resoui-brand-primary-darkest:#100f1e;--resoui-brand-secondary-pale-transparent:rgba(240,112,80,.15);--resoui-brand-secondary-pale:#fceae5;--resoui-brand-secondary-light:#f8a090;--resoui-brand-secondary:#f07050;--resoui-brand-secondary-dark:#cc3535;--resoui-brand-secondary-darker:#a43030;--resoui-brand-secondary-gradient:linear-gradient(135deg,#f07050,#cc3535);--resoui-brand-tertiary-pale:#f0eafb;--resoui-brand-tertiary-light:#a872e4;--resoui-brand-tertiary:#7b35cc;--resoui-brand-tertiary-dark:#5620a0;--resoui-brand-tertiary-darker:#37126e;--resoui-brand-tertiary-gradient:linear-gradient(135deg,#7b35cc,#5620a0);--resoui-brand-quaternary-pale:#e0f7f8;--resoui-brand-quaternary-light:#8edee1;--resoui-brand-quaternary:#4ec9ce;--resoui-brand-quaternary-dark:#2b9da2;--resoui-brand-quaternary-darker:#1a6e72;--resoui-utility-success-bg:#e1f5ee;--resoui-utility-success-light:#61c176;--resoui-utility-success:#1d9e75;--resoui-utility-success-dark:#00593b;--resoui-utility-warning-bg:#fef3e2;--resoui-utility-warning-light:#ffc366;--resoui-utility-warning:#e2851e;--resoui-utility-warning-dark:#b5620d;--resoui-utility-error-bg:#fdecea;--resoui-utility-error-light:#f49090;--resoui-utility-error:#ea4d44;--resoui-utility-error-dark:#b83030;--resoui-utility-info-bg:#eaf1fa;--resoui-utility-info-light:#85b7eb;--resoui-utility-info:#2e7bc1;--resoui-utility-info-dark:#1a5a99;--resoui-neutral-lightest:#eff2f8;--resoui-neutral-light:#dadfe8;--resoui-neutral-medium:#8b93a1;--resoui-neutral-dark:#434b59;--resoui-neutral-darker:#2c3340;--resoui-neutral-overlay:rgba(67,75,89,.5);--resoui-base-white:#fff;--resoui-base-black:#000;--resoui-spacing-0:0px;--resoui-spacing-1:4px;--resoui-spacing-2:8px;--resoui-spacing-3:12px;--resoui-spacing-4:16px;--resoui-spacing-5:24px;--resoui-spacing-6:32px;--resoui-spacing-7:48px;--resoui-spacing-8:64px;--resoui-spacing-9:96px;--resoui-font-family:"Poppins","Roboto",sans-serif;--resoui-font-size-1:10px;--resoui-font-size-2:12px;--resoui-font-size-3:14px;--resoui-font-size-4:16px;--resoui-font-size-5:18px;--resoui-font-size-6:20px;--resoui-font-size-7:22px;--resoui-font-size-8:24px;--resoui-font-size-9:26px;--resoui-font-weight-normal:400;--resoui-font-weight-medium:500;--resoui-font-weight-semibold:600;--resoui-font-weight-bold:700;--resoui-radius-sm:4px;--resoui-radius-default:8px;--resoui-radius-lg:16px;--resoui-radius-full:9999px;--resoui-shadow-sm:0 1px 3px rgba(0,0,0,.1);--resoui-shadow-default:0px 2px 15px rgba(34,60,102,.2);--resoui-shadow-lg:0px 4px 25px rgba(34,60,102,.15);--resoui-transition-fast:0.125s;--resoui-transition-normal:0.25s;--resoui-transition-slow:0.5s}.resoui_radioselect_label{background:unset;color:var(--resoui-neutral-dark)}
+@font-face{font-family:DancingScript;font-style:normal;font-weight:700;src:url(fonts/Dancing_Script/static/DancingScript-Bold.ttf)}@font-face{font-family:DancingScript;font-style:normal;font-weight:600;src:url(fonts/Dancing_Script/static/DancingScript-SemiBold.ttf)}@font-face{font-family:DancingScript;font-style:normal;font-weight:500;src:url(fonts/Dancing_Script/static/DancingScript-Medium.ttf)}@font-face{font-family:DancingScript;font-style:normal;font-weight:400;src:url(fonts/Dancing_Script/static/DancingScript-Regular.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:900;src:url(fonts/Poppins/Poppins-Black.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:900;src:url(fonts/Poppins/Poppins-BlackItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:800;src:url(fonts/Poppins/Poppins-ExtraBold.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:800;src:url(fonts/Poppins/Poppins-ExtraBoldItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(fonts/Poppins/Poppins-Bold.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:700;src:url(fonts/Poppins/Poppins-BoldItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(fonts/Poppins/Poppins-SemiBold.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:600;src:url(fonts/Poppins/Poppins-SemiBoldItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(fonts/Poppins/Poppins-Medium.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:500;src:url(fonts/Poppins/Poppins-MediumItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(fonts/Poppins/Poppins-Regular.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:400;src:url(fonts/Poppins/Poppins-Italic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:300;src:url(fonts/Poppins/Poppins-Light.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:300;src:url(fonts/Poppins/Poppins-LightItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:200;src:url(fonts/Poppins/Poppins-ExtraLight.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:200;src:url(fonts/Poppins/Poppins-ExtraLightItalic.ttf)}@font-face{font-family:Poppins;font-style:normal;font-weight:100;src:url(fonts/Poppins/Poppins-Thin.ttf)}@font-face{font-family:Poppins;font-style:italic;font-weight:100;src:url(fonts/Poppins/Poppins-ThinItalic.ttf)}.resoui_component_theme_base{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_component_theme_base{color:var(--resoui-base-white)}.resoui_component_layout_default{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;box-sizing:border-box;font-family:var(--resoui-font-family);margin:0;padding:0}.resoui_spacing-ma-0{margin:0}.resoui_spacing-ma-auto{margin:auto}.resoui_spacing-ma-1{margin:var(--resoui-spacing-1)}.resoui_spacing-ma-2{margin:var(--resoui-spacing-2)}.resoui_spacing-ma-3{margin:var(--resoui-spacing-3)}.resoui_spacing-ma-4{margin:var(--resoui-spacing-4)}.resoui_spacing-ma-5{margin:var(--resoui-spacing-5)}.resoui_spacing-ma-6{margin:var(--resoui-spacing-6)}.resoui_spacing-ma-7{margin:var(--resoui-spacing-7)}.resoui_spacing-ma-8{margin:var(--resoui-spacing-8)}.resoui_spacing-ma-9{margin:var(--resoui-spacing-9)}.resoui_spacing-mv-0{margin-bottom:0;margin-top:0}.resoui_spacing-mv-1{margin-bottom:var(--resoui-spacing-1);margin-top:var(--resoui-spacing-1)}.resoui_spacing-mv-2{margin-bottom:var(--resoui-spacing-2);margin-top:var(--resoui-spacing-2)}.resoui_spacing-mv-3{margin-bottom:var(--resoui-spacing-3);margin-top:var(--resoui-spacing-3)}.resoui_spacing-mv-4{margin-bottom:var(--resoui-spacing-4);margin-top:var(--resoui-spacing-4)}.resoui_spacing-mv-5{margin-bottom:var(--resoui-spacing-5);margin-top:var(--resoui-spacing-5)}.resoui_spacing-mv-6{margin-bottom:var(--resoui-spacing-6);margin-top:var(--resoui-spacing-6)}.resoui_spacing-mv-7{margin-bottom:var(--resoui-spacing-7);margin-top:var(--resoui-spacing-7)}.resoui_spacing-mv-8{margin-bottom:var(--resoui-spacing-8);margin-top:var(--resoui-spacing-8)}.resoui_spacing-mv-9{margin-bottom:var(--resoui-spacing-9);margin-top:var(--resoui-spacing-9)}.resoui_spacing-mh-center{margin-left:auto;margin-right:auto}.resoui_spacing-mh-0{margin-left:0;margin-right:0}.resoui_spacing-mh-1{margin-left:var(--resoui-spacing-1);margin-right:var(--resoui-spacing-1)}.resoui_spacing-mh-2{margin-left:var(--resoui-spacing-2);margin-right:var(--resoui-spacing-2)}.resoui_spacing-mh-3{margin-left:var(--resoui-spacing-3);margin-right:var(--resoui-spacing-3)}.resoui_spacing-mh-4{margin-left:var(--resoui-spacing-4);margin-right:var(--resoui-spacing-4)}.resoui_spacing-mh-5{margin-left:var(--resoui-spacing-5);margin-right:var(--resoui-spacing-5)}.resoui_spacing-mh-6{margin-left:var(--resoui-spacing-6);margin-right:var(--resoui-spacing-6)}.resoui_spacing-mh-7{margin-left:var(--resoui-spacing-7);margin-right:var(--resoui-spacing-7)}.resoui_spacing-mh-8{margin-left:var(--resoui-spacing-8);margin-right:var(--resoui-spacing-8)}.resoui_spacing-mh-9{margin-left:var(--resoui-spacing-9);margin-right:var(--resoui-spacing-9)}.resoui_spacing-mt-0{margin-top:0}.resoui_spacing-mt-1{margin-top:var(--resoui-spacing-1)}.resoui_spacing-mt-2{margin-top:var(--resoui-spacing-2)}.resoui_spacing-mt-3{margin-top:var(--resoui-spacing-3)}.resoui_spacing-mt-4{margin-top:var(--resoui-spacing-4)}.resoui_spacing-mt-5{margin-top:var(--resoui-spacing-5)}.resoui_spacing-mt-6{margin-top:var(--resoui-spacing-6)}.resoui_spacing-mt-7{margin-top:var(--resoui-spacing-7)}.resoui_spacing-mt-8{margin-top:var(--resoui-spacing-8)}.resoui_spacing-mt-9{margin-top:var(--resoui-spacing-9)}.resoui_spacing-mr-0{margin-right:0}.resoui_spacing-mr-1{margin-right:var(--resoui-spacing-1)}.resoui_spacing-mr-2{margin-right:var(--resoui-spacing-2)}.resoui_spacing-mr-3{margin-right:var(--resoui-spacing-3)}.resoui_spacing-mr-4{margin-right:var(--resoui-spacing-4)}.resoui_spacing-mr-5{margin-right:var(--resoui-spacing-5)}.resoui_spacing-mr-6{margin-right:var(--resoui-spacing-6)}.resoui_spacing-mr-7{margin-right:var(--resoui-spacing-7)}.resoui_spacing-mr-8{margin-right:var(--resoui-spacing-8)}.resoui_spacing-mr-9{margin-right:var(--resoui-spacing-9)}.resoui_spacing-ml-0{margin-left:0}.resoui_spacing-ml-1{margin-left:var(--resoui-spacing-1)}.resoui_spacing-ml-2{margin-left:var(--resoui-spacing-2)}.resoui_spacing-ml-3{margin-left:var(--resoui-spacing-3)}.resoui_spacing-ml-4{margin-left:var(--resoui-spacing-4)}.resoui_spacing-ml-5{margin-left:var(--resoui-spacing-5)}.resoui_spacing-ml-6{margin-left:var(--resoui-spacing-6)}.resoui_spacing-ml-7{margin-left:var(--resoui-spacing-7)}.resoui_spacing-ml-8{margin-left:var(--resoui-spacing-8)}.resoui_spacing-ml-9{margin-left:var(--resoui-spacing-9)}.resoui_spacing-mb-0{margin-bottom:0}.resoui_spacing-mb-1{margin-bottom:var(--resoui-spacing-1)}.resoui_spacing-mb-2{margin-bottom:var(--resoui-spacing-2)}.resoui_spacing-mb-3{margin-bottom:var(--resoui-spacing-3)}.resoui_spacing-mb-4{margin-bottom:var(--resoui-spacing-4)}.resoui_spacing-mb-5{margin-bottom:var(--resoui-spacing-5)}.resoui_spacing-mb-6{margin-bottom:var(--resoui-spacing-6)}.resoui_spacing-mb-7{margin-bottom:var(--resoui-spacing-7)}.resoui_spacing-mb-8{margin-bottom:var(--resoui-spacing-8)}.resoui_spacing-mb-9{margin-bottom:var(--resoui-spacing-9)}.resoui_spacing-pa-0{padding:0}.resoui_spacing-pa-1{padding:var(--resoui-spacing-1)}.resoui_spacing-pa-2{padding:var(--resoui-spacing-2)}.resoui_spacing-pa-3{padding:var(--resoui-spacing-3)}.resoui_spacing-pa-4{padding:var(--resoui-spacing-4)}.resoui_spacing-pa-5{padding:var(--resoui-spacing-5)}.resoui_spacing-pa-6{padding:var(--resoui-spacing-6)}.resoui_spacing-pa-7{padding:var(--resoui-spacing-7)}.resoui_spacing-pa-8{padding:var(--resoui-spacing-8)}.resoui_spacing-pa-9{padding:var(--resoui-spacing-9)}.resoui_spacing-pv-0{padding-bottom:0;padding-top:0}.resoui_spacing-pv-1{padding-bottom:var(--resoui-spacing-1);padding-top:var(--resoui-spacing-1)}.resoui_spacing-pv-2{padding-bottom:var(--resoui-spacing-2);padding-top:var(--resoui-spacing-2)}.resoui_spacing-pv-3{padding-bottom:var(--resoui-spacing-3);padding-top:var(--resoui-spacing-3)}.resoui_spacing-pv-4{padding-bottom:var(--resoui-spacing-4);padding-top:var(--resoui-spacing-4)}.resoui_spacing-pv-5{padding-bottom:var(--resoui-spacing-5);padding-top:var(--resoui-spacing-5)}.resoui_spacing-pv-6{padding-bottom:var(--resoui-spacing-6);padding-top:var(--resoui-spacing-6)}.resoui_spacing-pv-7{padding-bottom:var(--resoui-spacing-7);padding-top:var(--resoui-spacing-7)}.resoui_spacing-pv-8{padding-bottom:var(--resoui-spacing-8);padding-top:var(--resoui-spacing-8)}.resoui_spacing-pv-9{padding-bottom:var(--resoui-spacing-9);padding-top:var(--resoui-spacing-9)}.resoui_spacing-ph-0{padding-left:0;padding-right:0}.resoui_spacing-ph-1{padding-left:var(--resoui-spacing-1);padding-right:var(--resoui-spacing-1)}.resoui_spacing-ph-2{padding-left:var(--resoui-spacing-2);padding-right:var(--resoui-spacing-2)}.resoui_spacing-ph-3{padding-left:var(--resoui-spacing-3);padding-right:var(--resoui-spacing-3)}.resoui_spacing-ph-4{padding-left:var(--resoui-spacing-4);padding-right:var(--resoui-spacing-4)}.resoui_spacing-ph-5{padding-left:var(--resoui-spacing-5);padding-right:var(--resoui-spacing-5)}.resoui_spacing-ph-6{padding-left:var(--resoui-spacing-6);padding-right:var(--resoui-spacing-6)}.resoui_spacing-ph-7{padding-left:var(--resoui-spacing-7);padding-right:var(--resoui-spacing-7)}.resoui_spacing-ph-8{padding-left:var(--resoui-spacing-8);padding-right:var(--resoui-spacing-8)}.resoui_spacing-ph-9{padding-left:var(--resoui-spacing-9);padding-right:var(--resoui-spacing-9)}.resoui_spacing-pt-0{padding-top:0}.resoui_spacing-pt-1{padding-top:var(--resoui-spacing-1)}.resoui_spacing-pt-2{padding-top:var(--resoui-spacing-2)}.resoui_spacing-pt-3{padding-top:var(--resoui-spacing-3)}.resoui_spacing-pt-4{padding-top:var(--resoui-spacing-4)}.resoui_spacing-pt-5{padding-top:var(--resoui-spacing-5)}.resoui_spacing-pt-6{padding-top:var(--resoui-spacing-6)}.resoui_spacing-pt-7{padding-top:var(--resoui-spacing-7)}.resoui_spacing-pt-8{padding-top:var(--resoui-spacing-8)}.resoui_spacing-pt-9{padding-top:var(--resoui-spacing-9)}.resoui_spacing-pr-0{padding-right:0}.resoui_spacing-pr-1{padding-right:var(--resoui-spacing-1)}.resoui_spacing-pr-2{padding-right:var(--resoui-spacing-2)}.resoui_spacing-pr-3{padding-right:var(--resoui-spacing-3)}.resoui_spacing-pr-4{padding-right:var(--resoui-spacing-4)}.resoui_spacing-pr-5{padding-right:var(--resoui-spacing-5)}.resoui_spacing-pr-6{padding-right:var(--resoui-spacing-6)}.resoui_spacing-pr-7{padding-right:var(--resoui-spacing-7)}.resoui_spacing-pr-8{padding-right:var(--resoui-spacing-8)}.resoui_spacing-pr-9{padding-right:var(--resoui-spacing-9)}.resoui_spacing-pl-0{padding-left:0}.resoui_spacing-pl-1{padding-left:var(--resoui-spacing-1)}.resoui_spacing-pl-2{padding-left:var(--resoui-spacing-2)}.resoui_spacing-pl-3{padding-left:var(--resoui-spacing-3)}.resoui_spacing-pl-4{padding-left:var(--resoui-spacing-4)}.resoui_spacing-pl-5{padding-left:var(--resoui-spacing-5)}.resoui_spacing-pl-6{padding-left:var(--resoui-spacing-6)}.resoui_spacing-pl-7{padding-left:var(--resoui-spacing-7)}.resoui_spacing-pl-8{padding-left:var(--resoui-spacing-8)}.resoui_spacing-pl-9{padding-left:var(--resoui-spacing-9)}.resoui_spacing-pb-0{padding-bottom:0}.resoui_spacing-pb-1{padding-bottom:var(--resoui-spacing-1)}.resoui_spacing-pb-2{padding-bottom:var(--resoui-spacing-2)}.resoui_spacing-pb-3{padding-bottom:var(--resoui-spacing-3)}.resoui_spacing-pb-4{padding-bottom:var(--resoui-spacing-4)}.resoui_spacing-pb-5{padding-bottom:var(--resoui-spacing-5)}.resoui_spacing-pb-6{padding-bottom:var(--resoui-spacing-6)}.resoui_spacing-pb-7{padding-bottom:var(--resoui-spacing-7)}.resoui_spacing-pb-8{padding-bottom:var(--resoui-spacing-8)}.resoui_spacing-pb-9{padding-bottom:var(--resoui-spacing-9)}.resoui_title{font-size:var(--resoui-font-size-7);font-weight:700}.resoui_heading{font-size:var(--resoui-font-size-4);font-weight:700}.resoui_sub_heading{font-size:var(--resoui-font-size-4);font-weight:600}.resoui_truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resoui_spin{animation:rotate 1.5s linear infinite}.resoui_slideFromLeft{transition-duration:.5s;transition-property:transform;transition-timing-function:ease}.resoui_appear{transition-duration:.3s;transition-property:opacity;transition-timing-function:ease}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes wiggle{0%{transform:rotate(-2deg)}25%{transform:rotate(2deg)}50%{transform:rotate(-1deg)}75%{transform:rotate(1.5deg)}to{transform:rotate(-2deg)}}*{box-sizing:border-box;padding:0}*,body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus-visible{outline:2px solid var(--resoui-brand-secondary,#f07050);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.resoui_component_disabled{overflow:hidden;pointer-events:none;position:relative}.resoui_component_disabled:after{background-color:var(--resoui-neutral-medium);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.resoui_component_disabled:hover{background-color:unset;cursor:default}.resoui_no_select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resoui_background_image{background-clip:border-box;background-position:50%;background-repeat:no-repeat;background-size:cover}.resoui_width_full{max-width:none;width:100%}.resoui_width_fit_content{width:fit-content}.resoui_position_relative{position:relative}.resoui_overflow-y-auto{overflow-y:auto}.resoui_section_border{border:1px solid var(--resoui-neutral-medium);border-radius:12px}[data-resoui-theme=dark] .resoui_section_border{border-color:var(--resoui-neutral-darker)}svg{display:block;margin:auto}a{color:var(--resoui-utility-info);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}.resoui_table_base{border-collapse:collapse;font-family:var(--resoui-font-family);font-size:var(--resoui-font-size-3);width:100%}[data-resoui-theme=dark] .resoui_table_base{color:var(--resoui-base-white)}.resoui_th_base{border-bottom:2px solid var(--resoui-neutral-light);font-weight:500;padding:var(--resoui-spacing-3);text-align:left}[data-resoui-theme=dark] .resoui_th_base{border-bottom-color:var(--resoui-neutral-dark)}.resoui_tr_base{border-bottom:1px solid var(--resoui-neutral-light);transition:background-color .125s linear}.resoui_tr_base:hover{background-color:var(--resoui-neutral-lightest)}[data-resoui-theme=dark] .resoui_tr_base{border-bottom-color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_tr_base:hover{background-color:var(--resoui-neutral-dark)}.resoui_tr_base_selected{background-color:var(--resoui-utility-info-bg)}.resoui_tr_base_selected:hover{background-color:var(--resoui-utility-info-light)}[data-resoui-theme=dark] .resoui_tr_base_selected{background-color:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_tr_base_selected:hover{background-color:var(--resoui-neutral-dark)}.resoui_td_base{padding:var(--resoui-spacing-3)}.resoui_close_button_container{align-items:center;background-color:unset;background:unset;cursor:pointer;display:flex;height:100%;justify-content:center;opacity:.8;padding:10px;position:relative;width:54px}.resoui_close_button_container:hover{opacity:1}.resoui_close_button_container_small{padding:6px;width:36px}.resoui_close_button_line{border:1px solid var(--resoui-neutral-dark);position:absolute;width:28px}.resoui_close_button_container_small .resoui_close_button_line{width:18px}.resoui_close_button_line_1{transform:rotate(45deg)}.resoui_close_button_line_2{transform:rotate(-45deg)}[data-resoui-theme=dark] .resoui_drawer_container .resoui_close_button_line,[data-resoui-theme=dark] .resoui_modal_container .resoui_close_button_line{border-color:var(--resoui-base-white)}.resoui_banner_container{font-size:var(--resoui-font-size-3);font-weight:600;margin-bottom:0;max-height:0;opacity:0;overflow:hidden;padding:0;text-align:center;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,max-height .25s ease,opacity .25s ease,padding .25s ease,margin-bottom .25s ease;width:100%}.resoui_banner_container_visible{max-height:140px;opacity:1;padding:var(--resoui-spacing-4);padding-right:var(--resoui-spacing-6)}.resoui_banner_close_button{height:100%;position:absolute;right:0;top:0}.resoui_banner_container .resoui_close_button_line{border-color:var(--resoui-base-white)}.resoui_banner_container_fixed{border-radius:12px;box-shadow:var(--resoui-shadow-default)}.resoui_banner_container_fixed_visible{margin-bottom:10px}.resoui_banner_container_info{background-color:var(--resoui-utility-info);color:var(--resoui-base-white)}.resoui_banner_container_warning{background-color:var(--resoui-utility-warning);color:var(--resoui-base-white)}.resoui_banner_container_error{background-color:var(--resoui-utility-error);color:var(--resoui-base-white)}.resoui_banner_container_success{background-color:var(--resoui-utility-success);color:var(--resoui-base-white)}.resoui_banner_wrapper_container{display:block;margin-bottom:var(--resoui-spacing-8);width:100%}.resoui_banner_wrapper_container_relative{position:relative}.resoui_banner_wrapper_container_absolute{left:0;position:absolute;top:0;z-index:3}.resoui_banner_wrapper_container_fixed{display:flex;flex-direction:column;left:50%;position:fixed;top:72px;transform:translateX(-50%);width:70%;z-index:1000}@media (max-width:639px){.resoui_banner_wrapper_container_fixed{width:90%}}.resoui_banner_wrapper_container_scroll{border-bottom:1px solid var(--resoui-neutral-medium);overflow-y:auto}.resoui_icon_container{display:block;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,transform .3s}.resoui_icon_container_inline{display:inline-block}.resoui_back_container{cursor:pointer;font-size:var(--resoui-font-size-3);font-weight:600;opacity:.9;padding:var(--resoui-spacing-2);width:fit-content}.resoui_back_container:hover{opacity:1}.resoui_back_container a{align-items:center;display:inline-flex;gap:4px}.resoui_back_container{background:none;color:var(--resoui-neutral-dark)}.resoui_back_container a{color:inherit}[data-resoui-theme=dark] .resoui_back_container{color:var(--resoui-base-white)}.resoui_button_container{border-radius:12px;border-style:solid;border-width:1px;cursor:pointer;display:block;height:40px;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color ease .1s,color ease .1s;width:120px}.resoui_button_size_sm{font-size:var(--resoui-font-size-2);height:32px;padding:0 var(--resoui-spacing-3);width:80px}.resoui_button_size_md{height:40px;width:120px}.resoui_button_size_lg{font-size:var(--resoui-font-size-3);height:56px;width:160px}.resoui_button_container_inheritWidth{min-width:inherit;width:100%}.resoui_button_container_inline{display:inline-block}.resoui_button_container_link{border:none;height:auto;padding:var(--resoui-spacing-2);width:fit-content}.resoui_button_container_link:hover{text-decoration:underline}.resoui_button_text{font-size:var(--resoui-font-size-3);font-weight:500}.resoui_button_plain{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}.resoui_button_plain:hover,[data-resoui-theme=dark] .resoui_button_plain{background:var(--resoui-neutral-dark);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_button_plain{border-color:var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_button_plain:hover{background:var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}.resoui_button_primary{background:var(--resoui-brand-secondary-gradient);border:none;color:var(--resoui-base-white);opacity:.9}.resoui_button_primary:hover{opacity:1}.resoui_button_secondary{background:var(--resoui-brand-tertiary-gradient);border:none;color:var(--resoui-base-white);opacity:.9}.resoui_button_secondary:hover{opacity:1}.resoui_button_danger{background:var(--resoui-utility-error);border:none;color:var(--resoui-base-white);opacity:.9}.resoui_button_danger:hover{opacity:1}[data-resoui-theme=dark] .resoui_button_danger{background:var(--resoui-utility-error-dark);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_button_danger:hover{background:var(--resoui-utility-error)}.resoui_button_link{background:unset;color:var(--resoui-neutral-dark);color:var(--resoui-utility-info)}.resoui_dashboard_overview_card{align-items:flex-start;border-radius:12px;border-style:solid;border-width:1px;display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-start;min-width:140px;padding:var(--resoui-spacing-4) var(--resoui-spacing-5)}.resoui_dashboard_overview_card_clickable{cursor:pointer}.resoui_dashboard_overview_card_label{align-items:center;display:flex;gap:6px;margin-bottom:4px}.resoui_dashboard_overview_card_label_text{font-size:var(--resoui-font-size-2)}.resoui_dashboard_overview_card_value{font-size:var(--resoui-font-size-8);font-weight:700}.resoui_dashboard_overview_card_badge{align-items:center;border-radius:9px;display:inline-flex;font-size:var(--resoui-font-size-1);font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.resoui_dashboard_overview_card{background:var(--resoui-neutral-lightest);border-color:var(--resoui-neutral-light);color:var(--resoui-neutral-dark);transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color ease .2s}.resoui_dashboard_overview_card.resoui_dashboard_overview_card_clickable:hover{background-color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_dashboard_overview_card{background:var(--resoui-neutral-dark);border-color:var(--resoui-neutral-darker);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_dashboard_overview_card.resoui_dashboard_overview_card_clickable:hover{background-color:var(--resoui-neutral-darker)}.resoui_dashboard_overview_card_label,[data-resoui-theme=dark] .resoui_dashboard_overview_card_label{color:var(--resoui-neutral-medium)}.resoui_dashboard_overview_card_value{color:var(--resoui-neutral-darker)}[data-resoui-theme=dark] .resoui_dashboard_overview_card_value{color:var(--resoui-base-white)}.resoui_dashboard_overview_card_badge{background-color:var(--resoui-utility-error);color:var(--resoui-base-white)}.resoui_dashboard_overview_card_container{display:flex;flex-wrap:wrap;gap:var(--resoui-spacing-5)}.resoui_center_container{margin:0 auto;max-width:1280px}.resoui_center_container_inheritMinWidth{min-width:inherit}.resoui_flex_container{display:flex}.resoui_flex_row{flex-direction:row}.resoui_flex_column{flex-direction:column}.resoui_flex_justify_start{justify-content:flex-start}.resoui_flex_justify_end{justify-content:flex-end}.resoui_flex_justify_space-between{justify-content:space-between}.resoui_flex_justify_space-around{justify-content:space-around}.resoui_flex_justify_center{justify-content:center}.resoui_flex_align_start{align-items:flex-start}.resoui_flex_align_end{align-items:flex-end}.resoui_flex_align_center{align-items:center}.resoui_flex_grow{flex-grow:1}.resoui_flex_shrink{flex-shrink:1}.resoui_flex_no_shrink{flex-shrink:0}.resoui_flex_wrap{flex-wrap:wrap}.resoui_flex_half{flex:0.48}.resoui_flex_full{flex:1}.resoui_hsc_container{overflow-x:auto;white-space:nowrap;width:540px}.resoui_hsc_container_inheritWidth{min-width:inherit;width:100%}.resoui_hsi_container{display:inline-block;width:fit-content}.resoui_p_base{line-height:auto}.resoui_text_no_block_margin{margin-block-end:0;margin-block-start:0}.resoui_text_no_inline_margin{margin-inline-end:0;margin-inline-start:0}.resoui_heading_h1_base{font-size:var(--resoui-font-size-9);line-height:34px}.resoui_heading_h2_base{font-size:var(--resoui-font-size-6);line-height:26px}.resoui_heading_h3_base{font-size:var(--resoui-font-size-5);line-height:23px}.resoui_heading_h4_base{font-size:var(--resoui-font-size-4);line-height:21px}.resoui_heading_h5_base{font-size:var(--resoui-font-size-3);line-height:18px}.resoui_heading_h6_base{font-size:var(--resoui-font-size-2);line-height:18px}.resoui_fontsize_default_1{font-size:var(--resoui-font-size-1)}.resoui_fontsize_default_2{font-size:var(--resoui-font-size-2)}.resoui_fontsize_default_3{font-size:var(--resoui-font-size-3)}.resoui_fontsize_default_4{font-size:var(--resoui-font-size-4)}.resoui_fontsize_default_5{font-size:var(--resoui-font-size-5)}.resoui_fontsize_default_6{font-size:var(--resoui-font-size-6)}.resoui_fontsize_default_7{font-size:var(--resoui-font-size-7)}.resoui_fontsize_default_8{font-size:var(--resoui-font-size-8)}.resoui_fontsize_default_9{font-size:var(--resoui-font-size-9)}.resoui_fontsize_large_1{font-size:32px}.resoui_fontsize_large_2{font-size:36px}.resoui_fontsize_large_3{font-size:40px}.resoui_fontsize_large_4{font-size:42px}.resoui_fontsize_large_5{font-size:46px}.resoui_fontsize_large_6{font-size:50px}.resoui_fontsize_large_7{font-size:54px}.resoui_fontsize_large_8{font-size:60px}.resoui_fontsize_large_9{font-size:64px}.resoui_text_base{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_text_base{background:unset;color:var(--resoui-base-white)}.resoui_loader_container{align-items:center;box-sizing:content-box;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100%;position:absolute;top:0;width:100%;z-index:4}.resoui_loader_container_fullscreen{position:fixed;z-index:1000}.resoui_loader_spinner{animation:resoui_loader_rotate 1s linear infinite;border-radius:50%;display:block;position:relative}.resoui_loader_spinner:after,.resoui_loader_spinner:before{animation:resoui_loader_clipFix 2s linear infinite;border-radius:50%;border-style:solid;border-width:4px;box-sizing:border-box;content:"";inset:0;position:absolute}.resoui_loader_spinner:after{animation:resoui_loader_clipFix 2s linear infinite,resoui_loader_rotate .5s linear infinite reverse;inset:5px}.resoui_loader_icon_container_mb{margin-bottom:var(--resoui-spacing-7)}.resoui_loader_icon_size_small{height:35px;width:35px}.resoui_loader_icon_size_medium{height:45px;width:45px}.resoui_loader_icon_size_large{height:55px;width:55px}.resoui_loader_icon_size_large:after,.resoui_loader_icon_size_large:before{border-width:5px}.resoui_loader_icon_size_large:after{inset:6px}@keyframes resoui_loader_rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes resoui_loader_clipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.resoui_loader_container{background:transparent}.resoui_loader_container_fullscreen{background-color:var(--resoui-neutral-overlay)}.resoui_loader_spinner:before{border-color:var(--resoui-brand-primary)}[data-resoui-theme=dark] .resoui_loader_spinner:before{border-color:var(--resoui-neutral-light)}.resoui_loader_spinner:after,[data-resoui-theme=dark] .resoui_loader_spinner:after{border-color:var(--resoui-brand-secondary)}.resoui_legacyLoader_container{align-items:center;box-sizing:content-box;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100%;position:absolute;top:0;width:100%;z-index:4}.resoui_legacyLoader_container_fullscreen{background-color:var(--resoui-neutral-overlay);position:fixed;z-index:100}.resoui_legacyLoader_icon_container{line-height:55px;text-align:center}.resoui_legacyLoader_icon_container_mb{margin-bottom:40px}.resoui_legacyLoader_icon_size_small{height:35px;width:35px}.resoui_legacyLoader_icon_size_medium{height:45px;width:45px}.resoui_legacyLoader_icon_size_large{height:55px;width:55px}.resoui_legacyLoader_container{background:var(--resoui-neutral-light);border:1px solid var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}.resoui_legacyLoader_loader{background-color:var(--resoui-neutral-dark);border:2px solid var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_legacyLoader_container{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-medium);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_legacyLoader_loader{background-color:var(--resoui-neutral-light);border-color:var(--resoui-neutral-light)}.resoui_componentShimmerLoader_container{height:100%;overflow:hidden;position:relative;width:100%}.resoui_componentShimmerLoader_shimmer{animation:shimmer 2.5s linear infinite;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.resoui_componentShimmerLoader_shimmer{background:linear-gradient(to right,var(--resoui-neutral-light) 0,var(--resoui-neutral-lightest) 50%,var(--resoui-neutral-light) 100%);background-size:200% 100%}[data-resoui-theme=dark] .resoui_componentShimmerLoader_shimmer{background:linear-gradient(to right,var(--resoui-neutral-darker) 0,var(--resoui-neutral-dark) 50%,var(--resoui-neutral-darker) 100%);background-size:200% 100%}.resoui_componentError_container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;min-height:100%;opacity:.9;position:absolute;top:0;width:100%;z-index:4}.resoui_componentError_icon{border-radius:100px;font-size:var(--resoui-font-size-8);font-weight:700;height:55px;line-height:55px;text-align:center;width:55px}.resoui_componentError_text{font-size:var(--resoui-font-size-5);font-weight:400}.resoui_componentError_icon_margin{margin-bottom:var(--resoui-spacing-5)}.resoui_componentError_container{background:var(--resoui-neutral-light);border:1px solid var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}.resoui_componentError_icon{background-color:var(--resoui-utility-error);border:2px solid var(--resoui-utility-error);color:var(--resoui-base-white)}.resoui_componentError_text{color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_componentError_container{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-medium);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_componentError_text{color:var(--resoui-base-white)}.resoui_loadingContainer_container_layer{width:fit-content}.resoui_loadingContainer_container_conditional{height:inherit;max-height:inherit;max-width:inherit;min-height:inherit;min-width:inherit;width:inherit}.resoui_loadingContainer_container_fullWidth{width:100%}.resoui_loadingContainer_container_layer .resoui_loader_container{background-color:var(--resoui-neutral-overlay)}[data-resoui-theme=dark] .resoui_loadingContainer_container_layer .resoui_loader_container{background-color:rgba(0,0,0,.5)}.resoui_main_container{background:var(--resoui-base-white);color:var(--resoui-neutral-dark);padding-top:54px}[data-resoui-theme=dark] .resoui_main_container{background:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_viewContainer_container{height:100%}.resoui_viewContainer{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_viewContainer{background:var(--resoui-brand-primary-dark);color:var(--resoui-base-white)}.resoui_modal_backdrop{align-items:center;background-color:transparent;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.resoui_modal_backdrop_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color .25s linear}.resoui_modal_backdrop_open{background-color:var(--resoui-neutral-overlay)}.resoui_modal_container{border-radius:12px;max-width:540px;min-height:180px;min-width:240px;opacity:0;overflow-y:overlay;position:relative;transform:translateY(20px) scale(.98)}.resoui_modal_container_open{opacity:1;transform:translateY(0) scale(1)}.resoui_modal_container_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity .25s 0s linear,transform .25s 0s linear}.resoui_modal_container{background:var(--resoui-base-white);box-shadow:0 8px 30px rgba(0,0,0,.12);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_modal_container{background:var(--resoui-brand-primary-dark);box-shadow:0 8px 30px rgba(0,0,0,.4);color:var(--resoui-base-white)}.resoui_modal_body{display:block}.resoui_modal_header{align-items:center;background:unset;border-bottom-color:var(--resoui-neutral-light);border-bottom-style:solid;border-bottom-width:1px;color:var(--resoui-neutral-dark);display:flex;flex-direction:row;font-weight:600;height:56px;justify-content:space-between;margin-bottom:var(--resoui-spacing-3);padding-left:24px}[data-resoui-theme=dark] .resoui_modal_header{background:unset;border-bottom-color:var(--resoui-neutral-darker);color:var(--resoui-base-white)}.resoui_dialog_container{text-align:center}.resoui_dialog_header{font-size:var(--resoui-font-size-7);font-weight:600;margin:var(--resoui-spacing-5) auto}.resoui_dialog_description{margin-bottom:var(--resoui-spacing-6)}.resoui_dialog_buttons_container{display:block;width:100%}.resoui_dialog_buttons_container_yesNo{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.resoui_dialog_button_no{border-style:solid;border-width:1px;margin-right:var(--resoui-spacing-5)}.resoui_dialog_button_ok,.resoui_dialog_button_yes{border:none}.resoui_dialog_button_no{background:unset;border-color:var(--resoui-neutral-dark);color:var(--resoui-neutral-dark)}.resoui_dialog_button_no:hover{background-color:var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_dialog_button_no{border-color:var(--resoui-neutral-light)}.resoui_dialog_button_ok{background:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_dialog_button_ok:hover{background-color:var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_dialog_button_ok{background:var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}.resoui_resodnd_draggable_dragging{visibility:hidden}.resoui_resodnd_draggable_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,transform .25s ease-in-out}.resoui_resodnd_remove_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,transform .25s ease-in-out,opacity .25s ease-in-out}.resoui_resodnd_arraysorter_dragzone_container{box-sizing:border-box;position:relative;white-space:nowrap}.resoui_resodnd_arraysorter_dragzone_container_horizontal{max-width:100%;overflow-x:auto}.resoui_resodnd_arraysorter_dragzone_container_vertical{max-height:720px;overflow-y:auto;width:auto}.resoui_resodnd_arraysorter_dragzone_container_wrap{white-space:wrap}.resoui_resodnd_arraysorter_draggable{box-sizing:border-box;cursor:grab;position:relative}.resoui_resodnd_arraysorter_draggable_clickable{cursor:pointer}.resoui_resodnd_arraysorter_draggable_closeBtn{background-color:var(--resoui-utility-error);border:1px solid red;border-radius:100%;cursor:pointer;height:25px;position:absolute;right:-4px;top:-4px;width:25px;z-index:5}.resoui_resodnd_arraysorter_draggable_closeBtn:hover{background-color:var(--resoui-brand-secondary)}.resoui_resodnd_arraysorter_draggable_closeBtn_arm{border-top:2px solid #fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.resoui_resodnd_arraysorter_draggable_wiggle{animation:wiggle .3s ease-in-out infinite;transform-origin:center}.resoui_resodnd_arraysorter_draggable_horizontal{display:inline-block;height:auto;width:auto}.resoui_resodnd_arraysorter_draggable_vertical{display:block;height:auto;width:auto}.resoui_drawer_backdrop{background-color:transparent;height:100%;left:0;position:fixed;top:0;width:100%}.resoui_component_drawer_backdrop_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color .2s linear}.resoui_drawer_backdrop_open{background-color:var(--resoui-neutral-overlay)}.resoui_drawer_container_left{left:0;transform:translateX(-100%)}.resoui_drawer_container_right{right:0;transform:translateX(100%)}.resoui_drawer_container{align-items:start;display:flex;flex-direction:column;height:100%;justify-content:start;position:absolute}.resoui_component_drawer_container_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,transform .2s linear}.resoui_drawer_container_open{transform:translateX(0)}.resoui_drawer_title{align-items:center;border-bottom:1px solid var(--resoui-neutral-light);display:flex;font-size:var(--resoui-font-size-5);font-weight:600;height:56px;justify-content:space-between;min-height:56px;padding-left:24px;width:100%}.resoui_drawer_content{flex:1;overflow-y:auto;width:100%}.resoui_drawer_container{background:var(--resoui-base-white);box-shadow:-4px 0 20px rgba(0,0,0,.08);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_drawer_container{background:var(--resoui-brand-primary-dark);box-shadow:-4px 0 20px rgba(0,0,0,.3);color:var(--resoui-base-white)}.resoui_drawer_title{background:var(--resoui-base-white);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_drawer_title{background:var(--resoui-brand-primary-dark);border-bottom-color:var(--resoui-neutral-darker);color:var(--resoui-base-white)}.resoui_enlarged_image_modal_backdrop{align-items:center;background-color:transparent;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.resoui_enlarged_image_modal_backdrop_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color .25s linear}.resoui_enlarged_image_modal_backdrop_open{background-color:rgba(0,0,0,.85)}.resoui_enlarged_image_modal_container{opacity:0;position:relative;transform:scale(.95)}.resoui_enlarged_image_modal_container_transition{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity .25s 0s linear,transform .25s 0s linear}.resoui_enlarged_image_modal_container_open{opacity:1;transform:scale(1)}.resoui_enlarged_image_modal_close{position:absolute;right:var(--resoui-spacing-4);top:var(--resoui-spacing-4);z-index:1}.resoui_enlarged_image_modal_nav{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);width:48px}.resoui_enlarged_image_modal_nav:hover{opacity:1}.resoui_enlarged_image_modal_nav_previous{left:var(--resoui-spacing-5)}.resoui_enlarged_image_modal_nav_next{right:var(--resoui-spacing-5)}.resoui_enlarged_image_modal_container .resoui_componentShimmerLoader_container{display:none}.resoui_enlarged_image_modal_close .resoui_close_button_line{border-color:var(--resoui-base-white)}.resoui_enlarged_image_modal_nav .resoui_icon_container{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_enlarged_image_modal_close .resoui_close_button_line{border-color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_enlarged_image_modal_nav .resoui_icon_container{color:var(--resoui-base-white)}.resoui_image_container{display:block;height:364px;overflow:hidden;position:relative;width:456px}.resoui_image_container_inheritWidth{min-width:inherit;width:100%}.resoui_image_container_clickable_zoomIn{cursor:zoom-in}.resoui_image_container_clickable_zoomOut{cursor:zoom-out}.resoui_image_container_clickable_pointer{cursor:pointer}.resoui_image_img{left:50%;object-position:center;position:absolute;top:50%;transform:translate(-50%,-50%)}.resoui_image_img_portrait{height:100%;width:auto}.resoui_image_img_landscape{height:auto;width:100%}.resoui_image_img_square{height:100%;width:100%}.resoui_image_img_fit-cover{object-fit:cover}.resoui_image_img_fit-contain{object-fit:contain}.resoui_image_img_fit-fill{object-fit:fill}.resoui_fullScreenError_container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.resoui_fullScreenError_icon{border-radius:100px;border-style:solid;border-width:2px;font-size:var(--resoui-font-size-8);font-weight:700;height:55px;line-height:55px;margin-bottom:40px;text-align:center;width:55px}.resoui_fullScreenError_text{font-size:var(--resoui-font-size-5);font-weight:400}.resoui_fullScreenError_container{background:var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}.resoui_fullScreenError_icon{background:var(--resoui-utility-error);border-color:var(--resoui-utility-error);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_fullScreenError_container{background:var(--resoui-neutral-darker);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_fullScreenError_icon{background:var(--resoui-utility-error-dark);border-color:var(--resoui-utility-error-light);color:var(--resoui-base-white)}.resoui_example_component_container{padding:15px;width:100%}.resoui_exampleComponent{background:var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_exampleComponent{background:var(--resoui-neutral-medium);color:var(--resoui-base-white)}.resoui_externalLinks_container{list-style:none;padding:0 var(--resoui-spacing-2)}.resoui_externalLinks_linkContainer{margin:var(--resoui-spacing-2) 0}.resoui_externalLinks_link{background:unset;color:var(--resoui-utility-info);font-size:var(--resoui-font-size-3);font-style:italic}[data-resoui-theme=dark] .resoui_externalLinks_link{color:var(--resoui-utility-info-light)}.resoui_flexTable_container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;max-height:100%;min-height:320px;overflow:hidden;overflow-x:auto;scrollbar-width:thin;width:100%}.resoui_flexTable_container_autoHeight{height:auto;min-height:unset}.resoui_flexTable_container{color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_flexTable_container{color:var(--resoui-base-white)}.resoui_flexTable_row{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color .125s linear;width:100%}.resoui_flexTable_row_desktop{flex-direction:row}.resoui_flexTable_row_mobile{flex-direction:column;margin-bottom:var(--resoui-spacing-3)}.resoui_flexTable_row_active{pointer-events:none}.resoui_flexTable_row_header{cursor:default;pointer-events:none}.resoui_flexTable_row_disabled{opacity:.5;pointer-events:none}.resoui_flexTable_row{border-bottom:1px solid var(--resoui-neutral-light)}.resoui_flexTable_row:hover{background-color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_flexTable_row{border-bottom-color:var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_flexTable_row:hover{background-color:var(--resoui-neutral-dark)}.resoui_flexTable_row_mobile{border:1px solid var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_flexTable_row_mobile{border-color:var(--resoui-neutral-dark)}.resoui_flexTable_row_active{background-color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_flexTable_row_active{background-color:var(--resoui-neutral-dark)}.resoui_flexTable_row_header{border-bottom:1px solid var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_flexTable_row_header{border-bottom-color:var(--resoui-neutral-medium)}.resoui_flexTable_cell{align-items:center;display:flex;justify-content:flex-start;padding:var(--resoui-spacing-4)}.resoui_flexTable_cell_mobile{padding:var(--resoui-spacing-3)}.resoui_flexTable_cell_label{font-style:italic;font-weight:var(--resoui-font-weight-bold);margin-right:var(--resoui-spacing-3)}.resoui_flexTable_cell_label,.resoui_flexTable_cell_text{color:inherit;font-size:var(--resoui-font-size-3);white-space:nowrap}.resoui_flexTable_cell_text{font-weight:var(--resoui-font-weight-normal);overflow:hidden;text-overflow:ellipsis}.resoui_flexTable_cell_text_header{font-size:var(--resoui-font-size-3);font-weight:var(--resoui-font-weight-bold)}.resoui_flexTable_cell{color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_flexTable_cell{color:var(--resoui-base-white)}.resoui_footer_container{font-size:var(--resoui-font-size-1);margin-top:var(--resoui-spacing-7);text-align:center;width:100%}.resoui_footer_container_positionFixed{bottom:0;left:0;position:fixed;width:100vw;z-index:10}.resoui_footer_container{background:var(--resoui-neutral-light);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_footer_container{background:var(--resoui-brand-primary);color:var(--resoui-base-white)}.resoui_hero_container{max-height:410px;max-width:1280px;min-height:320px;width:unset}.resoui_hero_container_fullWidth{max-width:none;width:100%}.resoui_multiImageViewer_container{overflow:hidden;padding:var(--resoui-spacing-3);width:364px}.resoui_multiImageViewer_mainImage{height:320px}.resoui_multiImageViewer_mainImage_wrapper{position:relative}.resoui_multiImageViewer_mainImage_multi{border-bottom:none;margin-bottom:15px}.resoui_multiImageViewer_mainImage_wiggle{animation:wiggle .3s ease-in-out infinite;transform-origin:center}.resoui_multiImageViewer_miniImage{display:inline-block;height:92px;vertical-align:middle;width:104px}.resoui_multiImageViewer_miniImage_wiggle{animation:wiggle .3s ease-in-out infinite;transform-origin:center}.resoui_multiImageViewer_miniImage_wrapper{display:inline-block;margin:0 5px;position:relative}.resoui_multiImageViewer_miniImage_selected{border-style:solid;border-width:3px;cursor:default}.resoui_multiImageViewer_mainImage_closeBtn{background-color:var(--resoui-utility-error);border:1px solid red;border-radius:100%;cursor:pointer;height:36px;position:absolute;right:-10px;top:-10px;width:36px;z-index:5}.resoui_multiImageViewer_mainImage_closeBtn:hover{background-color:var(--resoui-brand-secondary)}.resoui_multiImageViewer_mainImage_closeBtn_arm{border-top:2px solid #fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.resoui_multiImageViewer_miniImage_closeBtn{background-color:var(--resoui-utility-error);border:1px solid red;border-radius:100%;cursor:pointer;height:25px;position:absolute;right:-8px;top:-8px;width:25px;z-index:5}.resoui_multiImageViewer_miniImage_closeBtn:hover{background-color:var(--resoui-brand-secondary)}.resoui_multiImageViewer_miniImage_closeBtn_arm{border-top:2px solid #fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.resoui_multiImageViewer_miniImage_selected{border-color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_multiImageViewer_miniImage_selected{border-color:var(--resoui-neutral-light)}.resoui_infiniteScroll_container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;scrollbar-width:thin;width:100%}.resoui_infiniteScroll_loader{align-items:center;display:flex;justify-content:center;padding:var(--resoui-spacing-6);position:relative;width:100%}.resoui_infiniteScroll_loader .resoui_loader_container{min-height:unset;position:relative}.resoui_infiniteScroll_container{color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_infiniteScroll_container{color:var(--resoui-base-white)}.resoui_markdownText_container{width:100%}.resoui_markdownText_default{word-wrap:break-word;white-space:pre-wrap;width:100%}.resoui_markdownText_img{border-radius:12px;height:auto;margin:var(--resoui-spacing-5) 0;object-fit:cover;width:300px}.resoui_markdownText_ol,.resoui_markdownText_ul{font-size:var(--resoui-font-size-3);list-style-position:inside}.resoui_markdownText_li{line-height:18px}.resoui_markdownText_li::marker{white-space:nowrap}.resoui_markdownText_a{cursor:pointer;font-size:var(--resoui-font-size-3);text-decoration:none}.resoui_markdownText_a:hover{text-decoration:underline}.resoui_markdownText_pre{border-radius:12px;font-size:var(--resoui-font-size-3);line-height:25px;margin:var(--resoui-spacing-5) 0;margin-top:0;overflow-x:auto;padding:var(--resoui-spacing-5);width:100%}.resoui_markdownText_a{color:var(--resoui-utility-info);transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,color var(--resoui-transition-normal)}[data-resoui-theme=dark] .resoui_markdownText_a{color:var(--resoui-utility-info-light)}.resoui_markdownText_pre{background-color:var(--resoui-brand-primary-dark);color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_markdownText_pre{background-color:var(--resoui-brand-primary-darkest);color:var(--resoui-neutral-light)}.resoui_miniLoader_container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.resoui_miniLoader_spinner{animation:resoui_miniLoader_rotation 1s linear infinite;border-bottom-color:transparent!important;border-radius:50%;border-style:solid;border-width:3px;box-sizing:border-box;display:inline-block}@keyframes resoui_miniLoader_rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.resoui_miniLoader_spinner{border-color:var(--resoui-brand-primary)}[data-resoui-theme=dark] .resoui_miniLoader_spinner{border-color:var(--resoui-neutral-light)}.resoui_navbar_header_container{box-shadow:var(--resoui-shadow-default);box-sizing:border-box;height:54px;left:0;top:0;width:100%;z-index:5}.resoui_navbar_header_position_absolute{position:absolute}.resoui_navbar_header_position_fixed{position:fixed}.resoui_navbar_nav_container{align-items:center;background-color:unset;background:unset;display:flex;height:100%;justify-content:space-between;margin:0 auto}.resoui_navbar_nav_logo_container{box-sizing:content-box;height:100%;line-height:54px;min-width:90px;text-align:center}.resoui_navbar_nav_logo_container:hover{text-decoration:none}.resoui_navbar_nav_hamburger_container{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-width:48px;padding:10px;width:48px}.resoui_navbar_nav_hamburger_line{border:1.5px solid var(--resoui-neutral-dark);width:100%}.resoui_navbar_nav_hamburger_line:not(:last-child){margin-bottom:5px}.resoui_navbar_nav_logo_container_cursor_pointer{cursor:pointer}.resoui_navbar_nav_logo_text{font-family:DancingScript,Poppins,Roboto;font-weight:700}.resoui_navbar_nav_children_container{height:100%}.resoui_navbar_header_container{background:var(--resoui-base-white);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_navbar_header_container{background:var(--resoui-brand-primary);color:var(--resoui-base-white)}.resoui_navItem_container{display:block!important;float:left}.resoui_navItem_base{cursor:pointer;display:block;font-size:var(--resoui-font-size-3);height:54px;line-height:54px;min-width:90px;padding:0 15px;text-align:center}.resoui_navItem_element{border:none;font-size:var(--resoui-font-size-3);font-weight:500;opacity:.8;text-decoration:none}.resoui_navItem_element:hover{opacity:1}.resoui_navItem_element_active{font-weight:600;opacity:1}.resoui_navItem_element_active:hover{text-decoration:none}.resoui_navItem_container .resoui_navItem_element{background:unset;color:var(--resoui-neutral-dark)}.resoui_navItem_container .resoui_navItem_element_active{border-bottom:4px solid var(--resoui-brand-secondary)}[data-resoui-theme=dark] .resoui_navItem_container .resoui_navItem_element{background:unset;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_navItem_container .resoui_navItem_element_active{border-bottom:4px solid var(--resoui-neutral-lightest)}.resoui_paginator_container{align-items:center;display:flex;justify-content:flex-end;width:100%}.resoui_paginator_info{align-items:center;display:flex;font-size:var(--resoui-font-size-3);justify-content:center;margin:0 var(--resoui-spacing-5)}.resoui_paginator_button{border:1px solid var(--resoui-neutral-medium);border-radius:12px;cursor:pointer;font-size:var(--resoui-font-size-3);padding:var(--resoui-spacing-2) var(--resoui-spacing-4)}.resoui_paginator_button_disabled{cursor:not-allowed;opacity:.4}.resoui_paginator_button{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}.resoui_paginator_button:hover:not(:disabled){background:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_paginator_button{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_paginator_button:hover:not(:disabled){background:var(--resoui-neutral-dark)}.resoui_panel_container{background:var(--resoui-base-white);border-color:var(--resoui-neutral-light);border-radius:12px;border-style:solid;border-width:1px;box-shadow:var(--resoui-shadow-default);color:var(--resoui-neutral-dark);min-height:120px;padding:var(--resoui-spacing-4);width:264px}[data-resoui-theme=dark] .resoui_panel_container{background:var(--resoui-brand-primary-dark);border-color:var(--resoui-neutral-darker);color:var(--resoui-base-white)}.resoui_panel_title{background:unset;color:var(--resoui-neutral-dark);font-size:var(--resoui-font-size-4);font-weight:600;margin-bottom:var(--resoui-spacing-5);margin-top:var(--resoui-spacing-4);text-align:center}[data-resoui-theme=dark] .resoui_panel_title{background:unset;color:var(--resoui-base-white)}.resoui_panel_row_container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--resoui-spacing-4)}.resoui_panel_row_key{color:inherit;font-weight:600}.resoui_panel_row_value{color:inherit}.resoui_quantityCounter_container{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:space-between;width:80px}.resoui_quantityCounter_counterBox{background:var(--resoui-base-white);border:1px solid var(--resoui-neutral-medium);border-color:var(--resoui-neutral-medium);border-radius:4px;color:var(--resoui-neutral-dark);cursor:pointer;height:24px;line-height:24px;text-align:center;width:24px}[data-resoui-theme=dark] .resoui_quantityCounter_counterBox{background:var(--resoui-neutral-dark);border-color:var(--resoui-neutral-medium);color:var(--resoui-base-white)}.resoui_sidebar_container{flex-direction:column;max-height:100%;overflow:hidden;width:auto}.resoui_sidebar_container,.resoui_sidebar_row{align-items:flex-start;display:flex;height:100%;justify-content:flex-start}.resoui_sidebar_row{flex-direction:row;width:100%}.resoui_sidebar_inner{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;opacity:0;scrollbar-width:thin;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity 125ms ease,width 125ms ease 125ms;width:0}.resoui_sidebar_inner_open{opacity:1;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,width 125ms ease,opacity 125ms ease 125ms;width:240px}.resoui_sidebar_minimize_button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:var(--resoui-font-size-8);font-weight:var(--resoui-font-weight-bold);height:100%;justify-content:center;max-height:100%;opacity:0;overflow:hidden;padding:0;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity 125ms ease,width 125ms ease 125ms;width:0}.resoui_sidebar_minimize_button_open{opacity:1;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,width 125ms ease,opacity 125ms ease 125ms;width:20px}.resoui_sidebar_container{background-color:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_sidebar_container{background-color:var(--resoui-brand-primary-darkest)}.resoui_sidebar_minimize_button{border-right:1px solid var(--resoui-neutral-medium);color:var(--resoui-brand-primary-light)}.resoui_sidebar_minimize_button:hover{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebar_minimize_button{border-right-color:var(--resoui-neutral-dark);color:var(--resoui-brand-primary-light)}.resoui_sidebar_mode_alt1.resoui_sidebar_container{background-color:var(--resoui-brand-primary-medium)}[data-resoui-theme=dark] .resoui_sidebar_mode_alt1.resoui_sidebar_container{background-color:var(--resoui-brand-primary)}.resoui_sidebar_mode_alt1 .resoui_sidebar_minimize_button{border-right-color:var(--resoui-brand-primary);color:var(--resoui-brand-primary-light)}.resoui_sidebar_mode_alt1 .resoui_sidebar_minimize_button:hover{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebar_mode_alt1 .resoui_sidebar_minimize_button{border-right-color:var(--resoui-brand-primary-medium);color:var(--resoui-brand-primary-light)}.resoui_sidebar_mode_plain.resoui_sidebar_container{background-color:var(--resoui-neutral-lightest)}[data-resoui-theme=dark] .resoui_sidebar_mode_plain.resoui_sidebar_container{background-color:var(--resoui-neutral-darker)}.resoui_sidebar_mode_plain .resoui_sidebar_minimize_button{border-right-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-darker)}.resoui_sidebar_mode_plain .resoui_sidebar_minimize_button:hover{color:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_sidebar_mode_plain .resoui_sidebar_minimize_button{border-right-color:var(--resoui-neutral-dark);color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_sidebar_mode_plain .resoui_sidebar_minimize_button:hover{color:var(--resoui-base-white)}.resoui_sidebarNavLink_container{align-items:center;cursor:pointer;display:flex;font-size:var(--resoui-font-size-3);height:48px;justify-content:flex-start;padding-left:var(--resoui-spacing-6);text-decoration:none;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-fast) linear;width:100%}.resoui_sidebarNavTitle_container{cursor:default;margin-bottom:var(--resoui-spacing-2);margin-top:var(--resoui-spacing-5);pointer-events:none}.resoui_sidebarNavTitle_text{font-weight:var(--resoui-font-weight-bold)}.resoui_sidebarNavLink_active{pointer-events:none}.resoui_sidebarNavLink_disabled{opacity:.5;pointer-events:none}.resoui_sidebarNavLink_container{background-color:transparent;color:var(--resoui-neutral-light)}.resoui_sidebarNavLink_container:hover{background-color:var(--resoui-brand-primary-medium);color:var(--resoui-base-white);text-decoration:none}[data-resoui-theme=dark] .resoui_sidebarNavLink_container{background-color:transparent;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebarNavLink_container:hover{background-color:var(--resoui-brand-primary-medium);color:var(--resoui-base-white)}.resoui_sidebarNavLink_active,[data-resoui-theme=dark] .resoui_sidebarNavLink_active{background-color:var(--resoui-brand-secondary-pale-transparent);border-left:3px solid var(--resoui-brand-secondary);color:var(--resoui-base-white)}.resoui_sidebar_mode_alt1 .resoui_sidebarNavLink_container{color:var(--resoui-neutral-light)}.resoui_sidebar_mode_alt1 .resoui_sidebarNavLink_container:hover{background-color:var(--resoui-brand-primary);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebar_mode_alt1 .resoui_sidebarNavLink_container{color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_sidebar_mode_alt1 .resoui_sidebarNavLink_container:hover{background-color:var(--resoui-brand-primary-medium);color:var(--resoui-base-white)}.resoui_sidebar_mode_alt1 .resoui_sidebarNavLink_active,[data-resoui-theme=dark] .resoui_sidebar_mode_alt1 .resoui_sidebarNavLink_active{background-color:var(--resoui-brand-secondary-pale-transparent);border-left-color:var(--resoui-brand-secondary);color:var(--resoui-base-white)}.resoui_sidebar_mode_plain .resoui_sidebarNavLink_container{color:var(--resoui-neutral-darker)}.resoui_sidebar_mode_plain .resoui_sidebarNavLink_container:hover{background-color:var(--resoui-neutral-light);color:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_sidebar_mode_plain .resoui_sidebarNavLink_container{color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_sidebar_mode_plain .resoui_sidebarNavLink_container:hover{background-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_sidebar_mode_plain .resoui_sidebarNavLink_active{background-color:var(--resoui-brand-secondary-pale);border-left-color:var(--resoui-brand-secondary);color:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_sidebar_mode_plain .resoui_sidebarNavLink_active{background-color:var(--resoui-brand-secondary-pale-transparent);border-left-color:var(--resoui-brand-secondary);color:var(--resoui-base-white)}.resoui_sidebarTitle_container{align-items:center;display:flex;height:54px;justify-content:center;margin-bottom:var(--resoui-spacing-5);margin-top:var(--resoui-spacing-5);padding:var(--resoui-spacing-5) var(--resoui-spacing-6);user-select:none;width:100%}.resoui_sidebarTitle_text{font-size:var(--resoui-font-size-5);font-weight:var(--resoui-font-weight-bold);letter-spacing:.5px}.resoui_sidebarTitle_container{border-bottom:1px solid var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_sidebarTitle_container{border-bottom-color:var(--resoui-neutral-dark)}.resoui_sidebarTitle_text{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebarTitle_text{color:var(--resoui-neutral-light)}.resoui_sidebar_mode_alt1 .resoui_sidebarTitle_container{border-bottom-color:var(--resoui-brand-primary)}[data-resoui-theme=dark] .resoui_sidebar_mode_alt1 .resoui_sidebarTitle_container{border-bottom-color:var(--resoui-brand-primary-medium)}.resoui_sidebar_mode_alt1 .resoui_sidebarTitle_text{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebar_mode_alt1 .resoui_sidebarTitle_text{color:var(--resoui-neutral-light)}.resoui_sidebar_mode_plain .resoui_sidebarTitle_container{border-bottom-color:var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_sidebar_mode_plain .resoui_sidebarTitle_container{border-bottom-color:var(--resoui-neutral-dark)}.resoui_sidebar_mode_plain .resoui_sidebarTitle_text{color:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_sidebar_mode_plain .resoui_sidebarTitle_text{color:var(--resoui-neutral-light)}.resoui_subForm_container{border-radius:12px;border-style:solid;border-width:1px;width:100%}.resoui_subForm_header{border-radius:12px 12px 0 0;height:48px;line-height:48px;padding:0 var(--resoui-spacing-5);text-align:left}.resoui_subForm_content{padding:var(--resoui-spacing-6)}[data-resoui-theme=dark] .resoui_subForm_container{border-color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_subForm_header{background:var(--resoui-neutral-darker);color:var(--resoui-base-white)}.resoui_date_selector_header{border-radius:12px;border-style:solid;border-width:1px;box-shadow:0 2px 15px rgba(34,60,102,.2);cursor:pointer;font-size:var(--resoui-font-size-3);font-weight:inherit;height:40px;padding:0 var(--resoui-spacing-4);text-align:left;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,border-radius var(--resoui-transition-slow) ease-in-out;width:100%}.resoui_date_selector_header:hover{border:1px solid green}.resoui_date_selector_header:active{background-color:#eaeaea}.resoui_date_selector_header{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_selector_header{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_date_component_navigation_container{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:space-between;margin-bottom:var(--resoui-spacing-2)}.resoui_date_component_navigation_button{border-radius:100%;cursor:pointer;font-size:var(--resoui-font-size-3);max-height:42px;max-width:42px;min-height:32px;min-width:32px;text-align:center}.resoui_date_component_navigation_text{font-size:var(--resoui-font-size-3)}.resoui_date_component_navigation_container{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_component_navigation_container{background:unset;color:var(--resoui-base-white)}.resoui_date_component_navigation_button{background:unset;color:var(--resoui-neutral-dark)}.resoui_date_component_navigation_button:hover{background-color:var(--resoui-neutral-lightest)}[data-resoui-theme=dark] .resoui_date_component_navigation_button{background:unset;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_date_component_navigation_button:hover{background-color:var(--resoui-neutral-dark)}.resoui_date_component_navigation_text{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_component_navigation_text{background:unset;color:var(--resoui-base-white)}.resoui_date_day_name_container{background:unset;border-color:var(--resoui-neutral-medium);border-width:1px;color:var(--resoui-neutral-dark);font-size:var(--resoui-font-size-2);font-weight:500}[data-resoui-theme=dark] .resoui_date_day_name_container{background:unset;color:var(--resoui-base-white)}.resoui_date_selector_grid_unit{height:42px;text-align:center}.resoui_date_day_number_container,.resoui_date_selector_grid_unit{align-items:center;display:flex;justify-content:center;position:relative}.resoui_date_day_number_container{border-radius:100px;border-style:solid;border-width:1px;cursor:pointer;font-size:var(--resoui-font-size-3);font-weight:400;margin:1px;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,background-color .1s ease}.resoui_date_day_number_container_disabled{pointer-events:none}.resoui_date_day_number_span{font-size:var(--resoui-font-size-3)}.resoui_date_day_number_selected{border-style:solid;border-width:1px;pointer-events:none}.resoui_date_day_number_today_marker{border-radius:90%;height:8px;position:absolute;right:0;top:3px;width:8px}.resoui_date_day_number_container{background:unset;border-color:transparent;color:var(--resoui-neutral-dark)}.resoui_date_day_number_container:hover{background-color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_date_day_number_container{background:unset;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_date_day_number_container:hover{background-color:var(--resoui-neutral-dark)}.resoui_date_day_number_span{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_day_number_span{background:unset;color:var(--resoui-base-white)}.resoui_date_day_number_selected{border-color:var(--resoui-brand-primary)}[data-resoui-theme=dark] .resoui_date_day_number_selected{border-color:var(--resoui-brand-secondary)}.resoui_date_day_number_today_marker{background:var(--resoui-brand-secondary-darker);color:var(--resoui-base-white)}.resoui_date_day_number_text_disabled{color:var(--resoui-neutral-medium)!important;pointer-events:none!important}[data-resoui-theme=dark] .resoui_date_day_number_text_disabled{color:var(--resoui-neutral-dark)!important}.resoui_date_days_grid_container{display:grid;margin-bottom:10px}.resoui_custom_selected_className{background:green}.resoui_custom_today_className{background:orange}.resoui_date_days_grid_container{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_days_grid_container{background:unset;color:var(--resoui-base-white)}.resoui_date_selector_grid_container{border-radius:12px;border-style:solid;border-width:1px;box-shadow:0 2px 15px rgba(34,60,102,.2);height:0;left:0;opacity:0;padding:var(--resoui-spacing-2);position:absolute;top:5px;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,height .25s ease-in-out,width .25s ease-in-out,opacity .25s ease;width:100%;z-index:5}.resoui_date_selector_grid_container_opened{height:448px;opacity:1;width:320px}.resoui_date_selector_grid_content{opacity:0;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity .25s ease .25s}.resoui_date_selector_grid_content_opened{opacity:1}.resoui_date_selector_grid_content_transition_exit{transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,opacity .25s ease 0s}.resoui_date_selector_grid_buttons_wrapper{align-items:center;display:flex;font-size:var(--resoui-font-size-3);gap:18px;justify-content:space-between;width:100%}.resoui_date_selector_grid_button{border-radius:5px;cursor:pointer;height:32px;width:140px}.resoui_date_selector_grid_button_reset{border:1px solid var(--resoui-neutral-medium)}.resoui_date_selector_grid_button_reset:hover{background-color:var(--resoui-neutral-dark);border:none;color:#fff}.resoui_date_selector_grid_button_reset:active{background-color:var(--resoui-neutral-medium);border:none;opacity:1}.resoui_date_selector_grid_button_done{background:linear-gradient(180deg,#fb974f,#d75919);border:none;color:#fff;opacity:.9}.resoui_date_selector_grid_button_done:hover{background:linear-gradient(180deg,#fb974f,#d75919);opacity:1}.resoui_date_selector_grid_button_done:active{background:linear-gradient(180deg,#d58043,#b74b15);opacity:1}.resoui_date_selector_grid_container{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_date_selector_grid_container{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_date_selector_container{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);border-radius:12px;color:var(--resoui-neutral-dark);width:280px}[data-resoui-theme=dark] .resoui_date_selector_container{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_form_input_container{flex:1;width:100%}.resoui_form_controls_input{border-radius:12px;border-style:solid;border-width:1px;font-family:var(--resoui-font-family);font-size:var(--resoui-font-size-4);font-weight:400;height:40px;outline:none;padding:var(--resoui-spacing-3) var(--resoui-spacing-4);width:100%}.resoui_form_controls_input:focus{box-shadow:0 2px 15px rgba(34,60,102,.2)}.resoui_form_controls_input:disabled{background-color:var(--resoui-neutral-light)}.resoui_form_controls_input::placeholder{font-size:var(--resoui-font-size-3);font-weight:400}.resoui_form_controls_focus_noshadow:focus{box-shadow:none}[data-resoui-theme=dark] .resoui_form_controls_input{background-color:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_form_controls_input:disabled{background-color:var(--resoui-neutral-dark)}.resoui_form_input_error{color:red;font-size:var(--resoui-font-size-2);margin-top:var(--resoui-spacing-1);padding-left:var(--resoui-spacing-2)}.resoui_dropdown_container{border:none;display:inline-block!important;position:relative!important}.resoui_dropdown_header{align-items:center;border-radius:12px;border-style:solid;border-width:1px;cursor:pointer;display:flex;font-family:var(--resoui-font-family);font-size:var(--resoui-font-size-3);height:40px;justify-content:space-between;outline:none;padding:0 var(--resoui-spacing-4);text-align:left;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,border-radius .3s}.resoui_dropdown_header:focus{box-shadow:0 2px 15px rgba(34,60,102,.2)}.resoui_dropdown_header_navItem{border:none;border-radius:0;height:54px;width:120px}.resoui_dropdown_header_opened{border-bottom:none;border-radius:12px 12px 0 0}.resoui_dropdown_icon_invert{transform:rotate(180deg)}.resoui_dropdown_options_container{border-radius:0 0 12px 12px;border-style:solid;border-width:1px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;left:0;list-style:none;max-height:0;max-height:320px;overflow-y:auto;position:absolute;top:40px;transition:color var(--resoui-transition-normal) ease,background-color var(--resoui-transition-normal) ease,background var(--resoui-transition-normal) ease,border-color var(--resoui-transition-normal) ease,max-height .3s;width:100%;z-index:1}.resoui_dropdown_options_container_navItem{border:none;border-radius:0;top:54px}.resoui_dropdown_options_show{display:block}.resoui_dropdown_header{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}.resoui_dropdown_header:focus,.resoui_dropdown_header:hover{border-color:var(--resoui-utility-success-dark)}[data-resoui-theme=dark] .resoui_dropdown_header{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_dropdown_header:focus,[data-resoui-theme=dark] .resoui_dropdown_header:hover{border-color:var(--resoui-utility-success-dark)}.resoui_dropdown_header_navItem{background:unset;color:var(--resoui-neutral-dark)}.resoui_dropdown_header_navItem:hover{background:var(--resoui-neutral-light)}.resoui_dropdown_header_navItem:focus,.resoui_dropdown_header_navItem:hover{border-color:var(--resoui-utility-success-dark)}[data-resoui-theme=dark] .resoui_dropdown_header_navItem{background:unset;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_dropdown_header_navItem:hover{background:var(--resoui-brand-primary-light)}.resoui_dropdown_options_container{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_dropdown_options_container{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_dropdown_options_container_navItem{background:var(--resoui-base-white);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_dropdown_options_container_navItem{background:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_dropdown_option_base{background:unset;color:var(--resoui-neutral-dark);cursor:pointer;display:block;font-size:var(--resoui-font-size-3);outline:none;padding:var(--resoui-spacing-3);text-align:left;text-decoration:none;width:100%}[data-resoui-theme=dark] .resoui_dropdown_option_base{background:unset;color:var(--resoui-base-white)}.resoui_dropdown_option_hover:hover{background-color:var(--resoui-neutral-light)}.resoui_dropdown_option_active{background-color:var(--resoui-neutral-medium);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_dropdown_option_hover:hover{background-color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_dropdown_option_active{background-color:var(--resoui-brand-secondary-pale-transparent);border-left:3px solid var(--resoui-brand-secondary);color:var(--resoui-base-white)}.resoui_fileinput_row{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.resoui_fileinput_textinput{flex:1;margin-right:var(--resoui-spacing-1);width:unset}._resoui_fileinput_input{display:none}.resoui_fileinput_fileinput{line-height:40px;margin-right:var(--resoui-spacing-1);text-align:center}.resoui_fileinput_fileinput,.resoui_fileinput_reset_button{border-radius:12px;border-style:solid;border-width:1px;cursor:pointer;font-size:var(--resoui-font-size-3);font-weight:500;height:40px;width:80px}.resoui_fileinput_reset_button{display:block}.resoui_fileinput_noTextField{flex:1;margin:0 5px}.resoui_fileinput_fileinput,.resoui_fileinput_textinput{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}.resoui_fileinput_fileinput:hover{background-color:var(--resoui-neutral-medium);color:var(--resoui-base-white)}.resoui_fileinput_resetbtn{background:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_fileinput_resetbtn:hover{background-color:var(--resoui-neutral-medium)}.resoui_label_container{width:256px}.resoui_label_top_marginBottom{margin-bottom:var(--resoui-spacing-2)}.resoui_label_label{display:inline-block;font-size:var(--resoui-font-size-3);font-weight:600;line-height:18px}.resoui_label_required{color:var(--resoui-utility-error);font-weight:500}.resoui_label_description,.resoui_label_required{font-family:var(--resoui-font-family);font-size:var(--resoui-font-size-1)}.resoui_label_description{color:var(--resoui-neutral-dark);font-weight:400}.resoui_label_label_margin_right{margin-right:var(--resoui-spacing-1)}.resoui_label_container{background:unset;color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_label_label{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_label_description{color:var(--resoui-neutral-medium)}.resoui_submit_button{border:none;opacity:.9;width:100%}.resoui_submit_button:hover{opacity:1}.resoui_submit_button:disabled{background:var(--resoui-neutral-medium)}.resoui_submit_button{color:var(--resoui-base-white)}.resoui_submit_button,.resoui_submit_button:hover,[data-resoui-theme=dark] .resoui_submit_button{background:var(--resoui-brand-secondary-gradient)}[data-resoui-theme=dark] .resoui_submit_button{color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_submit_button:hover{background:var(--resoui-brand-secondary-gradient)}.resoui_input_text{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_input_text{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_textarea_input{border-radius:12px;border-style:solid;border-width:1px;font-family:var(--resoui-font-family);font-size:var(--resoui-font-size-3);font-weight:400;outline:none;padding:var(--resoui-spacing-3) var(--resoui-spacing-4);resize:none;width:100%}.resoui_textarea_input:focus{box-shadow:0 2px 15px rgba(34,60,102,.2)}.resoui_textarea_input:disabled{background-color:var(--resoui-neutral-light)}.resoui_textarea_input::placeholder{font-size:var(--resoui-font-size-3);font-weight:400}.resoui_textarea_input_focus_noshadow:focus{box-shadow:none}.resoui_textarea_input{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_textarea_input{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_input_number{background:var(--resoui-base-white);border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}.resoui_checkbox_container{align-items:center;display:flex;flex-direction:row;justify-content:center}.resoui_input_checkbox{border-radius:12px;border-style:solid;border-width:1px;cursor:pointer;height:24px;margin-right:var(--resoui-spacing-3);width:24px}.resoui_input_checkbox:disabled{pointer-events:none}.resoui_checkbox_right_container{width:inherit}.resoui_checkbox_children{font-size:var(--resoui-font-size-3)}.resoui_checkbox_error{margin:0;padding:0}.resoui_checkbox_theme{background:unset;border-color:var(--resoui-neutral-medium);color:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_checkbox_theme{background:var(--resoui-neutral-darker);border-color:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_radioselect_options_container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;min-height:40px;width:inherit}.resoui_radioselect_radio{margin-bottom:var(--resoui-spacing-1);padding:var(--resoui-spacing-1) var(--resoui-spacing-2);padding-top:0}.resoui_radioselect_input{cursor:pointer}.resoui_radioselect_label{cursor:pointer;font-size:var(--resoui-font-size-3);margin-left:var(--resoui-spacing-2)}:root{--resoui-brand-primary-ghost:#f7f6ff;--resoui-brand-primary-light:#9395c4;--resoui-brand-primary-medium:#4a4870;--resoui-brand-primary:#2d2b50;--resoui-brand-primary-dark:#1a1830;--resoui-brand-primary-darkest:#100f1e;--resoui-brand-secondary-pale-transparent:rgba(240,112,80,.15);--resoui-brand-secondary-pale:#fceae5;--resoui-brand-secondary-light:#f8a090;--resoui-brand-secondary:#f07050;--resoui-brand-secondary-dark:#cc3535;--resoui-brand-secondary-darker:#a43030;--resoui-brand-secondary-gradient:linear-gradient(135deg,#f07050,#cc3535);--resoui-brand-tertiary-pale:#f0eafb;--resoui-brand-tertiary-light:#a872e4;--resoui-brand-tertiary:#7b35cc;--resoui-brand-tertiary-dark:#5620a0;--resoui-brand-tertiary-darker:#37126e;--resoui-brand-tertiary-gradient:linear-gradient(135deg,#7b35cc,#5620a0);--resoui-brand-quaternary-pale:#e0f7f8;--resoui-brand-quaternary-light:#8edee1;--resoui-brand-quaternary:#4ec9ce;--resoui-brand-quaternary-dark:#2b9da2;--resoui-brand-quaternary-darker:#1a6e72;--resoui-utility-success-bg:#e1f5ee;--resoui-utility-success-light:#61c176;--resoui-utility-success:#1d9e75;--resoui-utility-success-dark:#00593b;--resoui-utility-warning-bg:#fef3e2;--resoui-utility-warning-light:#ffc366;--resoui-utility-warning:#e2851e;--resoui-utility-warning-dark:#b5620d;--resoui-utility-error-bg:#fdecea;--resoui-utility-error-light:#f49090;--resoui-utility-error:#ea4d44;--resoui-utility-error-dark:#b83030;--resoui-utility-info-bg:#eaf1fa;--resoui-utility-info-light:#85b7eb;--resoui-utility-info:#2e7bc1;--resoui-utility-info-dark:#1a5a99;--resoui-neutral-lightest:#eff2f8;--resoui-neutral-light:#dadfe8;--resoui-neutral-medium:#8b93a1;--resoui-neutral-dark:#434b59;--resoui-neutral-darker:#2c3340;--resoui-neutral-overlay:rgba(67,75,89,.5);--resoui-base-white:#fff;--resoui-base-black:#000;--resoui-spacing-0:0px;--resoui-spacing-1:4px;--resoui-spacing-2:8px;--resoui-spacing-3:12px;--resoui-spacing-4:16px;--resoui-spacing-5:24px;--resoui-spacing-6:32px;--resoui-spacing-7:48px;--resoui-spacing-8:64px;--resoui-spacing-9:96px;--resoui-font-family:"Poppins","Roboto",sans-serif;--resoui-font-size-1:10px;--resoui-font-size-2:12px;--resoui-font-size-3:14px;--resoui-font-size-4:16px;--resoui-font-size-5:18px;--resoui-font-size-6:20px;--resoui-font-size-7:22px;--resoui-font-size-8:24px;--resoui-font-size-9:26px;--resoui-font-weight-normal:400;--resoui-font-weight-medium:500;--resoui-font-weight-semibold:600;--resoui-font-weight-bold:700;--resoui-radius-sm:4px;--resoui-radius-default:8px;--resoui-radius-lg:16px;--resoui-radius-full:9999px;--resoui-shadow-sm:0 1px 3px rgba(0,0,0,.1);--resoui-shadow-default:0px 2px 15px rgba(34,60,102,.2);--resoui-shadow-lg:0px 4px 25px rgba(34,60,102,.15);--resoui-transition-fast:0.125s;--resoui-transition-normal:0.25s;--resoui-transition-slow:0.5s}.resoui_radioselect_label{background:unset;color:var(--resoui-neutral-dark)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reso-ui",
-  "version": "3.3.0",
+  "version": "3.5.0",
   "description": "Reusable React components in Typescript",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",