reso-ui 3.14.0 → 3.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Enlarged-Image-Modal/Enlarged-Image-Modal.js +2 -2
- package/dist/cjs/components/Enlarged-Image-Modal/Enlarged-Image-Modal.js.map +1 -1
- package/dist/cjs/components/Images/Image/Image.js +18 -17
- package/dist/cjs/components/Images/Image/Image.js.map +1 -1
- package/dist/cjs/components/Nav/Navbar/Navbar.js +2 -2
- package/dist/cjs/components/Nav/Navbar/Navbar.js.map +1 -1
- package/dist/cjs/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js +2 -1
- package/dist/cjs/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js.map +1 -1
- package/dist/esm/components/Enlarged-Image-Modal/Enlarged-Image-Modal.d.ts +4 -2
- package/dist/esm/components/Enlarged-Image-Modal/Enlarged-Image-Modal.js +2 -2
- package/dist/esm/components/Enlarged-Image-Modal/Enlarged-Image-Modal.js.map +1 -1
- package/dist/esm/components/Images/Image/Image.d.ts +18 -2
- package/dist/esm/components/Images/Image/Image.js +18 -17
- package/dist/esm/components/Images/Image/Image.js.map +1 -1
- package/dist/esm/components/Nav/Navbar/Navbar.js +2 -2
- package/dist/esm/components/Nav/Navbar/Navbar.js.map +1 -1
- package/dist/esm/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js +2 -1
- package/dist/esm/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.js.map +1 -1
- package/dist/src/library/components/Enlarged-Image-Modal/Enlarged-Image-Modal.d.ts +4 -2
- package/dist/src/library/components/Images/Image/Image.d.ts +18 -2
- package/dist/src/library/components/Images/Image/stories/Image.stories.d.ts +16 -8
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ var ChevronSingleLeft = require('../../icons/svg/ChevronSingleLeft.svg.js');
|
|
|
14
14
|
var ChevronSingleRight = require('../../icons/svg/ChevronSingleRight.svg.js');
|
|
15
15
|
|
|
16
16
|
const TRANSITION_DURATION = 250;
|
|
17
|
-
const EnlargedImageModal = ({ isOpen = false, onClose, imageSrc, imageAlt = "Enlarged image", hasNext = false, hasPrevious = false, onNext, onPrevious, layer = 1, width = 640, height = 640,
|
|
17
|
+
const EnlargedImageModal = ({ isOpen = false, onClose, imageSrc, imageAlt = "Enlarged image", hasNext = false, hasPrevious = false, onNext, onPrevious, layer = 1, width = 640, height = 640, imageDisplay = "contain", imagePosition, rootClassName, rootStyles = {}, ...spacingsProps }) => {
|
|
18
18
|
useDisableBodyScroll.useDisableBodyScroll(isOpen);
|
|
19
19
|
const { isMobile } = React.useContext(ResponsiveContext.ResponsiveContext);
|
|
20
20
|
const [_isOpen, _setIsOpen] = React.useState(false);
|
|
@@ -67,7 +67,7 @@ const EnlargedImageModal = ({ isOpen = false, onClose, imageSrc, imageAlt = "Enl
|
|
|
67
67
|
React.createElement(Image.Image, { rootStyles: {
|
|
68
68
|
width: `${imageSize}px`,
|
|
69
69
|
height: `${imageHeight}px`,
|
|
70
|
-
}, src: imageSrc, alt: imageAlt, onClick: onClose, clickable: "zoomOut",
|
|
70
|
+
}, src: imageSrc, alt: imageAlt, onClick: onClose, clickable: "zoomOut", display: imageDisplay, imagePosition: imagePosition })),
|
|
71
71
|
hasPrevious && onPrevious && (React.createElement("button", { className: "resoui_enlarged_image_modal_nav resoui_enlarged_image_modal_nav_previous resoui_no_select", onClick: (e) => {
|
|
72
72
|
e.preventDefault();
|
|
73
73
|
e.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Enlarged-Image-Modal.js","sources":["../../../../src/library/components/Enlarged-Image-Modal/Enlarged-Image-Modal.tsx"],"sourcesContent":[null],"names":["useDisableBodyScroll","useContext","ResponsiveContext","useState","useEffect","useCallback","createComponentStyles","createLayoutStyles","withSpacingsProps","createPortal","CloseButton","Image","Icon","ChevronSingleLeft","ChevronSingleRight"],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAM,mBAAmB,GAAG,GAAG;
|
|
1
|
+
{"version":3,"file":"Enlarged-Image-Modal.js","sources":["../../../../src/library/components/Enlarged-Image-Modal/Enlarged-Image-Modal.tsx"],"sourcesContent":[null],"names":["useDisableBodyScroll","useContext","ResponsiveContext","useState","useEffect","useCallback","createComponentStyles","createLayoutStyles","withSpacingsProps","createPortal","CloseButton","Image","Icon","ChevronSingleLeft","ChevronSingleRight"],"mappings":"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"}
|
|
@@ -5,11 +5,10 @@ var styles = require('../../../utils/styles.js');
|
|
|
5
5
|
var ShimmerLoader = require('../../Loaders/ShimmerLoader/ShimmerLoader.js');
|
|
6
6
|
var validations = require('../../../utils/validations.js');
|
|
7
7
|
|
|
8
|
-
const Image = ({ onClick, clickable, src, alt = "RESO Image", imgClassName,
|
|
8
|
+
const Image = ({ onClick, clickable, src, alt = "RESO Image", imgClassName, display = "contain", imagePosition, rootClassName, rootStyles = {}, fallbacks = [], imgStyles = {}, inheritWidth = false, ...spacingsProps }) => {
|
|
9
9
|
const [fallbackIndex, setFallbackIndex] = React.useState(-1);
|
|
10
10
|
const [loaded, setLoaded] = React.useState(false);
|
|
11
11
|
const [error, setError] = React.useState(false);
|
|
12
|
-
const [imageDimension, setImageDimension] = React.useState("landscape");
|
|
13
12
|
const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
|
|
14
13
|
resoui_image_container: true,
|
|
15
14
|
resoui_image_container_inheritWidth: inheritWidth,
|
|
@@ -19,22 +18,18 @@ const Image = ({ onClick, clickable, src, alt = "RESO Image", imgClassName, obje
|
|
|
19
18
|
}));
|
|
20
19
|
const imgClasses = styles.createComponentStyles(styles.createLayoutStyles({
|
|
21
20
|
resoui_image_img: true,
|
|
22
|
-
[`
|
|
23
|
-
[`resoui_image_img_fit-${objectFit}`]: true,
|
|
21
|
+
[`resoui_image_img_display-${display}`]: true,
|
|
24
22
|
}, imgClassName));
|
|
25
|
-
const
|
|
23
|
+
const computedObjectPosition = () => {
|
|
24
|
+
if (display === "contain" || !imagePosition)
|
|
25
|
+
return "center";
|
|
26
|
+
if (typeof imagePosition === "string")
|
|
27
|
+
return imagePosition;
|
|
28
|
+
return `${imagePosition.x} ${imagePosition.y}`;
|
|
29
|
+
};
|
|
30
|
+
const handleOnLoad = () => {
|
|
26
31
|
setError(false);
|
|
27
32
|
setLoaded(true);
|
|
28
|
-
const image = e.currentTarget;
|
|
29
|
-
if (image.naturalHeight > image.naturalWidth) {
|
|
30
|
-
setImageDimension("portrait");
|
|
31
|
-
}
|
|
32
|
-
else if (image.naturalWidth === image.naturalHeight) {
|
|
33
|
-
setImageDimension("square");
|
|
34
|
-
}
|
|
35
|
-
else {
|
|
36
|
-
setImageDimension("landscape");
|
|
37
|
-
}
|
|
38
33
|
};
|
|
39
34
|
const hasFallbacks = fallbacks && fallbacks.length > 0;
|
|
40
35
|
const imgSource = hasFallbacks && fallbackIndex > -1 ? fallbacks[fallbackIndex] : src;
|
|
@@ -44,8 +39,14 @@ const Image = ({ onClick, clickable, src, alt = "RESO Image", imgClassName, obje
|
|
|
44
39
|
}
|
|
45
40
|
}, "data-testid": "image-component-root" }, error ? (React.createElement("p", { "data-testid": "image-component-error" }, `Unable to load ${alt}`)) : (React.createElement(React.Fragment, null,
|
|
46
41
|
!loaded && React.createElement(ShimmerLoader.ShimmerLoader, null),
|
|
47
|
-
React.createElement("img", { "data-testid": "image-component-img", style: loaded
|
|
48
|
-
|
|
42
|
+
React.createElement("img", { "data-testid": "image-component-img", style: loaded
|
|
43
|
+
? { ...imgStyles, objectPosition: computedObjectPosition() }
|
|
44
|
+
: {
|
|
45
|
+
...imgStyles,
|
|
46
|
+
objectPosition: computedObjectPosition(),
|
|
47
|
+
display: "none",
|
|
48
|
+
}, alt: alt, src: imgSource, onLoad: () => {
|
|
49
|
+
handleOnLoad();
|
|
49
50
|
}, onError: () => {
|
|
50
51
|
if (hasFallbacks) {
|
|
51
52
|
setLoaded(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sources":["../../../../../src/library/components/Images/Image/Image.tsx"],"sourcesContent":[null],"names":["useState","createComponentStyles","createLayoutStyles","withSpacingsProps","methodHasValue","ShimmerLoader"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"Image.js","sources":["../../../../../src/library/components/Images/Image/Image.tsx"],"sourcesContent":[null],"names":["useState","createComponentStyles","createLayoutStyles","withSpacingsProps","methodHasValue","ShimmerLoader"],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ require('../../../context/OverlayRegistryContext.js');
|
|
|
11
11
|
var Flex = require('../../Containers/Flex/Flex.js');
|
|
12
12
|
|
|
13
13
|
const Navbar = ({ LogoWrapperElement = "a", logoHref = "#", textLogo = "Logo", renderCustomLogo, onClickLogo, showHamburgerButtonOnMobileView = false, onClickHamburgerButton, maxWidth, children, position = "fixed", navClassName, navStyles = {}, rootClassName, rootStyles = {}, ph = 5, ...spacingsProps }) => {
|
|
14
|
-
const {
|
|
14
|
+
const { viewport } = React.useContext(ResponsiveContext.ResponsiveContext);
|
|
15
15
|
const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
|
|
16
16
|
resoui_navbar_header_container: true,
|
|
17
17
|
[`resoui_navbar_header_position_${position}`]: true,
|
|
@@ -34,7 +34,7 @@ const Navbar = ({ LogoWrapperElement = "a", logoHref = "#", textLogo = "Logo", r
|
|
|
34
34
|
...navStyles,
|
|
35
35
|
} },
|
|
36
36
|
React.createElement(Flex.Flex, null,
|
|
37
|
-
showHamburgerButtonOnMobileView && isMobile && (React.createElement("div", { role: "button", "data-testid": "navbar-hamburger", className: "resoui_navbar_nav_hamburger_container", onClick: (e) => {
|
|
37
|
+
showHamburgerButtonOnMobileView && viewport.isMobile && (React.createElement("div", { role: "button", "data-testid": "navbar-hamburger", className: "resoui_navbar_nav_hamburger_container", onClick: (e) => {
|
|
38
38
|
e.preventDefault();
|
|
39
39
|
e.stopPropagation();
|
|
40
40
|
if (typeof onClickHamburgerButton === "function") {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sources":["../../../../../src/library/components/Nav/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["useContext","ResponsiveContext","createComponentStyles","createLayoutStyles","withSpacingsProps","clasnames","methodHasValue","Flex","Text"],"mappings":";;;;;;;;;;;;AAuCO,MAAM,MAAM,GAAG,CAAC,EACrB,kBAAkB,GAAG,GAAG,EACxB,QAAQ,GAAG,GAAG,EACd,QAAQ,GAAG,MAAM,EACjB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,GAAG,KAAK,EACvC,sBAAsB,EACtB,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,OAAO,EAClB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,aAAa,EACb,UAAU,GAAG,EAAE,EACf,EAAE,GAAG,CAAC,EACN,GAAG,aAAa,EACH,KAAI;IACjB,MAAM,EAAE,QAAQ,EAAE,GAAGA,gBAAU,CAACC,mCAAiB,CAAC;AAElD,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,8BAA8B,EAAE,IAAI;AACpC,QAAA,CAAC,CAAA,8BAAA,EAAiC,QAAQ,CAAA,CAAE,GAAG,IAAI;KACpD,EACD,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,CACzB,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,MAAM,UAAU,GAAGF,4BAAqB,CACtCC,yBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;AAClC,KAAA,EACD,YAAY,EACZ;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;IAED,MAAM,oBAAoB,GAAGE,UAAS,CAAC;AACrC,QAAA,gBAAgB,EAAE,IAAI;AACtB,QAAA,gCAAgC,EAAE,IAAI;QACtC,+CAA+C,EAC7CC,0BAAc,CAAC,WAAW,CAAC,IAAI,kBAAkB,KAAK,GAAG;AAC5D,KAAA,CAAC;IAEF,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,aAAa,EACzB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA;AAEjB,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO;AAC3D,gBAAA,GAAG,SAAS;AACb,aAAA,EAAA;AAED,YAAA,KAAA,CAAA,aAAA,CAACC,SAAI,EAAA,IAAA;gBACF,+BAA+B,IAAI,QAAQ,
|
|
1
|
+
{"version":3,"file":"Navbar.js","sources":["../../../../../src/library/components/Nav/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["useContext","ResponsiveContext","createComponentStyles","createLayoutStyles","withSpacingsProps","clasnames","methodHasValue","Flex","Text"],"mappings":";;;;;;;;;;;;AAuCO,MAAM,MAAM,GAAG,CAAC,EACrB,kBAAkB,GAAG,GAAG,EACxB,QAAQ,GAAG,GAAG,EACd,QAAQ,GAAG,MAAM,EACjB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,GAAG,KAAK,EACvC,sBAAsB,EACtB,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,OAAO,EAClB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,aAAa,EACb,UAAU,GAAG,EAAE,EACf,EAAE,GAAG,CAAC,EACN,GAAG,aAAa,EACH,KAAI;IACjB,MAAM,EAAE,QAAQ,EAAE,GAAGA,gBAAU,CAACC,mCAAiB,CAAC;AAElD,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,8BAA8B,EAAE,IAAI;AACpC,QAAA,CAAC,CAAA,8BAAA,EAAiC,QAAQ,CAAA,CAAE,GAAG,IAAI;KACpD,EACD,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,CACzB,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,MAAM,UAAU,GAAGF,4BAAqB,CACtCC,yBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;AAClC,KAAA,EACD,YAAY,EACZ;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;IAED,MAAM,oBAAoB,GAAGE,UAAS,CAAC;AACrC,QAAA,gBAAgB,EAAE,IAAI;AACtB,QAAA,gCAAgC,EAAE,IAAI;QACtC,+CAA+C,EAC7CC,0BAAc,CAAC,WAAW,CAAC,IAAI,kBAAkB,KAAK,GAAG;AAC5D,KAAA,CAAC;IAEF,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,aAAa,EACzB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA;AAEjB,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO;AAC3D,gBAAA,GAAG,SAAS;AACb,aAAA,EAAA;AAED,YAAA,KAAA,CAAA,aAAA,CAACC,SAAI,EAAA,IAAA;gBACF,+BAA+B,IAAI,QAAQ,CAAC,QAAQ,KACnD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,kBAAkB,EAC9B,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAE,CAAC,CAAC,KAAI;wBACb,CAAC,CAAC,cAAc,EAAE;wBAClB,CAAC,CAAC,eAAe,EAAE;AACnB,wBAAA,IAAI,OAAO,sBAAsB,KAAK,UAAU,EAAE;AAChD,4BAAA,sBAAsB,EAAE;wBAC1B;oBACF,CAAC,EAAA;oBAED,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,CAAG;oBACpD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,CAAG;AACpD,oBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kCAAkC,EAAA,CAAG,CAChD,CACP;gBACD,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAA,EAAA,aAAA,EACL,aAAa,EACzB,SAAS,EAAE,oBAAoB,EAC/B,OAAO,EAAE,MAAK;AACZ,wBAAA,IAAID,0BAAc,CAAC,WAAW,CAAC,EAAE;AAC/B,4BAAA,WAAW,EAAE;wBACf;oBACF,CAAC,EACD,IAAI,EAAE,kBAAkB,KAAK,GAAG,GAAG,QAAQ,GAAG,SAAS,IAEtD,OAAO,gBAAgB,KAAK,UAAU,IACrC,gBAAgB,EAAE,KAElB,oBAACE,SAAI,EAAA,EACH,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,6BAA6B,EAC3C,IAAI,EAAE,CAAC,IAEN,QAAQ,CACJ,CACR,CACkB,CAChB;YACP,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sCAAsC,EAAA,EAAE,QAAQ,CAAO,CAClE,CACC;AAEb;;;;"}
|
|
@@ -32,8 +32,9 @@ const DropdownSelect = ({ id, width = "240px", selectedKey, value /* default is
|
|
|
32
32
|
index.validate(value, inputValidators, setError);
|
|
33
33
|
}, [value]);
|
|
34
34
|
const wrapperClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
|
|
35
|
-
resoui_form_input_container: asNavItem !== true,
|
|
36
35
|
resoui_dropdown_wrapper: true,
|
|
36
|
+
resoui_form_input_container: asNavItem !== true,
|
|
37
|
+
resoui_dropdown_wrapper_navItem: asNavItem === true,
|
|
37
38
|
}, spacingsProps), rootClassName));
|
|
38
39
|
const dropdownClasses = styles.createComponentStyles(styles.createLayoutStyles({
|
|
39
40
|
resoui_dropdown_container: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["useRef","useState","useInputValidatorsMemo","useClickOutside","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps","stringHasValue","Icon","DropdownDown","DropdownOption","methodHasValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["useRef","useState","useInputValidatorsMemo","useClickOutside","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps","stringHasValue","Icon","DropdownDown","DropdownOption","methodHasValue"],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import IComponent from "../../interfaces/IComponent";
|
|
|
3
3
|
import { IMarginProps } from "../../interfaces/ISpacingsProps";
|
|
4
4
|
import "./styles/Enlarged-Image-Modal.layout.scss";
|
|
5
5
|
import "./styles/Enlarged-Image-Modal.theme.scss";
|
|
6
|
+
import { ImageDisplay, ImagePosition } from "../Images/Image";
|
|
6
7
|
export interface IEnlargedImageModalProps extends IComponent, IMarginProps {
|
|
7
8
|
isOpen: boolean;
|
|
8
9
|
onClose: () => void;
|
|
@@ -15,6 +16,7 @@ export interface IEnlargedImageModalProps extends IComponent, IMarginProps {
|
|
|
15
16
|
layer?: number;
|
|
16
17
|
width?: number;
|
|
17
18
|
height?: number;
|
|
18
|
-
|
|
19
|
+
imageDisplay?: ImageDisplay;
|
|
20
|
+
imagePosition?: ImagePosition;
|
|
19
21
|
}
|
|
20
|
-
export declare const EnlargedImageModal: ({ isOpen, onClose, imageSrc, imageAlt, hasNext, hasPrevious, onNext, onPrevious, layer, width, height,
|
|
22
|
+
export declare const EnlargedImageModal: ({ isOpen, onClose, imageSrc, imageAlt, hasNext, hasPrevious, onNext, onPrevious, layer, width, height, imageDisplay, imagePosition, rootClassName, rootStyles, ...spacingsProps }: IEnlargedImageModalProps) => React.ReactPortal;
|
|
@@ -12,7 +12,7 @@ import SvgChevronSingleLeft from '../../icons/svg/ChevronSingleLeft.svg.js';
|
|
|
12
12
|
import SvgChevronSingleRight from '../../icons/svg/ChevronSingleRight.svg.js';
|
|
13
13
|
|
|
14
14
|
const TRANSITION_DURATION = 250;
|
|
15
|
-
const EnlargedImageModal = ({ isOpen = false, onClose, imageSrc, imageAlt = "Enlarged image", hasNext = false, hasPrevious = false, onNext, onPrevious, layer = 1, width = 640, height = 640,
|
|
15
|
+
const EnlargedImageModal = ({ isOpen = false, onClose, imageSrc, imageAlt = "Enlarged image", hasNext = false, hasPrevious = false, onNext, onPrevious, layer = 1, width = 640, height = 640, imageDisplay = "contain", imagePosition, rootClassName, rootStyles = {}, ...spacingsProps }) => {
|
|
16
16
|
useDisableBodyScroll(isOpen);
|
|
17
17
|
const { isMobile } = useContext(ResponsiveContext);
|
|
18
18
|
const [_isOpen, _setIsOpen] = useState(false);
|
|
@@ -65,7 +65,7 @@ const EnlargedImageModal = ({ isOpen = false, onClose, imageSrc, imageAlt = "Enl
|
|
|
65
65
|
React__default.createElement(Image, { rootStyles: {
|
|
66
66
|
width: `${imageSize}px`,
|
|
67
67
|
height: `${imageHeight}px`,
|
|
68
|
-
}, src: imageSrc, alt: imageAlt, onClick: onClose, clickable: "zoomOut",
|
|
68
|
+
}, src: imageSrc, alt: imageAlt, onClick: onClose, clickable: "zoomOut", display: imageDisplay, imagePosition: imagePosition })),
|
|
69
69
|
hasPrevious && onPrevious && (React__default.createElement("button", { className: "resoui_enlarged_image_modal_nav resoui_enlarged_image_modal_nav_previous resoui_no_select", onClick: (e) => {
|
|
70
70
|
e.preventDefault();
|
|
71
71
|
e.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Enlarged-Image-Modal.js","sources":["../../../../src/library/components/Enlarged-Image-Modal/Enlarged-Image-Modal.tsx"],"sourcesContent":[null],"names":["React","ChevronSingleLeft","ChevronSingleRight"],"mappings":";;;;;;;;;;;;;AAqBA,MAAM,mBAAmB,GAAG,GAAG;
|
|
1
|
+
{"version":3,"file":"Enlarged-Image-Modal.js","sources":["../../../../src/library/components/Enlarged-Image-Modal/Enlarged-Image-Modal.tsx"],"sourcesContent":[null],"names":["React","ChevronSingleLeft","ChevronSingleRight"],"mappings":"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"}
|
|
@@ -3,6 +3,11 @@ import IComponent from "../../../interfaces/IComponent";
|
|
|
3
3
|
import { IMarginProps } from "../../../interfaces/ISpacingsProps";
|
|
4
4
|
import ImageClickable from "../../../interfaces/ImageClickable";
|
|
5
5
|
import "./styles/Image.layout.scss";
|
|
6
|
+
export type ImageDisplay = "contain" | "fill";
|
|
7
|
+
export type ImagePosition = "top" | "bottom" | "left" | "right" | {
|
|
8
|
+
x: string;
|
|
9
|
+
y: string;
|
|
10
|
+
};
|
|
6
11
|
export interface IImageProps extends IComponent, IMarginProps {
|
|
7
12
|
onClick?: () => void;
|
|
8
13
|
clickable?: ImageClickable;
|
|
@@ -10,8 +15,19 @@ export interface IImageProps extends IComponent, IMarginProps {
|
|
|
10
15
|
imgClassName?: string;
|
|
11
16
|
imgStyles?: React.CSSProperties;
|
|
12
17
|
inheritWidth?: boolean;
|
|
13
|
-
|
|
18
|
+
/**
|
|
19
|
+
* "contain" — image fits entirely within the container, no cropping. imagePosition has no effect (always centered).
|
|
20
|
+
* "fill" — image covers the entire container, may crop overflow.
|
|
21
|
+
* - Portrait images: only "top" | "bottom" imagePosition values have visible effect (left/right are no-ops).
|
|
22
|
+
* - Landscape images: only "left" | "right" imagePosition values have visible effect (top/bottom are no-ops).
|
|
23
|
+
*/
|
|
24
|
+
display?: ImageDisplay;
|
|
25
|
+
/**
|
|
26
|
+
* Controls which part of the image is visible when display="fill" causes cropping.
|
|
27
|
+
* Only takes effect when display="fill". Ignored when display="contain".
|
|
28
|
+
*/
|
|
29
|
+
imagePosition?: ImagePosition;
|
|
14
30
|
alt?: string;
|
|
15
31
|
fallbacks?: string[];
|
|
16
32
|
}
|
|
17
|
-
export declare const Image: ({ onClick, clickable, src, alt, imgClassName,
|
|
33
|
+
export declare const Image: ({ onClick, clickable, src, alt, imgClassName, display, imagePosition, rootClassName, rootStyles, fallbacks, imgStyles, inheritWidth, ...spacingsProps }: IImageProps) => React.JSX.Element;
|
|
@@ -3,11 +3,10 @@ import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '..
|
|
|
3
3
|
import { ShimmerLoader } from '../../Loaders/ShimmerLoader/ShimmerLoader.js';
|
|
4
4
|
import { methodHasValue } from '../../../utils/validations.js';
|
|
5
5
|
|
|
6
|
-
const Image = ({ onClick, clickable, src, alt = "RESO Image", imgClassName,
|
|
6
|
+
const Image = ({ onClick, clickable, src, alt = "RESO Image", imgClassName, display = "contain", imagePosition, rootClassName, rootStyles = {}, fallbacks = [], imgStyles = {}, inheritWidth = false, ...spacingsProps }) => {
|
|
7
7
|
const [fallbackIndex, setFallbackIndex] = useState(-1);
|
|
8
8
|
const [loaded, setLoaded] = useState(false);
|
|
9
9
|
const [error, setError] = useState(false);
|
|
10
|
-
const [imageDimension, setImageDimension] = useState("landscape");
|
|
11
10
|
const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
|
|
12
11
|
resoui_image_container: true,
|
|
13
12
|
resoui_image_container_inheritWidth: inheritWidth,
|
|
@@ -17,22 +16,18 @@ const Image = ({ onClick, clickable, src, alt = "RESO Image", imgClassName, obje
|
|
|
17
16
|
}));
|
|
18
17
|
const imgClasses = createComponentStyles(createLayoutStyles({
|
|
19
18
|
resoui_image_img: true,
|
|
20
|
-
[`
|
|
21
|
-
[`resoui_image_img_fit-${objectFit}`]: true,
|
|
19
|
+
[`resoui_image_img_display-${display}`]: true,
|
|
22
20
|
}, imgClassName));
|
|
23
|
-
const
|
|
21
|
+
const computedObjectPosition = () => {
|
|
22
|
+
if (display === "contain" || !imagePosition)
|
|
23
|
+
return "center";
|
|
24
|
+
if (typeof imagePosition === "string")
|
|
25
|
+
return imagePosition;
|
|
26
|
+
return `${imagePosition.x} ${imagePosition.y}`;
|
|
27
|
+
};
|
|
28
|
+
const handleOnLoad = () => {
|
|
24
29
|
setError(false);
|
|
25
30
|
setLoaded(true);
|
|
26
|
-
const image = e.currentTarget;
|
|
27
|
-
if (image.naturalHeight > image.naturalWidth) {
|
|
28
|
-
setImageDimension("portrait");
|
|
29
|
-
}
|
|
30
|
-
else if (image.naturalWidth === image.naturalHeight) {
|
|
31
|
-
setImageDimension("square");
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
setImageDimension("landscape");
|
|
35
|
-
}
|
|
36
31
|
};
|
|
37
32
|
const hasFallbacks = fallbacks && fallbacks.length > 0;
|
|
38
33
|
const imgSource = hasFallbacks && fallbackIndex > -1 ? fallbacks[fallbackIndex] : src;
|
|
@@ -42,8 +37,14 @@ const Image = ({ onClick, clickable, src, alt = "RESO Image", imgClassName, obje
|
|
|
42
37
|
}
|
|
43
38
|
}, "data-testid": "image-component-root" }, error ? (React__default.createElement("p", { "data-testid": "image-component-error" }, `Unable to load ${alt}`)) : (React__default.createElement(React__default.Fragment, null,
|
|
44
39
|
!loaded && React__default.createElement(ShimmerLoader, null),
|
|
45
|
-
React__default.createElement("img", { "data-testid": "image-component-img", style: loaded
|
|
46
|
-
|
|
40
|
+
React__default.createElement("img", { "data-testid": "image-component-img", style: loaded
|
|
41
|
+
? { ...imgStyles, objectPosition: computedObjectPosition() }
|
|
42
|
+
: {
|
|
43
|
+
...imgStyles,
|
|
44
|
+
objectPosition: computedObjectPosition(),
|
|
45
|
+
display: "none",
|
|
46
|
+
}, alt: alt, src: imgSource, onLoad: () => {
|
|
47
|
+
handleOnLoad();
|
|
47
48
|
}, onError: () => {
|
|
48
49
|
if (hasFallbacks) {
|
|
49
50
|
setLoaded(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sources":["../../../../../src/library/components/Images/Image/Image.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Image.js","sources":["../../../../../src/library/components/Images/Image/Image.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ import '../../../context/OverlayRegistryContext.js';
|
|
|
9
9
|
import { Flex } from '../../Containers/Flex/Flex.js';
|
|
10
10
|
|
|
11
11
|
const Navbar = ({ LogoWrapperElement = "a", logoHref = "#", textLogo = "Logo", renderCustomLogo, onClickLogo, showHamburgerButtonOnMobileView = false, onClickHamburgerButton, maxWidth, children, position = "fixed", navClassName, navStyles = {}, rootClassName, rootStyles = {}, ph = 5, ...spacingsProps }) => {
|
|
12
|
-
const {
|
|
12
|
+
const { viewport } = useContext(ResponsiveContext);
|
|
13
13
|
const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
|
|
14
14
|
resoui_navbar_header_container: true,
|
|
15
15
|
[`resoui_navbar_header_position_${position}`]: true,
|
|
@@ -32,7 +32,7 @@ const Navbar = ({ LogoWrapperElement = "a", logoHref = "#", textLogo = "Logo", r
|
|
|
32
32
|
...navStyles,
|
|
33
33
|
} },
|
|
34
34
|
React__default.createElement(Flex, null,
|
|
35
|
-
showHamburgerButtonOnMobileView && isMobile && (React__default.createElement("div", { role: "button", "data-testid": "navbar-hamburger", className: "resoui_navbar_nav_hamburger_container", onClick: (e) => {
|
|
35
|
+
showHamburgerButtonOnMobileView && viewport.isMobile && (React__default.createElement("div", { role: "button", "data-testid": "navbar-hamburger", className: "resoui_navbar_nav_hamburger_container", onClick: (e) => {
|
|
36
36
|
e.preventDefault();
|
|
37
37
|
e.stopPropagation();
|
|
38
38
|
if (typeof onClickHamburgerButton === "function") {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sources":["../../../../../src/library/components/Nav/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["clasnames","React"],"mappings":";;;;;;;;;;AAuCO,MAAM,MAAM,GAAG,CAAC,EACrB,kBAAkB,GAAG,GAAG,EACxB,QAAQ,GAAG,GAAG,EACd,QAAQ,GAAG,MAAM,EACjB,gBAAgB,EAChB,WAAW,EACX,+BAA+B,GAAG,KAAK,EACvC,sBAAsB,EACtB,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,OAAO,EAClB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,aAAa,EACb,UAAU,GAAG,EAAE,EACf,EAAE,GAAG,CAAC,EACN,GAAG,aAAa,EACH,KAAI;IACjB,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC;AAElD,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,8BAA8B,EAAE,IAAI;AACpC,QAAA,CAAC,CAAA,8BAAA,EAAiC,QAAQ,CAAA,CAAE,GAAG,IAAI;KACpD,EACD,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,CACzB,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,MAAM,UAAU,GAAG,qBAAqB,CACtC,kBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;AAClC,KAAA,EACD,YAAY,EACZ;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;IAED,MAAM,oBAAoB,GAAGA,UAAS,CAAC;AACrC,QAAA,gBAAgB,EAAE,IAAI;AACtB,QAAA,gCAAgC,EAAE,IAAI;QACtC,+CAA+C,EAC7C,cAAc,CAAC,WAAW,CAAC,IAAI,kBAAkB,KAAK,GAAG;AAC5D,KAAA,CAAC;IAEF,QACEC,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,aAAa,EACzB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA;AAEjB,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO;AAC3D,gBAAA,GAAG,SAAS;AACb,aAAA,EAAA;AAED,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA;gBACF,+BAA+B,IAAI,QAAQ,
|
|
1
|
+
{"version":3,"file":"Navbar.js","sources":["../../../../../src/library/components/Nav/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["clasnames","React"],"mappings":"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"}
|
|
@@ -30,8 +30,9 @@ const DropdownSelect = ({ id, width = "240px", selectedKey, value /* default is
|
|
|
30
30
|
validate(value, inputValidators, setError);
|
|
31
31
|
}, [value]);
|
|
32
32
|
const wrapperClasses = createComponentStyles(createLayoutStyles(withSpacingsProps({
|
|
33
|
-
resoui_form_input_container: asNavItem !== true,
|
|
34
33
|
resoui_dropdown_wrapper: true,
|
|
34
|
+
resoui_form_input_container: asNavItem !== true,
|
|
35
|
+
resoui_dropdown_wrapper_navItem: asNavItem === true,
|
|
35
36
|
}, spacingsProps), rootClassName));
|
|
36
37
|
const dropdownClasses = createComponentStyles(createLayoutStyles({
|
|
37
38
|
resoui_dropdown_container: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["React","DropdownDown"],"mappings":";;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Dropdown-Select.js","sources":["../../../../../../src/library/forms/Controls/Dropdown/Dropdown-Select/Dropdown-Select.tsx"],"sourcesContent":[null],"names":["React","DropdownDown"],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import IComponent from "../../interfaces/IComponent";
|
|
|
3
3
|
import { IMarginProps } from "../../interfaces/ISpacingsProps";
|
|
4
4
|
import "./styles/Enlarged-Image-Modal.layout.scss";
|
|
5
5
|
import "./styles/Enlarged-Image-Modal.theme.scss";
|
|
6
|
+
import { ImageDisplay, ImagePosition } from "../Images/Image";
|
|
6
7
|
export interface IEnlargedImageModalProps extends IComponent, IMarginProps {
|
|
7
8
|
isOpen: boolean;
|
|
8
9
|
onClose: () => void;
|
|
@@ -15,6 +16,7 @@ export interface IEnlargedImageModalProps extends IComponent, IMarginProps {
|
|
|
15
16
|
layer?: number;
|
|
16
17
|
width?: number;
|
|
17
18
|
height?: number;
|
|
18
|
-
|
|
19
|
+
imageDisplay?: ImageDisplay;
|
|
20
|
+
imagePosition?: ImagePosition;
|
|
19
21
|
}
|
|
20
|
-
export declare const EnlargedImageModal: ({ isOpen, onClose, imageSrc, imageAlt, hasNext, hasPrevious, onNext, onPrevious, layer, width, height,
|
|
22
|
+
export declare const EnlargedImageModal: ({ isOpen, onClose, imageSrc, imageAlt, hasNext, hasPrevious, onNext, onPrevious, layer, width, height, imageDisplay, imagePosition, rootClassName, rootStyles, ...spacingsProps }: IEnlargedImageModalProps) => React.ReactPortal;
|
|
@@ -3,6 +3,11 @@ import IComponent from "../../../interfaces/IComponent";
|
|
|
3
3
|
import { IMarginProps } from "../../../interfaces/ISpacingsProps";
|
|
4
4
|
import ImageClickable from "../../../interfaces/ImageClickable";
|
|
5
5
|
import "./styles/Image.layout.scss";
|
|
6
|
+
export type ImageDisplay = "contain" | "fill";
|
|
7
|
+
export type ImagePosition = "top" | "bottom" | "left" | "right" | {
|
|
8
|
+
x: string;
|
|
9
|
+
y: string;
|
|
10
|
+
};
|
|
6
11
|
export interface IImageProps extends IComponent, IMarginProps {
|
|
7
12
|
onClick?: () => void;
|
|
8
13
|
clickable?: ImageClickable;
|
|
@@ -10,8 +15,19 @@ export interface IImageProps extends IComponent, IMarginProps {
|
|
|
10
15
|
imgClassName?: string;
|
|
11
16
|
imgStyles?: React.CSSProperties;
|
|
12
17
|
inheritWidth?: boolean;
|
|
13
|
-
|
|
18
|
+
/**
|
|
19
|
+
* "contain" — image fits entirely within the container, no cropping. imagePosition has no effect (always centered).
|
|
20
|
+
* "fill" — image covers the entire container, may crop overflow.
|
|
21
|
+
* - Portrait images: only "top" | "bottom" imagePosition values have visible effect (left/right are no-ops).
|
|
22
|
+
* - Landscape images: only "left" | "right" imagePosition values have visible effect (top/bottom are no-ops).
|
|
23
|
+
*/
|
|
24
|
+
display?: ImageDisplay;
|
|
25
|
+
/**
|
|
26
|
+
* Controls which part of the image is visible when display="fill" causes cropping.
|
|
27
|
+
* Only takes effect when display="fill". Ignored when display="contain".
|
|
28
|
+
*/
|
|
29
|
+
imagePosition?: ImagePosition;
|
|
14
30
|
alt?: string;
|
|
15
31
|
fallbacks?: string[];
|
|
16
32
|
}
|
|
17
|
-
export declare const Image: ({ onClick, clickable, src, alt, imgClassName,
|
|
33
|
+
export declare const Image: ({ onClick, clickable, src, alt, imgClassName, display, imagePosition, rootClassName, rootStyles, fallbacks, imgStyles, inheritWidth, ...spacingsProps }: IImageProps) => React.JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import { Image } from "../";
|
|
2
3
|
import "./storyStyles.scss";
|
|
3
4
|
declare const _default: {
|
|
4
5
|
title: string;
|
|
5
|
-
component: ({ onClick, clickable, src, alt, imgClassName,
|
|
6
|
-
argTypes: {};
|
|
6
|
+
component: ({ onClick, clickable, src, alt, imgClassName, display, imagePosition, rootClassName, rootStyles, fallbacks, imgStyles, inheritWidth, ...spacingsProps }: import("../Image").IImageProps) => import("react").JSX.Element;
|
|
7
7
|
parameters: {
|
|
8
8
|
docs: {
|
|
9
9
|
description: {
|
|
@@ -13,8 +13,16 @@ declare const _default: {
|
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
15
|
export default _default;
|
|
16
|
-
|
|
17
|
-
export declare const
|
|
18
|
-
export declare const
|
|
19
|
-
export declare const
|
|
20
|
-
export declare const
|
|
16
|
+
type Story = StoryObj<typeof Image>;
|
|
17
|
+
export declare const Default: Story;
|
|
18
|
+
export declare const ContainDisplay: Story;
|
|
19
|
+
export declare const FillDisplay: Story;
|
|
20
|
+
export declare const FillPositionTop: Story;
|
|
21
|
+
export declare const FillPositionBottom: Story;
|
|
22
|
+
export declare const FillPositionLeft: Story;
|
|
23
|
+
export declare const FillPositionRight: Story;
|
|
24
|
+
export declare const FillPositionCustom: Story;
|
|
25
|
+
export declare const CustomContainerClass: Story;
|
|
26
|
+
export declare const WithoutFallbacks: Story;
|
|
27
|
+
export declare const UsingFallbacks: Story;
|
|
28
|
+
export declare const ClickableAndOnClick: Story;
|
package/dist/styles.css
CHANGED
|
@@ -1 +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;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}.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:var(--resoui-neutral-medium);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.resoui_component_disabled:hover{background: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-medium)}.resoui_tr_base{border-bottom:1px solid var(--resoui-neutral-light);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 .125s linear}.resoui_tr_base:hover{background:var(--resoui-neutral-lightest)}[data-resoui-theme=dark] .resoui_tr_base{border-bottom-color:var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_tr_base:hover{background:var(--resoui-neutral-darker)}.resoui_tr_base_selected{background:var(--resoui-utility-info-bg);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 .125s linear}.resoui_tr_base_selected:hover{background:var(--resoui-utility-info-light)}[data-resoui-theme=dark] .resoui_tr_base_selected{background:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_tr_base_selected:hover{background:var(--resoui-brand-primary-darkest)}.resoui_td_base{padding:var(--resoui-spacing-3)}.resoui_autoscroll_banner_container{font-size:var(--resoui-font-size-3);font-weight:600;height:auto;overflow:hidden;padding:var(--resoui-spacing-4);position:relative;text-align:center;width:100vw}.resoui_autoscroll_banner_message{display:block;opacity:1;transform:translateX(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,transform .4s ease,opacity .4s ease;width:100%}.resoui_autoscroll_banner_message_exit{opacity:0;transform:translateX(-100%)}.resoui_autoscroll_banner_message_prep{opacity:0;transform:translateX(100%);transition:none!important}@media (prefers-reduced-motion:reduce){.resoui_autoscroll_banner_message{transition:none!important}.resoui_autoscroll_banner_message_exit,.resoui_autoscroll_banner_message_prep{transform:none}}.resoui_autoscroll_banner_container_info{background:var(--resoui-utility-info);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_autoscroll_banner_container_info{background:var(--resoui-utility-info-dark);color:var(--resoui-base-white)}.resoui_autoscroll_banner_container_warning{background:var(--resoui-utility-warning);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_autoscroll_banner_container_warning{background:var(--resoui-utility-warning-dark);color:var(--resoui-base-white)}.resoui_autoscroll_banner_container_error{background:var(--resoui-utility-error);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_autoscroll_banner_container_error{background:var(--resoui-utility-error-dark);color:var(--resoui-base-white)}.resoui_autoscroll_banner_container_success{background:var(--resoui-utility-success);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_autoscroll_banner_container_success{background:var(--resoui-utility-success-dark);color:var(--resoui-base-white)}.resoui_close_button_container{align-items:center;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:var(--resoui-utility-info);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_banner_container_info{background:var(--resoui-utility-info-dark);color:var(--resoui-base-white)}.resoui_banner_container_warning{background:var(--resoui-utility-warning);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_banner_container_warning{background:var(--resoui-utility-warning-dark);color:var(--resoui-base-white)}.resoui_banner_container_error{background:var(--resoui-utility-error);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_banner_container_error{background:var(--resoui-utility-error-dark);color:var(--resoui-base-white)}.resoui_banner_container_success{background:var(--resoui-utility-success);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_banner_container_success{background:var(--resoui-utility-success-dark);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 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 ease .2s}.resoui_dashboard_overview_card.resoui_dashboard_overview_card_clickable:hover{background: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: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: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: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: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: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: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: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:rgba(67,75,89,.25)}[data-resoui-theme=dark] .resoui_loadingContainer_container_layer .resoui_loader_container{background:rgba(0,0,0,.25)}.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: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 .25s linear}.resoui_modal_backdrop_open{background: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: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: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: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: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: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 .2s linear}.resoui_drawer_backdrop_open{background:var(--resoui-neutral-overlay)}.resoui_drawer_container_left{left:0;transform:translateX(-100%) scale(.97)}.resoui_drawer_container_right{right:0;transform:translateX(100%) scale(.97)}.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 cubic-bezier(.2,.8,.2,1)}.resoui_drawer_container_open{transform:translateX(0) scale(1)}.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}.resoui_drawer_content,.resoui_drawer_title{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 .2s cubic-bezier(.2,.8,.2,1);width:100%}.resoui_drawer_content{flex:1;overflow-y:auto}.resoui_drawer_container_open .resoui_drawer_content,.resoui_drawer_container_open .resoui_drawer_title{opacity:1}.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: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 .25s linear}.resoui_enlarged_image_modal_backdrop_open{background: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 .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: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:var(--resoui-neutral-medium)}.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:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_flexTable_row_active{background:var(--resoui-brand-secondary-pale-transparent)}.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: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: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: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: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:var(--resoui-brand-primary-dark);color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_markdownText_pre{background: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: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;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:100%;justify-content:center;min-width:44px;padding:10px;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 .15s ease;width:44px}.resoui_navbar_nav_hamburger_container:hover{background:rgba(0,0,0,.05)}.resoui_navbar_nav_hamburger_container:active{background:rgba(0,0,0,.08)}.resoui_navbar_nav_hamburger_container:active .resoui_navbar_nav_hamburger_line{transform:scaleX(.92)}.resoui_navbar_nav_hamburger_line{background:var(--resoui-neutral-dark);border-radius:2px;height:2px;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 .15s ease;width:20px}.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)}[data-resoui-theme=dark] .resoui_navbar_nav_hamburger_container:hover{background:hsla(0,0%,100%,.08)}[data-resoui-theme=dark] .resoui_navbar_nav_hamburger_container:active{background:hsla(0,0%,100%,.12)}[data-resoui-theme=dark] .resoui_navbar_nav_hamburger_line{background:var(--resoui-neutral-light)}.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:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_sidebar_container{background: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:var(--resoui-brand-primary-medium)}[data-resoui-theme=dark] .resoui_sidebar_mode_alt1.resoui_sidebar_container{background: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:var(--resoui-neutral-lightest)}[data-resoui-theme=dark] .resoui_sidebar_mode_plain.resoui_sidebar_container{background: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 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:transparent;color:var(--resoui-neutral-light)}.resoui_sidebarNavLink_container:hover{background:var(--resoui-brand-primary-medium);color:var(--resoui-base-white);text-decoration:none}[data-resoui-theme=dark] .resoui_sidebarNavLink_container{background:transparent;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebarNavLink_container:hover{background:var(--resoui-brand-primary-medium);color:var(--resoui-base-white)}.resoui_sidebarNavLink_active,[data-resoui-theme=dark] .resoui_sidebarNavLink_active{background: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: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: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: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: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:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_sidebar_mode_plain .resoui_sidebarNavLink_active{background: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: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:#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: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: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 .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: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: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:var(--resoui-neutral-dark);border:none;color:#fff}.resoui_date_selector_grid_button_reset:active{background: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: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: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: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:var(--resoui-neutral-light)}.resoui_dropdown_option_active{background:var(--resoui-neutral-medium);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_dropdown_option_hover:hover{background:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_dropdown_option_active{background: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: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: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: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,.6);--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)}
|
|
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;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}.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:var(--resoui-neutral-medium);content:"";height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.resoui_component_disabled:hover{background: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-medium)}.resoui_tr_base{border-bottom:1px solid var(--resoui-neutral-light);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 .125s linear}.resoui_tr_base:hover{background:var(--resoui-neutral-lightest)}[data-resoui-theme=dark] .resoui_tr_base{border-bottom-color:var(--resoui-neutral-medium)}[data-resoui-theme=dark] .resoui_tr_base:hover{background:var(--resoui-neutral-darker)}.resoui_tr_base_selected{background:var(--resoui-utility-info-bg);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 .125s linear}.resoui_tr_base_selected:hover{background:var(--resoui-utility-info-light)}[data-resoui-theme=dark] .resoui_tr_base_selected{background:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_tr_base_selected:hover{background:var(--resoui-brand-primary-darkest)}.resoui_td_base{padding:var(--resoui-spacing-3)}.resoui_autoscroll_banner_container{font-size:var(--resoui-font-size-3);font-weight:600;height:auto;overflow:hidden;padding:var(--resoui-spacing-4);position:relative;text-align:center;width:100vw}.resoui_autoscroll_banner_message{display:block;opacity:1;transform:translateX(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,transform .4s ease,opacity .4s ease;width:100%}.resoui_autoscroll_banner_message_exit{opacity:0;transform:translateX(-100%)}.resoui_autoscroll_banner_message_prep{opacity:0;transform:translateX(100%);transition:none!important}@media (prefers-reduced-motion:reduce){.resoui_autoscroll_banner_message{transition:none!important}.resoui_autoscroll_banner_message_exit,.resoui_autoscroll_banner_message_prep{transform:none}}.resoui_autoscroll_banner_container_info{background:var(--resoui-utility-info);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_autoscroll_banner_container_info{background:var(--resoui-utility-info-dark);color:var(--resoui-base-white)}.resoui_autoscroll_banner_container_warning{background:var(--resoui-utility-warning);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_autoscroll_banner_container_warning{background:var(--resoui-utility-warning-dark);color:var(--resoui-base-white)}.resoui_autoscroll_banner_container_error{background:var(--resoui-utility-error);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_autoscroll_banner_container_error{background:var(--resoui-utility-error-dark);color:var(--resoui-base-white)}.resoui_autoscroll_banner_container_success{background:var(--resoui-utility-success);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_autoscroll_banner_container_success{background:var(--resoui-utility-success-dark);color:var(--resoui-base-white)}.resoui_close_button_container{align-items:center;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:var(--resoui-utility-info);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_banner_container_info{background:var(--resoui-utility-info-dark);color:var(--resoui-base-white)}.resoui_banner_container_warning{background:var(--resoui-utility-warning);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_banner_container_warning{background:var(--resoui-utility-warning-dark);color:var(--resoui-base-white)}.resoui_banner_container_error{background:var(--resoui-utility-error);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_banner_container_error{background:var(--resoui-utility-error-dark);color:var(--resoui-base-white)}.resoui_banner_container_success{background:var(--resoui-utility-success);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_banner_container_success{background:var(--resoui-utility-success-dark);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 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 ease .2s}.resoui_dashboard_overview_card.resoui_dashboard_overview_card_clickable:hover{background: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: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: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: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: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: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: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: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:rgba(67,75,89,.1)}[data-resoui-theme=dark] .resoui_loadingContainer_container_layer .resoui_loader_container{background:rgba(0,0,0,.1)}.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: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 .25s linear}.resoui_modal_backdrop_open{background: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: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: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: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: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: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 .2s linear}.resoui_drawer_backdrop_open{background:var(--resoui-neutral-overlay)}.resoui_drawer_container_left{left:0;transform:translateX(-100%) scale(.97)}.resoui_drawer_container_right{right:0;transform:translateX(100%) scale(.97)}.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 cubic-bezier(.2,.8,.2,1)}.resoui_drawer_container_open{transform:translateX(0) scale(1)}.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}.resoui_drawer_content,.resoui_drawer_title{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 .2s cubic-bezier(.2,.8,.2,1);width:100%}.resoui_drawer_content{flex:1;overflow-y:auto}.resoui_drawer_container_open .resoui_drawer_content,.resoui_drawer_container_open .resoui_drawer_title{opacity:1}.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: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 .25s linear}.resoui_enlarged_image_modal_backdrop_open{background: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{border:2px solid blue;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{border:2px solid green;height:100%;width:100%}.resoui_image_img_display-contain{object-fit:contain}.resoui_image_img_display-fill{object-fit:cover}.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 .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: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:var(--resoui-neutral-medium)}.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:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_flexTable_row_active{background:var(--resoui-brand-secondary-pale-transparent)}.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: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: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: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: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:var(--resoui-brand-primary-dark);color:var(--resoui-neutral-light)}[data-resoui-theme=dark] .resoui_markdownText_pre{background: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: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;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:100%;justify-content:center;min-width:44px;padding:10px;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 .15s ease;width:44px}.resoui_navbar_nav_hamburger_container:hover{background:rgba(0,0,0,.05)}.resoui_navbar_nav_hamburger_container:active{background:rgba(0,0,0,.08)}.resoui_navbar_nav_hamburger_container:active .resoui_navbar_nav_hamburger_line{transform:scaleX(.92)}.resoui_navbar_nav_hamburger_line{background:var(--resoui-neutral-dark);border-radius:2px;height:2px;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 .15s ease;width:20px}.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{align-items:center;display:flex;height:100%;justify-content:flex-start}.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)}[data-resoui-theme=dark] .resoui_navbar_nav_hamburger_container:hover{background:hsla(0,0%,100%,.08)}[data-resoui-theme=dark] .resoui_navbar_nav_hamburger_container:active{background:hsla(0,0%,100%,.12)}[data-resoui-theme=dark] .resoui_navbar_nav_hamburger_line{background:var(--resoui-neutral-light)}.resoui_navItem_base,.resoui_navItem_container{display:block;height:100%}.resoui_navItem_base{cursor:pointer;font-size:var(--resoui-font-size-3);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:var(--resoui-brand-primary-dark)}[data-resoui-theme=dark] .resoui_sidebar_container{background: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:var(--resoui-brand-primary-medium)}[data-resoui-theme=dark] .resoui_sidebar_mode_alt1.resoui_sidebar_container{background: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:var(--resoui-neutral-lightest)}[data-resoui-theme=dark] .resoui_sidebar_mode_plain.resoui_sidebar_container{background: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 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:transparent;color:var(--resoui-neutral-light)}.resoui_sidebarNavLink_container:hover{background:var(--resoui-brand-primary-medium);color:var(--resoui-base-white);text-decoration:none}[data-resoui-theme=dark] .resoui_sidebarNavLink_container{background:transparent;color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_sidebarNavLink_container:hover{background:var(--resoui-brand-primary-medium);color:var(--resoui-base-white)}.resoui_sidebarNavLink_active,[data-resoui-theme=dark] .resoui_sidebarNavLink_active{background: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: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: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: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: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:var(--resoui-neutral-dark);color:var(--resoui-base-white)}.resoui_sidebar_mode_plain .resoui_sidebarNavLink_active{background: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: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:#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: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: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 .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: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: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:var(--resoui-neutral-dark);border:none;color:#fff}.resoui_date_selector_grid_button_reset:active{background: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: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: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: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_wrapper_navItem,.resoui_dropdown_wrapper_navItem .resoui_dropdown_container{height:100%}.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:100%;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:98%}.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:var(--resoui-neutral-light)}.resoui_dropdown_option_active{background:var(--resoui-neutral-medium);color:var(--resoui-base-white)}[data-resoui-theme=dark] .resoui_dropdown_option_hover:hover{background:var(--resoui-neutral-dark)}[data-resoui-theme=dark] .resoui_dropdown_option_active{background: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: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: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: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,.6);--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)}
|