@crystaldesign/diva-navigator 24.12.0-rc.9 → 24.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/build/esm/index.js +47 -47
  2. package/package.json +2 -2
package/build/esm/index.js CHANGED
@@ -63,7 +63,7 @@ var headerWrapperRight = "header-wrapper-right-zLaAR";
63
63
  var hide$1 = "hide-1DmsJ";
64
64
  var breadcrumbsWrapper = "breadcrumbs-wrapper-nqYkU";
65
65
  var customArea = "custom-area-FLAOC";
66
- var css_248z$n = ".header-bLyVg {\n background-color: white;\n color: #333333;\n height: -moz-fit-content;\n height: fit-content;\n width: 100%;\n position: relative;\n box-shadow: 0px 1px 4px 0px rgba(51, 51, 51, 1);\n font-family: var(--diva-typography-font-family);\n transition: height ease-in-out 1s;\n z-index: 2;\n display: flex;\n flex-direction: column;\n}\n\n.header-wrapper-BPUbF {\n width: 100%;\n height: 60px;\n position: relative;\n display: flex;\n justify-content: flex-start;\n z-index: 1;\n overflow: hidden;\n}\n\n.header-wrapper-left-qxYUn {\n display: flex;\n z-index: 1;\n}\n\n.header-wrapper-right-zLaAR {\n display: flex;\n flex: 1 1 250px;\n max-width: -moz-max-content;\n max-width: max-content;\n justify-content: flex-end;\n height: 100%;\n align-items: center;\n overflow: hidden;\n right: 0;\n background-color: #fff;\n z-index: 10;\n margin-left: auto;\n flex-basis: fit-content;\n}\n\n.darkmode .header-wrapper-right-zLaAR {\n background-color: transparent;\n background-color: initial;\n}\n\n.hide-1DmsJ {\n height: 0;\n transition: height ease-in-out 1s;\n}\n\n.breadcrumbs-wrapper-nqYkU {\n width: 100%;\n height: 30px;\n position: relative;\n border-top: 1px solid #f2f2f2;\n}\n\n.selected-z3Uht {\n transform: scale(1.1);\n color: var(--diva-theme-palette-primary-main);\n}\n.custom-area-FLAOC {\n margin: 8px;\n height: 46px;\n overflow: auto;\n}\n";
66
+ var css_248z$n = ".header-bLyVg {\r\n background-color: white;\r\n color: #333333;\r\n height: -moz-fit-content;\r\n height: fit-content;\r\n width: 100%;\r\n position: relative;\r\n box-shadow: 0px 1px 4px 0px rgba(51, 51, 51, 1);\r\n font-family: var(--diva-typography-font-family);\r\n transition: height ease-in-out 1s;\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.header-wrapper-BPUbF {\r\n width: 100%;\r\n height: 60px;\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-start;\r\n z-index: 1;\r\n overflow: hidden;\r\n}\r\n\r\n.header-wrapper-left-qxYUn {\r\n display: flex;\r\n z-index: 1;\r\n}\r\n\r\n.header-wrapper-right-zLaAR {\r\n display: flex;\r\n flex: 1 1 250px;\r\n max-width: -moz-max-content;\r\n max-width: max-content;\r\n justify-content: flex-end;\r\n height: 100%;\r\n align-items: center;\r\n overflow: hidden;\r\n right: 0;\r\n background-color: #fff;\r\n z-index: 10;\r\n margin-left: auto;\r\n flex-basis: fit-content;\r\n}\r\n\r\n.darkmode .header-wrapper-right-zLaAR {\r\n background-color: transparent;\r\n background-color: initial;\r\n}\r\n\r\n.hide-1DmsJ {\r\n height: 0;\r\n transition: height ease-in-out 1s;\r\n}\r\n\r\n.breadcrumbs-wrapper-nqYkU {\r\n width: 100%;\r\n height: 30px;\r\n position: relative;\r\n border-top: 1px solid #f2f2f2;\r\n}\r\n\r\n.selected-z3Uht {\r\n transform: scale(1.1);\r\n color: var(--diva-theme-palette-primary-main);\r\n}\r\n.custom-area-FLAOC {\r\n margin: 8px;\r\n height: 46px;\r\n overflow: auto;\r\n}\r\n";
67
67
  styleInject(css_248z$n);
68
68
 
69
69
  var scroller = "scroller-QE6K3";
@@ -72,13 +72,13 @@ var scrollButton = "scroll-button-xk93p";
72
72
  var hidden$1 = "hidden-3Ovst";
73
73
  var left = "left-9-Upj";
74
74
  var right = "right-D4x14";
75
- var css_248z$m = ".scroller-QE6K3 {\n overflow: auto;\n display: flex;\n align-items: center;\n position: relative;\n flex-shrink: 100;\n}\n\n.buttons-wrapper-dzIfw {\n display: flex;\n height: 100%;\n position: relative;\n overflow: auto;\n\n /* Hide scrollbar for IE, Edge and Firefox */\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n/* Hide scrollbar for Chrome, Safari and Opera */\n.buttons-wrapper-dzIfw::-webkit-scrollbar {\n display: none;\n}\n\n.scroll-button-xk93p {\n width: 30px;\n height: 40px;\n z-index: 6;\n background-size: 100%;\n background-position: right;\n background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.5 7L15.5 12L10.5 17%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"),\n linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 72%, rgba(255, 255, 255, 0) 100%);\n background-repeat: no-repeat;\n cursor: pointer;\n opacity: 1;\n transition: ease 0.2s;\n}\n\n.scroll-button-xk93p.hidden-3Ovst {\n opacity: 0;\n z-index: 0;\n}\n\n.scroll-button-xk93p.left-9-Upj {\n position: absolute;\n left: 0;\n transform: rotate(180deg);\n}\n.scroll-button-xk93p.right-D4x14 {\n position: absolute;\n right: 0;\n}\n";
75
+ var css_248z$m = ".scroller-QE6K3 {\r\n overflow: auto;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n flex-shrink: 100;\r\n}\r\n\r\n.buttons-wrapper-dzIfw {\r\n display: flex;\r\n height: 100%;\r\n position: relative;\r\n overflow: auto;\r\n\r\n /* Hide scrollbar for IE, Edge and Firefox */\r\n -ms-overflow-style: none; /* IE and Edge */\r\n scrollbar-width: none; /* Firefox */\r\n}\r\n/* Hide scrollbar for Chrome, Safari and Opera */\r\n.buttons-wrapper-dzIfw::-webkit-scrollbar {\r\n display: none;\r\n}\r\n\r\n.scroll-button-xk93p {\r\n width: 30px;\r\n height: 40px;\r\n z-index: 6;\r\n background-size: 100%;\r\n background-position: right;\r\n background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M10.5 7L15.5 12L10.5 17%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\"),\r\n linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 72%, rgba(255, 255, 255, 0) 100%);\r\n background-repeat: no-repeat;\r\n cursor: pointer;\r\n opacity: 1;\r\n transition: ease 0.2s;\r\n}\r\n\r\n.scroll-button-xk93p.hidden-3Ovst {\r\n opacity: 0;\r\n z-index: 0;\r\n}\r\n\r\n.scroll-button-xk93p.left-9-Upj {\r\n position: absolute;\r\n left: 0;\r\n transform: rotate(180deg);\r\n}\r\n.scroll-button-xk93p.right-D4x14 {\r\n position: absolute;\r\n right: 0;\r\n}\r\n";
76
76
  styleInject(css_248z$m);
77
77
 
78
78
  var button$2 = "button-UoHey";
79
79
  var selected$4 = "selected-VKkY8";
80
80
  var link$2 = "link-mn-o6";
81
- var css_248z$l = ".button-UoHey {\n position: relative;\n cursor: pointer;\n padding: 20px 16px;\n text-transform: uppercase;\n font-weight: 700;\n font-size: 14px;\n line-height: 20px;\n transition: color 0.3s ease, border 0.3s ease;\n letter-spacing: 0.1rem;\n text-wrap: nowrap;\n white-space: nowrap;\n}\n\n.button-UoHey:hover,\n.selected-VKkY8 {\n border: none;\n color: var(--diva-theme-palette-primary-main);\n}\n\n.link-mn-o6 {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1;\n}\n\n.button-UoHey::after {\n content: '';\n position: absolute;\n width: 0px;\n height: 2px;\n left: 50%;\n bottom: 0;\n background-color: var(--diva-theme-palette-primary-main);\n transition: all ease-in-out 0.2s;\n}\n.button-UoHey:hover::after,\n.selected-VKkY8::after {\n width: 100%;\n left: 0;\n}\n";
81
+ var css_248z$l = ".button-UoHey {\r\n position: relative;\r\n cursor: pointer;\r\n padding: 20px 16px;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n font-size: 14px;\r\n line-height: 20px;\r\n transition: color 0.3s ease, border 0.3s ease;\r\n letter-spacing: 0.1rem;\r\n text-wrap: nowrap;\r\n white-space: nowrap;\r\n}\r\n\r\n.button-UoHey:hover,\r\n.selected-VKkY8 {\r\n border: none;\r\n color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n.link-mn-o6 {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n}\r\n\r\n.button-UoHey::after {\r\n content: '';\r\n position: absolute;\r\n width: 0px;\r\n height: 2px;\r\n left: 50%;\r\n bottom: 0;\r\n background-color: var(--diva-theme-palette-primary-main);\r\n transition: all ease-in-out 0.2s;\r\n}\r\n.button-UoHey:hover::after,\r\n.selected-VKkY8::after {\r\n width: 100%;\r\n left: 0;\r\n}\r\n";
82
82
  styleInject(css_248z$l);
83
83
 
84
84
  var Button = function Button(_ref) {
@@ -189,7 +189,7 @@ var buttonsWrapper = "buttons-wrapper-ypwVh";
189
189
  var breadcrumb = "breadcrumb-03kGg";
190
190
  var splitter = "splitter-blALw";
191
191
  var selected$3 = "selected-M8GAh";
192
- var css_248z$k = ".buttons-wrapper-ypwVh {\n display: flex;\n align-items: center;\n height: 100%;\n gap: 6px;\n margin-left: 24px;\n color: #4f4f4f;\n}\n.breadcrumb-03kGg {\n cursor: pointer;\n font-size: small;\n}\n\n.splitter-blALw:first-of-type {\n display: none;\n}\n\n.splitter-blALw {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M5 3.5L7.5 6L5 8.5%22 stroke%3D%22%237B7B7B%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.breadcrumb-03kGg:hover {\n transform: scale(1.1);\n color: var(--diva-theme-palette-primary-main);\n text-decoration: underline;\n transition: all 200ms;\n}\n\n.breadcrumb-03kGg.selected-M8GAh {\n color: var(--diva-theme-palette-primary-main);\n text-decoration: underline;\n}\n";
192
+ var css_248z$k = ".buttons-wrapper-ypwVh {\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n gap: 6px;\r\n margin-left: 24px;\r\n color: #4f4f4f;\r\n}\r\n.breadcrumb-03kGg {\r\n cursor: pointer;\r\n font-size: small;\r\n}\r\n\r\n.splitter-blALw:first-of-type {\r\n display: none;\r\n}\r\n\r\n.splitter-blALw {\r\n display: inline-block;\r\n width: 20px;\r\n height: 20px;\r\n background: center / 80% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M5 3.5L7.5 6L5 8.5%22 stroke%3D%22%237B7B7B%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E\");\r\n}\r\n\r\n.breadcrumb-03kGg:hover {\r\n transform: scale(1.1);\r\n color: var(--diva-theme-palette-primary-main);\r\n text-decoration: underline;\r\n transition: all 200ms;\r\n}\r\n\r\n.breadcrumb-03kGg.selected-M8GAh {\r\n color: var(--diva-theme-palette-primary-main);\r\n text-decoration: underline;\r\n}\r\n";
193
193
  styleInject(css_248z$k);
194
194
 
195
195
  function Breadcrumbs () {
@@ -227,7 +227,7 @@ var expanderClosed = "expander-closed-Wnhtx";
227
227
  var expanderOpen = "expander-open-py2FE";
228
228
  var open = "open--KKW8";
229
229
  var languageClosed = "language-closed-2KjG0";
230
- var css_248z$j = ".dropdown-4pRVs {\n background-color: #f2f2f2;\n color: #333333;\n width: 400px;\n position: absolute;\n box-shadow: 0px 2px 6px 0px rgba(51, 51, 51, 0.4);\n right: 2px;\n font-size: small;\n font-family: var(--diva-typography-font-family);\n transition: max-height 0.5s ease-in-out;\n max-height: 0px;\n z-index: 5;\n overflow: hidden;\n scrollbar-width: none;\n}\n\n.dropdown-4pRVs::-webkit-scrollbar {\n display: none;\n}\n\n.selector-zu-gI {\n display: flex;\n flex-direction: column;\n transition: max-height ease-in-out 0.3s;\n line-height: 30px;\n overflow: hidden;\n}\n\n.selector-zu-gI .MuiFormControl-root {\n margin-left: 25px;\n margin-top: 0;\n width: 223px;\n}\n\n.selector-zu-gI .MuiInputBase-root {\n font-size: small;\n margin-top: 0;\n}\n\n.section--hy0j {\n padding: 14px 22px;\n border-bottom: solid white 1px;\n}\n\n.selected-KQjvM {\n font-weight: 300;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n height: 30px;\n flex-shrink: 0;\n}\n.selected-KQjvM::before {\n width: 12px !important;\n}\n.selected-KQjvM::before {\n content: '';\n background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 426.667 426.667%22 style%3D%22enable-background%3Anew 0 0 426.667 426.667%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cpath d%3D%22M421.876%2C56.307c-6.548-6.78-17.352-6.968-24.132-0.42c-0.142%2C0.137-0.282%2C0.277-0.42%2C0.42L119.257%2C334.375%09%09%09l-90.334-90.334c-6.78-6.548-17.584-6.36-24.132%2C0.42c-6.388%2C6.614-6.388%2C17.099%2C0%2C23.713l102.4%2C102.4%09%09%09c6.665%2C6.663%2C17.468%2C6.663%2C24.132%2C0L421.456%2C80.44C428.236%2C73.891%2C428.424%2C63.087%2C421.876%2C56.307z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n display: block;\n height: 12px;\n margin: 8px 6px 0 6px;\n float: left;\n}\n\n.item-6aqaG::before {\n content: '';\n display: block;\n width: 26px;\n height: 12px;\n float: left;\n}\n\n.expander-closed-Wnhtx::after {\n background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 490.688 490.688%22 style%3D%22enable-background%3Anew 0 0 490.688 490.688%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cpath style%3D%22fill%3A%23FFC107%3B%22 d%3D%22M472.328%2C120.529L245.213%2C347.665L18.098%2C120.529c-4.237-4.093-10.99-3.975-15.083%2C0.262%09c-3.992%2C4.134-3.992%2C10.687%2C0%2C14.82l234.667%2C234.667c4.165%2C4.164%2C10.917%2C4.164%2C15.083%2C0l234.667-234.667%09c4.237-4.093%2C4.354-10.845%2C0.262-15.083c-4.093-4.237-10.845-4.354-15.083-0.262c-0.089%2C0.086-0.176%2C0.173-0.262%2C0.262%09L472.328%2C120.529z%22%2F%3E%3Cpath d%3D%22M245.213%2C373.415c-2.831%2C0.005-5.548-1.115-7.552-3.115L2.994%2C135.633c-4.093-4.237-3.975-10.99%2C0.262-15.083%09c4.134-3.992%2C10.687-3.992%2C14.82%2C0l227.136%2C227.115l227.115-227.136c4.093-4.237%2C10.845-4.354%2C15.083-0.262%09c4.237%2C4.093%2C4.354%2C10.845%2C0.262%2C15.083c-0.086%2C0.089-0.173%2C0.176-0.262%2C0.262L252.744%2C370.279%09C250.748%2C372.281%2C248.039%2C373.408%2C245.213%2C373.415z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n content: '';\n display: block;\n width: 10px;\n height: 10px;\n float: right;\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n}\n.expander-open-py2FE::after {\n background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 490.523 490.523%22 style%3D%22enable-background%3Anew 0 0 490.523 490.523%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cpath style%3D%22fill%3A%23FFC107%3B%22 d%3D%22M487.411%2C355.047L252.744%2C120.38c-4.165-4.164-10.917-4.164-15.083%2C0L2.994%2C355.047%09c-4.093%2C4.237-3.976%2C10.99%2C0.262%2C15.083c4.134%2C3.993%2C10.687%2C3.993%2C14.821%2C0l227.115-227.115l227.115%2C227.136%09c4.237%2C4.093%2C10.99%2C3.976%2C15.083-0.261c3.993-4.134%2C3.993-10.688%2C0-14.821L487.411%2C355.047z%22%2F%3E%3Cpath d%3D%22M479.859%2C373.266c-2.831%2C0.005-5.548-1.115-7.552-3.115L245.192%2C143.015L18.077%2C370.151%09c-4.237%2C4.093-10.99%2C3.976-15.083-0.262c-3.993-4.134-3.993-10.687%2C0-14.821l234.667-234.667c4.165-4.164%2C10.917-4.164%2C15.083%2C0%09l234.667%2C234.667c4.159%2C4.172%2C4.148%2C10.926-0.024%2C15.085C485.388%2C372.146%2C482.681%2C373.265%2C479.859%2C373.266z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n content: '';\n display: block;\n width: 10px;\n height: 10px;\n float: right;\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n}\n\n@keyframes hide-scroll-2yXs9 {\n from,\n to {\n overflow: hidden;\n }\n}\n\n.list--32wO {\n flex: 1;\n overflow: hidden;\n scrollbar-width: thin;\n}\n\n.list--32wO::-webkit-scrollbar {\n width: 5px;\n}\n.list--32wO::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n.list--32wO::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n\n.open--KKW8 .list--32wO {\n overflow: auto;\n}\n\n.language-closed-2KjG0 {\n transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);\n max-height: 0;\n}\n\n.searchDiv-PFCFg:hover + .hide-ad3Ar {\n display: block;\n}\n\n.hide-ad3Ar {\n display: none;\n}\n";
230
+ var css_248z$j = ".dropdown-4pRVs {\r\n background-color: #f2f2f2;\r\n color: #333333;\r\n width: 400px;\r\n position: absolute;\r\n box-shadow: 0px 2px 6px 0px rgba(51, 51, 51, 0.4);\r\n right: 2px;\r\n font-size: small;\r\n font-family: var(--diva-typography-font-family);\r\n transition: max-height 0.5s ease-in-out;\r\n max-height: 0px;\r\n z-index: 5;\r\n overflow: hidden;\r\n scrollbar-width: none;\r\n}\r\n\r\n.dropdown-4pRVs::-webkit-scrollbar {\r\n display: none;\r\n}\r\n\r\n.selector-zu-gI {\r\n display: flex;\r\n flex-direction: column;\r\n transition: max-height ease-in-out 0.3s;\r\n line-height: 30px;\r\n overflow: hidden;\r\n}\r\n\r\n.selector-zu-gI .MuiFormControl-root {\r\n margin-left: 25px;\r\n margin-top: 0;\r\n width: 223px;\r\n}\r\n\r\n.selector-zu-gI .MuiInputBase-root {\r\n font-size: small;\r\n margin-top: 0;\r\n}\r\n\r\n.section--hy0j {\r\n padding: 14px 22px;\r\n border-bottom: solid white 1px;\r\n}\r\n\r\n.selected-KQjvM {\r\n font-weight: 300;\r\n cursor: pointer;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n height: 30px;\r\n flex-shrink: 0;\r\n}\r\n.selected-KQjvM::before {\r\n width: 12px !important;\r\n}\r\n.selected-KQjvM::before {\r\n content: '';\r\n background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%0D%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%0D%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%0D%09 viewBox%3D%220 0 426.667 426.667%22 style%3D%22enable-background%3Anew 0 0 426.667 426.667%3B%22 xml%3Aspace%3D%22preserve%22%3E%0D%3Cg%3E%0D%09%3Cg%3E%0D%09%09%3Cpath d%3D%22M421.876%2C56.307c-6.548-6.78-17.352-6.968-24.132-0.42c-0.142%2C0.137-0.282%2C0.277-0.42%2C0.42L119.257%2C334.375%0D%09%09%09l-90.334-90.334c-6.78-6.548-17.584-6.36-24.132%2C0.42c-6.388%2C6.614-6.388%2C17.099%2C0%2C23.713l102.4%2C102.4%0D%09%09%09c6.665%2C6.663%2C17.468%2C6.663%2C24.132%2C0L421.456%2C80.44C428.236%2C73.891%2C428.424%2C63.087%2C421.876%2C56.307z%22%2F%3E%0D%09%3C%2Fg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\") no-repeat center;\r\n display: block;\r\n height: 12px;\r\n margin: 8px 6px 0 6px;\r\n float: left;\r\n}\r\n\r\n.item-6aqaG::before {\r\n content: '';\r\n display: block;\r\n width: 26px;\r\n height: 12px;\r\n float: left;\r\n}\r\n\r\n.expander-closed-Wnhtx::after {\r\n background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%0D%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%0D%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%0D%09 viewBox%3D%220 0 490.688 490.688%22 style%3D%22enable-background%3Anew 0 0 490.688 490.688%3B%22 xml%3Aspace%3D%22preserve%22%3E%0D%3Cpath style%3D%22fill%3A%23FFC107%3B%22 d%3D%22M472.328%2C120.529L245.213%2C347.665L18.098%2C120.529c-4.237-4.093-10.99-3.975-15.083%2C0.262%0D%09c-3.992%2C4.134-3.992%2C10.687%2C0%2C14.82l234.667%2C234.667c4.165%2C4.164%2C10.917%2C4.164%2C15.083%2C0l234.667-234.667%0D%09c4.237-4.093%2C4.354-10.845%2C0.262-15.083c-4.093-4.237-10.845-4.354-15.083-0.262c-0.089%2C0.086-0.176%2C0.173-0.262%2C0.262%0D%09L472.328%2C120.529z%22%2F%3E%0D%3Cpath d%3D%22M245.213%2C373.415c-2.831%2C0.005-5.548-1.115-7.552-3.115L2.994%2C135.633c-4.093-4.237-3.975-10.99%2C0.262-15.083%0D%09c4.134-3.992%2C10.687-3.992%2C14.82%2C0l227.136%2C227.115l227.115-227.136c4.093-4.237%2C10.845-4.354%2C15.083-0.262%0D%09c4.237%2C4.093%2C4.354%2C10.845%2C0.262%2C15.083c-0.086%2C0.089-0.173%2C0.176-0.262%2C0.262L252.744%2C370.279%0D%09C250.748%2C372.281%2C248.039%2C373.408%2C245.213%2C373.415z%22%2F%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\") no-repeat center;\r\n content: '';\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n float: right;\r\n position: absolute;\r\n top: 50%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n}\r\n.expander-open-py2FE::after {\r\n background: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%0D%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%0D%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%0D%09 viewBox%3D%220 0 490.523 490.523%22 style%3D%22enable-background%3Anew 0 0 490.523 490.523%3B%22 xml%3Aspace%3D%22preserve%22%3E%0D%3Cpath style%3D%22fill%3A%23FFC107%3B%22 d%3D%22M487.411%2C355.047L252.744%2C120.38c-4.165-4.164-10.917-4.164-15.083%2C0L2.994%2C355.047%0D%09c-4.093%2C4.237-3.976%2C10.99%2C0.262%2C15.083c4.134%2C3.993%2C10.687%2C3.993%2C14.821%2C0l227.115-227.115l227.115%2C227.136%0D%09c4.237%2C4.093%2C10.99%2C3.976%2C15.083-0.261c3.993-4.134%2C3.993-10.688%2C0-14.821L487.411%2C355.047z%22%2F%3E%0D%3Cpath d%3D%22M479.859%2C373.266c-2.831%2C0.005-5.548-1.115-7.552-3.115L245.192%2C143.015L18.077%2C370.151%0D%09c-4.237%2C4.093-10.99%2C3.976-15.083-0.262c-3.993-4.134-3.993-10.687%2C0-14.821l234.667-234.667c4.165-4.164%2C10.917-4.164%2C15.083%2C0%0D%09l234.667%2C234.667c4.159%2C4.172%2C4.148%2C10.926-0.024%2C15.085C485.388%2C372.146%2C482.681%2C373.265%2C479.859%2C373.266z%22%2F%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3Cg%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E%0D\") no-repeat center;\r\n content: '';\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n float: right;\r\n position: absolute;\r\n top: 50%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n}\r\n\r\n@keyframes hide-scroll-2yXs9 {\r\n from,\r\n to {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n.list--32wO {\r\n flex: 1;\r\n overflow: hidden;\r\n scrollbar-width: thin;\r\n}\r\n\r\n.list--32wO::-webkit-scrollbar {\r\n width: 5px;\r\n}\r\n.list--32wO::-webkit-scrollbar-track {\r\n background: #dfdfdf;\r\n border-radius: 3px;\r\n}\r\n.list--32wO::-webkit-scrollbar-thumb {\r\n background: #b1b1b1;\r\n border-radius: 3px;\r\n}\r\n\r\n.open--KKW8 .list--32wO {\r\n overflow: auto;\r\n}\r\n\r\n.language-closed-2KjG0 {\r\n transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);\r\n max-height: 0;\r\n}\r\n\r\n.searchDiv-PFCFg:hover + .hide-ad3Ar {\r\n display: block;\r\n}\r\n\r\n.hide-ad3Ar {\r\n display: none;\r\n}\r\n";
231
231
  styleInject(css_248z$j);
232
232
 
233
233
  var item = "item-pGwu4";
@@ -242,7 +242,7 @@ var list = "list-4f7FZ";
242
242
  var tooltip = "tooltip-gsR2r";
243
243
  var disabled = "disabled-RYfn7";
244
244
  var disabledClick = "disabled-click-74X-4";
245
- var css_248z$i = ".item-pGwu4 {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 4px;\n}\n.text-nRjLJ {\n font-weight: normal;\n color: gray;\n}\n\n.selected-z25La {\n font-weight: 700;\n text-decoration: underline;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n height: 20px;\n flex-shrink: 0;\n}\n\n.open-class-gFhWe .selected-z25La {\n height: -moz-fit-content;\n height: fit-content;\n}\n\n.row-I58t6 {\n display: flex;\n flex-direction: column;\n width: 100%;\n position: relative;\n height: -moz-fit-content;\n height: fit-content;\n}\n\n.row-I58t6 .MuiFormControl-root {\n margin-left: 25px;\n margin-top: 0;\n}\n\n.row-I58t6 .MuiInputBase-root {\n font-size: small;\n margin-top: 0;\n}\n\n.selectable-2W-K7 {\n cursor: pointer;\n line-height: 20px;\n padding-left: 8px;\n position: relative;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: calc(100% - 20px);\n color: inherit;\n transition: color 0.3s ease;\n}\n\n.selectable-2W-K7:hover {\n font-weight: 700;\n color: var(--diva-theme-palette-primary-main);\n}\n\n.left-space-vcauM {\n width: 16px;\n height: 20px;\n}\n\n.arrow-egJ6F {\n background: center / 50% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%3C%2Fsvg%3E\");\n transition: transform 0.3s ease;\n}\n\n.arrow-egJ6F:hover {\n cursor: pointer;\n}\n\n.open-class-gFhWe .arrow-egJ6F {\n transform: rotate(90deg);\n height: 16px;\n width: 16px;\n}\n\n.list-4f7FZ {\n flex: 1;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n/* ===== Scrollbar CSS ===== */\n/* Firefox */\n.list-4f7FZ {\n scrollbar-width: thin;\n scrollbar-color: #7b7b7b #dfdfdf;\n}\n\n/* Chrome, Edge, and Safari */\n.list-4f7FZ::-webkit-scrollbar {\n width: 6px;\n}\n\n.list-4f7FZ::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n\n.list-4f7FZ::-webkit-scrollbar-thumb {\n background-color: #7b7b7b;\n border-radius: 3px;\n border: 0px solid #ffffff;\n}\n\n.tooltip-gsR2r {\n background-color: #1b181a;\n color: white;\n padding: 6px;\n border-radius: 4px;\n font-size: 14px;\n z-index: 12;\n}\n\n.disabled-RYfn7 {\n color: grey !important;\n}\n\n.disabled-RYfn7 {\n opacity: 0.8;\n}\n.disabled-click-74X-4 {\n cursor: normal;\n}\n\n.search-87aXI {\n background-color: #fff;\n border-radius: 16px;\n}\n";
245
+ var css_248z$i = ".item-pGwu4 {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n margin-bottom: 4px;\r\n}\r\n.text-nRjLJ {\r\n font-weight: normal;\r\n color: gray;\r\n}\r\n\r\n.selected-z25La {\r\n font-weight: 700;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n height: 20px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.open-class-gFhWe .selected-z25La {\r\n height: -moz-fit-content;\r\n height: fit-content;\r\n}\r\n\r\n.row-I58t6 {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n position: relative;\r\n height: -moz-fit-content;\r\n height: fit-content;\r\n}\r\n\r\n.row-I58t6 .MuiFormControl-root {\r\n margin-left: 25px;\r\n margin-top: 0;\r\n}\r\n\r\n.row-I58t6 .MuiInputBase-root {\r\n font-size: small;\r\n margin-top: 0;\r\n}\r\n\r\n.selectable-2W-K7 {\r\n cursor: pointer;\r\n line-height: 20px;\r\n padding-left: 8px;\r\n position: relative;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n max-width: calc(100% - 20px);\r\n color: inherit;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.selectable-2W-K7:hover {\r\n font-weight: 700;\r\n color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n.left-space-vcauM {\r\n width: 16px;\r\n height: 20px;\r\n}\r\n\r\n.arrow-egJ6F {\r\n background: center / 50% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.arrow-egJ6F:hover {\r\n cursor: pointer;\r\n}\r\n\r\n.open-class-gFhWe .arrow-egJ6F {\r\n transform: rotate(90deg);\r\n height: 16px;\r\n width: 16px;\r\n}\r\n\r\n.list-4f7FZ {\r\n flex: 1;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n}\r\n\r\n/* ===== Scrollbar CSS ===== */\r\n/* Firefox */\r\n.list-4f7FZ {\r\n scrollbar-width: thin;\r\n scrollbar-color: #7b7b7b #dfdfdf;\r\n}\r\n\r\n/* Chrome, Edge, and Safari */\r\n.list-4f7FZ::-webkit-scrollbar {\r\n width: 6px;\r\n}\r\n\r\n.list-4f7FZ::-webkit-scrollbar-track {\r\n background: #dfdfdf;\r\n border-radius: 3px;\r\n}\r\n\r\n.list-4f7FZ::-webkit-scrollbar-thumb {\r\n background-color: #7b7b7b;\r\n border-radius: 3px;\r\n border: 0px solid #ffffff;\r\n}\r\n\r\n.tooltip-gsR2r {\r\n background-color: #1b181a;\r\n color: white;\r\n padding: 6px;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n z-index: 12;\r\n}\r\n\r\n.disabled-RYfn7 {\r\n color: grey !important;\r\n}\r\n\r\n.disabled-RYfn7 {\r\n opacity: 0.8;\r\n}\r\n.disabled-click-74X-4 {\r\n cursor: normal;\r\n}\r\n\r\n.search-87aXI {\r\n background-color: #fff;\r\n border-radius: 16px;\r\n}\r\n";
246
246
  styleInject(css_248z$i);
247
247
 
248
248
  function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -384,7 +384,7 @@ var isArrayArray = function isArrayArray(x) {
384
384
 
385
385
  var searchBar = "search-bar-Ad-re";
386
386
  var searchIcon = "search-icon-m-KRO";
387
- var css_248z$h = ".search-bar-Ad-re {\n border: 0px solid transparent !important;\n outline: 0px !important;\n}\n\n.search-bar-Ad-re {\n background-color: #fff;\n border-radius: 16px;\n width: calc(100% - 48px);\n padding: 8px 16px 8px 32px;\n font-size: 15px;\n font-family: var(--diva-typography-font-family);\n}\n\n.search-bar-Ad-re::-moz-placeholder {\n color: #b6b6b7;\n opacity: 1; /* Firefox */\n}\n\n.search-bar-Ad-re::placeholder {\n color: #b6b6b7;\n opacity: 1; /* Firefox */\n}\n\n.search-icon-m-KRO {\n width: 24px !important;\n}\n\n.search-icon-m-KRO {\n position: absolute;\n top: 50%;\n left: 6px;\n transform: translateY(-50%);\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M15.489 15.4905L19 19.0015M5 11.1455C4.99956 8.21437 7.06975 5.69108 9.94452 5.11883C12.8193 4.54659 15.698 6.08477 16.82 8.79267C17.9421 11.5006 16.995 14.624 14.558 16.2528C12.121 17.8815 8.87287 17.562 6.8 15.4895C5.64763 14.3376 5.00014 12.775 5 11.1455Z%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: 100%;\n display: block;\n height: 24px;\n}\n";
387
+ var css_248z$h = ".search-bar-Ad-re {\r\n border: 0px solid transparent !important;\r\n outline: 0px !important;\r\n}\r\n\r\n.search-bar-Ad-re {\r\n background-color: #fff;\r\n border-radius: 16px;\r\n width: calc(100% - 48px);\r\n padding: 8px 16px 8px 32px;\r\n font-size: 15px;\r\n font-family: var(--diva-typography-font-family);\r\n}\r\n\r\n.search-bar-Ad-re::-moz-placeholder {\r\n color: #b6b6b7;\r\n opacity: 1; /* Firefox */\r\n}\r\n\r\n.search-bar-Ad-re::placeholder {\r\n color: #b6b6b7;\r\n opacity: 1; /* Firefox */\r\n}\r\n\r\n.search-icon-m-KRO {\r\n width: 24px !important;\r\n}\r\n\r\n.search-icon-m-KRO {\r\n position: absolute;\r\n top: 50%;\r\n left: 6px;\r\n transform: translateY(-50%);\r\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M15.489 15.4905L19 19.0015M5 11.1455C4.99956 8.21437 7.06975 5.69108 9.94452 5.11883C12.8193 4.54659 15.698 6.08477 16.82 8.79267C17.9421 11.5006 16.995 14.624 14.558 16.2528C12.121 17.8815 8.87287 17.562 6.8 15.4895C5.64763 14.3376 5.00014 12.775 5 11.1455Z%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat center;\r\n background-size: 100%;\r\n display: block;\r\n height: 24px;\r\n}\r\n";
388
388
  styleInject(css_248z$h);
389
389
 
390
390
  var SearchField = function SearchField(_ref) {
@@ -1276,14 +1276,14 @@ var Selection = function Selection(_ref) {
1276
1276
  var wrapper$9 = "wrapper-zkdZ1";
1277
1277
  var warningText = "warning-text-bwPCz";
1278
1278
  var modeContainer = "mode-container-iyMu1";
1279
- var css_248z$g = ".wrapper-zkdZ1 {\n margin-bottom: 12px;\n}\n\n.warning-text-bwPCz {\n color: #f87000;\n\n font-size: 12px;\n width: 100%;\n text-align: right;\n}\n\n.mode-container-iyMu1 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 6px;\n}\n";
1279
+ var css_248z$g = ".wrapper-zkdZ1 {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.warning-text-bwPCz {\r\n color: #f87000;\r\n\r\n font-size: 12px;\r\n width: 100%;\r\n text-align: right;\r\n}\r\n\r\n.mode-container-iyMu1 {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 6px;\r\n}\r\n";
1280
1280
  styleInject(css_248z$g);
1281
1281
 
1282
1282
  var toggleSwitch = "toggle-switch-dpRMP";
1283
1283
  var switchSelection = "switch-selection-gzuIi";
1284
1284
  var switchLabel = "switch-label-7ARiU";
1285
1285
  var switchRadio = "switch-radio-NmaTt";
1286
- var css_248z$f = ".toggle-switch-dpRMP {\n position: relative;\n height: 26px;\n width: 137px;\n border: #aaa 1px solid;\n border-radius: 3px;\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.switch-selection-gzuIi {\n display: block;\n position: absolute;\n z-index: 1;\n top: 0px;\n left: 0px;\n width: 45px;\n height: 26px;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 3px;\n transition: left 0.25s ease-out;\n}\n\n.switch-label-7ARiU {\n position: relative;\n z-index: 2;\n float: left;\n width: 45px;\n line-height: 26px;\n font-size: 11px;\n color: rgba(0, 0, 0, 0.6);\n text-align: center;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n transition: color 0.25s ease-out;\n}\n\n.switch-radio-NmaTt {\n display: none;\n}\n\n.switch-radio-NmaTt:checked ~ .switch-label-7ARiU {\n transition: 0.15s ease-out;\n color: #fff;\n}\n";
1286
+ var css_248z$f = ".toggle-switch-dpRMP {\r\n position: relative;\r\n height: 26px;\r\n width: 137px;\r\n border: #aaa 1px solid;\r\n border-radius: 3px;\r\n box-sizing: content-box;\r\n box-sizing: initial;\r\n}\r\n\r\n.switch-selection-gzuIi {\r\n display: block;\r\n position: absolute;\r\n z-index: 1;\r\n top: 0px;\r\n left: 0px;\r\n width: 45px;\r\n height: 26px;\r\n background-color: var(--diva-theme-palette-primary-main);\r\n border-radius: 3px;\r\n transition: left 0.25s ease-out;\r\n}\r\n\r\n.switch-label-7ARiU {\r\n position: relative;\r\n z-index: 2;\r\n float: left;\r\n width: 45px;\r\n line-height: 26px;\r\n font-size: 11px;\r\n color: rgba(0, 0, 0, 0.6);\r\n text-align: center;\r\n cursor: pointer;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n user-select: none;\r\n transition: color 0.25s ease-out;\r\n}\r\n\r\n.switch-radio-NmaTt {\r\n display: none;\r\n}\r\n\r\n.switch-radio-NmaTt:checked ~ .switch-label-7ARiU {\r\n transition: 0.15s ease-out;\r\n color: #fff;\r\n}\r\n";
1287
1287
  styleInject(css_248z$f);
1288
1288
 
1289
1289
  var MultiToggleSwitch = function MultiToggleSwitch(_ref) {
@@ -1347,7 +1347,7 @@ var logoutWrapper = "logout-wrapper-jI9Sq";
1347
1347
  var logoutButton = "logout-button-m87tE";
1348
1348
  var logoutIcon = "logout-icon-t01Yi";
1349
1349
  var footerVersion = "footer-version-0OgH9";
1350
- var css_248z$e = ".wrapper-y5jTr {\n display: flex;\n justify-content: space-between;\n color: #000;\n}\n\n.logout-wrapper-jI9Sq {\n display: flex;\n font-size: normal;\n align-items: center;\n gap: 12px;\n cursor: pointer;\n}\n\n.logout-button-m87tE {\n font-weight: 300;\n width: -moz-fit-content;\n width: fit-content;\n transition: color 0.4s ease-out;\n}\n\n.logout-icon-t01Yi {\n width: 18px !important;\n}\n\n.logout-icon-t01Yi {\n transition: color 0.4s ease-out;\n background-size: 100%;\n display: block;\n height: 18px;\n}\n\n.logout-wrapper-jI9Sq:hover .logout-icon-t01Yi,\n.logout-wrapper-jI9Sq:hover .logout-button-m87tE {\n color: var(--diva-theme-palette-primary-main);\n font-weight: 700;\n}\n\n.footer-version-0OgH9 {\n font-size: small;\n color: grey;\n}\n";
1350
+ var css_248z$e = ".wrapper-y5jTr {\r\n display: flex;\r\n justify-content: space-between;\r\n color: #000;\r\n}\r\n\r\n.logout-wrapper-jI9Sq {\r\n display: flex;\r\n font-size: normal;\r\n align-items: center;\r\n gap: 12px;\r\n cursor: pointer;\r\n}\r\n\r\n.logout-button-m87tE {\r\n font-weight: 300;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n transition: color 0.4s ease-out;\r\n}\r\n\r\n.logout-icon-t01Yi {\r\n width: 18px !important;\r\n}\r\n\r\n.logout-icon-t01Yi {\r\n transition: color 0.4s ease-out;\r\n background-size: 100%;\r\n display: block;\r\n height: 18px;\r\n}\r\n\r\n.logout-wrapper-jI9Sq:hover .logout-icon-t01Yi,\r\n.logout-wrapper-jI9Sq:hover .logout-button-m87tE {\r\n color: var(--diva-theme-palette-primary-main);\r\n font-weight: 700;\r\n}\r\n\r\n.footer-version-0OgH9 {\r\n font-size: small;\r\n color: grey;\r\n}\r\n";
1351
1351
  styleInject(css_248z$e);
1352
1352
 
1353
1353
  var Logout = function Logout(_ref) {
@@ -1404,7 +1404,7 @@ var Logout = function Logout(_ref) {
1404
1404
  };
1405
1405
 
1406
1406
  var footerLinks = "footer-links-BZYFg";
1407
- var css_248z$d = ".footer-links-BZYFg {\n display: flex;\n width: 100%;\n justify-content: space-around;\n font-family: var(--diva-typography-font-family);\n padding-top: 12px;\n}\n.footer-links-BZYFg a {\n cursor: pointer;\n margin-top: auto;\n font-size: 12px;\n margin-bottom: auto;\n transition: color 0.3s ease;\n}\n\n.footer-links-BZYFg a:hover {\n color: var(--diva-theme-palette-primary-main);\n}\n.footer-links-BZYFg:first-of-type {\n padding-top: 0;\n}\n";
1407
+ var css_248z$d = ".footer-links-BZYFg {\r\n display: flex;\r\n width: 100%;\r\n justify-content: space-around;\r\n font-family: var(--diva-typography-font-family);\r\n padding-top: 12px;\r\n}\r\n.footer-links-BZYFg a {\r\n cursor: pointer;\r\n margin-top: auto;\r\n font-size: 12px;\r\n margin-bottom: auto;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.footer-links-BZYFg a:hover {\r\n color: var(--diva-theme-palette-primary-main);\r\n}\r\n.footer-links-BZYFg:first-of-type {\r\n padding-top: 0;\r\n}\r\n";
1408
1408
  styleInject(css_248z$d);
1409
1409
 
1410
1410
  var AGBs = function AGBs(props) {
@@ -1466,7 +1466,7 @@ var AGBs = function AGBs(props) {
1466
1466
 
1467
1467
  var wrapper$7 = "wrapper-Y1Jcp";
1468
1468
  var text = "text-M0L7c";
1469
- var css_248z$c = ".wrapper-Y1Jcp {\n display: flex;\n width: 100%;\n gap: 12px;\n align-items: center;\n}\n.text-M0L7c {\n}\n";
1469
+ var css_248z$c = ".wrapper-Y1Jcp {\r\n display: flex;\r\n width: 100%;\r\n gap: 12px;\r\n align-items: center;\r\n}\r\n.text-M0L7c {\r\n}\r\n";
1470
1470
  styleInject(css_248z$c);
1471
1471
 
1472
1472
  var HidePrices = function HidePrices(props) {
@@ -1510,7 +1510,7 @@ var menu = "menu-w8zcL";
1510
1510
  var arrowWrapper = "arrow-wrapper-rHbX-";
1511
1511
  var arrow = "arrow-i5G-Z";
1512
1512
  var openClass$1 = "open-class-U2edh";
1513
- var css_248z$b = ".wrapper-tqv-Y {\n display: flex;\n width: 100%;\n}\n\n.username-wrapper-4OtrW {\n display: flex;\n flex-direction: column;\n gap: 5px;\n overflow: hidden;\n text-wrap: nowrap;\n white-space: nowrap;\n}\n.username-cM3J3 {\n font-weight: 700;\n font-size: 15px;\n}\n\n.email-AIUDL {\n font-size: 13px;\n}\n\n.language-wrapper-Cl-bc {\n width: 100px;\n display: flex;\n justify-content: center;\n padding: 16px 0px;\n border-left: 1px solid #fff;\n height: 36px;\n}\n\n.dropdown-ryNwY {\n margin-top: 10px;\n font-size: 15px;\n z-index: 100;\n}\n.clickable-MhS-F {\n cursor: pointer;\n}\n\n.dropdown-ryNwY .is-selected {\n transition: text-shadow ease-in-out 0.4s;\n}\n\n.dropdown-ryNwY:hover .is-selected {\n text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.55);\n}\n\n.control-wrapper-u1DL4 {\n display: flex;\n gap: 6px;\n justify-content: center;\n align-items: center;\n}\n\n.menu-w8zcL {\n margin-top: 10px;\n background-color: #f2f2f2;\n border-radius: 26px;\n width: 36px;\n box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25098);\n overflow: hidden;\n transform: translateY(-44px);\n padding: 7px;\n display: flex;\n gap: 12px;\n flex-direction: column;\n}\n\n.menu-w8zcL > div {\n width: 36px;\n height: 36px;\n text-align: center;\n line-height: 36px;\n cursor: pointer;\n transition: color 0.3s ease, background-color 0.3s ease;\n border-radius: 50%;\n}\n\n.menu-w8zcL > div:hover {\n color: #fff;\n background-color: var(--diva-theme-palette-primary-main);\n}\n\n.menu-w8zcL .is-selected {\n color: #fff;\n background-color: var(--diva-theme-palette-primary-main);\n}\n\n.arrow-wrapper-rHbX- {\n width: 20px;\n height: 20px;\n}\n\n.arrow-i5G-Z {\n width: 20px;\n height: 20px;\n background: center / 50% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%3C%2Fsvg%3E\");\n transition: transform 0.3s ease;\n}\n\n.arrow-i5G-Z:hover {\n cursor: pointer;\n}\n\n.open-class-U2edh {\n transform: rotate(90deg);\n}\n";
1513
+ var css_248z$b = ".wrapper-tqv-Y {\r\n display: flex;\r\n width: 100%;\r\n}\r\n\r\n.username-wrapper-4OtrW {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n overflow: hidden;\r\n text-wrap: nowrap;\r\n white-space: nowrap;\r\n}\r\n.username-cM3J3 {\r\n font-weight: 700;\r\n font-size: 15px;\r\n}\r\n\r\n.email-AIUDL {\r\n font-size: 13px;\r\n}\r\n\r\n.language-wrapper-Cl-bc {\r\n width: 100px;\r\n display: flex;\r\n justify-content: center;\r\n padding: 16px 0px;\r\n border-left: 1px solid #fff;\r\n height: 36px;\r\n}\r\n\r\n.dropdown-ryNwY {\r\n margin-top: 10px;\r\n font-size: 15px;\r\n z-index: 100;\r\n}\r\n.clickable-MhS-F {\r\n cursor: pointer;\r\n}\r\n\r\n.dropdown-ryNwY .is-selected {\r\n transition: text-shadow ease-in-out 0.4s;\r\n}\r\n\r\n.dropdown-ryNwY:hover .is-selected {\r\n text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.55);\r\n}\r\n\r\n.control-wrapper-u1DL4 {\r\n display: flex;\r\n gap: 6px;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.menu-w8zcL {\r\n margin-top: 10px;\r\n background-color: #f2f2f2;\r\n border-radius: 26px;\r\n width: 36px;\r\n box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25098);\r\n overflow: hidden;\r\n transform: translateY(-44px);\r\n padding: 7px;\r\n display: flex;\r\n gap: 12px;\r\n flex-direction: column;\r\n}\r\n\r\n.menu-w8zcL > div {\r\n width: 36px;\r\n height: 36px;\r\n text-align: center;\r\n line-height: 36px;\r\n cursor: pointer;\r\n transition: color 0.3s ease, background-color 0.3s ease;\r\n border-radius: 50%;\r\n}\r\n\r\n.menu-w8zcL > div:hover {\r\n color: #fff;\r\n background-color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n.menu-w8zcL .is-selected {\r\n color: #fff;\r\n background-color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n.arrow-wrapper-rHbX- {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n\r\n.arrow-i5G-Z {\r\n width: 20px;\r\n height: 20px;\r\n background: center / 50% no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%227%22 height%3D%2211%22 viewBox%3D%220 0 7 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M4.24303 5.41303L0.517911 1.73629C0.220592 1.44283 0.220592 0.967042 0.517911 0.673584C0.81523 0.380127 1.29728 0.380127 1.5946 0.673584L5.85806 4.88168C6.15538 5.17513 6.15538 5.65092 5.85806 5.94438L1.5946 10.1525C1.29728 10.4459 0.81523 10.4459 0.517911 10.1525C0.220592 9.85902 0.220592 9.38323 0.517911 9.08977L4.24303 5.41303Z%22 fill%3D%22%23B6B6B7%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.arrow-i5G-Z:hover {\r\n cursor: pointer;\r\n}\r\n\r\n.open-class-U2edh {\r\n transform: rotate(90deg);\r\n}\r\n";
1514
1514
  styleInject(css_248z$b);
1515
1515
 
1516
1516
  var UserAndLanguage = function UserAndLanguage(_ref) {
@@ -1575,7 +1575,7 @@ var wrapper$5 = "wrapper-1EF4k";
1575
1575
  var button$1 = "button-n4ZpL";
1576
1576
  var selected = "selected-mk9EU";
1577
1577
  var link$1 = "link-bFrih";
1578
- var css_248z$a = ".wrapper-1EF4k {\n display: flex;\n flex-direction: column;\n max-height: 200px;\n overflow: auto;\n}\n\n.button-n4ZpL {\n font-size: large;\n font-weight: bolder;\n}\n\n.button-n4ZpL {\n position: relative;\n cursor: pointer;\n margin: 0px 8px;\n padding: 8px;\n text-transform: uppercase;\n font-weight: 600;\n font-size: 14px;\n letter-spacing: 0.1rem;\n border-left: 2px solid #fff;\n transition: border 0.4s ease, color 0.4s ease;\n}\n\n.button-n4ZpL:hover,\n.selected-mk9EU {\n border-left: 2px solid var(--diva-theme-palette-primary-main);\n color: var(--diva-theme-palette-primary-main);\n}\n\n.link-bFrih {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1;\n}\n";
1578
+ var css_248z$a = ".wrapper-1EF4k {\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 200px;\r\n overflow: auto;\r\n}\r\n\r\n.button-n4ZpL {\r\n font-size: large;\r\n font-weight: bolder;\r\n}\r\n\r\n.button-n4ZpL {\r\n position: relative;\r\n cursor: pointer;\r\n margin: 0px 8px;\r\n padding: 8px;\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n font-size: 14px;\r\n letter-spacing: 0.1rem;\r\n border-left: 2px solid #fff;\r\n transition: border 0.4s ease, color 0.4s ease;\r\n}\r\n\r\n.button-n4ZpL:hover,\r\n.selected-mk9EU {\r\n border-left: 2px solid var(--diva-theme-palette-primary-main);\r\n color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n.link-bFrih {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 1;\r\n}\r\n";
1579
1579
  styleInject(css_248z$a);
1580
1580
 
1581
1581
  var NavigationButtons = function NavigationButtons(_ref) {
@@ -1610,7 +1610,7 @@ var NavigationButtons = function NavigationButtons(_ref) {
1610
1610
 
1611
1611
  var organizationName = "organization-name-uMRaO";
1612
1612
  var organizationDescription = "organization-description-TKR5G";
1613
- var css_248z$9 = ".organization-name-uMRaO {\n font-weight: 700;\n font-size: 15px;\n color: var(--diva-theme-palette-primary-main);\n}\n.organization-description-TKR5G {\n font-size: 12px;\n margin-top: 6px;\n}\n";
1613
+ var css_248z$9 = ".organization-name-uMRaO {\r\n font-weight: 700;\r\n font-size: 15px;\r\n color: var(--diva-theme-palette-primary-main);\r\n}\r\n.organization-description-TKR5G {\r\n font-size: 12px;\r\n margin-top: 6px;\r\n}\r\n";
1614
1614
  styleInject(css_248z$9);
1615
1615
 
1616
1616
  var Organization = function Organization(_ref) {
@@ -1710,7 +1710,7 @@ var wrapper$4 = "wrapper-Qn4wN";
1710
1710
  var logoWrapper = "logo-wrapper-hBDgt";
1711
1711
  var logo = "logo-Vs2Ia";
1712
1712
  var selectableLogo = "selectable-logo-1DHhf";
1713
- var css_248z$8 = ".wrapper-Qn4wN {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-basis: fit-content;\n}\n\n.logo-wrapper-hBDgt {\n margin: 6px 22px;\n}\n\n.logo-wrapper-hBDgt:first-of-type {\n width: 156px;\n display: flex;\n align-self: center;\n}\n\n.logo-Vs2Ia {\n max-width: 156px;\n max-height: 44px;\n}\n\n.selectable-logo-1DHhf {\n cursor: pointer;\n}\n";
1713
+ var css_248z$8 = ".wrapper-Qn4wN {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-basis: fit-content;\r\n}\r\n\r\n.logo-wrapper-hBDgt {\r\n margin: 6px 22px;\r\n}\r\n\r\n.logo-wrapper-hBDgt:first-of-type {\r\n width: 156px;\r\n display: flex;\r\n align-self: center;\r\n}\r\n\r\n.logo-Vs2Ia {\r\n max-width: 156px;\r\n max-height: 44px;\r\n}\r\n\r\n.selectable-logo-1DHhf {\r\n cursor: pointer;\r\n}\r\n";
1714
1714
  styleInject(css_248z$8);
1715
1715
 
1716
1716
  var Logos = function Logos(props) {
@@ -1759,7 +1759,7 @@ var Logos = function Logos(props) {
1759
1759
  };
1760
1760
 
1761
1761
  var languageSelector = "language-selector-Le2oh";
1762
- var css_248z$7 = ".language-selector-Le2oh {\n width: 50px;\n height: 30px;\n margin: auto;\n margin-right: 22px;\n border: none;\n border-bottom: 1px solid;\n}\n\n.language-selector-Le2oh.focus-visible-8WTUk {\n outline: none;\n}\n\n.language-selector-Le2oh:focus-visible {\n outline: none;\n}\n";
1762
+ var css_248z$7 = ".language-selector-Le2oh {\r\n width: 50px;\r\n height: 30px;\r\n margin: auto;\r\n margin-right: 22px;\r\n border: none;\r\n border-bottom: 1px solid;\r\n}\r\n\r\n.language-selector-Le2oh.focus-visible-8WTUk {\r\n outline: none;\r\n}\r\n\r\n.language-selector-Le2oh:focus-visible {\r\n outline: none;\r\n}\r\n";
1763
1763
  styleInject(css_248z$7);
1764
1764
 
1765
1765
  var LanguageSelector = function LanguageSelector(props) {
@@ -1792,7 +1792,7 @@ var wrapper$3 = "wrapper-dTEtU";
1792
1792
  var profil = "profil-9K4HQ";
1793
1793
  var loginMode = "login-mode-rV-Rt";
1794
1794
  var openClass = "open-class-piIJQ";
1795
- var css_248z$6 = ".wrapper-dTEtU {\n border-left: #f2f2f2 solid 1px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .wrapper-dTEtU {\n border-left: black solid 1px;\n}\n\n.profil-9K4HQ {\n margin: 6px 22px;\n height: 46px;\n cursor: pointer;\n border-radius: 50%;\n transition: box-shadow ease-in-out 0.4s;\n}\n\n.login-mode-rV-Rt {\n position: absolute;\n bottom: 4px;\n right: 15px;\n color: white;\n background-color: var(--diva-theme-palette-primary-main);\n font-size: 12px;\n padding: 2px;\n border-radius: 3px;\n cursor: pointer;\n}\n\n.profil-9K4HQ:hover,\n.open-class-piIJQ {\n box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.55);\n}\n";
1795
+ var css_248z$6 = ".wrapper-dTEtU {\r\n border-left: #f2f2f2 solid 1px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .wrapper-dTEtU {\r\n border-left: black solid 1px;\r\n}\r\n\r\n.profil-9K4HQ {\r\n margin: 6px 22px;\r\n height: 46px;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n transition: box-shadow ease-in-out 0.4s;\r\n}\r\n\r\n.login-mode-rV-Rt {\r\n position: absolute;\r\n bottom: 4px;\r\n right: 15px;\r\n color: white;\r\n background-color: var(--diva-theme-palette-primary-main);\r\n font-size: 12px;\r\n padding: 2px;\r\n border-radius: 3px;\r\n cursor: pointer;\r\n}\r\n\r\n.profil-9K4HQ:hover,\r\n.open-class-piIJQ {\r\n box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.55);\r\n}\r\n";
1796
1796
  styleInject(css_248z$6);
1797
1797
 
1798
1798
  var ProfileImg = function ProfileImg(_ref) {
@@ -1838,7 +1838,7 @@ var ProfileImg = function ProfileImg(_ref) {
1838
1838
  };
1839
1839
 
1840
1840
  var textClass$1 = "text-class-mZIuq";
1841
- var css_248z$5 = ".text-class-mZIuq {\n font-size: 16px;\n line-height: 19px;\n transition: color 0.3s ease, border 0.3s ease;\n letter-spacing: 0.1rem;\n text-wrap: nowrap;\n white-space: nowrap;\n padding: 20px 16px;\n border-right: #f2f2f2 solid 1px;\n flex-basis: fit-content;\n}\n";
1841
+ var css_248z$5 = ".text-class-mZIuq {\r\n font-size: 16px;\r\n line-height: 19px;\r\n transition: color 0.3s ease, border 0.3s ease;\r\n letter-spacing: 0.1rem;\r\n text-wrap: nowrap;\r\n white-space: nowrap;\r\n padding: 20px 16px;\r\n border-right: #f2f2f2 solid 1px;\r\n flex-basis: fit-content;\r\n}\r\n";
1842
1842
  styleInject(css_248z$5);
1843
1843
 
1844
1844
  var WelcomeText = function WelcomeText(_ref) {
@@ -1855,7 +1855,7 @@ var WelcomeText = function WelcomeText(_ref) {
1855
1855
  var wrapper$2 = "wrapper-Nnx1C";
1856
1856
  var textClass = "text-class-ODGFT";
1857
1857
  var name = "name-5pMK6";
1858
- var css_248z$4 = ".wrapper-Nnx1C {\n display: flex;\n flex-direction: column;\n padding: 8px 16px;\n border-left: #f2f2f2 solid 1px;\n max-width: 400px;\n cursor: pointer;\n justify-content: center;\n height: calc(100% - 16px);\n}\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .wrapper-Nnx1C {\n border-left: black solid 1px;\n}\n\n.text-class-ODGFT,\n.name-5pMK6 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n transition: color 0.3s ease, border 0.3s ease;\n letter-spacing: 1px;\n}\n.text-class-ODGFT {\n font-size: 14px;\n}\n\n.name-5pMK6 {\n font-size: 13px;\n}\n\n.wrapper-Nnx1C:hover .text-class-ODGFT,\n.wrapper-Nnx1C:hover .name-5pMK6 {\n color: var(--diva-theme-palette-primary-main);\n}\n";
1858
+ var css_248z$4 = ".wrapper-Nnx1C {\r\n display: flex;\r\n flex-direction: column;\r\n padding: 8px 16px;\r\n border-left: #f2f2f2 solid 1px;\r\n max-width: 400px;\r\n cursor: pointer;\r\n justify-content: center;\r\n height: calc(100% - 16px);\r\n}\r\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .wrapper-Nnx1C {\r\n border-left: black solid 1px;\r\n}\r\n\r\n.text-class-ODGFT,\r\n.name-5pMK6 {\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n transition: color 0.3s ease, border 0.3s ease;\r\n letter-spacing: 1px;\r\n}\r\n.text-class-ODGFT {\r\n font-size: 14px;\r\n}\r\n\r\n.name-5pMK6 {\r\n font-size: 13px;\r\n}\r\n\r\n.wrapper-Nnx1C:hover .text-class-ODGFT,\r\n.wrapper-Nnx1C:hover .name-5pMK6 {\r\n color: var(--diva-theme-palette-primary-main);\r\n}\r\n";
1859
1859
  styleInject(css_248z$4);
1860
1860
 
1861
1861
  var OrganizationName = function OrganizationName(_ref) {
@@ -1888,23 +1888,23 @@ var scannerPlaceholder = "scanner-placeholder-HFpri";
1888
1888
  var scanner = "scanner-8R-jp";
1889
1889
  var hidden = "hidden-C49rQ";
1890
1890
  var wrapper$1 = "wrapper-urPnU";
1891
- var css_248z$3 = ".button-gd-lv {\n margin: 12px 22px;\n height: 35px;\n min-width: 35px;\n cursor: pointer;\n transition: background-color ease-in-out 0.2s;\n -webkit-mask: url(\"data:image/svg+xml,%3Csvg enable-background%3D%22new 0 0 24 24%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h24v24h-24z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m9.5 6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-1.5 9.5v3h-3v-3zm1.5-1.5h-6v6h6zm6.5-6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-6 8h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm-3 3h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm0 3h1.5v1.5h-1.5zm4.5-10.5h-2v-3h-3v-2h5zm0 15v-5h-2v3h-3v2zm-20 0h5v-2h-3v-3h-2zm0-20v5h2v-3h3v-2z%22%2F%3E%3C%2Fsvg%3E\");\n mask: url(\"data:image/svg+xml,%3Csvg enable-background%3D%22new 0 0 24 24%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h24v24h-24z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m9.5 6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-1.5 9.5v3h-3v-3zm1.5-1.5h-6v6h6zm6.5-6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-6 8h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm-3 3h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm0 3h1.5v1.5h-1.5zm4.5-10.5h-2v-3h-3v-2h5zm0 15v-5h-2v3h-3v2zm-20 0h5v-2h-3v-3h-2zm0-20v5h2v-3h3v-2z%22%2F%3E%3C%2Fsvg%3E\");\n background-color: black;\n -webkit-mask-size: cover;\n mask-size: cover;\n}\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .button-gd-lv {\n background-color: white;\n}\n\n.button-gd-lv:hover {\n background-color: var(--diva-theme-palette-primary-main);\n}\n\n.scanner-icon-ve-jf {\n background-image: url(\"data:image/svg+xml,%3Csvg enable-background%3D%22new 0 0 24 24%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h24v24h-24z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m9.5 6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-1.5 9.5v3h-3v-3zm1.5-1.5h-6v6h6zm6.5-6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-6 8h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm-3 3h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm0 3h1.5v1.5h-1.5zm4.5-10.5h-2v-3h-3v-2h5zm0 15v-5h-2v3h-3v2zm-20 0h5v-2h-3v-3h-2zm0-20v5h2v-3h3v-2z%22%2F%3E%3C%2Fsvg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n height: 100px;\n width: 100px;\n margin: 10px 0;\n}\n\n.scanner-placeholder-HFpri {\n margin: 0 auto;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.scanner-8R-jp {\n width: 600px;\n max-width: 100%;\n margin-top: 10px;\n}\n\n.hidden-C49rQ {\n display: none;\n}\n\n.wrapper-urPnU {\n margin-top: -20px;\n}\n";
1891
+ var css_248z$3 = ".button-gd-lv {\r\n margin: 12px 22px;\r\n height: 35px;\r\n min-width: 35px;\r\n cursor: pointer;\r\n transition: background-color ease-in-out 0.2s;\r\n -webkit-mask: url(\"data:image/svg+xml,%3Csvg enable-background%3D%22new 0 0 24 24%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h24v24h-24z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m9.5 6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-1.5 9.5v3h-3v-3zm1.5-1.5h-6v6h6zm6.5-6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-6 8h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm-3 3h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm0 3h1.5v1.5h-1.5zm4.5-10.5h-2v-3h-3v-2h5zm0 15v-5h-2v3h-3v2zm-20 0h5v-2h-3v-3h-2zm0-20v5h2v-3h3v-2z%22%2F%3E%3C%2Fsvg%3E\");\r\n mask: url(\"data:image/svg+xml,%3Csvg enable-background%3D%22new 0 0 24 24%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h24v24h-24z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m9.5 6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-1.5 9.5v3h-3v-3zm1.5-1.5h-6v6h6zm6.5-6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-6 8h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm-3 3h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm0 3h1.5v1.5h-1.5zm4.5-10.5h-2v-3h-3v-2h5zm0 15v-5h-2v3h-3v2zm-20 0h5v-2h-3v-3h-2zm0-20v5h2v-3h3v-2z%22%2F%3E%3C%2Fsvg%3E\");\r\n background-color: black;\r\n -webkit-mask-size: cover;\r\n mask-size: cover;\r\n}\r\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .button-gd-lv {\r\n background-color: white;\r\n}\r\n\r\n.button-gd-lv:hover {\r\n background-color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n.scanner-icon-ve-jf {\r\n background-image: url(\"data:image/svg+xml,%3Csvg enable-background%3D%22new 0 0 24 24%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h24v24h-24z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m9.5 6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-1.5 9.5v3h-3v-3zm1.5-1.5h-6v6h6zm6.5-6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-6 8h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm-3 3h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm0 3h1.5v1.5h-1.5zm4.5-10.5h-2v-3h-3v-2h5zm0 15v-5h-2v3h-3v2zm-20 0h5v-2h-3v-3h-2zm0-20v5h2v-3h3v-2z%22%2F%3E%3C%2Fsvg%3E\");\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n height: 100px;\r\n width: 100px;\r\n margin: 10px 0;\r\n}\r\n\r\n.scanner-placeholder-HFpri {\r\n margin: 0 auto;\r\n width: -moz-fit-content;\r\n width: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n}\r\n\r\n.scanner-8R-jp {\r\n width: 600px;\r\n max-width: 100%;\r\n margin-top: 10px;\r\n}\r\n\r\n.hidden-C49rQ {\r\n display: none;\r\n}\r\n\r\n.wrapper-urPnU {\r\n margin-top: -20px;\r\n}\r\n";
1892
1892
  styleInject(css_248z$3);
1893
1893
 
1894
1894
  var LOG$1 = getLogger('Framework', 'QrCoedScanner');
1895
1895
 
1896
- /**
1897
- * Parses the given url and returns the diva number if it is a valid diva url.
1898
- *
1899
- * The following are examples for valid urls:
1900
- * - {someUrl}?divaNr=DIVA-1234 -> It is a long url to a configuration of DIVA-1234, without version number
1901
- * - {someUrl}?divaNr=DIVA-1234-2 -> It is a long url to a configuration of DIVA-1234, with version number 2
1902
- * - {someUrl}/d1234 -> It is a short url for an url to a configuration of DIVA-1234, without version number
1903
- * - {someUrl}/d1234v2 -> It is a short url for an url to a configuration of DIVA-1234 with version number 2
1904
- * - {someUrl}/a1234 -> It is a short url for an url to an ar viewer of DIVA-1234, without version number
1905
- * - {someUrl}/a1234v2 -> It is a short url for an url to an ar viewer of DIVA-1234 with version number 2
1906
- *
1907
- * @param url The url to parse
1896
+ /**
1897
+ * Parses the given url and returns the diva number if it is a valid diva url.
1898
+ *
1899
+ * The following are examples for valid urls:
1900
+ * - {someUrl}?divaNr=DIVA-1234 -> It is a long url to a configuration of DIVA-1234, without version number
1901
+ * - {someUrl}?divaNr=DIVA-1234-2 -> It is a long url to a configuration of DIVA-1234, with version number 2
1902
+ * - {someUrl}/d1234 -> It is a short url for an url to a configuration of DIVA-1234, without version number
1903
+ * - {someUrl}/d1234v2 -> It is a short url for an url to a configuration of DIVA-1234 with version number 2
1904
+ * - {someUrl}/a1234 -> It is a short url for an url to an ar viewer of DIVA-1234, without version number
1905
+ * - {someUrl}/a1234v2 -> It is a short url for an url to an ar viewer of DIVA-1234 with version number 2
1906
+ *
1907
+ * @param url The url to parse
1908
1908
  */
1909
1909
  function matchDivaNr(url) {
1910
1910
  var regex = /DIVA-\d+(-\d+)?/;
@@ -1936,17 +1936,17 @@ function matchDivaNr(url) {
1936
1936
  return divaNr;
1937
1937
  }
1938
1938
 
1939
- /**
1940
- * Parses the given url and returns the product ID if it is a valid diva url.
1941
- *
1942
- * The following are examples for valid urls:
1943
- * - {shopBaseUrl} -> It is an url that matches the configured shopBaseUrl of the organization
1944
- * - {someUrl}/p1234 -> It is a short url for an url to a product of DIVA-1234, without variant ID
1945
- * - {someUrl}/p1234v2 -> It is a short url for an url to variant 2 of product with divaNr DIVA-1234
1946
- *
1947
- * @param url The url to parse
1948
- * @param shopBaseUrl The shopBaseUrl of the organization
1949
- * @param apiGetProductByFilter The function to get the product by filter
1939
+ /**
1940
+ * Parses the given url and returns the product ID if it is a valid diva url.
1941
+ *
1942
+ * The following are examples for valid urls:
1943
+ * - {shopBaseUrl} -> It is an url that matches the configured shopBaseUrl of the organization
1944
+ * - {someUrl}/p1234 -> It is a short url for an url to a product of DIVA-1234, without variant ID
1945
+ * - {someUrl}/p1234v2 -> It is a short url for an url to variant 2 of product with divaNr DIVA-1234
1946
+ *
1947
+ * @param url The url to parse
1948
+ * @param shopBaseUrl The shopBaseUrl of the organization
1949
+ * @param apiGetProductByFilter The function to get the product by filter
1950
1950
  */
1951
1951
  function matchProduct(_x, _x2, _x3) {
1952
1952
  return _matchProduct.apply(this, arguments);
@@ -2337,7 +2337,7 @@ var Header = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
2337
2337
 
2338
2338
  var footer = "footer-6heXz";
2339
2339
  var footerLogo = "footer-logo-OYpy2";
2340
- var css_248z$2 = ".footer-6heXz {\n position: absolute;\n bottom: 0;\n left: 0;\n height: 36px;\n width: 100px;\n background-color: rgba(125, 125, 125, 0.3);\n border-radius: 18px;\n left: 10px;\n bottom: 10px;\n}\n\n.footer-logo-OYpy2 {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 1000 293.65%22%3E%3Cpath d%3D%22M250.89%2C147.3c-3.18-74-30.4-143.18-141.73-143.18L0%2C4.26A307.86%2C307.86%2C0%2C0%2C1%2C26.12%2C60.7h74.2c52.86%2C0%2C76%2C25.68%2C78.61%2C85.29%2C2.66%2C61.81-18.29%2C87.92-71.15%2C87.92H79.2l-46.71.52a287.29%2C287.29%2C0%2C0%2C1-20%2C53.88h109c111.32%2C0%2C132.67-67%2C129.48-141M306.84%2C289h71.23V0a300.07%2C300.07%2C0%2C0%2C1-71.23%2C25.92Zm318.8.62L726.59.85a300%2C300%2C0%2C0%2C1-83.65%2C32.24L577.11%2C224%2C511.29%2C33.09A300%2C300%2C0%2C0%2C1%2C427.64.85l101%2C288.76Zm374.36%2C4L899.05%2C4.91H802L775.14%2C81.74%2C701.05%2C293.65A300.32%2C300.32%2C0%2C0%2C1%2C785%2C261.35l6.79-21%2C19.14-57.54L850.52%2C62l40.07%2C120.85%2C18.7%2C57.54%2C7%2C21A300.2%2C300.2%2C0%2C0%2C1%2C1000%2C293.65%22 fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E\");\n background-repeat: no-repeat;\n background-size: 65%;\n height: 100%;\n width: 100%;\n z-index: 795;\n background-position: center;\n}\n";
2340
+ var css_248z$2 = ".footer-6heXz {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n height: 36px;\r\n width: 100px;\r\n background-color: rgba(125, 125, 125, 0.3);\r\n border-radius: 18px;\r\n left: 10px;\r\n bottom: 10px;\r\n}\r\n\r\n.footer-logo-OYpy2 {\r\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 1000 293.65%22%3E%3Cpath d%3D%22M250.89%2C147.3c-3.18-74-30.4-143.18-141.73-143.18L0%2C4.26A307.86%2C307.86%2C0%2C0%2C1%2C26.12%2C60.7h74.2c52.86%2C0%2C76%2C25.68%2C78.61%2C85.29%2C2.66%2C61.81-18.29%2C87.92-71.15%2C87.92H79.2l-46.71.52a287.29%2C287.29%2C0%2C0%2C1-20%2C53.88h109c111.32%2C0%2C132.67-67%2C129.48-141M306.84%2C289h71.23V0a300.07%2C300.07%2C0%2C0%2C1-71.23%2C25.92Zm318.8.62L726.59.85a300%2C300%2C0%2C0%2C1-83.65%2C32.24L577.11%2C224%2C511.29%2C33.09A300%2C300%2C0%2C0%2C1%2C427.64.85l101%2C288.76Zm374.36%2C4L899.05%2C4.91H802L775.14%2C81.74%2C701.05%2C293.65A300.32%2C300.32%2C0%2C0%2C1%2C785%2C261.35l6.79-21%2C19.14-57.54L850.52%2C62l40.07%2C120.85%2C18.7%2C57.54%2C7%2C21A300.2%2C300.2%2C0%2C0%2C1%2C1000%2C293.65%22 fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E\");\r\n background-repeat: no-repeat;\r\n background-size: 65%;\r\n height: 100%;\r\n width: 100%;\r\n z-index: 795;\r\n background-position: center;\r\n}\r\n";
2341
2341
  styleInject(css_248z$2);
2342
2342
 
2343
2343
  function Footer () {
@@ -2373,7 +2373,7 @@ var mobileBcGroup = "mobile-bc-group-qpSWw";
2373
2373
  var mobileBreadcrumb = "mobile-breadcrumb-AUdyP";
2374
2374
  var mobileSelected = "mobile-selected-9UuOs";
2375
2375
  var mobileSplitter = "mobile-splitter-MPW46";
2376
- var css_248z$1 = ".menu-button-I2Ktr {\n position: absolute;\n top: 0px;\n left: 0px;\n cursor: pointer;\n background: #f2f2f2 url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z%22 fill%3D%22%234F4F4F%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\") no-repeat center center;\n width: 50px;\n height: 50px;\n z-index: 1;\n}\n\n.menu-button-I2Ktr:hover {\n background-color: #f8f8f8;\n}\n\n.mobile-Z9o4Q {\n position: relative;\n height: 100%;\n width: 100%;\n}\n\n.swipable-mZfE6 {\n position: absolute;\n float: left;\n width: 2%;\n height: 100%;\n z-index: 2;\n box-sizing: border-box;\n}\n\n.side-menu-922Ex {\n width: 100%;\n max-width: 375px;\n height: 100%;\n background-color: #f2f2f2;\n position: fixed;\n top: 0;\n left: 0;\n transition: transform 0.3s cubic-bezier(0, 0.52, 0, 1);\n overflow: scroll;\n box-sizing: border-box;\n}\n\n.side-menu-922Ex > img {\n margin-left: 16px;\n max-width: 146px;\n max-height: 46px;\n}\n\n.hide-Gw-dY {\n transform: translate3d(-375px, 0, 0);\n}\n\n.show-Nh7LC {\n transform: translate3d(0px, 0, 0);\n overflow: hidden;\n}\n\n.close-icon-w0Qa8 {\n position: relative;\n opacity: 0.3;\n margin: 16px 16px 0 0;\n width: 32px;\n height: 32px;\n z-index: 300;\n align-self: flex-end;\n cursor: pointer;\n margin: 16px;\n width: 50px;\n height: 40px;\n}\n\n.close-icon-w0Qa8:before {\n transform: rotate(45deg);\n}\n\n.close-icon-w0Qa8:after {\n transform: rotate(-45deg);\n}\n\n.close-icon-w0Qa8:before,\n.close-icon-w0Qa8:after {\n position: absolute;\n right: 15px;\n content: ' ';\n height: 33px;\n width: 3px;\n background-color: #4b4b4b;\n}\n\n.close-icon-w0Qa8:hover {\n opacity: 0.8;\n transition: opacity 0.2s ease-in-out;\n}\n\n.menu-group-MIbAN {\n margin: 40px 16px 0 16px;\n display: flex;\n flex-direction: column;\n}\n\n.side-button-CA5qH {\n width: 100%;\n background: #f8f8f8;\n padding: 10px 7px;\n border-radius: 5px;\n cursor: pointer;\n box-sizing: border-box;\n margin-top: 6px;\n line-height: 16px;\n position: relative;\n}\n\n.side-button-CA5qH:hover {\n background: #e1e2e1;\n}\n\n.link-2uP9-::after {\n background: url(\"data:image/svg+xml,%3Csvg viewBox%3D%220 0 8 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M5.54795 7.20988L0.682832 2.2301C0.294525 1.83264 0.294525 1.18823 0.682832 0.79077C1.07114 0.393311 1.70071 0.393311 2.08902 0.79077L7.65722 6.49021C8.04553 6.88767 8.04553 7.53208 7.65722 7.92954L2.08902 13.629C1.70071 14.0264 1.07114 14.0264 0.682832 13.629C0.294525 13.2315 0.294525 12.5871 0.682832 12.1897L5.54795 7.20988Z%22 fill%3D%22%23BBBBBB%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n content: '';\n display: block;\n width: 10px;\n height: 10px;\n float: right;\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n margin-right: 7px;\n}\n\n.mobile-footer-E-HE9 {\n height: 120px;\n background-color: #272727;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.mobile-footer-links-iYfrX {\n display: flex;\n font-size: small;\n color: #b6b6b6;\n justify-content: space-around;\n margin-top: 20px;\n}\n\n.mobile-footer-links-iYfrX a {\n cursor: pointer;\n color: #b6b6b6;\n}\n\n.mobile-footer-logo-dytg6 {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 1000 293.65%22%3E%3Cpath d%3D%22M250.89%2C147.3c-3.18-74-30.4-143.18-141.73-143.18L0%2C4.26A307.86%2C307.86%2C0%2C0%2C1%2C26.12%2C60.7h74.2c52.86%2C0%2C76%2C25.68%2C78.61%2C85.29%2C2.66%2C61.81-18.29%2C87.92-71.15%2C87.92H79.2l-46.71.52a287.29%2C287.29%2C0%2C0%2C1-20%2C53.88h109c111.32%2C0%2C132.67-67%2C129.48-141M306.84%2C289h71.23V0a300.07%2C300.07%2C0%2C0%2C1-71.23%2C25.92Zm318.8.62L726.59.85a300%2C300%2C0%2C0%2C1-83.65%2C32.24L577.11%2C224%2C511.29%2C33.09A300%2C300%2C0%2C0%2C1%2C427.64.85l101%2C288.76Zm374.36%2C4L899.05%2C4.91H802L775.14%2C81.74%2C701.05%2C293.65A300.32%2C300.32%2C0%2C0%2C1%2C785%2C261.35l6.79-21%2C19.14-57.54L850.52%2C62l40.07%2C120.85%2C18.7%2C57.54%2C7%2C21A300.2%2C300.2%2C0%2C0%2C1%2C1000%2C293.65%22 fill%3D%22%23b3b3b3%22%2F%3E%3C%2Fsvg%3E\");\n background-repeat: no-repeat;\n height: 20px;\n width: 70px;\n position: absolute;\n left: 50%;\n bottom: 20px;\n transform: translateX(-50%);\n}\n\n.mobile-bc-group-qpSWw {\n display: flex;\n border-top: 0.8px solid #b6b6b7;\n padding: 12px 16px;\n border-bottom: 0.8px solid #b6b6b7;\n margin-top: 40px;\n overflow: auto;\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n}\n\n.mobile-bc-group-qpSWw::-webkit-scrollbar {\n display: none;\n}\n\n.mobile-breadcrumb-AUdyP:hover {\n font-weight: 300;\n text-decoration: underline;\n transition: all 200ms;\n}\n\n.mobile-selected-9UuOs {\n font-weight: 300;\n text-decoration: underline;\n color: var(--diva-theme-palette-primary-main);\n}\n\n.mobile-splitter-MPW46:first-of-type {\n display: none;\n}\n\n.mobile-splitter-MPW46 {\n background: url(\"data:image/svg+xml,%3Csvg viewBox%3D%220 0 8 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M5.54795 7.20988L0.682832 2.2301C0.294525 1.83264 0.294525 1.18823 0.682832 0.79077C1.07114 0.393311 1.70071 0.393311 2.08902 0.79077L7.65722 6.49021C8.04553 6.88767 8.04553 7.53208 7.65722 7.92954L2.08902 13.629C1.70071 14.0264 1.07114 14.0264 0.682832 13.629C0.294525 13.2315 0.294525 12.5871 0.682832 12.1897L5.54795 7.20988Z%22 fill%3D%22%23BBBBBB%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n min-width: 10px;\n height: 10px;\n margin: auto 5px;\n}\n";
2376
+ var css_248z$1 = ".menu-button-I2Ktr {\r\n position: absolute;\r\n top: 0px;\r\n left: 0px;\r\n cursor: pointer;\r\n background: #f2f2f2 url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12Z%22 fill%3D%22%234F4F4F%22%2F%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z%22 fill%3D%22%234F4F4F%22%2F%3E%0D%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2 18C2 17.4477 2.44772 17 3 17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H3C2.44772 19 2 18.5523 2 18Z%22 fill%3D%22%234F4F4F%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat center center;\r\n width: 50px;\r\n height: 50px;\r\n z-index: 1;\r\n}\r\n\r\n.menu-button-I2Ktr:hover {\r\n background-color: #f8f8f8;\r\n}\r\n\r\n.mobile-Z9o4Q {\r\n position: relative;\r\n height: 100%;\r\n width: 100%;\r\n}\r\n\r\n.swipable-mZfE6 {\r\n position: absolute;\r\n float: left;\r\n width: 2%;\r\n height: 100%;\r\n z-index: 2;\r\n box-sizing: border-box;\r\n}\r\n\r\n.side-menu-922Ex {\r\n width: 100%;\r\n max-width: 375px;\r\n height: 100%;\r\n background-color: #f2f2f2;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n transition: transform 0.3s cubic-bezier(0, 0.52, 0, 1);\r\n overflow: scroll;\r\n box-sizing: border-box;\r\n}\r\n\r\n.side-menu-922Ex > img {\r\n margin-left: 16px;\r\n max-width: 146px;\r\n max-height: 46px;\r\n}\r\n\r\n.hide-Gw-dY {\r\n transform: translate3d(-375px, 0, 0);\r\n}\r\n\r\n.show-Nh7LC {\r\n transform: translate3d(0px, 0, 0);\r\n overflow: hidden;\r\n}\r\n\r\n.close-icon-w0Qa8 {\r\n position: relative;\r\n opacity: 0.3;\r\n margin: 16px 16px 0 0;\r\n width: 32px;\r\n height: 32px;\r\n z-index: 300;\r\n align-self: flex-end;\r\n cursor: pointer;\r\n margin: 16px;\r\n width: 50px;\r\n height: 40px;\r\n}\r\n\r\n.close-icon-w0Qa8:before {\r\n transform: rotate(45deg);\r\n}\r\n\r\n.close-icon-w0Qa8:after {\r\n transform: rotate(-45deg);\r\n}\r\n\r\n.close-icon-w0Qa8:before,\r\n.close-icon-w0Qa8:after {\r\n position: absolute;\r\n right: 15px;\r\n content: ' ';\r\n height: 33px;\r\n width: 3px;\r\n background-color: #4b4b4b;\r\n}\r\n\r\n.close-icon-w0Qa8:hover {\r\n opacity: 0.8;\r\n transition: opacity 0.2s ease-in-out;\r\n}\r\n\r\n.menu-group-MIbAN {\r\n margin: 40px 16px 0 16px;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.side-button-CA5qH {\r\n width: 100%;\r\n background: #f8f8f8;\r\n padding: 10px 7px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n box-sizing: border-box;\r\n margin-top: 6px;\r\n line-height: 16px;\r\n position: relative;\r\n}\r\n\r\n.side-button-CA5qH:hover {\r\n background: #e1e2e1;\r\n}\r\n\r\n.link-2uP9-::after {\r\n background: url(\"data:image/svg+xml,%3Csvg viewBox%3D%220 0 8 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M5.54795 7.20988L0.682832 2.2301C0.294525 1.83264 0.294525 1.18823 0.682832 0.79077C1.07114 0.393311 1.70071 0.393311 2.08902 0.79077L7.65722 6.49021C8.04553 6.88767 8.04553 7.53208 7.65722 7.92954L2.08902 13.629C1.70071 14.0264 1.07114 14.0264 0.682832 13.629C0.294525 13.2315 0.294525 12.5871 0.682832 12.1897L5.54795 7.20988Z%22 fill%3D%22%23BBBBBB%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat center;\r\n content: '';\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n float: right;\r\n position: absolute;\r\n top: 50%;\r\n right: 0;\r\n transform: translateY(-50%);\r\n margin-right: 7px;\r\n}\r\n\r\n.mobile-footer-E-HE9 {\r\n height: 120px;\r\n background-color: #272727;\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.mobile-footer-links-iYfrX {\r\n display: flex;\r\n font-size: small;\r\n color: #b6b6b6;\r\n justify-content: space-around;\r\n margin-top: 20px;\r\n}\r\n\r\n.mobile-footer-links-iYfrX a {\r\n cursor: pointer;\r\n color: #b6b6b6;\r\n}\r\n\r\n.mobile-footer-logo-dytg6 {\r\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 1000 293.65%22%3E%3Cpath d%3D%22M250.89%2C147.3c-3.18-74-30.4-143.18-141.73-143.18L0%2C4.26A307.86%2C307.86%2C0%2C0%2C1%2C26.12%2C60.7h74.2c52.86%2C0%2C76%2C25.68%2C78.61%2C85.29%2C2.66%2C61.81-18.29%2C87.92-71.15%2C87.92H79.2l-46.71.52a287.29%2C287.29%2C0%2C0%2C1-20%2C53.88h109c111.32%2C0%2C132.67-67%2C129.48-141M306.84%2C289h71.23V0a300.07%2C300.07%2C0%2C0%2C1-71.23%2C25.92Zm318.8.62L726.59.85a300%2C300%2C0%2C0%2C1-83.65%2C32.24L577.11%2C224%2C511.29%2C33.09A300%2C300%2C0%2C0%2C1%2C427.64.85l101%2C288.76Zm374.36%2C4L899.05%2C4.91H802L775.14%2C81.74%2C701.05%2C293.65A300.32%2C300.32%2C0%2C0%2C1%2C785%2C261.35l6.79-21%2C19.14-57.54L850.52%2C62l40.07%2C120.85%2C18.7%2C57.54%2C7%2C21A300.2%2C300.2%2C0%2C0%2C1%2C1000%2C293.65%22 fill%3D%22%23b3b3b3%22%2F%3E%3C%2Fsvg%3E\");\r\n background-repeat: no-repeat;\r\n height: 20px;\r\n width: 70px;\r\n position: absolute;\r\n left: 50%;\r\n bottom: 20px;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.mobile-bc-group-qpSWw {\r\n display: flex;\r\n border-top: 0.8px solid #b6b6b7;\r\n padding: 12px 16px;\r\n border-bottom: 0.8px solid #b6b6b7;\r\n margin-top: 40px;\r\n overflow: auto;\r\n -ms-overflow-style: none; /* IE and Edge */\r\n scrollbar-width: none; /* Firefox */\r\n}\r\n\r\n.mobile-bc-group-qpSWw::-webkit-scrollbar {\r\n display: none;\r\n}\r\n\r\n.mobile-breadcrumb-AUdyP:hover {\r\n font-weight: 300;\r\n text-decoration: underline;\r\n transition: all 200ms;\r\n}\r\n\r\n.mobile-selected-9UuOs {\r\n font-weight: 300;\r\n text-decoration: underline;\r\n color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n.mobile-splitter-MPW46:first-of-type {\r\n display: none;\r\n}\r\n\r\n.mobile-splitter-MPW46 {\r\n background: url(\"data:image/svg+xml,%3Csvg viewBox%3D%220 0 8 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M5.54795 7.20988L0.682832 2.2301C0.294525 1.83264 0.294525 1.18823 0.682832 0.79077C1.07114 0.393311 1.70071 0.393311 2.08902 0.79077L7.65722 6.49021C8.04553 6.88767 8.04553 7.53208 7.65722 7.92954L2.08902 13.629C1.70071 14.0264 1.07114 14.0264 0.682832 13.629C0.294525 13.2315 0.294525 12.5871 0.682832 12.1897L5.54795 7.20988Z%22 fill%3D%22%23BBBBBB%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat center;\r\n min-width: 10px;\r\n height: 10px;\r\n margin: auto 5px;\r\n}\r\n";
2377
2377
  styleInject(css_248z$1);
2378
2378
 
2379
2379
  function Burger (_ref) {
@@ -2616,7 +2616,7 @@ var Mobile = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
2616
2616
  });
2617
2617
 
2618
2618
  var wrapper = "wrapper-811ne";
2619
- var css_248z = ".wrapper-811ne {\n display: flex;\n position: relative;\n height: 100%;\n flex-direction: column;\n}\n";
2619
+ var css_248z = ".wrapper-811ne {\r\n display: flex;\r\n position: relative;\r\n height: 100%;\r\n flex-direction: column;\r\n}\r\n";
2620
2620
  styleInject(css_248z);
2621
2621
 
2622
2622
  var DivaNavigator = function DivaNavigator(_ref) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@crystaldesign/diva-navigator",
3
- "version": "24.12.0-rc.9",
3
+ "version": "24.12.1",
4
4
  "license": "MIT",
5
5
  "devDependencies": {
6
6
  "@testing-library/jest-dom": "^6.5.0",
@@ -23,5 +23,5 @@
23
23
  },
24
24
  "module": "build/esm/index.js",
25
25
  "types": "./build/types/navigator/src/index.d.ts",
26
- "gitHead": "4f6977c9b6a78576cd6d8041773a17957bfc5fa9"
26
+ "gitHead": "10505d5064511472829e3a6dbf82b1a961fe6e53"
27
27
  }