reso-ui 3.4.0 → 3.6.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,174 @@ 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
+
+**Top-level (resolved)** — breakpoints computed from `Math.min(viewportWidth, containerWidth)`:
+
+| 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 |
+| `setContainerRef` | `(el: HTMLElement \| null) => void` | Register/unregister a container element |
+
+**`viewport`** — always based on the viewport, ignoring container. Use this for structural layout decisions (e.g., whether to show a sidebar):
+
+| Field | Type | Description |
+|-------|------|-------------|
+| `viewport.isMobile` | `boolean` | Viewport width < 640 |
+| `viewport.isTablet` | `boolean` | 640 <= viewport width < 768 |
+| `viewport.isMdDesktop` | `boolean` | 768 <= viewport width < 1024 |
+| `viewport.isLgDesktop` | `boolean` | 1024 <= viewport width < 1280 |
+| `viewport.isXLgDesktop` | `boolean` | Viewport width >= 1280 |
+| `viewport.width` | `number` | Viewport width |
+| `viewport.height` | `number` | Viewport height |
+
+**`container`** — breakpoints and dimensions of the tracked container element:
+
+| Field | Type | Description |
+|-------|------|-------------|
+| `container.isMobile` | `boolean` | Container width < 640 (true when none registered) |
+| `container.isTablet` | `boolean` | 640 <= container width < 768 |
+| `container.isMdDesktop` | `boolean` | 768 <= container width < 1024 |
+| `container.isLgDesktop` | `boolean` | 1024 <= container width < 1280 |
+| `container.isXLgDesktop` | `boolean` | Container width >= 1280 |
+| `container.width` | `number` | Container width (0 if none registered) |
+| `container.height` | `number` | Container height (0 if none registered) |
+
+### When to use which
+
+```tsx
+// Page layout — use top-level (resolved)
+const { isMobile } = useContext(ResponsiveContext);
+return <View pt={isMobile ? 7 : 9}>{/* ... */}</View>;
+
+// Structural decisions (show/hide panels) — use viewport
+const { viewport } = useContext(ResponsiveContext);
+const showSidebar = !viewport.isMobile && !viewport.isTablet;
+```
+
+---
+
+## Overlay Inset (Drawer / Modal / Dialog)
+
+Drawer, Modal, and EnlargedImageModal backdrops respect two CSS custom properties that offset them from the left/right viewport edges. This allows sidebars to remain visible and interactive while an overlay is open.
+
+### CSS Variables
+
+| Variable | Default | Effect |
+|----------|---------|--------|
+| `--resoui-left-inset` | `0px` | Backdrop left edge offset |
+| `--resoui-right-inset` | `0px` | Backdrop right edge offset |
+
+Both default to `0px` — apps that don't set any variable get identical behavior to before.
+
+### Setting from your app
+
+Set on `:root` (or any ancestor) via JavaScript when a sidebar becomes visible:
+
+```tsx
+import { useContext, useEffect } from "react";
+import { ResponsiveContext } from "reso-ui";
+
+const App = () => {
+  const { viewport } = useContext(ResponsiveContext);
+  const sidebarWidth = viewport.isXLgDesktop ? 540 : 400;
+  const sidebarOpen = true; // your sidebar state
+
+  useEffect(() => {
+    const value = sidebarOpen ? `${sidebarWidth}px` : '0px';
+    document.documentElement.style.setProperty('--resoui-right-inset', value);
+    return () => document.documentElement.style.removeProperty('--resoui-right-inset');
+  }, [sidebarOpen, sidebarWidth]);
+
+  return <>{/* ... */}</>;
+};
+```
+
+### How overlay widths adapt
+
+- **Percentage widths** (e.g., `width="80%"`) — adapt automatically (relative to the reduced backdrop area)
+- **`fullWidth`** (100%) — fills the available space minus insets
+- **Fixed pixel widths** (e.g., `width={400}`) — work as long as they fit within the reduced space
+
+### Using both sides
+
+The two variables are independent — you can offset from either or both:
+
+```css
+/* Right sidebar only */
+--resoui-right-inset: 400px;
+
+/* Left sidebar only */
+--resoui-left-inset: 280px;
+
+/* Both */
+--resoui-left-inset: 280px;
+--resoui-right-inset: 400px;
+```
+
+---
+
 ## Overriding the Color Palette
 
 `ResoUiProvider` accepts optional `theme` and `mode` props for runtime theming with no build step required.

package/dist/cjs/context/ResponsiveContext.js

@@ -2,14 +2,20 @@
 
 var React = require('react');
 
-const ResponsiveContext = React.createContext({
+const defaultBreakpoints = {
     isMobile: false,
     isTablet: false,
     isMdDesktop: false,
     isLgDesktop: false,
     isXLgDesktop: false,
+};
+const ResponsiveContext = React.createContext({
+    ...defaultBreakpoints,
     windowWidth: 0,
     windowHeight: 0,
+    viewport: { ...defaultBreakpoints, width: 0, height: 0 },
+    container: { ...defaultBreakpoints, isMobile: true, width: 0, height: 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":";;;;AA4BA,MAAM,kBAAkB,GAAiB;AACvC,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;CACpB;AAEM,MAAM,iBAAiB,GAAGA,mBAAa,CAAqB;AACjE,IAAA,GAAG,kBAAkB;AACrB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,QAAQ,EAAE,EAAE,GAAG,kBAAkB,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACxD,IAAA,SAAS,EAAE,EAAE,GAAG,kBAAkB,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzE,IAAA,eAAe,EAAE,MAAK,EAAE,CAAC;AAC1B,CAAA;;;;"}

package/dist/cjs/providers/ResponsiveProvider.js

@@ -3,25 +3,63 @@
 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;
+    // default band takes the effective width, which is the min of containerEl width and window width
+    const band = responsive.computeBreakpointBand(effectiveWidth);
+    // viewport band essentially takes the absolute window width
+    const viewportBand = responsive.computeBreakpointBand(windowWidth);
+    // containerElBand takes the width of the absolute containerEl width
+    const containerElBand = responsive.computeBreakpointBand(containerSize.width);
+    const breakpoints = React.useMemo(() => responsive.computeBreakpoints(effectiveWidth), [band]);
+    const viewportBreakpoints = React.useMemo(() => responsive.computeBreakpoints(windowWidth), [viewportBand]);
+    const containerElBreakpoints = React.useMemo(() => responsive.computeBreakpoints(containerSize.width), [containerElBand]);
+    const viewport = React.useMemo(() => ({
+        ...viewportBreakpoints,
+        width: windowWidth,
+        height: windowHeight,
+    }), [viewportBreakpoints, windowWidth, windowHeight]);
+    const container = React.useMemo(() => ({
+        ...containerElBreakpoints,
+        width: containerSize.width,
+        height: containerSize.height,
+    }), [containerElBreakpoints, containerSize.width, containerSize.height]);
+    const value = React.useMemo(() => ({
+        ...breakpoints,
+        windowWidth,
+        windowHeight,
+        viewport,
+        container,
+        setContainerRef: setContainerEl,
+    }), [breakpoints, windowWidth, windowHeight, viewport, container]);
+    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,CAG/C,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IAE3BC,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;YACf,KAAK,EAAE,WAAW,CAAC,WAAW;YAC9B,MAAM,EAAE,WAAW,CAAC,YAAY;AACjC,SAAA,CAAC;QAEF,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;;AAGf,IAAA,MAAM,IAAI,GAAGC,gCAAqB,CAAC,cAAc,CAAC;;AAElD,IAAA,MAAM,YAAY,GAAGA,gCAAqB,CAAC,WAAW,CAAC;;IAEvD,MAAM,eAAe,GAAGA,gCAAqB,CAAC,aAAa,CAAC,KAAK,CAAC;AAElE,IAAA,MAAM,WAAW,GAAGC,aAAO,CAAC,MAAMC,6BAAkB,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAE7E,IAAA,MAAM,mBAAmB,GAAGD,aAAO,CACjC,MAAMC,6BAAkB,CAAC,WAAW,CAAC,EACrC,CAAC,YAAY,CAAC,CACf;AAED,IAAA,MAAM,sBAAsB,GAAGD,aAAO,CACpC,MAAMC,6BAAkB,CAAC,aAAa,CAAC,KAAK,CAAC,EAC7C,CAAC,eAAe,CAAC,CAClB;AAED,IAAA,MAAM,QAAQ,GAAGD,aAAO,CACtB,OAAO;AACL,QAAA,GAAG,mBAAmB;AACtB,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,MAAM,EAAE,YAAY;KACrB,CAAC,EACF,CAAC,mBAAmB,EAAE,WAAW,EAAE,YAAY,CAAC,CACjD;AAED,IAAA,MAAM,SAAS,GAAGA,aAAO,CACvB,OAAO;AACL,QAAA,GAAG,sBAAsB;QACzB,KAAK,EAAE,aAAa,CAAC,KAAK;QAC1B,MAAM,EAAE,aAAa,CAAC,MAAM;AAC7B,KAAA,CAAC,EACF,CAAC,sBAAsB,EAAE,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,CACpE;AAED,IAAA,MAAM,KAAK,GAAGA,aAAO,CACnB,OAAO;AACL,QAAA,GAAG,WAAW;QACd,WAAW;QACX,YAAY;QACZ,QAAQ;QACR,SAAS;AACT,QAAA,eAAe,EAAE,cAAc;AAChC,KAAA,CAAC,EACF,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,CAAC,CAC9D;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/context/ResponsiveContext.d.ts

@@ -1,10 +1,23 @@
-export interface IResponsiveContext {
+export interface IBreakpoints {
     isMobile: boolean;
     isTablet: boolean;
     isMdDesktop: boolean;
     isLgDesktop: boolean;
     isXLgDesktop: boolean;
+}
+export interface IViewportContext extends IBreakpoints {
+    width: number;
+    height: number;
+}
+export interface IContainerContext extends IBreakpoints {
+    width: number;
+    height: number;
+}
+export interface IResponsiveContext extends IBreakpoints {
     windowWidth: number;
     windowHeight: number;
+    viewport: IViewportContext;
+    container: IContainerContext;
+    setContainerRef: (el: HTMLElement | null) => void;
 }
 export declare const ResponsiveContext: import("react").Context<IResponsiveContext>;

package/dist/esm/context/ResponsiveContext.js

@@ -1,13 +1,19 @@
 import { createContext } from 'react';
 
-const ResponsiveContext = createContext({
+const defaultBreakpoints = {
     isMobile: false,
     isTablet: false,
     isMdDesktop: false,
     isLgDesktop: false,
     isXLgDesktop: false,
+};
+const ResponsiveContext = createContext({
+    ...defaultBreakpoints,
     windowWidth: 0,
     windowHeight: 0,
+    viewport: { ...defaultBreakpoints, width: 0, height: 0 },
+    container: { ...defaultBreakpoints, isMobile: true, width: 0, height: 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":";;AA4BA,MAAM,kBAAkB,GAAiB;AACvC,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;CACpB;AAEM,MAAM,iBAAiB,GAAG,aAAa,CAAqB;AACjE,IAAA,GAAG,kBAAkB;AACrB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,QAAQ,EAAE,EAAE,GAAG,kBAAkB,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACxD,IAAA,SAAS,EAAE,EAAE,GAAG,kBAAkB,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AACzE,IAAA,eAAe,EAAE,MAAK,EAAE,CAAC;AAC1B,CAAA;;;;"}

package/dist/esm/providers/ResponsiveProvider.js

@@ -1,25 +1,63 @@
-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 { computeBreakpointBand, computeBreakpoints } 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;
+    // default band takes the effective width, which is the min of containerEl width and window width
+    const band = computeBreakpointBand(effectiveWidth);
+    // viewport band essentially takes the absolute window width
+    const viewportBand = computeBreakpointBand(windowWidth);
+    // containerElBand takes the width of the absolute containerEl width
+    const containerElBand = computeBreakpointBand(containerSize.width);
+    const breakpoints = useMemo(() => computeBreakpoints(effectiveWidth), [band]);
+    const viewportBreakpoints = useMemo(() => computeBreakpoints(windowWidth), [viewportBand]);
+    const containerElBreakpoints = useMemo(() => computeBreakpoints(containerSize.width), [containerElBand]);
+    const viewport = useMemo(() => ({
+        ...viewportBreakpoints,
+        width: windowWidth,
+        height: windowHeight,
+    }), [viewportBreakpoints, windowWidth, windowHeight]);
+    const container = useMemo(() => ({
+        ...containerElBreakpoints,
+        width: containerSize.width,
+        height: containerSize.height,
+    }), [containerElBreakpoints, containerSize.width, containerSize.height]);
+    const value = useMemo(() => ({
+        ...breakpoints,
+        windowWidth,
+        windowHeight,
+        viewport,
+        container,
+        setContainerRef: setContainerEl,
+    }), [breakpoints, windowWidth, windowHeight, viewport, container]);
+    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,CAG/C,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IAE3B,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;YACf,KAAK,EAAE,WAAW,CAAC,WAAW;YAC9B,MAAM,EAAE,WAAW,CAAC,YAAY;AACjC,SAAA,CAAC;QAEF,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;;AAGf,IAAA,MAAM,IAAI,GAAG,qBAAqB,CAAC,cAAc,CAAC;;AAElD,IAAA,MAAM,YAAY,GAAG,qBAAqB,CAAC,WAAW,CAAC;;IAEvD,MAAM,eAAe,GAAG,qBAAqB,CAAC,aAAa,CAAC,KAAK,CAAC;AAElE,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAE7E,IAAA,MAAM,mBAAmB,GAAG,OAAO,CACjC,MAAM,kBAAkB,CAAC,WAAW,CAAC,EACrC,CAAC,YAAY,CAAC,CACf;AAED,IAAA,MAAM,sBAAsB,GAAG,OAAO,CACpC,MAAM,kBAAkB,CAAC,aAAa,CAAC,KAAK,CAAC,EAC7C,CAAC,eAAe,CAAC,CAClB;AAED,IAAA,MAAM,QAAQ,GAAG,OAAO,CACtB,OAAO;AACL,QAAA,GAAG,mBAAmB;AACtB,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,MAAM,EAAE,YAAY;KACrB,CAAC,EACF,CAAC,mBAAmB,EAAE,WAAW,EAAE,YAAY,CAAC,CACjD;AAED,IAAA,MAAM,SAAS,GAAG,OAAO,CACvB,OAAO;AACL,QAAA,GAAG,sBAAsB;QACzB,KAAK,EAAE,aAAa,CAAC,KAAK;QAC1B,MAAM,EAAE,aAAa,CAAC,MAAM;AAC7B,KAAA,CAAC,EACF,CAAC,sBAAsB,EAAE,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,CACpE;AAED,IAAA,MAAM,KAAK,GAAG,OAAO,CACnB,OAAO;AACL,QAAA,GAAG,WAAW;QACd,WAAW;QACX,YAAY;QACZ,QAAQ;QACR,SAAS;AACT,QAAA,eAAe,EAAE,cAAc;AAChC,KAAA,CAAC,EACF,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,CAAC,CAC9D;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/Dialog/stories/Dialog.stories.d.ts

@@ -23,13 +23,13 @@ declare const _default: {
         okButtonStyles?: React.CSSProperties;
         rootClassName?: string;
         rootStyles?: React.CSSProperties;
-        pa?: 0 | 2 | 1 | 3 | 5 | 4 | 6 | 7 | 8 | 9;
-        pv?: 0 | 2 | 1 | 3 | 5 | 4 | 6 | 7 | 8 | 9;
-        ph?: 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;
+        pa?: 0 | 2 | 1 | 3 | 4 | 5 | 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;
+        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/context/ResponsiveContext.d.ts

@@ -1,10 +1,23 @@
-export interface IResponsiveContext {
+export interface IBreakpoints {
     isMobile: boolean;
     isTablet: boolean;
     isMdDesktop: boolean;
     isLgDesktop: boolean;
     isXLgDesktop: boolean;
+}
+export interface IViewportContext extends IBreakpoints {
+    width: number;
+    height: number;
+}
+export interface IContainerContext extends IBreakpoints {
+    width: number;
+    height: number;
+}
+export interface IResponsiveContext extends IBreakpoints {
     windowWidth: number;
     windowHeight: number;
+    viewport: IViewportContext;
+    container: IContainerContext;
+    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 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)}
+@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;bottom:0;display:flex;flex-direction:column;justify-content:center;left:var(--resoui-left-inset,0);position:fixed;right:var(--resoui-right-inset,0);top:0}.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;bottom:0;left:var(--resoui-left-inset,0);position:fixed;right:var(--resoui-right-inset,0);top:0}.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;bottom:0;display:flex;justify-content:center;left:var(--resoui-left-inset,0);position:fixed;right:var(--resoui-right-inset,0);top:0}.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.4.0",
+  "version": "3.6.0",
   "description": "Reusable React components in Typescript",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",