@popsure/dirty-swan 0.58.6 → 0.59.0-alpha

package/dist/cjs/index.js

@@ -229,9 +229,9 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$J = ".style-module_container__3bJf5 {\n  display: flex;\n}\n@media (max-width: 34rem) {\n  .style-module_container__3bJf5 {\n    width: 100%;\n    flex-direction: column;\n  }\n}\n\n.style-module_dayInput__1OBNv,\n.style-module_monthInput__2L_7o {\n  width: 88px;\n  flex: 1;\n}\n\n.style-module_yearInput__2C_H8 {\n  width: 104px;\n}\n@media (max-width: 34rem) {\n  .style-module_yearInput__2C_H8 {\n    width: 100%;\n  }\n}";
-var styles$I = {"container":"style-module_container__3bJf5","dayInput":"style-module_dayInput__1OBNv","monthInput":"style-module_monthInput__2L_7o","yearInput":"style-module_yearInput__2C_H8"};
-styleInject(css_248z$J);
+var css_248z$K = ".style-module_container__3bJf5 {\n  display: flex;\n}\n@media (max-width: 34rem) {\n  .style-module_container__3bJf5 {\n    width: 100%;\n    flex-direction: column;\n  }\n}\n\n.style-module_dayInput__1OBNv,\n.style-module_monthInput__2L_7o {\n  width: 88px;\n  flex: 1;\n}\n\n.style-module_yearInput__2C_H8 {\n  width: 104px;\n}\n@media (max-width: 34rem) {\n  .style-module_yearInput__2C_H8 {\n    width: 100%;\n  }\n}";
+var styles$J = {"container":"style-module_container__3bJf5","dayInput":"style-module_dayInput__1OBNv","monthInput":"style-module_monthInput__2L_7o","yearInput":"style-module_yearInput__2C_H8"};
+styleInject(css_248z$K);
 
 var classnames = {exports: {}};
 
@@ -303,25 +303,25 @@ function generateId() {
     return 'xxxx-xxxx-xxx-xxxx'.replace(/[x]/g, function () { return (Math.floor(Math.random() * 16).toString(16)); });
 }
 
-var css_248z$I = ".style-module_container__2L4SP {\n  position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--ds-grey-500);\n  transition: 0.3s top;\n}\n.style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n  color: var(--ds-grey-600);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0,\n.style-module_input--with-inside-label__253bZ ~ .style-module_placeholder__1U2z0 {\n  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-primary-500);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input--with-inside-label__253bZ ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:focus ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ {\n  top: 29px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n.style-module_input--with-inside-label__253bZ {\n  padding-top: 9px;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-grey-500);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n  display: inline-block;\n  margin-bottom: 8px;\n  color: var(--ds-grey-600);\n}\n.style-module_label--with-error__166bP {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
-var styles$H = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","input--with-inside-label":"style-module_input--with-inside-label__253bZ","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","label":"style-module_label__3FEZ1","label--with-error":"style-module_label--with-error__166bP","error":"style-module_error__167Zc"};
-styleInject(css_248z$I);
+var css_248z$J = ".style-module_container__2L4SP {\n  position: relative;\n}\n\n.style-module_prefix__3jAFZ {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--ds-neutral-600);\n  transition: 0.3s top;\n}\n.style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n.style-module_prefix--disabled__2-gcw {\n  color: var(--ds-neutral-700);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_placeholder__1U2z0,\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0,\n.style-module_input--with-inside-label__253bZ ~ .style-module_placeholder__1U2z0 {\n  top: 7px;\n  left: 16px;\n  transform: translateY(0);\n  font-size: 10px;\n  line-height: 12px;\n  opacity: 1;\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_placeholder__1U2z0 {\n  color: var(--ds-purple-600);\n}\n.style-module_input__1eJO5:focus ~ .style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-purple-600);\n}\n.style-module_input__1eJO5:focus ~ .style-module_prefix--with-error__1yTTM {\n  color: var(--ds-red-500);\n}\n\n.style-module_input__1eJO5:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ,\n.style-module_input__1eJO5:focus ~ .style-module_prefix__3jAFZ {\n  top: 28px;\n}\n\n.style-module_input--with-inside-label__253bZ ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:focus ~ .style-module_prefix__3jAFZ,\n.style-module_input--with-inside-label__253bZ:not(:placeholder-shown) ~ .style-module_prefix__3jAFZ {\n  top: 29px;\n}\n\n.style-module_input__1eJO5 {\n  box-sizing: border-box;\n  padding-top: 9px;\n  font-family: inherit;\n}\n.style-module_input--no-placeholder__3EGwh {\n  padding-top: 0px;\n}\n.style-module_input--with-prefix__38e0j {\n  padding-left: 32px !important;\n}\n.style-module_input--with-inside-label__253bZ {\n  padding-top: 9px;\n}\n\n.style-module_placeholder__1U2z0 {\n  position: absolute;\n  pointer-events: none;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.3s ease all;\n  color: var(--ds-neutral-600);\n}\n.style-module_placeholder--with-prefix__2PquQ {\n  left: 32px;\n}\n.style-module_placeholder--with-error__2ieRU {\n  color: var(--ds-red-500);\n}\n\n.style-module_label__3FEZ1 {\n  display: inline-block;\n  margin-bottom: 8px;\n  color: var(--ds-neutral-700);\n}\n.style-module_label--with-error__166bP {\n  color: var(--ds-red-500);\n}\n\n.style-module_error__167Zc {\n  margin-top: 4px;\n}";
+var styles$I = {"container":"style-module_container__2L4SP","prefix":"style-module_prefix__3jAFZ","prefix--with-error":"style-module_prefix--with-error__1yTTM","prefix--disabled":"style-module_prefix--disabled__2-gcw","input":"style-module_input__1eJO5","placeholder":"style-module_placeholder__1U2z0","input--with-inside-label":"style-module_input--with-inside-label__253bZ","placeholder--with-error":"style-module_placeholder--with-error__2ieRU","input--no-placeholder":"style-module_input--no-placeholder__3EGwh","input--with-prefix":"style-module_input--with-prefix__38e0j","placeholder--with-prefix":"style-module_placeholder--with-prefix__2PquQ","label":"style-module_label__3FEZ1","label--with-error":"style-module_label--with-error__166bP","error":"style-module_error__167Zc"};
+styleInject(css_248z$J);
 
 var Input = React__default['default'].forwardRef(function (_a, ref) {
     var _b, _c, _d, _e, _f, _g;
     var className = _a.className, placeholder = _a.placeholder, label = _a.label, id = _a.id, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, _h = _a.hideLabel, hideLabel = _h === void 0 ? false : _h, _j = _a.labelInsideInput, labelInsideInput = _j === void 0 ? false : _j, props = __rest$1(_a, ["className", "placeholder", "label", "id", "prefix", "error", "disabled", "hideLabel", "labelInsideInput"]);
     var uniqueId = React.useState(id !== null && id !== void 0 ? id : generateId())[0];
-    return (jsxRuntime.jsxs("div", { className: "".concat(styles$H.container, " ").concat(className !== null && className !== void 0 ? className : ''), children: [label && !labelInsideInput && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classNames$1('p-p', styles$H.label, (_b = {},
-                    _b[styles$H['label--with-error']] = error,
+    return (jsxRuntime.jsxs("div", { className: "".concat(styles$I.container, " ").concat(className !== null && className !== void 0 ? className : ''), children: [label && !labelInsideInput && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classNames$1('p-p', styles$I.label, (_b = {},
+                    _b[styles$I['label--with-error']] = error,
                     _b['sr-only'] = hideLabel,
                     _b)), children: label })), jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsx("input", __assign({ id: uniqueId, "data-testid": "ds-input-input", type: "text", ref: ref, className: classNames$1(error ? 'p-input--error' : 'p-input', (!label || labelInsideInput) &&
                             placeholder &&
                             placeholder.length > 0
-                            ? styles$H.input
-                            : styles$H['input--no-placeholder'], (_c = {},
-                            _c[styles$H['input--with-prefix']] = prefix,
-                            _c[styles$H['input--with-inside-label']] = labelInsideInput,
-                            _c)), placeholder: label || labelInsideInput ? placeholder : ' ', disabled: disabled, "aria-invalid": !!error, "aria-errormessage": error ? "".concat(uniqueId, "-error") : undefined }, props)), prefix && (jsxRuntime.jsx("span", { className: classNames$1(styles$H.prefix, (_d = {}, _d[styles$H['prefix--with-error']] = error, _d), (_e = {}, _e[styles$H['prefix--disabled']] = disabled, _e)), children: prefix })), (!label || labelInsideInput) && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classNames$1(styles$H.placeholder, (_f = {}, _f[styles$H['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$H['placeholder--with-error']] = error, _g)), children: labelInsideInput ? label : placeholder }))] }), error && (jsxRuntime.jsx("p", { id: "".concat(uniqueId, "-error"), className: "p-p--small tc-red-500 w100 ".concat(styles$H.error), children: error }))] }));
+                            ? styles$I.input
+                            : styles$I['input--no-placeholder'], (_c = {},
+                            _c[styles$I['input--with-prefix']] = prefix,
+                            _c[styles$I['input--with-inside-label']] = labelInsideInput,
+                            _c)), placeholder: label || labelInsideInput ? placeholder : ' ', disabled: disabled, "aria-invalid": !!error, "aria-errormessage": error ? "".concat(uniqueId, "-error") : undefined }, props)), prefix && (jsxRuntime.jsx("span", { className: classNames$1(styles$I.prefix, (_d = {}, _d[styles$I['prefix--with-error']] = error, _d), (_e = {}, _e[styles$I['prefix--disabled']] = disabled, _e)), children: prefix })), (!label || labelInsideInput) && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classNames$1(styles$I.placeholder, (_f = {}, _f[styles$I['placeholder--with-prefix']] = prefix, _f), (_g = {}, _g[styles$I['placeholder--with-error']] = error, _g)), children: labelInsideInput ? label : placeholder }))] }), error && (jsxRuntime.jsx("p", { id: "".concat(uniqueId, "-error"), className: "p-p--small tc-red-500 w100 ".concat(styles$I.error), children: error }))] }));
 });
 
 var build = {};
@@ -2315,16 +2315,16 @@ var useOnClickOutside = function (ref, callback) {
     }, [ref, callback]);
 };
 
-var css_248z$H = ".styles-module_wrapper__1_lY0 {\n  margin: 4px;\n}";
-var styles$G = {"wrapper":"styles-module_wrapper__1_lY0"};
-styleInject(css_248z$H);
+var css_248z$I = ".styles-module_wrapper__1_lY0 {\n  margin: 4px;\n}";
+var styles$H = {"wrapper":"styles-module_wrapper__1_lY0"};
+styleInject(css_248z$I);
 
 var IconWrapper = function (_a) {
     var _b;
     var children = _a.children, _c = _a.size, size = _c === void 0 ? 16 : _c, color = _a.color, className = _a.className, noMargin = _a.noMargin, rest = __rest$1(_a, ["children", "size", "color", "className", "noMargin"]);
     return (jsxRuntime.jsx("span", __assign({ className: classNames$1('d-inline-block', className !== null && className !== void 0 ? className : '', (_b = {},
             _b["tc-".concat(color)] = !!color,
-            _b[styles$G.wrapper] = !noMargin,
+            _b[styles$H.wrapper] = !noMargin,
             _b)), style: {
             minWidth: "".concat(size, "px"),
             width: "".concat(size, "px"),
@@ -3896,9 +3896,9 @@ var ZoomOut = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM21.35 21.35 17 17M8 11h6" }));
 });
 
-var css_248z$G = ".style-module_container__3SY_g {\n  position: relative;\n}";
-var styles$F = {"container":"style-module_container__3SY_g"};
-styleInject(css_248z$G);
+var css_248z$H = ".style-module_container__3SY_g {\n  position: relative;\n}";
+var styles$G = {"container":"style-module_container__3SY_g"};
+styleInject(css_248z$H);
 
 var buttonTypeClassNameMap = {
     filledColor: 'p-btn--primary',
@@ -3958,7 +3958,7 @@ var Calendar = function (_a) {
     if (!displayCalendar) {
         return null;
     }
-    return (jsxRuntime.jsxs("div", { className: "".concat(styles$F.container, " ml8"), ref: calendarContainerRef, children: [jsxRuntime.jsx(Button, { onClick: function () { return setCalendarOpen(!isOpen); }, "data-testid": "calendar-button", hideLabel: true, variant: 'textColor', leftIcon: jsxRuntime.jsx(CalendarIcon, {}), type: "button", children: "Select date" }), isOpen && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
+    return (jsxRuntime.jsxs("div", { className: "".concat(styles$G.container, " ml8"), ref: calendarContainerRef, children: [jsxRuntime.jsx(Button, { onClick: function () { return setCalendarOpen(!isOpen); }, "data-testid": "calendar-button", hideLabel: true, variant: 'textColor', leftIcon: jsxRuntime.jsx(CalendarIcon, {}), type: "button", children: "Select date" }), isOpen && (jsxRuntime.jsx(DayPicker, { month: selectedDateInDateType, showOutsideDays: true, fromMonth: dateCalendarFromMonth, toMonth: dateCalendarToMonth, selectedDays: selectedDateInDateType, onDayClick: function (date) {
                     if (!dayjs(date).isValid()) {
                         return;
                     }
@@ -4094,12 +4094,12 @@ var DateSelector = function (_a) {
     };
     var getInputProps = function (key, index) {
         var _a, _b;
-        return (__assign({ 'data-cy': "date-selector-".concat(key), 'data-testid': "date-selector-".concat(key), className: styles$I["".concat(key, "Input")], id: key, name: key, maxLength: key === 'year' ? 4 : 2, required: true, label: placeholders === null || placeholders === void 0 ? void 0 : placeholders[key], placeholder: (_a = placeholders === null || placeholders === void 0 ? void 0 : placeholders["".concat(key, "Format")]) !== null && _a !== void 0 ? _a : "", labelInsideInput: true, value: (_b = internalValue[key]) !== null && _b !== void 0 ? _b : '', error: hasError && isDirty, type: "text", inputMode: "numeric", ref: function (el) { itemsRef.current[index] = el; }, onKeyUp: function (event) { return handleOnKeyUp(event, index); }, onKeyDown: function (event) { return handleOnKeyDown(event, index); }, onChange: function (_a) {
+        return (__assign({ 'data-cy': "date-selector-".concat(key), 'data-testid': "date-selector-".concat(key), className: styles$J["".concat(key, "Input")], id: key, name: key, maxLength: key === 'year' ? 4 : 2, required: true, label: placeholders === null || placeholders === void 0 ? void 0 : placeholders[key], placeholder: (_a = placeholders === null || placeholders === void 0 ? void 0 : placeholders["".concat(key, "Format")]) !== null && _a !== void 0 ? _a : "", labelInsideInput: true, value: (_b = internalValue[key]) !== null && _b !== void 0 ? _b : '', error: hasError && isDirty, type: "text", inputMode: "numeric", ref: function (el) { itemsRef.current[index] = el; }, onKeyUp: function (event) { return handleOnKeyUp(event, index); }, onKeyDown: function (event) { return handleOnKeyDown(event, index); }, onChange: function (_a) {
                 var target = _a.target;
                 return handleOnChange(key, target.value);
             } }, (inputProps === null || inputProps === void 0 ? void 0 : inputProps(key)) || {}));
     };
-    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [jsxRuntime.jsxs("div", { className: classNames$1(styles$I.container, "d-flex gap8"), children: [jsxRuntime.jsxs("div", { className: "d-flex gap8 jc-between", children: [jsxRuntime.jsx(Input, __assign({}, getInputProps('day', 0))), jsxRuntime.jsx(Input, __assign({}, getInputProps('month', 1)))] }), jsxRuntime.jsx(Input, __assign({}, getInputProps('year', 2)))] }), jsxRuntime.jsx(Calendar, { dateFormat: COLLECTABLE_DATE_FORMAT, yearBoundaries: yearBoundaries, displayCalendar: displayCalendar, dayjsLocale: dayjsLocale, firstDayOfWeek: firstDayOfWeek, isOpen: isCalendarOpen, setCalendarOpen: setIsCalendarOpen, value: value, onChange: onChange })] }), hasError && isDirty && (jsxRuntime.jsx("p", { className: classNames$1(hasError && isDirty ? 'd-block' : 'd-none', "p-p--small tc-red-500 w100 mt8"), "data-testid": "date-error-message", children: {
+    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [jsxRuntime.jsxs("div", { className: classNames$1(styles$J.container, "d-flex gap8"), children: [jsxRuntime.jsxs("div", { className: "d-flex gap8 jc-between", children: [jsxRuntime.jsx(Input, __assign({}, getInputProps('day', 0))), jsxRuntime.jsx(Input, __assign({}, getInputProps('month', 1)))] }), jsxRuntime.jsx(Input, __assign({}, getInputProps('year', 2)))] }), jsxRuntime.jsx(Calendar, { dateFormat: COLLECTABLE_DATE_FORMAT, yearBoundaries: yearBoundaries, displayCalendar: displayCalendar, dayjsLocale: dayjsLocale, firstDayOfWeek: firstDayOfWeek, isOpen: isCalendarOpen, setCalendarOpen: setIsCalendarOpen, value: value, onChange: onChange })] }), hasError && isDirty && (jsxRuntime.jsx("p", { className: classNames$1(hasError && isDirty ? 'd-block' : 'd-none', "p-p--small tc-red-500 w100 mt8"), "data-testid": "date-error-message", children: {
                     default: placeholders.error,
                     afterMax: placeholders.errorAfterMaxYear || "Please choose a date before ".concat(yearBoundaries.max + 1),
                     beforeMin: placeholders.errorBeforeMinYear || "Please choose a date after ".concat(yearBoundaries.min - 1),
@@ -4600,9 +4600,9 @@ class SignaturePad$1 {
     }
 }
 
-var css_248z$F = ".style-module_container__1VolG {\n  position: relative;\n  background-color: var(--ds-grey-200);\n  border-radius: 8px;\n  height: 272px;\n}\n\n.style-module_canvas__1Q440 {\n  width: 100%;\n  height: 100%;\n}\n\n.style-module_separator__Fdmnn {\n  position: absolute;\n  height: 2px;\n  right: 112px;\n  left: 72px;\n  bottom: 32px;\n  background-color: var(--ds-grey-400);\n  border-radius: 1px;\n}\n\n.style-module_reset__1ePiM {\n  display: flex;\n  position: absolute;\n  right: 16px;\n  bottom: 32px;\n  color: var(--ds-primary-500);\n  cursor: pointer;\n  border: none;\n  text-decoration: none;\n  font-size: 16px;\n  line-height: 24px;\n  background-color: transparent;\n}\n.style-module_reset__1ePiM:hover {\n  color: var(--ds-primary-700);\n}\n.style-module_reset__1ePiM:before {\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  background-color: currentColor;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-background-color: currentColor;\n  margin-right: 4px;\n}\n.style-module_reset__1ePiM[disabled] {\n  color: var(--ds-grey-500);\n}\n\n.style-module_sign__35Gp2 {\n  position: absolute;\n  bottom: 32px;\n  left: 16px;\n  height: 24px;\n  width: 24px;\n  mask-size: 24px 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  -webkit-mask-size: 24px 24px;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  background-color: var(--ds-grey-500);\n}";
-var styles$E = {"container":"style-module_container__1VolG","canvas":"style-module_canvas__1Q440","separator":"style-module_separator__Fdmnn","reset":"style-module_reset__1ePiM","sign":"style-module_sign__35Gp2"};
-styleInject(css_248z$F);
+var css_248z$G = ".style-module_container__1VolG {\n  position: relative;\n  background-color: var(--ds-neutral-100);\n  border-radius: 8px;\n  height: 272px;\n}\n\n.style-module_canvas__1Q440 {\n  width: 100%;\n  height: 100%;\n}\n\n.style-module_separator__Fdmnn {\n  position: absolute;\n  height: 2px;\n  right: 112px;\n  left: 72px;\n  bottom: 32px;\n  background-color: var(--ds-neutral-400);\n  border-radius: 1px;\n}\n\n.style-module_reset__1ePiM {\n  display: flex;\n  position: absolute;\n  right: 16px;\n  bottom: 32px;\n  color: var(--ds-purple-600);\n  cursor: pointer;\n  border: none;\n  text-decoration: none;\n  font-size: 16px;\n  line-height: 24px;\n  background-color: transparent;\n}\n.style-module_reset__1ePiM:hover {\n  color: var(--ds-purple-700);\n}\n.style-module_reset__1ePiM:before {\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  background-color: currentColor;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-background-color: currentColor;\n  margin-right: 4px;\n}\n.style-module_reset__1ePiM[disabled] {\n  color: var(--ds-neutral-600);\n}\n\n.style-module_sign__35Gp2 {\n  position: absolute;\n  bottom: 32px;\n  left: 16px;\n  height: 24px;\n  width: 24px;\n  mask-size: 24px 24px;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  -webkit-mask-size: 24px 24px;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  background-color: var(--ds-neutral-600);\n}";
+var styles$F = {"container":"style-module_container__1VolG","canvas":"style-module_canvas__1Q440","separator":"style-module_separator__Fdmnn","reset":"style-module_reset__1ePiM","sign":"style-module_sign__35Gp2"};
+styleInject(css_248z$G);
 
 var sign = "data:image/svg+xml,%3Csvg%20width%3D%2280%22%20height%3D%2280%22%20viewBox%3D%220%200%2080%2080%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.7%203.70001C13.3%204.00001%2013.5%205.10001%2014.1%206.20001C14.7%207.30001%2014.9%209.20001%2014.6%2010.5C14.1%2012.3%2015.3%2014.4%2019.3%2019.7C22.2%2023.4%2025.6%2028%2026.9%2029.8L29.2%2033L23%2039.7C19.7%2043.4%2017.1%2046.9%2017.4%2047.6C17.7%2048.3%2017.2%2049.4%2016.4%2050C14.8%2051.4%2014.5%2054%2016.1%2054C17.5%2054%2023.6%2049.5%2029%2044.4L33.5%2040.1L41%2051.3C49.2%2063.6%2053.7%2069%2055.8%2069C56.6%2069%2056.8%2068.5%2056.4%2067.7C56%2067.1%2057.8%2068.9%2060.5%2071.8C63.1%2074.7%2065.5%2076.9%2065.7%2076.6C65.9%2076.4%2065.2%2074.4%2064.1%2072.1C62.9%2069.9%2062%2067.2%2062%2066.2C62%2063.3%2054.5%2047.6%2048.9%2039C46.2%2034.8%2044%2031%2044%2030.6C44%2030.2%2046.2%2027.3%2048.9%2024.2C54.3%2017.9%2059%2011.2%2059%209.80001C59%209.30001%2057.7%209.10001%2056%209.50001C54.2%209.90001%2050.5%2012.7%2046.4%2017.1C42.7%2020.9%2039.4%2024%2039.1%2024C38.8%2024%2036.3%2020.7%2033.6%2016.8C30.9%2012.9%2027.9%209.50001%2027%209.30001C26%209.00001%2024.3%207.60001%2023.2%206.10001C21.7%204.10001%2020.3%203.30001%2017.7%203.20001C15.8%203.10001%2014%203.30001%2013.7%203.70001Z%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fsvg%3E";
 
@@ -4631,11 +4631,11 @@ var SignaturePad = /** @class */ (function (_super) {
     SignaturePad.prototype.render = function () {
         var hasContent = this.state.hasContent;
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
-                        __html: ".".concat(styles$E.reset, "::before { \n              -webkit-mask-image: url(\"").concat(reset, "\");\n              mask-image: url(\"").concat(reset, "\");\n           }"),
-                    } }), jsxRuntime.jsxs("div", { className: styles$E.container, children: [jsxRuntime.jsx("canvas", { className: styles$E.canvas, ref: this.canvasRef }), jsxRuntime.jsx("div", { className: styles$E.separator }), jsxRuntime.jsx("div", { className: styles$E.sign, style: {
+                        __html: ".".concat(styles$F.reset, "::before { \n              -webkit-mask-image: url(\"").concat(reset, "\");\n              mask-image: url(\"").concat(reset, "\");\n           }"),
+                    } }), jsxRuntime.jsxs("div", { className: styles$F.container, children: [jsxRuntime.jsx("canvas", { className: styles$F.canvas, ref: this.canvasRef }), jsxRuntime.jsx("div", { className: styles$F.separator }), jsxRuntime.jsx("div", { className: styles$F.sign, style: {
                                 WebkitMaskImage: "url(\"".concat(sign, "\")"),
                                 maskImage: "url(\"".concat(sign, "\")"),
-                            } }), jsxRuntime.jsx("button", { className: styles$E.reset, onClick: this.clear, disabled: !hasContent, children: "Reset" })] })] }));
+                            } }), jsxRuntime.jsx("button", { className: styles$F.reset, onClick: this.clear, disabled: !hasContent, children: "Reset" })] })] }));
     };
     SignaturePad.prototype.notifyOnChange = function () {
         var onChange = this.props.onChange;
@@ -5069,9 +5069,9 @@ var geocoderAddressComponentToPartialAddress = function (input) {
     return toReturn;
 };
 
-var css_248z$E = "@media (max-width: 34rem) {\n  .style-module_input-line__34TKK {\n    flex-direction: column;\n  }\n  .style-module_input-line__34TKK > *:not(:first-child) {\n    margin-top: 16px;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_house-number-input__1sDS5 {\n    max-width: none !important;\n  }\n}\n\n.style-module_map-container__2rzjU {\n  position: relative;\n  height: 112px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n  overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n  height: 0;\n  margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_appear-in-animate__1bJyO {\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute !important;\n  background-color: rgba(142, 140, 238, 0.25);\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 100;\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n  width: 100%;\n  height: 100%;\n}";
-var styles$D = {"input-line":"style-module_input-line__34TKK","house-number-input":"style-module_house-number-input__1sDS5","map-container":"style-module_map-container__2rzjU","map-container--hidden":"style-module_map-container--hidden__2AnYR","appear-in-animate":"style-module_appear-in-animate__1bJyO","appear-in":"style-module_appear-in__3HZHT","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
-styleInject(css_248z$E);
+var css_248z$F = "@media (max-width: 34rem) {\n  .style-module_input-line__34TKK {\n    flex-direction: column;\n  }\n  .style-module_input-line__34TKK > *:not(:first-child) {\n    margin-top: 16px;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_house-number-input__1sDS5 {\n    max-width: none !important;\n  }\n}\n\n.style-module_map-container__2rzjU {\n  position: relative;\n  height: 112px;\n  margin-bottom: 16px;\n  border-radius: 8px;\n  transition: 0.3s height ease-in-out, 0.3s margin-top ease-in-out;\n  overflow: hidden;\n}\n.style-module_map-container--hidden__2AnYR {\n  height: 0;\n  margin: 0;\n}\n\n@keyframes style-module_appear-in__3HZHT {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_appear-in-animate__1bJyO {\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_loading-spinner__3-nri {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute !important;\n  background-color: rgba(136, 131, 216, 0.25);\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 100;\n  animation-name: style-module_appear-in__3HZHT;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_map__1Vtps {\n  width: 100%;\n  height: 100%;\n}";
+var styles$E = {"input-line":"style-module_input-line__34TKK","house-number-input":"style-module_house-number-input__1sDS5","map-container":"style-module_map-container__2rzjU","map-container--hidden":"style-module_map-container--hidden__2AnYR","appear-in-animate":"style-module_appear-in-animate__1bJyO","appear-in":"style-module_appear-in__3HZHT","loading-spinner":"style-module_loading-spinner__3-nri","map":"style-module_map__1Vtps"};
+styleInject(css_248z$F);
 
 var GERMANY_LAT_LNG = { lat: 51.54317, lng: 10.3181503 };
 var GERMANY_ALPHA_CODE = 'DE';
@@ -5205,10 +5205,10 @@ var AutocompleteAddress = function (_a) {
             }
         };
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: classNames$1("wmx8 bg-grey-500 ".concat(styles$D['map-container']), (_b = {},
-                    _b[styles$D['map-container--hidden']] = place === null,
-                    _b)), children: [jsxRuntime.jsx("div", { className: styles$D.map, id: "map", "aria-hidden": "true" }), isLoading && (jsxRuntime.jsx("div", { className: styles$D['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] }), jsxRuntime.jsx("div", { className: "wmx8", children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement }, "autocomplete-search"), hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", { "data-cy": "google-api-loader", className: styles$D['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "d-flex c-gap16 ".concat(styles$D['input-line']), children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: onManualAddressChange(), name: "street" }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.street), "autocomplete-street"), jsxRuntime.jsx(Input, __assign({ className: "wmx2 ".concat(styles$D['house-number-input']), "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House Number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', name: "houseNumber", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.houseNumber), "autocomplete-house-number")] }), jsxRuntime.jsx(Input, __assign({ className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
-                                'Additional information (C/O, apartment, …)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', name: "additionalInformation", onChange: onManualAddressChange({ updatePlace: false }) }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.additionalInformation), "autocomplete-additional-info"), jsxRuntime.jsxs("div", { className: "d-flex mt16 c-gap16 ".concat(styles$D['input-line']), children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-postcode", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.postcode) || 'Postcode', value: (address === null || address === void 0 ? void 0 : address.postcode) || '', name: "postcode", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.postcode), "autocomplete-postcode"), jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-city", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.city) || 'City', value: (address === null || address === void 0 ? void 0 : address.city) || '', name: "city", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.city), "autocomplete-city")] })] })) }), manualAddressEntry === false && (jsxRuntime.jsxs("div", { className: "p-p mt8", children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ', jsxRuntime.jsx("button", { className: 'p-a p-p fw-bold c-pointer bg-transparent', onClick: handleEnterAddressManually, type: "button", children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'enter address manually' })] }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: classNames$1("wmx8 bg-neutral-600 ".concat(styles$E['map-container']), (_b = {},
+                    _b[styles$E['map-container--hidden']] = place === null,
+                    _b)), children: [jsxRuntime.jsx("div", { className: styles$E.map, id: "map", "aria-hidden": "true" }), isLoading && (jsxRuntime.jsx("div", { className: styles$E['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] }), jsxRuntime.jsx("div", { className: "wmx8", children: manualAddressEntry === false ? (jsxRuntime.jsxs("div", { style: { position: 'relative' }, children: [jsxRuntime.jsx(Input, { className: "w100", id: "autocomplete", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.manualAddressEntry) || 'Search for address', ref: autocompleteElement }, "autocomplete-search"), hasLoadedGoogleAPI === false && (jsxRuntime.jsx("div", { "data-cy": "google-api-loader", className: styles$E['loading-spinner'], children: jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m" }) }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "d-flex c-gap16 ".concat(styles$E['input-line']), children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete", type: "text", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.street) || 'Street', value: (address === null || address === void 0 ? void 0 : address.street) || '', onChange: onManualAddressChange(), name: "street" }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.street), "autocomplete-street"), jsxRuntime.jsx(Input, __assign({ className: "wmx2 ".concat(styles$E['house-number-input']), "data-cy": "autocomplete-house-number", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.houseNumber) || 'House Number', value: (address === null || address === void 0 ? void 0 : address.houseNumber) || '', name: "houseNumber", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.houseNumber), "autocomplete-house-number")] }), jsxRuntime.jsx(Input, __assign({ className: "mt16", "data-cy": "autocomplete-additional-info", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.additionalInformation) ||
+                                'Additional information (C/O, apartment, …)', value: (address === null || address === void 0 ? void 0 : address.additionalInformation) || '', name: "additionalInformation", onChange: onManualAddressChange({ updatePlace: false }) }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.additionalInformation), "autocomplete-additional-info"), jsxRuntime.jsxs("div", { className: "d-flex mt16 c-gap16 ".concat(styles$E['input-line']), children: [jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-postcode", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.postcode) || 'Postcode', value: (address === null || address === void 0 ? void 0 : address.postcode) || '', name: "postcode", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.postcode), "autocomplete-postcode"), jsxRuntime.jsx(Input, __assign({ className: "w100", "data-cy": "autocomplete-city", placeholder: (placeholders === null || placeholders === void 0 ? void 0 : placeholders.city) || 'City', value: (address === null || address === void 0 ? void 0 : address.city) || '', name: "city", onChange: onManualAddressChange() }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.city), "autocomplete-city")] })] })) }), manualAddressEntry === false && (jsxRuntime.jsxs("div", { className: "p-p mt8", children: [(manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.preText) || 'Or ', jsxRuntime.jsx("button", { className: 'p-a p-p fw-bold c-pointer bg-transparent', onClick: handleEnterAddressManually, type: "button", children: (manualAddressEntryTexts === null || manualAddressEntryTexts === void 0 ? void 0 : manualAddressEntryTexts.cta) || 'enter address manually' })] }))] }));
 };
 
 var propTypes$2 = {exports: {}};
@@ -8250,13 +8250,13 @@ const AnimateHeight = (_a) => {
         React__default['default'].createElement("div", { className: contentClassName, style: contentStyle, ref: contentElement }, children)));
 };
 
-var css_248z$D = ".style-module_container__Uyltc {\n  background-color: transparent;\n}\n\n.style-module_dropzoneContainer__yZoGP {\n  border: 1px dashed var(--ds-primary-500);\n  padding: 32px 0;\n  background-color: white;\n  transition: all 0.6s ease-in-out;\n}\n.style-module_dropzoneContainer__yZoGP:focus-visible {\n  outline: 2px solid #26262e;\n  border-radius: 2px;\n  outline-offset: 2px;\n}\n.style-module_dropzoneContainer__yZoGP:hover {\n  background-color: var(--ds-primary-100);\n  transition: 0.5s ease;\n}\n\n.style-module_img__11JI8 {\n  vertical-align: middle;\n  margin-right: 8px;\n  height: 18px;\n}\n\n.style-module_textInline__2F21z {\n  display: inline-flex;\n}\n\n.style-module_dropzoneContainerDisabled__1X3gP {\n  pointer-events: none;\n  opacity: 0.4;\n}";
-var styles$C = {"container":"style-module_container__Uyltc","dropzoneContainer":"style-module_dropzoneContainer__yZoGP","img":"style-module_img__11JI8","textInline":"style-module_textInline__2F21z","dropzoneContainerDisabled":"style-module_dropzoneContainerDisabled__1X3gP"};
-styleInject(css_248z$D);
+var css_248z$E = ".style-module_container__Uyltc {\n  background-color: transparent;\n}\n\n.style-module_dropzoneContainer__yZoGP {\n  border: 1px dashed var(--ds-purple-600);\n  padding: 32px 0;\n  background-color: white;\n  transition: all 0.6s ease-in-out;\n}\n.style-module_dropzoneContainer__yZoGP:focus-visible {\n  outline: 2px solid #26262e;\n  border-radius: 2px;\n  outline-offset: 2px;\n}\n.style-module_dropzoneContainer__yZoGP:hover {\n  background-color: var(--ds-purple-300);\n  transition: 0.5s ease;\n}\n\n.style-module_img__11JI8 {\n  vertical-align: middle;\n  margin-right: 8px;\n  height: 18px;\n}\n\n.style-module_textInline__2F21z {\n  display: inline-flex;\n}\n\n.style-module_dropzoneContainerDisabled__1X3gP {\n  pointer-events: none;\n  opacity: 0.4;\n}";
+var styles$D = {"container":"style-module_container__Uyltc","dropzoneContainer":"style-module_dropzoneContainer__yZoGP","img":"style-module_img__11JI8","textInline":"style-module_textInline__2F21z","dropzoneContainerDisabled":"style-module_dropzoneContainerDisabled__1X3gP"};
+styleInject(css_248z$E);
 
-var css_248z$C = ".style-module_upload-file-cell__3nv5i {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 64px;\n  padding: 8px 16px;\n  border: 1px solid #d2d2d8;\n  border-radius: 8px;\n  background-color: white;\n  animation: style-module_appear-down__14rCV 0.6s;\n  animation-fill-mode: both;\n  animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n  border-color: #e55454;\n  background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_main-icon__335_Y {\n  margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.style-module_progress-bar-container__2JCBO {\n  position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n  background-color: #f5f6fb;\n  border-radius: 10px;\n  height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n  background-color: #8e8cee;\n  border-radius: 10px;\n  height: 4px;\n  position: absolute;\n  bottom: 0;\n  transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n  display: flex;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n  min-width: 64px;\n}\n\n.style-module_button__xo5tR {\n  width: 32px;\n}\n.style-module_button__xo5tR div span span {\n  min-width: 24px !important;\n  height: 24px !important;\n}\n.style-module_button__xo5tR:focus-visible {\n  outline: 2px solid #26262e;\n  border-radius: 2px;\n  outline-offset: 2px;\n}\n\n@keyframes style-module_appear-down__14rCV {\n  from {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}";
-var styles$B = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","appear-down":"style-module_appear-down__14rCV","upload-file-cell-error":"style-module_upload-file-cell-error__3KcSe","cell-left-section":"style-module_cell-left-section__3Iv8c","main-icon":"style-module_main-icon__335_Y","upload-display-text":"style-module_upload-display-text__3Rd68","progress-bar-container":"style-module_progress-bar-container__2JCBO","progress-bar":"style-module_progress-bar__1Rosf","progress-bar-filler":"style-module_progress-bar-filler__131fA","cell-right-section":"style-module_cell-right-section__dVWqJ","cell-right-section-complete":"style-module_cell-right-section-complete__c0rHc","button":"style-module_button__xo5tR"};
-styleInject(css_248z$C);
+var css_248z$D = ".style-module_upload-file-cell__3nv5i {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 64px;\n  padding: 8px 16px;\n  border: 1px solid #d2d2d9;\n  border-radius: 8px;\n  background-color: white;\n  animation: style-module_appear-down__14rCV 0.6s;\n  animation-fill-mode: both;\n  animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n  border-color: #E55454;\n  background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_main-icon__335_Y {\n  margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.style-module_progress-bar-container__2JCBO {\n  position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n  background-color: #f7f7fd;\n  border-radius: 10px;\n  height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n  background-color: #8883D8;\n  border-radius: 10px;\n  height: 4px;\n  position: absolute;\n  bottom: 0;\n  transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n  display: flex;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n  min-width: 64px;\n}\n\n.style-module_button__xo5tR {\n  width: 32px;\n}\n.style-module_button__xo5tR div span span {\n  min-width: 24px !important;\n  height: 24px !important;\n}\n.style-module_button__xo5tR:focus-visible {\n  outline: 2px solid #26262e;\n  border-radius: 2px;\n  outline-offset: 2px;\n}\n\n@keyframes style-module_appear-down__14rCV {\n  from {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}";
+var styles$C = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","appear-down":"style-module_appear-down__14rCV","upload-file-cell-error":"style-module_upload-file-cell-error__3KcSe","cell-left-section":"style-module_cell-left-section__3Iv8c","main-icon":"style-module_main-icon__335_Y","upload-display-text":"style-module_upload-display-text__3Rd68","progress-bar-container":"style-module_progress-bar-container__2JCBO","progress-bar":"style-module_progress-bar__1Rosf","progress-bar-filler":"style-module_progress-bar-filler__131fA","cell-right-section":"style-module_cell-right-section__dVWqJ","cell-right-section-complete":"style-module_cell-right-section-complete__c0rHc","button":"style-module_button__xo5tR"};
+styleInject(css_248z$D);
 
 var UploadFileCell = function (_a) {
     var _b, _c;
@@ -8266,8 +8266,8 @@ var UploadFileCell = function (_a) {
     var isUploading = uploadStatus === 'UPLOADING';
     var hasError = uploadStatus === 'ERROR';
     var mapFileIconColor = {
-        UPLOADING: 'purple-500',
-        COMPLETE: 'grey-500',
+        UPLOADING: 'purple-600',
+        COMPLETE: 'neutral-600',
         ERROR: 'red-500',
     };
     var displayText = {
@@ -8275,11 +8275,11 @@ var UploadFileCell = function (_a) {
         COMPLETE: name,
         ERROR: error !== null && error !== void 0 ? error : 'Something went wrong. Try uploading again.',
     }[uploadStatus];
-    return (jsxRuntime.jsxs("div", { className: classNames$1("mt8 ".concat(styles$B['upload-file-cell']), (_b = {},
-            _b[styles$B['upload-file-cell-error']] = hasError,
-            _b)), children: [jsxRuntime.jsxs("div", { className: "w100 ".concat(styles$B['cell-left-section']), children: [jsxRuntime.jsx(FileIcon, { className: classNames$1("".concat(styles$B['main-icon'], " ").concat(styles$B.icon)), color: mapFileIconColor[uploadStatus], size: 24 }), jsxRuntime.jsxs("div", { className: "w100", children: [jsxRuntime.jsx("div", { className: "p-p ".concat(styles$B['upload-display-text']), title: displayText, children: displayText }), isUploading && showProgressBar && (jsxRuntime.jsxs("div", { className: "mt8 w100 ".concat(styles$B['progress-bar-container']), children: [jsxRuntime.jsx("div", { className: "".concat(styles$B['progress-bar']) }), jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "".concat(styles$B['progress-bar-filler']), style: { width: "".concat(progress, "%") } })] }))] })] }), jsxRuntime.jsx("div", { className: classNames$1(styles$B['cell-right-section'], (_c = {},
-                    _c[styles$B['cell-right-section-complete']] = isComplete,
-                    _c)), children: isUploading ? (jsxRuntime.jsx("div", { className: styles$B.spinner, children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" })) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx(Button, { as: "a", href: previewUrl, target: "_blank", rel: "noopener noreferrer", hideLabel: true, variant: "filledWhite", className: classNames$1('mr16', styles$B.button), leftIcon: jsxRuntime.jsx(EyeVisionIcon, { noMargin: true, color: 'grey-500', size: 24 }), children: "Preview file" })), onRemoveFile && (jsxRuntime.jsx(Button, { onClick: function () { return onRemoveFile(id); }, disabled: uploading, "data-testid": "remove-button", className: styles$B.button, leftIcon: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'grey-500', size: 24, noMargin: true }), hideLabel: true, variant: "filledWhite", children: "Delete file" }))] })) })] }));
+    return (jsxRuntime.jsxs("div", { className: classNames$1("mt8 ".concat(styles$C['upload-file-cell']), (_b = {},
+            _b[styles$C['upload-file-cell-error']] = hasError,
+            _b)), children: [jsxRuntime.jsxs("div", { className: "w100 ".concat(styles$C['cell-left-section']), children: [jsxRuntime.jsx(FileIcon, { className: classNames$1("".concat(styles$C['main-icon'], " ").concat(styles$C.icon)), color: mapFileIconColor[uploadStatus], size: 24 }), jsxRuntime.jsxs("div", { className: "w100", children: [jsxRuntime.jsx("div", { className: "p-p ".concat(styles$C['upload-display-text']), title: displayText, children: displayText }), isUploading && showProgressBar && (jsxRuntime.jsxs("div", { className: "mt8 w100 ".concat(styles$C['progress-bar-container']), children: [jsxRuntime.jsx("div", { className: "".concat(styles$C['progress-bar']) }), jsxRuntime.jsx("div", { "data-testid": "ds-filecell-progressbar", className: "".concat(styles$C['progress-bar-filler']), style: { width: "".concat(progress, "%") } })] }))] })] }), jsxRuntime.jsx("div", { className: classNames$1(styles$C['cell-right-section'], (_c = {},
+                    _c[styles$C['cell-right-section-complete']] = isComplete,
+                    _c)), children: isUploading ? (jsxRuntime.jsx("div", { className: styles$C.spinner, children: showLoadingSpinner && (jsxRuntime.jsx("div", { className: "ds-spinner ds-spinner__m", "data-testid": "ds-filecell-spinner" })) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [isComplete && (jsxRuntime.jsx(Button, { as: "a", href: previewUrl, target: "_blank", rel: "noopener noreferrer", hideLabel: true, variant: "filledWhite", className: classNames$1('mr16', styles$C.button), leftIcon: jsxRuntime.jsx(EyeVisionIcon, { noMargin: true, color: 'neutral-600', size: 24 }), children: "Preview file" })), onRemoveFile && (jsxRuntime.jsx(Button, { onClick: function () { return onRemoveFile(id); }, disabled: uploading, "data-testid": "remove-button", className: styles$C.button, leftIcon: jsxRuntime.jsx(Trash2Icon, { color: hasError ? 'red-500' : 'neutral-600', size: 24, noMargin: true }), hideLabel: true, variant: "filledWhite", children: "Delete file" }))] })) })] }));
 };
 
 var k$2 = 1024;
@@ -8513,12 +8513,12 @@ var MultiDropzone = function (_a) {
     var instructionsText = isNonDesktopDevice
         ? instructionsTextMobile
         : instructionsTextDesktop;
-    return (jsxRuntime.jsxs("div", { className: styles$C.container, children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1("w100 ta-center br8 c-pointer ".concat(styles$C.dropzoneContainer), (_b = {},
-                    _b[styles$C['dropzoneContainerDisabled']] = uploading,
-                    _b)) }, getRootProps(), { children: [jsxRuntime.jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: statusMessage }), jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps())), jsxRuntime.jsx(UploadCloudIcon, { className: isCondensed ? styles$C.img : '', size: isCondensed ? 24 : 64, color: 'purple-500' }), jsxRuntime.jsx("div", { className: "p-h4 mt8 d-block c-pointer ".concat(isCondensed ? styles$C.textInline : ''), children: uploading
+    return (jsxRuntime.jsxs("div", { className: styles$D.container, children: [jsxRuntime.jsxs("div", __assign({ className: classNames$1("w100 ta-center br8 c-pointer ".concat(styles$D.dropzoneContainer), (_b = {},
+                    _b[styles$D['dropzoneContainerDisabled']] = uploading,
+                    _b)) }, getRootProps(), { children: [jsxRuntime.jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: statusMessage }), jsxRuntime.jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps())), jsxRuntime.jsx(UploadCloudIcon, { className: isCondensed ? styles$D.img : '', size: isCondensed ? 24 : 64, color: 'purple-600' }), jsxRuntime.jsx("div", { className: "p-h4 mt8 d-block c-pointer ".concat(isCondensed ? styles$D.textInline : ''), children: uploading
                             ? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
                                 'Please wait while uploading file...'
-                            : instructionsText }), jsxRuntime.jsx("div", { className: "p-p--small tc-grey-500", children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.supportsText) || placeholder })] })), errors.map(function (_a) {
+                            : instructionsText }), jsxRuntime.jsx("div", { className: "p-p--small tc-neutral-600", children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.supportsText) || placeholder })] })), errors.map(function (_a) {
                 var id = _a.id, message = _a.message;
                 return message && (jsxRuntime.jsx(UploadFileCell, { uploadStatus: "ERROR", file: {
                         error: message,
@@ -8530,17 +8530,17 @@ var MultiDropzone = function (_a) {
                         "You can upload maximum ".concat(maxFiles, " files.") }) })] }));
 };
 
-var css_248z$B = ".style-module_button__mw9kQ {\n  height: 48px;\n}\n\n.style-module_chip-complete__3YkB9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: white;\n  border-radius: 8px;\n  padding: 8px 16px;\n  height: 48px;\n}";
-var styles$A = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
-styleInject(css_248z$B);
+var css_248z$C = ".style-module_button__mw9kQ {\n  height: 48px;\n}\n\n.style-module_chip-complete__3YkB9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: white;\n  border-radius: 8px;\n  padding: 8px 16px;\n  height: 48px;\n}";
+var styles$B = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
+styleInject(css_248z$C);
 
 var InitialButton = function (_a) {
     var onDownload = _a.onDownload;
-    return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$A.button), leftIcon: jsxRuntime.jsx(DownloadIcon, {}), onClick: onDownload, "data-cy": "download-documents-button", children: "Download" }));
+    return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$B.button), leftIcon: jsxRuntime.jsx(DownloadIcon, {}), onClick: onDownload, "data-cy": "download-documents-button", children: "Download" }));
 };
 // TODO: Allow setting loading to true to display text
-var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$A.button), loading: true, children: "Generating" })); };
-var CompletedChip = function () { return (jsxRuntime.jsxs("div", { className: styles$A['chip-complete'], children: [jsxRuntime.jsx(CheckIcon, { color: 'grey-500', size: 16 }), jsxRuntime.jsx("div", { className: "p-h4 tc-grey-500 ml8", children: "Download complete" })] })); };
+var GeneratingButton = function () { return (jsxRuntime.jsx(Button, { className: "w100 ".concat(styles$B.button), loading: true, children: "Generating" })); };
+var CompletedChip = function () { return (jsxRuntime.jsxs("div", { className: styles$B['chip-complete'], children: [jsxRuntime.jsx(CheckIcon, { color: 'neutral-600', size: 16 }), jsxRuntime.jsx("div", { className: "p-h4 tc-neutral-600 ml8", children: "Download complete" })] })); };
 var DownloadButton = function (_a) {
     var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
     var mapDownloadButton = {
@@ -8552,9 +8552,9 @@ var DownloadButton = function (_a) {
     return (jsxRuntime.jsxs("div", { className: "d-flex fd-column ai-center ".concat(className), children: [jsxRuntime.jsx("div", { className: "ws4", children: mapDownloadButton[downloadStatus] }), downloadStatus === 'FAILED' && (jsxRuntime.jsx("div", { className: "p-notice p-notice--danger p-p mt40 wmx5", children: customFail !== null && customFail !== void 0 ? customFail : 'An error occured when generating documents. Please try again or contact us.' }))] }));
 };
 
-var css_248z$A = ".style-module_informationBox__1dzYO {\n  border: 1px solid;\n}\n.style-module_informationBox--information__rsyoM {\n  background-color: #e5f0ff;\n  border-color: #8bb4ea;\n}\n.style-module_informationBox--error__3BqOR {\n  background-color: #fedede;\n  border-color: #e55454;\n}\n.style-module_informationBox--warning__10V-E {\n  background-color: #fff8e3;\n  border-color: #f7ce5c;\n}\n.style-module_informationBox--success__d3gTw {\n  background-color: #e4ffe6;\n  border-color: #84de8a;\n}\n.style-module_informationBox--neutral__1XsMl {\n  background-color: #fff;\n  border-color: #fff;\n}";
-var styles$z = {"informationBox":"style-module_informationBox__1dzYO","informationBox--information":"style-module_informationBox--information__rsyoM","informationBox--error":"style-module_informationBox--error__3BqOR","informationBox--warning":"style-module_informationBox--warning__10V-E","informationBox--success":"style-module_informationBox--success__d3gTw","informationBox--neutral":"style-module_informationBox--neutral__1XsMl"};
-styleInject(css_248z$A);
+var css_248z$B = ".style-module_informationBox__1dzYO {\n  border: 1px solid;\n}\n.style-module_informationBox--information__rsyoM {\n  background-color: #E5F0FF;\n  border-color: #8BB4EA;\n}\n.style-module_informationBox--error__3BqOR {\n  background-color: #FEE6E6;\n  border-color: #E55454;\n}\n.style-module_informationBox--warning__10V-E {\n  background-color: #FEFAEC;\n  border-color: #F0D26F;\n}\n.style-module_informationBox--success__d3gTw {\n  background-color: #E6FAF1;\n  border-color: #85DCB4;\n}\n.style-module_informationBox--neutral__1XsMl {\n  background-color: #fff;\n  border-color: #fff;\n}";
+var styles$A = {"informationBox":"style-module_informationBox__1dzYO","informationBox--information":"style-module_informationBox--information__rsyoM","informationBox--error":"style-module_informationBox--error__3BqOR","informationBox--warning":"style-module_informationBox--warning__10V-E","informationBox--success":"style-module_informationBox--success__d3gTw","informationBox--neutral":"style-module_informationBox--neutral__1XsMl"};
+styleInject(css_248z$B);
 
 var InformationBox = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.variant, variant = _c === void 0 ? 'information' : _c, title = _a.title, children = _a.children, showIcon = _a.showIcon, _d = _a.size, size = _d === void 0 ? 'default' : _d;
@@ -8563,9 +8563,9 @@ var InformationBox = function (_a) {
         error: 'red-500',
         success: 'green-500',
         information: 'blue-500',
-        neutral: 'purple-500',
+        neutral: 'purple-600',
     };
-    return (jsxRuntime.jsx("div", { className: classNames$1(className, 'p16 br8 color-black', styles$z.informationBox, styles$z["informationBox--".concat(variant)]), role: "alert", children: jsxRuntime.jsxs("div", { className: "d-flex", children: [showIcon && (jsxRuntime.jsx("div", { "data-testid": "information-box-icon", className: 'mr8', children: jsxRuntime.jsx(AlertCircleIcon, { className: styles$z.icon, color: mapAlertIconColor[variant], size: size === 'default' ? 24 : 16 }) })), jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("h4", { "data-testid": "information-box-title", className: classNames$1(size === 'default' ? 'p-h4' : 'p-h5', 'mb8'), children: title })), jsxRuntime.jsx("p", { className: size === 'default' ? 'p-p' : 'p-p--small', children: children })] })] }) }));
+    return (jsxRuntime.jsx("div", { className: classNames$1(className, 'p16 br8 color-black', styles$A.informationBox, styles$A["informationBox--".concat(variant)]), role: "alert", children: jsxRuntime.jsxs("div", { className: "d-flex", children: [showIcon && (jsxRuntime.jsx("div", { "data-testid": "information-box-icon", className: 'mr8', children: jsxRuntime.jsx(AlertCircleIcon, { className: styles$A.icon, color: mapAlertIconColor[variant], size: size === 'default' ? 24 : 16 }) })), jsxRuntime.jsxs("div", { children: [title && (jsxRuntime.jsx("h4", { "data-testid": "information-box-title", className: classNames$1(size === 'default' ? 'p-h4' : 'p-h5', 'mb8'), children: title })), jsxRuntime.jsx("p", { className: size === 'default' ? 'p-p' : 'p-p--small', children: children })] })] }) }));
 };
 
 var IBAN_CHAR_LIMIT = 4;
@@ -8649,29 +8649,29 @@ var CurrencyInput = function (_a) {
         } }, props)));
 };
 
-var css_248z$z = ".style-module_badge--small__cHO6v, .style-module_badge--medium__3CekE {\n  padding-bottom: 6px;\n  padding-top: 6px;\n}\n.style-module_badge--large__3_tWC {\n  padding-bottom: 8px;\n  padding-top: 8px;\n}";
-var styles$y = {"badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC"};
-styleInject(css_248z$z);
+var css_248z$A = ".style-module_badge--small__cHO6v, .style-module_badge--medium__3CekE {\n  padding-bottom: 6px;\n  padding-top: 6px;\n}\n.style-module_badge--large__3_tWC {\n  padding-bottom: 8px;\n  padding-top: 8px;\n}";
+var styles$z = {"badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC"};
+styleInject(css_248z$A);
 
 var getVariantClassNames = function (variant) { return ({
     information: 'bg-blue-100',
     neutral: 'bg-white',
-    neutral200: 'bg-grey-200',
-    neutral300: 'bg-grey-300',
-    warning: 'bg-yellow-100',
+    neutral200: 'bg-neutral-100',
+    neutral300: 'bg-neutral-300',
+    warning: 'bg-yellow-200',
     error: 'bg-red-100',
     success: 'bg-green-100',
-    primary: 'bg-purple-100',
+    primary: 'bg-purple-300',
     primary900: 'bg-purple-900 tc-white',
 }[variant]); };
 var Badge = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.variant, variant = _d === void 0 ? 'information' : _d, children = _a.children;
-    return (jsxRuntime.jsx("div", { role: "status", className: classNames$1(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$y["badge--".concat(size)], getVariantClassNames(variant)), children: children }));
+    return (jsxRuntime.jsx("div", { role: "status", className: classNames$1(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles$z["badge--".concat(size)], getVariantClassNames(variant)), children: children }));
 };
 
-var css_248z$y = ".styles-module_container__3zJJC {\n  max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n  max-width: 424px;\n}";
-var styles$x = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b"};
-styleInject(css_248z$y);
+var css_248z$z = ".styles-module_container__3zJJC {\n  max-width: 100%;\n}\n\n.styles-module_narrow__2p34b {\n  max-width: 424px;\n}";
+var styles$y = {"container":"styles-module_container__3zJJC","narrow":"styles-module_narrow__2p34b"};
+styleInject(css_248z$z);
 
 var Checkbox = function (_a) {
     var _b;
@@ -8703,8 +8703,8 @@ var Checkbox = function (_a) {
     var legend = fieldLegend !== null && fieldLegend !== void 0 ? fieldLegend : (Object.keys(options).length > 1
         ? 'Select one or more options'
         : 'You may select this option');
-    return (jsxRuntime.jsxs("fieldset", { className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$x.container, 'd-flex gap8', (_b = {},
-            _b[styles$x.narrow] = !wide,
+    return (jsxRuntime.jsxs("fieldset", { className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$y.container, 'd-flex gap8', (_b = {},
+            _b[styles$y.narrow] = !wide,
             _b['fd-row'] = inlineLayout,
             _b['f-wrap'] = inlineLayout,
             _b['fd-column'] = !inlineLayout,
@@ -8718,22 +8718,22 @@ var Checkbox = function (_a) {
                                 'p-label--bordered': bordered,
                                 'jc-center': customIcon,
                                 'fd-column': customIcon,
-                            }), "data-cy": "checkbox-".concat(currentValue), "data-testid": "checkbox-".concat(currentValue), children: [customIcon && jsxRuntime.jsx("div", { className: "mt8", children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) }), isCheckboxLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "p-p", children: label.title }), jsxRuntime.jsx("span", { className: "d-block p-p p-p--small tc-grey-600", children: label.description })] })) : (label)] })] }, currentValue));
+                            }), "data-cy": "checkbox-".concat(currentValue), "data-testid": "checkbox-".concat(currentValue), children: [customIcon && jsxRuntime.jsx("div", { className: "mt8", children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) }), isCheckboxLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "p-p", children: label.title }), jsxRuntime.jsx("span", { className: "d-block p-p p-p--small tc-neutral-700", children: label.description })] })) : (label)] })] }, currentValue));
             })] }));
 };
 
-var css_248z$x = ".styles-module_container__3M-sc {\n  max-width: 100%;\n}\n\n.styles-module_narrow__3VUzp {\n  max-width: 424px;\n}\n\n.styles-module_wide__3nLhz {\n  max-width: 736px;\n}";
-var styles$w = {"container":"styles-module_container__3M-sc","narrow":"styles-module_narrow__3VUzp","wide":"styles-module_wide__3nLhz"};
-styleInject(css_248z$x);
+var css_248z$y = ".styles-module_container__3M-sc {\n  max-width: 100%;\n}\n\n.styles-module_narrow__3VUzp {\n  max-width: 424px;\n}\n\n.styles-module_wide__3nLhz {\n  max-width: 736px;\n}";
+var styles$x = {"container":"styles-module_container__3M-sc","narrow":"styles-module_narrow__3VUzp","wide":"styles-module_wide__3nLhz"};
+styleInject(css_248z$y);
 
 var Radio = function (_a) {
     var _b;
     var options = _a.options, value = _a.value, onChange = _a.onChange, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.inlineLayout, inlineLayout = _d === void 0 ? false : _d, _e = _a.inlineIcon, inlineIcon = _e === void 0 ? false : _e, classNamesObj = _a.classNames, _f = _a.bordered, bordered = _f === void 0 ? true : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.fieldLegend, fieldLegend = _h === void 0 ? 'Select an option' : _h, groupName = _a.groupName;
     var entries = Object.entries(options);
     var name = groupName !== null && groupName !== void 0 ? groupName : generateId();
-    return (jsxRuntime.jsxs("fieldset", { className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$w.container, 'd-flex gap8', (_b = {},
-            _b[styles$w.wide] = wide,
-            _b[styles$w.narrow] = !wide,
+    return (jsxRuntime.jsxs("fieldset", { className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$x.container, 'd-flex gap8', (_b = {},
+            _b[styles$x.wide] = wide,
+            _b[styles$x.narrow] = !wide,
             _b['fd-row'] = inlineLayout,
             _b['f-wrap'] = inlineLayout,
             _b['fd-column'] = !inlineLayout,
@@ -8752,13 +8752,13 @@ var Radio = function (_a) {
                                 'jc-center': customIcon && !inlineIcon,
                                 'fd-column': customIcon && !inlineIcon,
                                 'p-label--bordered': bordered,
-                            }), "data-cy": "radio-".concat(currentValue), "data-testid": "radio-".concat(currentValue), children: [customIcon && (jsxRuntime.jsx("div", { className: classNames$1('d-inline-flex ai-center jc-center', inlineIcon ? 'mr8' : 'mt8'), children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) })), isRadioLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "p-p", children: label.title }), jsxRuntime.jsx("span", { className: "d-block p-p p-p--small tc-grey-600", children: label.description })] })) : (label)] })] }, currentValue));
+                            }), "data-cy": "radio-".concat(currentValue), "data-testid": "radio-".concat(currentValue), children: [customIcon && (jsxRuntime.jsx("div", { className: classNames$1('d-inline-flex ai-center jc-center', inlineIcon ? 'mr8' : 'mt8'), children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) })), isRadioLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "p-p", children: label.title }), jsxRuntime.jsx("span", { className: "d-block p-p p-p--small tc-neutral-700", children: label.description })] })) : (label)] })] }, currentValue));
             })] }));
 };
 
-var css_248z$w = "@keyframes style-module_appear-in__3U2lu {\n  0% {\n    transform: translateY(100%);\n  }\n  80% {\n    transform: translateY(-2%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes style-module_disappear-out__6pOVr {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n.style-module_wrapper__200Xu {\n  position: relative;\n  top: 0;\n  overflow: hidden;\n}\n\n.style-module_container__aOENo {\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  overflow: auto;\n  max-height: 90vh;\n  bottom: 0;\n  position: fixed;\n  animation-name: style-module_appear-in__3U2lu;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-in;\n}\n.style-module_containerClose__3-nqc {\n  animation-name: style-module_disappear-out__6pOVr;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n@media (max-width: 34rem) {\n  .style-module_body__3yNly {\n    padding-bottom: 48px;\n  }\n}";
-var styles$v = {"wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","appear-in":"style-module_appear-in__3U2lu","containerClose":"style-module_containerClose__3-nqc","disappear-out":"style-module_disappear-out__6pOVr","body":"style-module_body__3yNly"};
-styleInject(css_248z$w);
+var css_248z$x = "@keyframes style-module_appear-in__3U2lu {\n  0% {\n    transform: translateY(100%);\n  }\n  80% {\n    transform: translateY(-2%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes style-module_disappear-out__6pOVr {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n.style-module_wrapper__200Xu {\n  position: relative;\n  top: 0;\n  overflow: hidden;\n}\n\n.style-module_container__aOENo {\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  overflow: auto;\n  max-height: 90vh;\n  bottom: 0;\n  position: fixed;\n  animation-name: style-module_appear-in__3U2lu;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-in;\n}\n.style-module_containerClose__3-nqc {\n  animation-name: style-module_disappear-out__6pOVr;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n@media (max-width: 34rem) {\n  .style-module_body__3yNly {\n    padding-bottom: 48px;\n  }\n}";
+var styles$w = {"wrapper":"style-module_wrapper__200Xu","container":"style-module_container__aOENo","appear-in":"style-module_appear-in__3U2lu","containerClose":"style-module_containerClose__3-nqc","disappear-out":"style-module_disappear-out__6pOVr","body":"style-module_body__3yNly"};
+styleInject(css_248z$x);
 
 var useOnClose = function (onClose, isOpen, dismissable) {
     var _a = React.useState(false), isVisible = _a[0], setIsVisible = _a[1];
@@ -8816,9 +8816,9 @@ var useOnClose = function (onClose, isOpen, dismissable) {
     };
 };
 
-var css_248z$v = "@keyframes style-module_fade-in__f_VRg {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n}\n@keyframes style-module_fade-out__1tEwS {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n}\n.style-module_overlay__2f00R {\n  z-index: 1000;\n  overflow: hidden;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__f_VRg 0.3s both;\n}\n.style-module_overlayClose__1p313 {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__1tEwS 0.3s both;\n}\n\n.style-module_header__284Rz {\n  position: sticky;\n  top: 0;\n}\n\n.style-module_closeButton__1AbX8 {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n}\n\n.style-module_body__QtlTn {\n  flex-grow: 1;\n  overflow: auto;\n  background: linear-gradient(#fff 30%, #fff), linear-gradient(#fff, #fff 70%), linear-gradient(#ededf2 30%, #ededf2), linear-gradient(#ededf2, #ededf2 70%);\n  background-repeat: no-repeat;\n  background-size: 100% 1px;\n  background-attachment: local, local, scroll, scroll;\n}\n\n.style-module_footer__Sh5bv {\n  position: sticky;\n  bottom: 0;\n  border-top: 1px solid #ededf2;\n}";
-var styles$u = {"overlay":"style-module_overlay__2f00R","fade-in":"style-module_fade-in__f_VRg","overlayClose":"style-module_overlayClose__1p313","fade-out":"style-module_fade-out__1tEwS","header":"style-module_header__284Rz","closeButton":"style-module_closeButton__1AbX8","body":"style-module_body__QtlTn","footer":"style-module_footer__Sh5bv"};
-styleInject(css_248z$v);
+var css_248z$w = "@keyframes style-module_fade-in__f_VRg {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n}\n@keyframes style-module_fade-out__1tEwS {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n    visibility: visible;\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n    visibility: hidden;\n  }\n}\n.style-module_overlay__2f00R {\n  z-index: 1000;\n  overflow: hidden;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: style-module_fade-in__f_VRg 0.3s both;\n}\n.style-module_overlayClose__1p313 {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__1tEwS 0.3s both;\n}\n\n.style-module_header__284Rz {\n  position: sticky;\n  top: 0;\n}\n\n.style-module_closeButton__1AbX8 {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n}\n\n.style-module_body__QtlTn {\n  flex-grow: 1;\n  overflow: auto;\n  background: linear-gradient(#fff 30%, #fff), linear-gradient(#fff, #fff 70%), linear-gradient(#e7e7ed 30%, #e7e7ed), linear-gradient(#e7e7ed, #e7e7ed 70%);\n  background-repeat: no-repeat;\n  background-size: 100% 1px;\n  background-attachment: local, local, scroll, scroll;\n}\n\n.style-module_footer__Sh5bv {\n  position: sticky;\n  bottom: 0;\n  border-top: 1px solid #e7e7ed;\n}";
+var styles$v = {"overlay":"style-module_overlay__2f00R","fade-in":"style-module_fade-in__f_VRg","overlayClose":"style-module_overlayClose__1p313","fade-out":"style-module_fade-out__1tEwS","header":"style-module_header__284Rz","closeButton":"style-module_closeButton__1AbX8","body":"style-module_body__QtlTn","footer":"style-module_footer__Sh5bv"};
+styleInject(css_248z$w);
 
 function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
@@ -11571,16 +11571,16 @@ var InnerModal = function (_a) {
             (_a = modalBodyRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleOnScroll);
         };
     }, []);
-    return (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.overlay, styles$u.overlay, (_b = {},
-            _b[styles$u.overlayClose] = isClosing,
+    return (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.overlay, styles$v.overlay, (_b = {},
+            _b[styles$v.overlayClose] = isClosing,
             _b)), onAnimationEnd: handleOnCloseAnimationEnded, onClick: handleOnOverlayClick, children: jsxRuntime.jsx("div", { className: typeof (classNames === null || classNames === void 0 ? void 0 : classNames.wrapper) === 'string'
                 ? classNames === null || classNames === void 0 ? void 0 : classNames.wrapper
                 : (_c = classNames === null || classNames === void 0 ? void 0 : classNames.wrapper) === null || _c === void 0 ? void 0 : _c.call(classNames, { isClosing: isClosing }), children: jsxRuntime.jsx(FocusLockCombination, { returnFocus: true, className: "m-auto", children: jsxRuntime.jsxs("div", { "aria-modal": "true", role: "dialog", className: typeof (classNames === null || classNames === void 0 ? void 0 : classNames.container) === 'string'
                         ? classNames === null || classNames === void 0 ? void 0 : classNames.container
-                        : (_d = classNames === null || classNames === void 0 ? void 0 : classNames.container) === null || _d === void 0 ? void 0 : _d.call(classNames, { isClosing: isClosing }), onClick: handleContainerClick, children: [jsxRuntime.jsxs("div", { className: classNames$1('bg-white d-flex ai-center w100 px24 pt24 pb16', styles$u.header, {
+                        : (_d = classNames === null || classNames === void 0 ? void 0 : classNames.container) === null || _d === void 0 ? void 0 : _d.call(classNames, { isClosing: isClosing }), onClick: handleContainerClick, children: [jsxRuntime.jsxs("div", { className: classNames$1('bg-white d-flex ai-center w100 px24 pt24 pb16', styles$v.header, {
                                 'jc-between': !!title,
                                 'jc-end': !title,
-                            }), children: [title && (jsxRuntime.jsx("div", { className: classNames$1(styles$u.title, titleSize === 'small' ? 'p-h4' : 'p-h2', classNames === null || classNames === void 0 ? void 0 : classNames.title), children: title })), dismissible && (jsxRuntime.jsx(Button, { hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "grey-700", className: classNames === null || classNames === void 0 ? void 0 : classNames.closeButtonIcon }), onClick: handleOnClose, type: "button", variant: "textColor", className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.closeButton, 'p0', styles$u.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classNames$1('w100', classNames === null || classNames === void 0 ? void 0 : classNames.body, styles$u.body), ref: modalBodyRef, children: children }), footer && (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.footer, 'w100 bg-white', styles$u.footer), children: jsxRuntime.jsx("div", { className: "p24 pt16", children: footer }) }))] }) }) }) }));
+                            }), children: [title && (jsxRuntime.jsx("div", { className: classNames$1(styles$v.title, titleSize === 'small' ? 'p-h4' : 'p-h2', classNames === null || classNames === void 0 ? void 0 : classNames.title), children: title })), dismissible && (jsxRuntime.jsx(Button, { hideLabel: true, leftIcon: jsxRuntime.jsx(XIcon, { color: "neutral-800", className: classNames === null || classNames === void 0 ? void 0 : classNames.closeButtonIcon }), onClick: handleOnClose, type: "button", variant: "textColor", className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.closeButton, 'p0', styles$v.closeButton), children: "Close modal" }))] }), jsxRuntime.jsx("div", { className: classNames$1('w100', classNames === null || classNames === void 0 ? void 0 : classNames.body, styles$v.body), ref: modalBodyRef, children: children }), footer && (jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.footer, 'w100 bg-white', styles$v.footer), children: jsxRuntime.jsx("div", { className: "p24 pt16", children: footer }) }))] }) }) }) }));
 };
 var GenericModal = function (props) {
     var isOpen = props.isOpen, onClose = props.onClose, _a = props.dismissible, dismissible = _a === void 0 ? true : _a;
@@ -11593,33 +11593,33 @@ var GenericModal = function (props) {
 
 var BottomModal = function (_a) {
     var className = _a.className, classNames = _a.classNames, rest = __rest$1(_a, ["className", "classNames"]);
-    return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: "default", classNames: __assign(__assign({}, classNames), { wrapper: classNames$1('w100', styles$v.wrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper), container: function (_a) {
+    return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: "default", classNames: __assign(__assign({}, classNames), { wrapper: classNames$1('w100', styles$w.wrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper), container: function (_a) {
                 var _b;
                 var isClosing = _a.isClosing;
-                return classNames$1('bg-white d-flex fd-column w100', className, styles$v.container, classNames === null || classNames === void 0 ? void 0 : classNames.container, (_b = {},
-                    _b[styles$v.containerClose] = isClosing,
+                return classNames$1('bg-white d-flex fd-column w100', className, styles$w.container, classNames === null || classNames === void 0 ? void 0 : classNames.container, (_b = {},
+                    _b[styles$w.containerClose] = isClosing,
                     _b));
-            }, body: classNames$1(styles$v.body, classNames === null || classNames === void 0 ? void 0 : classNames.body) }) }, rest)));
+            }, body: classNames$1(styles$w.body, classNames === null || classNames === void 0 ? void 0 : classNames.body) }) }, rest)));
 };
 
-var css_248z$u = "@keyframes style-module_appear-in__2ZMqz {\n  0% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n}\n@keyframes style-module_disappear-out__38TSV {\n  0% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n  100% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.style-module_wrapper__qQirD {\n  position: relative;\n  min-height: 100%;\n  animation-name: style-module_appear-in__2ZMqz;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_wrapperClose__2aXSB {\n  animation-name: style-module_disappear-out__38TSV;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n.style-module_container__1XZj_ {\n  max-height: 90vh;\n  overflow: hidden;\n}";
-var styles$t = {"wrapper":"style-module_wrapper__qQirD","appear-in":"style-module_appear-in__2ZMqz","wrapperClose":"style-module_wrapperClose__2aXSB","disappear-out":"style-module_disappear-out__38TSV","container":"style-module_container__1XZj_"};
-styleInject(css_248z$u);
+var css_248z$v = "@keyframes style-module_appear-in__2ZMqz {\n  0% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n}\n@keyframes style-module_disappear-out__38TSV {\n  0% {\n    transform: translateY(0);\n    opacity: 1;\n    visibility: visible;\n  }\n  100% {\n    transform: translateY(24px);\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.style-module_wrapper__qQirD {\n  position: relative;\n  min-height: 100%;\n  animation-name: style-module_appear-in__2ZMqz;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_wrapperClose__2aXSB {\n  animation-name: style-module_disappear-out__38TSV;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n.style-module_container__1XZj_ {\n  max-height: 90vh;\n  overflow: hidden;\n}";
+var styles$u = {"wrapper":"style-module_wrapper__qQirD","appear-in":"style-module_appear-in__2ZMqz","wrapperClose":"style-module_wrapperClose__2aXSB","disappear-out":"style-module_disappear-out__38TSV","container":"style-module_container__1XZj_"};
+styleInject(css_248z$v);
 
 var RegularModal = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, classNames = _a.classNames, size = _a.size, rest = __rest$1(_a, ["className", "classNames", "size"]);
     return (jsxRuntime.jsx(GenericModal, __assign({ classNames: __assign(__assign({}, classNames), { wrapper: function (_a) {
                 var _b;
                 var isClosing = _a.isClosing;
-                return classNames$1('d-flex ai-center w90 mx-auto my0', className, styles$t.wrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper, (_b = {},
-                    _b[styles$t.wrapperClose] = isClosing,
+                return classNames$1('d-flex ai-center w90 mx-auto my0', className, styles$u.wrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper, (_b = {},
+                    _b[styles$u.wrapperClose] = isClosing,
                     _b));
-            }, container: classNames$1('bg-white br8 d-flex ai-center fd-column mx-auto my0', styles$t.container, size === 'large' ? 'wmx10' : 'wmx8', classNames === null || classNames === void 0 ? void 0 : classNames.container) }) }, rest)));
+            }, container: classNames$1('bg-white br8 d-flex ai-center fd-column mx-auto my0', styles$u.container, size === 'large' ? 'wmx10' : 'wmx8', classNames === null || classNames === void 0 ? void 0 : classNames.container) }) }, rest)));
 };
 
-var css_248z$t = "@media (min-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: none;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: block !important;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_desktop__2lclr {\n    display: none;\n  }\n}";
-var styles$s = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
-styleInject(css_248z$t);
+var css_248z$u = "@media (min-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: none;\n  }\n}\n@media (max-width: 34rem) {\n  .style-module_mobile__3k175 {\n    display: block !important;\n  }\n}\n\n@media (max-width: 34rem) {\n  .style-module_desktop__2lclr {\n    display: none;\n  }\n}";
+var styles$t = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
+styleInject(css_248z$u);
 
 var BottomOrRegularModal = function (_a) {
     var isOpen = _a.isOpen, props = __rest$1(_a, ["isOpen"]);
@@ -11638,22 +11638,22 @@ var BottomOrRegularModal = function (_a) {
             window.removeEventListener('resize', handleResize);
         };
     }, []);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$s.mobile, ref: mobileRef, children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen })) }), visibleSize === 'desktop' && (jsxRuntime.jsx("div", { className: styles$s.desktop, children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen })) }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: styles$t.mobile, ref: mobileRef, children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen })) }), visibleSize === 'desktop' && (jsxRuntime.jsx("div", { className: styles$t.desktop, children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen })) }))] }));
 };
 
-var css_248z$s = "@keyframes style-module_appear-in__5YBuA {\n  0% {\n    opacity: 0;\n    visibility: hidden;\n  }\n  100% {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n@keyframes style-module_disappear-out__33q3c {\n  0% {\n    opacity: 1;\n    visibility: visible;\n  }\n  100% {\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.style-module_container__dyFzK {\n  max-height: 100vh;\n  top: 0;\n  bottom: 0;\n  position: fixed;\n  animation-name: style-module_appear-in__5YBuA;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_containerClose__39rB7 {\n  animation-name: style-module_disappear-out__33q3c;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n@media (max-width: 34rem) {\n  .style-module_body__3Fuui {\n    padding-bottom: 48px;\n  }\n}";
-var styles$r = {"container":"style-module_container__dyFzK","appear-in":"style-module_appear-in__5YBuA","containerClose":"style-module_containerClose__39rB7","disappear-out":"style-module_disappear-out__33q3c","body":"style-module_body__3Fuui"};
-styleInject(css_248z$s);
+var css_248z$t = "@keyframes style-module_appear-in__5YBuA {\n  0% {\n    opacity: 0;\n    visibility: hidden;\n  }\n  100% {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n@keyframes style-module_disappear-out__33q3c {\n  0% {\n    opacity: 1;\n    visibility: visible;\n  }\n  100% {\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.style-module_container__dyFzK {\n  max-height: 100vh;\n  top: 0;\n  bottom: 0;\n  position: fixed;\n  animation-name: style-module_appear-in__5YBuA;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n.style-module_containerClose__39rB7 {\n  animation-name: style-module_disappear-out__33q3c;\n  animation-duration: 0.4s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n}\n\n@media (max-width: 34rem) {\n  .style-module_body__3Fuui {\n    padding-bottom: 48px;\n  }\n}";
+var styles$s = {"container":"style-module_container__dyFzK","appear-in":"style-module_appear-in__5YBuA","containerClose":"style-module_containerClose__39rB7","disappear-out":"style-module_disappear-out__33q3c","body":"style-module_body__3Fuui"};
+styleInject(css_248z$t);
 
 var FullScreenModal = function (_a) {
     var className = _a.className, classNames = _a.classNames, rest = __rest$1(_a, ["className", "classNames"]);
     return (jsxRuntime.jsx(GenericModal, __assign({ titleSize: "small", classNames: __assign(__assign({}, classNames), { wrapper: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.wrapper, 'w100'), container: function (_a) {
                 var _b;
                 var isClosing = _a.isClosing;
-                return classNames$1('bg-white d-flex fd-column w100', className, styles$r.container, classNames === null || classNames === void 0 ? void 0 : classNames.container, (_b = {},
-                    _b[styles$r.containerClose] = isClosing,
+                return classNames$1('bg-white d-flex fd-column w100', className, styles$s.container, classNames === null || classNames === void 0 ? void 0 : classNames.container, (_b = {},
+                    _b[styles$s.containerClose] = isClosing,
                     _b));
-            }, body: classNames$1(styles$r.body, classNames === null || classNames === void 0 ? void 0 : classNames.body) }) }, rest)));
+            }, body: classNames$1(styles$s.body, classNames === null || classNames === void 0 ? void 0 : classNames.body) }) }, rest)));
 };
 
 var infoImage = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0%29%22%3E%3Cpath%20d%3D%22M10%2018.3334C14.6024%2018.3334%2018.3334%2014.6024%2018.3334%2010C18.3334%205.39765%2014.6024%201.66669%2010%201.66669C5.39765%201.66669%201.66669%205.39765%201.66669%2010C1.66669%2014.6024%205.39765%2018.3334%2010%2018.3334Z%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2013.3333V10%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%226.66665%22%20r%3D%220.833333%22%20fill%3D%22%238E8CEE%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E";
@@ -11663,22 +11663,22 @@ var info = {
     alt: 'circle with the letter i inside for information',
 };
 
-var css_248z$r = "@keyframes style-module_appear-in__23V7k {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_root-container__3r_b9 {\n  position: relative;\n  padding-top: 40px;\n}\n.style-module_root-container__3r_b9:hover .style-module_right-icon__L6sf3 {\n  visibility: visible;\n  animation-name: style-module_appear-in__23V7k;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_top-icon__10CJ3 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%) translateY(-40px);\n}\n.style-module_top-icon--muted__3PZ1X {\n  opacity: 0.25;\n}\n\n.style-module_right-icon__L6sf3 {\n  visibility: hidden;\n  position: absolute;\n  top: 64px;\n  right: 24px;\n}\n\n.style-module_container__19mu2 {\n  padding: 0 24px 24px 24px;\n  height: 100%;\n}\n@media (max-width: 34rem) {\n  .style-module_container__19mu2 {\n    height: fit-content;\n  }\n}";
-var styles$q = {"root-container":"style-module_root-container__3r_b9","right-icon":"style-module_right-icon__L6sf3","appear-in":"style-module_appear-in__23V7k","top-icon":"style-module_top-icon__10CJ3","top-icon--muted":"style-module_top-icon--muted__3PZ1X","container":"style-module_container__19mu2"};
-styleInject(css_248z$r);
+var css_248z$s = "@keyframes style-module_appear-in__23V7k {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_root-container__3r_b9 {\n  position: relative;\n  padding-top: 40px;\n}\n.style-module_root-container__3r_b9:hover .style-module_right-icon__L6sf3 {\n  visibility: visible;\n  animation-name: style-module_appear-in__23V7k;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n}\n\n.style-module_top-icon__10CJ3 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%) translateY(-40px);\n}\n.style-module_top-icon--muted__3PZ1X {\n  opacity: 0.25;\n}\n\n.style-module_right-icon__L6sf3 {\n  visibility: hidden;\n  position: absolute;\n  top: 64px;\n  right: 24px;\n}\n\n.style-module_container__19mu2 {\n  padding: 0 24px 24px 24px;\n  height: 100%;\n}\n@media (max-width: 34rem) {\n  .style-module_container__19mu2 {\n    height: fit-content;\n  }\n}";
+var styles$r = {"root-container":"style-module_root-container__3r_b9","right-icon":"style-module_right-icon__L6sf3","appear-in":"style-module_appear-in__23V7k","top-icon":"style-module_top-icon__10CJ3","top-icon--muted":"style-module_top-icon--muted__3PZ1X","container":"style-module_container__19mu2"};
+styleInject(css_248z$s);
 
 var InfoCard = function (_a) {
     var className = _a.className, title = _a.title, children = _a.children, topIcon = _a.topIcon, rightIcon = _a.rightIcon, _b = _a.state, state = _b === void 0 ? 'actionable' : _b, _c = _a.dropshadow, dropshadow = _c === void 0 ? true : _c, props = __rest$1(_a, ["className", "title", "children", "topIcon", "rightIcon", "state", "dropshadow"]);
-    return (jsxRuntime.jsxs("div", __assign({ className: "".concat(styles$q['root-container'], " ").concat(className !== null && className !== void 0 ? className : '') }, props, { children: [jsxRuntime.jsx("img", { src: topIcon.src, alt: topIcon.alt, className: "".concat(styles$q['top-icon'], " ").concat(state === 'muted' ? styles$q['top-icon--muted'] : '', " "), width: "80px", height: "80px" }), jsxRuntime.jsxs("div", { className: "".concat(associatedClassForCardState(state, dropshadow), " ").concat(styles$q.container), children: [rightIcon && (jsxRuntime.jsx("img", { width: "20px", height: "20px", className: styles$q['right-icon'], src: rightIcon === 'info' ? info.src : rightIcon.src, alt: rightIcon === 'info' ? info.alt : rightIcon.alt })), jsxRuntime.jsx("h3", { className: "p-h4 ta-center mt64", children: title }), jsxRuntime.jsx("div", { className: "p-p mt16 tc-grey-600", children: children })] })] })));
+    return (jsxRuntime.jsxs("div", __assign({ className: "".concat(styles$r['root-container'], " ").concat(className !== null && className !== void 0 ? className : '') }, props, { children: [jsxRuntime.jsx("img", { src: topIcon.src, alt: topIcon.alt, className: "".concat(styles$r['top-icon'], " ").concat(state === 'muted' ? styles$r['top-icon--muted'] : '', " "), width: "80px", height: "80px" }), jsxRuntime.jsxs("div", { className: "".concat(associatedClassForCardState(state, dropshadow), " ").concat(styles$r.container), children: [rightIcon && (jsxRuntime.jsx("img", { width: "20px", height: "20px", className: styles$r['right-icon'], src: rightIcon === 'info' ? info.src : rightIcon.src, alt: rightIcon === 'info' ? info.alt : rightIcon.alt })), jsxRuntime.jsx("h3", { className: "p-h4 ta-center mt64", children: title }), jsxRuntime.jsx("div", { className: "p-p mt16 tc-neutral-700", children: children })] })] })));
 };
 
-var css_248z$q = ".style-module_containerDisabled__2j9_N {\n  pointer-events: none;\n  opacity: 0.25;\n}";
-var styles$p = {"containerDisabled":"style-module_containerDisabled__2j9_N"};
-styleInject(css_248z$q);
+var css_248z$r = ".style-module_containerDisabled__2j9_N {\n  pointer-events: none;\n  opacity: 0.25;\n}";
+var styles$q = {"containerDisabled":"style-module_containerDisabled__2j9_N"};
+styleInject(css_248z$r);
 
-var css_248z$p = ".style-module_button__P-UIa {\n  background-color: transparent;\n  color: #26262e;\n  outline: 1px solid transparent;\n  transition: all 0.2s ease-in-out;\n  text-decoration: none;\n  border-radius: 8px;\n}\n.style-module_button__P-UIa:hover {\n  outline: 1px solid #8e8cee;\n  color: #8e8cee;\n}\n.style-module_button__P-UIa:focus-visible {\n  outline: 2px solid #8e8cee;\n  color: #8e8cee;\n}\n\n.style-module_wrapper__35C6V {\n  background-color: #fff;\n}\n\n.style-module_icon__15X1c {\n  margin-right: 12px;\n  color: #8e8cee;\n}\n.style-module_iconbalanced__Zb-hZ {\n  margin-right: 16px;\n}\n.style-module_iconspacious__3Ly0X {\n  margin-right: 24px;\n}\n\n.style-module_actionIcon__3pnwR {\n  margin-left: 12px;\n}\n.style-module_actionIconbalanced__19jnn {\n  margin-left: 16px;\n}\n.style-module_actionIconspacious__2LJN4 {\n  margin-left: 24px;\n}\n\n.style-module_description__ksrnP {\n  color: #696970;\n}";
-var styles$o = {"button":"style-module_button__P-UIa","wrapper":"style-module_wrapper__35C6V","icon":"style-module_icon__15X1c","iconbalanced":"style-module_iconbalanced__Zb-hZ","iconspacious":"style-module_iconspacious__3Ly0X","actionIcon":"style-module_actionIcon__3pnwR","actionIconbalanced":"style-module_actionIconbalanced__19jnn","actionIconspacious":"style-module_actionIconspacious__2LJN4","description":"style-module_description__ksrnP"};
-styleInject(css_248z$p);
+var css_248z$q = ".style-module_button__P-UIa {\n  background-color: transparent;\n  color: #26262e;\n  outline: 1px solid transparent;\n  transition: all 0.2s ease-in-out;\n  text-decoration: none;\n  border-radius: 8px;\n}\n.style-module_button__P-UIa:hover {\n  outline: 1px solid #8883D8;\n  color: #8883D8;\n}\n.style-module_button__P-UIa:focus-visible {\n  outline: 2px solid #8883D8;\n  color: #8883D8;\n}\n\n.style-module_wrapper__35C6V {\n  background-color: #fff;\n}\n\n.style-module_icon__15X1c {\n  margin-right: 12px;\n  color: #8883D8;\n}\n.style-module_iconbalanced__Zb-hZ {\n  margin-right: 16px;\n}\n.style-module_iconspacious__3Ly0X {\n  margin-right: 24px;\n}\n\n.style-module_actionIcon__3pnwR {\n  margin-left: 12px;\n}\n.style-module_actionIconbalanced__19jnn {\n  margin-left: 16px;\n}\n.style-module_actionIconspacious__2LJN4 {\n  margin-left: 24px;\n}\n\n.style-module_description__ksrnP {\n  color: #696971;\n}";
+var styles$p = {"button":"style-module_button__P-UIa","wrapper":"style-module_wrapper__35C6V","icon":"style-module_icon__15X1c","iconbalanced":"style-module_iconbalanced__Zb-hZ","iconspacious":"style-module_iconspacious__3Ly0X","actionIcon":"style-module_actionIcon__3pnwR","actionIconbalanced":"style-module_actionIconbalanced__19jnn","actionIconspacious":"style-module_actionIconspacious__2LJN4","description":"style-module_description__ksrnP"};
+styleInject(css_248z$q);
 
 var cardDefaultAs = 'section';
 var Card = function (_a) {
@@ -11691,7 +11691,7 @@ var Card = function (_a) {
     return (jsxRuntime.jsx(Tag, __assign({ className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, 'd-flex w100 ai-stretch', (_b = {
                 'c-pointer': propsWithActionIcon
             },
-            _b[styles$o.button] = propsWithActionIcon,
+            _b[styles$p.button] = propsWithActionIcon,
             _b)) }, onClick && {
         onClick: onClick,
         type: "button"
@@ -11703,24 +11703,24 @@ var Card = function (_a) {
                 top: 'jc-start',
                 center: 'jc-center',
                 bottom: 'jc-end',
-            }[verticalAlignment], styles$o === null || styles$o === void 0 ? void 0 : styles$o.wrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper), children: [jsxRuntime.jsxs("div", { className: "d-flex w100", children: [icon && (jsxRuntime.jsx("div", { className: classNames$1("d-flex", styles$o.icon, styles$o["icon".concat(density)], classNames === null || classNames === void 0 ? void 0 : classNames.icon, {
+            }[verticalAlignment], styles$p === null || styles$p === void 0 ? void 0 : styles$p.wrapper, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper), children: [jsxRuntime.jsxs("div", { className: "d-flex w100", children: [icon && (jsxRuntime.jsx("div", { className: classNames$1("d-flex", styles$p.icon, styles$p["icon".concat(density)], classNames === null || classNames === void 0 ? void 0 : classNames.icon, {
                                 top: 'ai-start',
                                 center: 'ai-center',
                                 bottom: 'ai-end',
-                            }[verticalAlignment]), children: icon })), jsxRuntime.jsxs("div", { className: "d-flex jc-between w100", children: [jsxRuntime.jsxs("div", { className: "d-flex jc-center gap8 fd-column tc-grey-900 w100", children: [label && (jsxRuntime.jsx("h4", { className: classNames$1('p-p--small', classNames === null || classNames === void 0 ? void 0 : classNames.label), children: label })), title && (jsxRuntime.jsx("h3", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.title, {
+                            }[verticalAlignment]), children: icon })), jsxRuntime.jsxs("div", { className: "d-flex jc-between w100", children: [jsxRuntime.jsxs("div", { className: "d-flex jc-center gap8 fd-column tc-neutral-900 w100", children: [label && (jsxRuntime.jsx("h4", { className: classNames$1('p-p--small', classNames === null || classNames === void 0 ? void 0 : classNames.label), children: label })), title && (jsxRuntime.jsx("h3", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.title, {
                                                 large: 'p-h3',
                                                 medium: 'p-h4',
                                                 small: 'p-p',
-                                            }[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$o.description, classNames === null || classNames === void 0 ? void 0 : classNames.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p'), children: description }))] }), (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", { className: classNames$1(styles$o.actionIcon, classNames === null || classNames === void 0 ? void 0 : classNames.actionIcon, styles$o["actionIcon".concat(density)], 'd-flex ai-center'), children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }) }))] })] }), children && jsxRuntime.jsx("div", { className: classNames === null || classNames === void 0 ? void 0 : classNames.children, children: children })] }) })));
+                                            }[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$p.description, classNames === null || classNames === void 0 ? void 0 : classNames.description, descriptionVariant === 'small' ? 'p-p--small' : 'p-p'), children: description }))] }), (showActionIcon || (propsWithActionIcon && !hideActionIcon)) && (jsxRuntime.jsx("div", { className: classNames$1(styles$p.actionIcon, classNames === null || classNames === void 0 ? void 0 : classNames.actionIcon, styles$p["actionIcon".concat(density)], 'd-flex ai-center'), children: actionIcon || jsxRuntime.jsx(ChevronRightIcon, { size: 24 }) }))] })] }), children && jsxRuntime.jsx("div", { className: classNames === null || classNames === void 0 ? void 0 : classNames.children, children: children })] }) })));
 };
 
 var CardButton = function (_a) {
     var _b;
     var title = _a.title, description = _a.description, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, href = _a.href;
     return (jsxRuntime.jsx(Card, __assign({ as: href ? 'a' : 'button', classNames: {
-            buttonWrapper: classNames$1('c-pointer ta-left w100', className, (_b = {}, _b[styles$p.containerDisabled] = disabled, _b)),
-            description: 'tc-primary-500 p-p',
-        }, density: 'compact', label: title, description: typeof description === 'string' ? description : null, actionIcon: jsxRuntime.jsx(ChevronRightIcon, { size: 20, color: 'purple-500', className: styles$p.chevronRight }), showActionIcon: true }, href ? { href: href } : {}, { children: typeof description !== 'string' ? description : null })));
+            buttonWrapper: classNames$1('c-pointer ta-left w100', className, (_b = {}, _b[styles$q.containerDisabled] = disabled, _b)),
+            description: 'tc-purple-600 p-p',
+        }, density: 'compact', label: title, description: typeof description === 'string' ? description : null, actionIcon: jsxRuntime.jsx(ChevronRightIcon, { size: 20, color: 'purple-600', className: styles$q.chevronRight }), showActionIcon: true }, href ? { href: href } : {}, { children: typeof description !== 'string' ? description : null })));
 };
 
 var associatedClassForCardState = function (state, dropshadow) {
@@ -11740,13 +11740,13 @@ var associatedClassForCardState = function (state, dropshadow) {
     return baseClass;
 };
 
-var css_248z$o = ".style-module_chip__3LMgV {\n  background: var(--ds-primary-100);\n  border: 2px solid var(--ds-primary-100);\n  border-radius: 8px;\n  padding: 4px 8px;\n  width: fit-content;\n  width: -moz-fit-content;\n  display: flex;\n  align-items: center;\n  animation-name: style-module_appearInAnimation__33Ebn;\n  animation-duration: 0.5s;\n  animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n  transition: 0.2s ease-in;\n  border: 2px solid var(--ds-primary-500);\n}\n\n.style-module_chip-image__2vVqF {\n  width: 24px;\n  height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n  color: #b1b0f5;\n  position: relative;\n  width: 16px;\n  height: 16px;\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  cursor: pointer;\n}\n.style-module_chip-button-container__3gSRY:hover {\n  color: #8e8cee;\n}\n.style-module_chip-button-container__3gSRY:focus-visible {\n  outline: 2px solid var(--ds-primary-500);\n  border-radius: 2px;\n}\n\n.style-module_chip-remove-button__3LK7e {\n  margin: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.style-module_chip-remove-button__3LK7e svg {\n  vertical-align: top;\n}\n\n@keyframes style-module_appearInAnimation__33Ebn {\n  from {\n    opacity: 0;\n    transform: translateX(16px);\n  }\n  to {\n    opacity: 1;\n  }\n}";
-var styles$n = {"chip":"style-module_chip__3LMgV","appearInAnimation":"style-module_appearInAnimation__33Ebn","chip-image":"style-module_chip-image__2vVqF","chip-button-container":"style-module_chip-button-container__3gSRY","chip-remove-button":"style-module_chip-remove-button__3LK7e"};
-styleInject(css_248z$o);
+var css_248z$p = ".style-module_chip__3LMgV {\n  background: var(--ds-purple-300);\n  border: 2px solid var(--ds-purple-300);\n  border-radius: 8px;\n  padding: 4px 8px;\n  width: fit-content;\n  width: -moz-fit-content;\n  display: flex;\n  align-items: center;\n  animation-name: style-module_appearInAnimation__33Ebn;\n  animation-duration: 0.5s;\n  animation-fill-mode: both;\n}\n\n.style-module_chip__3LMgV:hover {\n  transition: 0.2s ease-in;\n  border: 2px solid var(--ds-purple-600);\n}\n\n.style-module_chip-image__2vVqF {\n  width: 24px;\n  height: 14px;\n}\n\n.style-module_chip-button-container__3gSRY {\n  color: #B8B4F3;\n  position: relative;\n  width: 16px;\n  height: 16px;\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  cursor: pointer;\n}\n.style-module_chip-button-container__3gSRY:hover {\n  color: #8883D8;\n}\n.style-module_chip-button-container__3gSRY:focus-visible {\n  outline: 2px solid var(--ds-purple-600);\n  border-radius: 2px;\n}\n\n.style-module_chip-remove-button__3LK7e {\n  margin: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.style-module_chip-remove-button__3LK7e svg {\n  vertical-align: top;\n}\n\n@keyframes style-module_appearInAnimation__33Ebn {\n  from {\n    opacity: 0;\n    transform: translateX(16px);\n  }\n  to {\n    opacity: 1;\n  }\n}";
+var styles$o = {"chip":"style-module_chip__3LMgV","appearInAnimation":"style-module_appearInAnimation__33Ebn","chip-image":"style-module_chip-image__2vVqF","chip-button-container":"style-module_chip-button-container__3gSRY","chip-remove-button":"style-module_chip-remove-button__3LK7e"};
+styleInject(css_248z$p);
 
 var Chip = (function (_a) {
     var className = _a.className, value = _a.value, onRemove = _a.onRemove;
-    return (jsxRuntime.jsxs("div", { className: "p-p mr8 mb8 d-flex ".concat(className, " ").concat(styles$n['chip']), children: [value.leftIcon && (jsxRuntime.jsx("img", { className: "mr8 ".concat(styles$n['chip-image']), src: value.leftIcon, alt: value.value })), jsxRuntime.jsx("div", { className: "mr8", children: value.value }), jsxRuntime.jsx("button", { className: "c-pointer ".concat(styles$n['chip-button-container']), type: "button", onClick: function () { return onRemove(value); }, "aria-label": "Remove ".concat(value.value, " option"), children: jsxRuntime.jsx(XIcon, { className: styles$n['chip-remove-button'] }) })] }));
+    return (jsxRuntime.jsxs("div", { className: "p-p mr8 mb8 d-flex ".concat(className, " ").concat(styles$o['chip']), children: [value.leftIcon && (jsxRuntime.jsx("img", { className: "mr8 ".concat(styles$o['chip-image']), src: value.leftIcon, alt: value.value })), jsxRuntime.jsx("div", { className: "mr8", children: value.value }), jsxRuntime.jsx("button", { className: "c-pointer ".concat(styles$o['chip-button-container']), type: "button", onClick: function () { return onRemove(value); }, "aria-label": "Remove ".concat(value.value, " option"), children: jsxRuntime.jsx(XIcon, { className: styles$o['chip-remove-button'] }) })] }));
 });
 
 var Autosuggest = {};
@@ -13870,21 +13870,21 @@ _defineProperty(Autosuggest, "defaultProps", {
 
 var dist$2 = Autosuggest["default"];
 
-var css_248z$n = "@keyframes style-module_appearInAnimation__yvH4A {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_suggestionsContainer__2yVXd {\n  position: relative;\n}\n\n.style-module_suggestionsList__11o48 {\n  position: absolute;\n  z-index: 100;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid var(--ds-primary-500);\n  width: 100%;\n  height: fit-content;\n  max-height: 216px;\n  overflow-y: scroll;\n  background-color: white;\n  animation-name: style-module_appearInAnimation__yvH4A;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform: translateY(8px);\n}\n\n.style-module_suggestion-option__z7pqG {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  margin: 0;\n  padding: 12px 16px;\n  color: var(--ds-grey-900);\n  min-height: 48px;\n  line-height: 24px;\n}\n\n.style-module_suggestion-img__1TfiA {\n  width: 32px;\n  height: 24px;\n  border-radius: 2px;\n}\n\n.style-module_suggestion-text__7wL31 {\n  flex: 1;\n}\n\n.style-module_nowrap__uks9c {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.style-module_suggestionHighlighted__2zu5h {\n  background-color: var(--ds-primary-100);\n}";
-var styles$m = {"suggestionsContainer":"style-module_suggestionsContainer__2yVXd","suggestionsList":"style-module_suggestionsList__11o48","appearInAnimation":"style-module_appearInAnimation__yvH4A","suggestion-option":"style-module_suggestion-option__z7pqG","suggestion-img":"style-module_suggestion-img__1TfiA","suggestion-text":"style-module_suggestion-text__7wL31","nowrap":"style-module_nowrap__uks9c","suggestionHighlighted":"style-module_suggestionHighlighted__2zu5h"};
-styleInject(css_248z$n);
+var css_248z$o = "@keyframes style-module_appearInAnimation__yvH4A {\n  from {\n    opacity: 0;\n    transform: translateY(16px);\n  }\n  to {\n    opacity: 1;\n  }\n}\n.style-module_suggestionsContainer__2yVXd {\n  position: relative;\n}\n\n.style-module_suggestionsList__11o48 {\n  position: absolute;\n  z-index: 100;\n  overflow: hidden;\n  border-radius: 8px;\n  border: 1px solid var(--ds-purple-600);\n  width: 100%;\n  height: fit-content;\n  max-height: 216px;\n  overflow-y: scroll;\n  background-color: white;\n  animation-name: style-module_appearInAnimation__yvH4A;\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  transform: translateY(8px);\n}\n\n.style-module_suggestion-option__z7pqG {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n  margin: 0;\n  padding: 12px 16px;\n  color: var(--ds-neutral-900);\n  min-height: 48px;\n  line-height: 24px;\n}\n\n.style-module_suggestion-img__1TfiA {\n  width: 32px;\n  height: 24px;\n  border-radius: 2px;\n}\n\n.style-module_suggestion-text__7wL31 {\n  flex: 1;\n}\n\n.style-module_nowrap__uks9c {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.style-module_suggestionHighlighted__2zu5h {\n  background-color: var(--ds-purple-300);\n}";
+var styles$n = {"suggestionsContainer":"style-module_suggestionsContainer__2yVXd","suggestionsList":"style-module_suggestionsList__11o48","appearInAnimation":"style-module_appearInAnimation__yvH4A","suggestion-option":"style-module_suggestion-option__z7pqG","suggestion-img":"style-module_suggestion-img__1TfiA","suggestion-text":"style-module_suggestion-text__7wL31","nowrap":"style-module_nowrap__uks9c","suggestionHighlighted":"style-module_suggestionHighlighted__2zu5h"};
+styleInject(css_248z$o);
 
 var AutoSuggestInput = function (_a) {
     var currentOption = _a.currentOption, suggestions = _a.suggestions, handleSuggestionSelected = _a.handleSuggestionSelected, onChange = _a.onChange, handleSuggestionFetchRequest = _a.handleSuggestionFetchRequest, handleSuggestionClearRequest = _a.handleSuggestionClearRequest, placeholder = _a.placeholder, className = _a.className, wrapText = _a.wrapText, inputProps = _a.inputProps;
     var renderSuggestion = function (suggestion) {
         var _a;
-        return (jsxRuntime.jsxs("div", { className: "".concat(styles$m['suggestion-option']), children: [suggestion.leftIcon && (jsxRuntime.jsx("img", { className: "mr16 ".concat(styles$m['suggestion-img']), src: suggestion.leftIcon, alt: suggestion.value })), jsxRuntime.jsx("div", { className: classNames$1(styles$m['suggestion-text'], (_a = {},
-                        _a[styles$m.nowrap] = !wrapText,
+        return (jsxRuntime.jsxs("div", { className: "".concat(styles$n['suggestion-option']), children: [suggestion.leftIcon && (jsxRuntime.jsx("img", { className: "mr16 ".concat(styles$n['suggestion-img']), src: suggestion.leftIcon, alt: suggestion.value })), jsxRuntime.jsx("div", { className: classNames$1(styles$n['suggestion-text'], (_a = {},
+                        _a[styles$n.nowrap] = !wrapText,
                         _a)), children: suggestion.value })] }));
     };
     var getSuggestionValue = function (suggestion) { return suggestion.value; };
     var renderInputComponent = function (autoSuggestInputProps) { return (jsxRuntime.jsx(Input, __assign({}, autoSuggestInputProps, { placeholder: placeholder, "data-cy": "suggest-multi-select-input" }))); };
-    return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(dist$2, { theme: styles$m, suggestions: suggestions, onSuggestionsFetchRequested: handleSuggestionFetchRequest, onSuggestionsClearRequested: handleSuggestionClearRequest, getSuggestionValue: getSuggestionValue, renderSuggestion: renderSuggestion, highlightFirstSuggestion: true, inputProps: __assign(__assign({}, inputProps), { value: currentOption, onChange: function (_, _a) {
+    return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsx(dist$2, { theme: styles$n, suggestions: suggestions, onSuggestionsFetchRequested: handleSuggestionFetchRequest, onSuggestionsClearRequested: handleSuggestionClearRequest, getSuggestionValue: getSuggestionValue, renderSuggestion: renderSuggestion, highlightFirstSuggestion: true, inputProps: __assign(__assign({}, inputProps), { value: currentOption, onChange: function (_, _a) {
                     var newValue = _a.newValue;
                     onChange(newValue);
                 } }), onSuggestionSelected: function (_, _a) {
@@ -13893,9 +13893,9 @@ var AutoSuggestInput = function (_a) {
             }, renderInputComponent: renderInputComponent }) }));
 };
 
-var css_248z$m = ".style-module_chip-container__26s37 {\n  display: flex;\n  flex-wrap: wrap;\n  max-height: 10px;\n  transition: 0.7s ease-in;\n}\n\n.style-module_appearIn__3XNel {\n  max-height: 300px;\n}";
-var styles$l = {"chip-container":"style-module_chip-container__26s37","appearIn":"style-module_appearIn__3XNel"};
-styleInject(css_248z$m);
+var css_248z$n = ".style-module_chip-container__26s37 {\n  display: flex;\n  flex-wrap: wrap;\n  max-height: 10px;\n  transition: 0.7s ease-in;\n}\n\n.style-module_appearIn__3XNel {\n  max-height: 300px;\n}";
+var styles$m = {"chip-container":"style-module_chip-container__26s37","appearIn":"style-module_appearIn__3XNel"};
+styleInject(css_248z$n);
 
 var AutoSuggestMultiSelect = function (_a) {
     var _b;
@@ -13903,8 +13903,8 @@ var AutoSuggestMultiSelect = function (_a) {
     var _c = React.useState([]), suggestions = _c[0], setSuggestions = _c[1];
     var _d = React.useState(''), currentOption = _d[0], setCurrentOption = _d[1];
     var hasChips = Boolean(selectedValues && selectedValues.length > 0);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: classNames$1(styles$l['chip-container'], chipsListClassName, (_b = {},
-                    _b[styles$l.appearIn] = hasChips,
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: classNames$1(styles$m['chip-container'], chipsListClassName, (_b = {},
+                    _b[styles$m.appearIn] = hasChips,
                     _b)), children: selectedValues && hasChips && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: selectedValues.map(function (value, index) { return (jsxRuntime.jsx(Chip, { className: "mb16", value: value, onRemove: function (value) {
                             var newValues = __spreadArray$1([], selectedValues, true).filter(function (selectedValue) { return selectedValue.value !== value.value; });
                             setValues(newValues);
@@ -15447,9 +15447,9 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
 
 }(dist$1));
 
-var css_248z$l = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  background: #fafaff;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  position: relative;\n  text-align: inherit;\n  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  background: #ebebff;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
-var styles$k = {"container":"AccordionItem-module_container__29xle","chevron":"AccordionItem-module_chevron__1Pdoe","chevronClosed":"AccordionItem-module_chevronClosed__1Sq5g","iconAndTextContainer":"AccordionItem-module_iconAndTextContainer__1K9NF","headerButton":"AccordionItem-module_headerButton__1C03u"};
-styleInject(css_248z$l);
+var css_248z$m = ".AccordionItem-module_container__29xle {\n  width: min-content;\n  width: var(--growContent, min-content);\n  max-width: 100%;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.AccordionItem-module_chevron__1Pdoe {\n  transition: filter 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n\n.AccordionItem-module_chevronClosed__1Sq5g {\n  transform: rotate(180deg);\n}\n\n.AccordionItem-module_iconAndTextContainer__1K9NF {\n  column-gap: 12px;\n}\n\n.AccordionItem-module_headerButton__1C03u {\n  border: none;\n  background: #f9f9fd;\n  column-gap: 16px;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n  position: relative;\n  text-align: inherit;\n  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\n}\n.AccordionItem-module_headerButton__1C03u:hover {\n  background: #E8E7FE;\n}\n\n.AccordionItem-module_headerButton__1C03u:hover .AccordionItem-module_chevron__1Pdoe {\n  filter: brightness(0.425);\n}";
+var styles$l = {"container":"AccordionItem-module_container__29xle","chevron":"AccordionItem-module_chevron__1Pdoe","chevronClosed":"AccordionItem-module_chevronClosed__1Sq5g","iconAndTextContainer":"AccordionItem-module_iconAndTextContainer__1K9NF","headerButton":"AccordionItem-module_headerButton__1C03u"};
+styleInject(css_248z$m);
 
 var ChevronSVG = function (_a) {
     var className = _a.className;
@@ -15465,7 +15465,7 @@ var AccordionItem = function (_a) {
             onClose();
         }
     };
-    return (jsxRuntime.jsxs("section", { className: "d-flex fd-column ".concat(styles$k.container, " ").concat(className), children: [jsxRuntime.jsxs("button", { className: "d-flex ai-center jc-between ".concat(styles$k.headerButton, " ").concat(headerClassName), onClick: handleClick, type: "button", children: [jsxRuntime.jsx("div", { className: "d-flex ai-center ".concat(styles$k.iconAndTextContainer), children: typeof label === 'string' ? (jsxRuntime.jsx("h4", { className: "p-h4", children: label })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: label })) }), jsxRuntime.jsx(ChevronSVG, { className: "".concat(styles$k.chevron, " ").concat(!isOpen && styles$k.chevronClosed) })] }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0.1, children: children })] }));
+    return (jsxRuntime.jsxs("section", { className: "d-flex fd-column ".concat(styles$l.container, " ").concat(className), children: [jsxRuntime.jsxs("button", { className: "d-flex ai-center jc-between ".concat(styles$l.headerButton, " ").concat(headerClassName), onClick: handleClick, type: "button", children: [jsxRuntime.jsx("div", { className: "d-flex ai-center ".concat(styles$l.iconAndTextContainer), children: typeof label === 'string' ? (jsxRuntime.jsx("h4", { className: "p-h4", children: label })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: label })) }), jsxRuntime.jsx(ChevronSVG, { className: "".concat(styles$l.chevron, " ").concat(!isOpen && styles$l.chevronClosed) })] }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0.1, children: children })] }));
 };
 
 var Chevron = function (_a) {
@@ -15473,18 +15473,18 @@ var Chevron = function (_a) {
     return (jsxRuntime.jsx("svg", { width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M15 12.5l-5-5-5 5", stroke: "#8E8CEE", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 
-var css_248z$k = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n  margin: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_header__32rw- > div {\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    max-width: var(--tableWidth);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px 8px;\n  color: #26262e;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  padding: 16px 8px 16px 16px;\n}\n.style-module_cell__1NoZ6:first-child {\n  background-color: white;\n  /** Add scroll snap to every column except the first one */\n  scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n  margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:nth-child(n+3) {\n    margin-left: unset;\n  }\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6 {\n    flex: 1 0 211px;\n    flex: 1 0 var(--cellWidth, 211px);\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    padding: 24px 8px;\n  }\n  .style-module_cell__1NoZ6:first-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(212px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 212px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n  line-height: 38px;\n  text-decoration: underline;\n  text-decoration-color: #8e8cee;\n  text-decoration-thickness: 4px;\n  text-underline-offset: 8px;\n}\n@media (min-width: 34rem) {\n  .style-module_title__1xYvu {\n    display: flex;\n  }\n}\n\n.style-module_sticky__2T5jm {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2T5jm {\n    border-right: 1px solid #fafaff;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100%;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
-var styles$j = {"header":"style-module_header__32rw-","cell":"style-module_cell__1NoZ6","title":"style-module_title__1xYvu","sticky":"style-module_sticky__2T5jm","addon":"style-module_addon__CPf60"};
-styleInject(css_248z$k);
+var css_248z$l = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n  margin: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_header__32rw- > div {\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    max-width: var(--tableWidth);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px 8px;\n  color: #26262e;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  padding: 16px 8px 16px 16px;\n}\n.style-module_cell__1NoZ6:first-child {\n  background-color: white;\n  /** Add scroll snap to every column except the first one */\n  scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n  margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:nth-child(n+3) {\n    margin-left: unset;\n  }\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6 {\n    flex: 1 0 211px;\n    flex: 1 0 var(--cellWidth, 211px);\n    width: 211px;\n    width: var(--cellWidth, 211px);\n    padding: 24px 8px;\n  }\n  .style-module_cell__1NoZ6:first-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(212px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 212px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n  line-height: 38px;\n  text-decoration: underline;\n  text-decoration-color: #8883D8;\n  text-decoration-thickness: 4px;\n  text-underline-offset: 8px;\n}\n@media (min-width: 34rem) {\n  .style-module_title__1xYvu {\n    display: flex;\n  }\n}\n\n.style-module_sticky__2T5jm {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2T5jm {\n    border-right: 1px solid #f9f9fd;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100%;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
+var styles$k = {"header":"style-module_header__32rw-","cell":"style-module_cell__1NoZ6","title":"style-module_title__1xYvu","sticky":"style-module_sticky__2T5jm","addon":"style-module_addon__CPf60"};
+styleInject(css_248z$l);
 
 var Row = function (props) {
     var _a, _b;
     var cell = props.cell, data = props.data, isRowHeader = props.isRowHeader, rowId = props.rowId, cellClassName = props.cellClassName;
     return (jsxRuntime.jsxs("div", { className: classNames$1('d-flex w-100', (_a = {},
-            _a[styles$j.header] = isRowHeader,
-            _a)), children: [jsxRuntime.jsx("h4", { className: classNames$1(styles$j.cell, styles$j.sticky, (_b = {},
-                    _b["p-h2 p--serif ".concat(styles$j.title)] = isRowHeader,
-                    _b[styles$j.addon] = typeof cell.key === 'undefined',
+            _a[styles$k.header] = isRowHeader,
+            _a)), children: [jsxRuntime.jsx("h4", { className: classNames$1(styles$k.cell, styles$k.sticky, (_b = {},
+                    _b["p-h2 p--serif ".concat(styles$k.title)] = isRowHeader,
+                    _b[styles$k.addon] = typeof cell.key === 'undefined',
                     _b), cellClassName), children: cell.label }), Array.isArray(data) &&
                 data.map(function (item) {
                     /**
@@ -15495,7 +15495,7 @@ var Row = function (props) {
                         return null;
                     if (typeof item[cell.key] === 'undefined')
                         return null;
-                    return (jsxRuntime.jsx("div", { className: classNames$1('ta-center', styles$j.cell, cellClassName), children: 
+                    return (jsxRuntime.jsx("div", { className: classNames$1('ta-center', styles$k.cell, cellClassName), children: 
                         /**
                          * Return a function if `render` option is present
                          * else print the current data source value
@@ -15512,39 +15512,39 @@ var ArrowIcon = function (_a) {
     return (jsxRuntime.jsx("svg", { width: "14", height: "8", viewBox: "0 0 14 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M1 1.00003L7 7.00003L13 1.00003", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 
-var css_248z$j = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 32px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 50%;\n  background-color: #f5f6fb;\n  justify-content: center;\n  align-items: center;\n  stroke: #ebebff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f5f6fb;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f5f6fb;\n  cursor: pointer;\n}\n\n.style-module_noPointerEvents__21KuB {\n  pointer-events: none;\n}";
-var styles$i = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB","noPointerEvents":"style-module_noPointerEvents__21KuB"};
-styleInject(css_248z$j);
+var css_248z$k = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 32px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 50%;\n  background-color: #f7f7fd;\n  justify-content: center;\n  align-items: center;\n  stroke: #E8E7FE;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f7f7fd;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #8883D8;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f7f7fd;\n  cursor: pointer;\n}\n\n.style-module_noPointerEvents__21KuB {\n  pointer-events: none;\n}";
+var styles$j = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB","noPointerEvents":"style-module_noPointerEvents__21KuB"};
+styleInject(css_248z$k);
 
 var TableArrows = function (props) {
     var _a, _b;
     var active = props.active, onClick = props.onClick;
     var handleButtonClick = function (value) { return function () { return onClick(value); }; };
-    return (jsxRuntime.jsxs("div", { className: styles$i.container, children: [jsxRuntime.jsx("button", { onClick: handleButtonClick('prev'), className: classNames$1("p-btn--secondary d-flex", styles$i.prev, styles$i.arrow, (_a = {},
-                    _a[styles$i.active] = active.left,
-                    _a[styles$i.noPointerEvents] = !active.left,
-                    _a)), children: jsxRuntime.jsx(ArrowIcon, {}) }), jsxRuntime.jsx("button", { onClick: handleButtonClick('next'), className: classNames$1("p-btn--secondary d-flex", styles$i.next, styles$i.arrow, (_b = {},
-                    _b[styles$i.active] = active.right,
-                    _b[styles$i.noPointerEvents] = !active.right,
+    return (jsxRuntime.jsxs("div", { className: styles$j.container, children: [jsxRuntime.jsx("button", { onClick: handleButtonClick('prev'), className: classNames$1("p-btn--secondary d-flex", styles$j.prev, styles$j.arrow, (_a = {},
+                    _a[styles$j.active] = active.left,
+                    _a[styles$j.noPointerEvents] = !active.left,
+                    _a)), children: jsxRuntime.jsx(ArrowIcon, {}) }), jsxRuntime.jsx("button", { onClick: handleButtonClick('next'), className: classNames$1("p-btn--secondary d-flex", styles$j.next, styles$j.arrow, (_b = {},
+                    _b[styles$j.active] = active.right,
+                    _b[styles$j.noPointerEvents] = !active.right,
                     _b)), children: jsxRuntime.jsx(ArrowIcon, {}) })] }));
 };
 
-var css_248z$i = ".style-module_wrapper__1s115 {\n  position: relative;\n}\n\n.style-module_infoButton__1nIU2 {\n  position: absolute;\n  right: -32px;\n  top: 0;\n}";
-var styles$h = {"wrapper":"style-module_wrapper__1s115","infoButton":"style-module_infoButton__1nIU2"};
-styleInject(css_248z$i);
+var css_248z$j = ".style-module_wrapper__1s115 {\n  position: relative;\n}\n\n.style-module_infoButton__1nIU2 {\n  position: absolute;\n  right: -32px;\n  top: 0;\n}";
+var styles$i = {"wrapper":"style-module_wrapper__1s115","infoButton":"style-module_infoButton__1nIU2"};
+styleInject(css_248z$j);
 
-var css_248z$h = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg path, .style-module_button__3TkNT:focus svg path {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT svg path {\n  fill: #d2d2d8;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8e8cee;\n}";
-var styles$g = {"button":"style-module_button__3TkNT"};
-styleInject(css_248z$h);
+var css_248z$i = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #F6F6FE;\n}\n.style-module_button__3TkNT:hover svg path, .style-module_button__3TkNT:focus svg path {\n  fill: #B8B4F3;\n}\n.style-module_button__3TkNT svg {\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT svg path {\n  fill: #d2d2d9;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8883D8;\n}";
+var styles$h = {"button":"style-module_button__3TkNT"};
+styleInject(css_248z$i);
 
 var TableInfoButton = function (_a) {
     var onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (jsxRuntime.jsx("button", { className: "p-btn--secondary ".concat(styles$g.button, " ").concat(className), type: "button", "data-testid": "ds-table-info-button", onClick: onClick, "aria-label": "View more information", title: "View more information", children: jsxRuntime.jsx(Info, { size: 20 }) }));
+    return (jsxRuntime.jsx("button", { className: "p-btn--secondary ".concat(styles$h.button, " ").concat(className), type: "button", "data-testid": "ds-table-info-button", onClick: onClick, "aria-label": "View more information", title: "View more information", children: jsxRuntime.jsx(Info, { size: 20 }) }));
 };
 
 var TableButton = function (_a) {
     var children = _a.children, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (jsxRuntime.jsxs("div", { className: styles$h.wrapper, children: [children, jsxRuntime.jsx(TableInfoButton, { className: "".concat(styles$h.infoButton, " ").concat(className), "data-testid": "ds-table-button", onClick: onClick })] }));
+    return (jsxRuntime.jsxs("div", { className: styles$i.wrapper, children: [children, jsxRuntime.jsx(TableInfoButton, { className: "".concat(styles$i.infoButton, " ").concat(className), "data-testid": "ds-table-button", onClick: onClick })] }));
 };
 
 var StarIcon = function (_a) {
@@ -15557,9 +15557,9 @@ var ZapIcon = function (_a) {
     return (jsxRuntime.jsx("svg", { width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.492 1.124A1 1 0 005.732.36l-5 6A1 1 0 001.5 8h3.367l-.36 2.876a1 1 0 001.761.764l5-6A1 1 0 0010.5 4H7.133l.36-2.876z" }) }));
 };
 
-var css_248z$g = ".style-module_icon__1ep7- {\n  margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n  fill: #8e8cee;\n}\n\n.style-module_empty__Ikg_s {\n  fill: #f5f6fb;\n}";
-var styles$f = {"icon":"style-module_icon__1ep7-","filled":"style-module_filled__3l-v0","empty":"style-module_empty__Ikg_s"};
-styleInject(css_248z$g);
+var css_248z$h = ".style-module_icon__1ep7- {\n  margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n  fill: #8883D8;\n}\n\n.style-module_empty__Ikg_s {\n  fill: #f7f7fd;\n}";
+var styles$g = {"icon":"style-module_icon__1ep7-","filled":"style-module_filled__3l-v0","empty":"style-module_empty__Ikg_s"};
+styleInject(css_248z$h);
 
 var getRatingIcon = function (type) {
     var iconDictionary = {
@@ -15572,18 +15572,18 @@ var VALID_VALUES = [1, 2, 3];
 var TableRating = function (props) {
     var rating = props.rating, type = props.type;
     var SelectedIcon = getRatingIcon(type);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames$1(styles$f.icon, value <= rating ? styles$f.filled : styles$f.empty) }, value)); }) }));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: VALID_VALUES.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { className: classNames$1(styles$g.icon, value <= rating ? styles$g.filled : styles$g.empty) }, value)); }) }));
 };
 
-var css_248z$f = ".style-module_icon__30Nor {\n  min-width: 20px;\n}";
-var styles$e = {"icon":"style-module_icon__30Nor"};
-styleInject(css_248z$f);
+var css_248z$g = ".style-module_icon__30Nor {\n  min-width: 20px;\n}";
+var styles$f = {"icon":"style-module_icon__30Nor"};
+styleInject(css_248z$g);
 
 var TableRowHeader = function (_a) {
     var icon = _a.icon, label = _a.label, subtitle = _a.subtitle, onClickInfo = _a.onClickInfo;
-    return (jsxRuntime.jsxs("div", { className: "d-flex", children: [icon && jsxRuntime.jsx("span", { className: "mr8 ".concat(styles$e.icon), children: icon }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("p", { className: "p-p d-inline", children: [jsxRuntime.jsx("span", { className: classNames$1({
+    return (jsxRuntime.jsxs("div", { className: "d-flex", children: [icon && jsxRuntime.jsx("span", { className: "mr8 ".concat(styles$f.icon), children: icon }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("p", { className: "p-p d-inline", children: [jsxRuntime.jsx("span", { className: classNames$1({
                                     mr8: onClickInfo,
-                                }), children: label }), onClickInfo && jsxRuntime.jsx(TableInfoButton, { onClick: onClickInfo })] }), subtitle && jsxRuntime.jsx("p", { className: "p-p--small tc-grey-500", children: subtitle })] })] }));
+                                }), children: label }), onClickInfo && jsxRuntime.jsx(TableInfoButton, { onClick: onClickInfo })] }), subtitle && jsxRuntime.jsx("p", { className: "p-p--small tc-neutral-600", children: subtitle })] })] }));
 };
 
 var TableTrueFalse = function (_a) {
@@ -15709,9 +15709,9 @@ var useComparisonTable = function (_a) {
     };
 };
 
-var css_248z$e = ".style-module_container__xHPlk {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n@media (min-width: 34rem) {\n  .style-module_container__xHPlk {\n    scroll-snap-type: unset;\n  }\n}\n\n.style-module_noScrollBars__1ri_E {\n  scrollbar-width: none;\n  /* Firefox */\n  -ms-overflow-style: none;\n  /* Internet Explorer 10+ */\n}\n.style-module_noScrollBars__1ri_E::-webkit-scrollbar {\n  /* WebKit */\n  width: 0;\n  height: 0;\n}\n\n@media (max-width: 34rem) {\n  .style-module_noScrollBarsMobile__1txeg * {\n    scrollbar-width: none;\n    /* Firefox */\n    -ms-overflow-style: none;\n    /* Internet Explorer 10+ */\n  }\n  .style-module_noScrollBarsMobile__1txeg * -webkit-scrollbar {\n    /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.style-module_section__1bf_0 + .style-module_section__1bf_0 {\n  margin-top: 48px;\n}\n@media (min-width: 34rem) {\n  .style-module_section__1bf_0 + .style-module_section__1bf_0 {\n    margin-top: 72px;\n  }\n}\n\n.style-module_overflow-container__oBPQw {\n  width: max-content;\n  min-width: 100%;\n}\n\n.style-module_group-container__2G6Ix {\n  display: flex;\n  flex-flow: column;\n  width: max-content;\n  width: var(--growContent, max-content);\n  margin: auto;\n}\n\n.style-module_group-title__2vvRm {\n  width: 100%;\n  background-color: #fafaff;\n  border-radius: 8px;\n}\n.style-module_group-title__2vvRm > h4 {\n  padding: 24px;\n  display: inline-block;\n}\n\n.style-module_sticky__2Xmbl {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2Xmbl {\n    border-right: 1px solid #fafaff;\n  }\n}\n\n.style-module_header__23SZy {\n  position: sticky;\n  top: 0;\n  top: var(--stickyHeaderTopOffset, 0);\n  z-index: 2;\n  background-color: white;\n}\n.style-module_header__23SZy .style-module_container__xHPlk {\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n}\n.style-module_header__23SZy .style-module_container__xHPlk::-webkit-scrollbar {\n  display: none;\n}\n\n.style-module_show-details-container__1smn4 {\n  width: 100%;\n  border: none;\n}\n\n.style-module_show-details-button__3HR-p {\n  font-family: inherit;\n  background-color: #fafaff;\n  border: none;\n  border-radius: 8px;\n  height: 64px;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_show-details-button__3HR-p svg {\n  margin-left: 8px;\n}\n\n.style-module_icon-inverted__1SnO1 {\n  transform: rotate(180deg);\n  transition: all 0.25s ease;\n}";
+var css_248z$f = ".style-module_container__xHPlk {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n@media (min-width: 34rem) {\n  .style-module_container__xHPlk {\n    scroll-snap-type: unset;\n  }\n}\n\n.style-module_noScrollBars__1ri_E {\n  scrollbar-width: none;\n  /* Firefox */\n  -ms-overflow-style: none;\n  /* Internet Explorer 10+ */\n}\n.style-module_noScrollBars__1ri_E::-webkit-scrollbar {\n  /* WebKit */\n  width: 0;\n  height: 0;\n}\n\n@media (max-width: 34rem) {\n  .style-module_noScrollBarsMobile__1txeg * {\n    scrollbar-width: none;\n    /* Firefox */\n    -ms-overflow-style: none;\n    /* Internet Explorer 10+ */\n  }\n  .style-module_noScrollBarsMobile__1txeg * -webkit-scrollbar {\n    /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.style-module_section__1bf_0 + .style-module_section__1bf_0 {\n  margin-top: 48px;\n}\n@media (min-width: 34rem) {\n  .style-module_section__1bf_0 + .style-module_section__1bf_0 {\n    margin-top: 72px;\n  }\n}\n\n.style-module_overflow-container__oBPQw {\n  width: max-content;\n  min-width: 100%;\n}\n\n.style-module_group-container__2G6Ix {\n  display: flex;\n  flex-flow: column;\n  width: max-content;\n  width: var(--growContent, max-content);\n  margin: auto;\n}\n\n.style-module_group-title__2vvRm {\n  width: 100%;\n  background-color: #f9f9fd;\n  border-radius: 8px;\n}\n.style-module_group-title__2vvRm > h4 {\n  padding: 24px;\n  display: inline-block;\n}\n\n.style-module_sticky__2Xmbl {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2Xmbl {\n    border-right: 1px solid #f9f9fd;\n  }\n}\n\n.style-module_header__23SZy {\n  position: sticky;\n  top: 0;\n  top: var(--stickyHeaderTopOffset, 0);\n  z-index: 2;\n  background-color: white;\n}\n.style-module_header__23SZy .style-module_container__xHPlk {\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n}\n.style-module_header__23SZy .style-module_container__xHPlk::-webkit-scrollbar {\n  display: none;\n}\n\n.style-module_show-details-container__1smn4 {\n  width: 100%;\n  border: none;\n}\n\n.style-module_show-details-button__3HR-p {\n  font-family: inherit;\n  background-color: #f9f9fd;\n  border: none;\n  border-radius: 8px;\n  height: 64px;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_show-details-button__3HR-p svg {\n  margin-left: 8px;\n}\n\n.style-module_icon-inverted__1SnO1 {\n  transform: rotate(180deg);\n  transition: all 0.25s ease;\n}";
 var baseStyles = {"container":"style-module_container__xHPlk","noScrollBars":"style-module_noScrollBars__1ri_E","noScrollBarsMobile":"style-module_noScrollBarsMobile__1txeg","section":"style-module_section__1bf_0","overflow-container":"style-module_overflow-container__oBPQw","group-container":"style-module_group-container__2G6Ix","group-title":"style-module_group-title__2vvRm","sticky":"style-module_sticky__2Xmbl","header":"style-module_header__23SZy","show-details-container":"style-module_show-details-container__1smn4","show-details-button":"style-module_show-details-button__3HR-p","icon-inverted":"style-module_icon-inverted__1SnO1"};
-styleInject(css_248z$e);
+styleInject(css_248z$f);
 
 var ComparisonTable = function (props) {
     var _a;
@@ -15755,9 +15755,9 @@ var ComparisonTable = function (props) {
                             }), hideDetails && (jsxRuntime.jsx("div", { className: classNames$1(baseStyles['show-details-container'], baseStyles.sticky, 'mt48'), children: jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("button", { className: classNames$1('w100 d-flex p-a p-h4 c-pointer', baseStyles['show-details-button'], classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.hideDetailsButton), onClick: toggleMoreRows, type: "button", children: [showMore ? hideDetailsCaption : showDetailsCaption, jsxRuntime.jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] })] }) }) }))] })] }) }));
 };
 
-var css_248z$d = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-primary-100);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.style-module_chip__3rgLT:focus {\n  outline-color: var(--ds-primary-500);\n  outline-offset: 2px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: white;\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}";
-var styles$d = {"background-container":"style-module_background-container__2Gjka","chip-container":"style-module_chip-container__7XeKn","chip":"style-module_chip__3rgLT","select-chip-background":"style-module_select-chip-background__YCAyw"};
-styleInject(css_248z$d);
+var css_248z$e = ".style-module_background-container__2Gjka {\n  position: relative;\n  display: inline-block;\n  background-color: var(--ds-primary-100);\n  border-radius: 8px;\n  padding: 0 8px;\n}\n\n.style-module_chip-container__7XeKn {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_chip__3rgLT {\n  cursor: pointer;\n  z-index: 2;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n.style-module_chip__3rgLT:focus {\n  outline-color: var(--ds-purple-600);\n  outline-offset: 2px;\n}\n\n.style-module_select-chip-background__YCAyw {\n  position: absolute;\n  background-color: white;\n  border-radius: 8px;\n  top: 8px;\n  z-index: 1;\n  transition: width 0.3s, left 0.3s;\n}";
+var styles$e = {"background-container":"style-module_background-container__2Gjka","chip-container":"style-module_chip-container__7XeKn","chip":"style-module_chip__3rgLT","select-chip-background":"style-module_select-chip-background__YCAyw"};
+styleInject(css_248z$e);
 
 var SegmentedControl = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, values = _a.values, selectedIndex = _a.selectedIndex, onChange = _a.onChange;
@@ -15771,17 +15771,17 @@ var SegmentedControl = function (_a) {
         var width = selectedChip.offsetWidth;
         setSelectedChipBackgroundWidthLeft({ left: left, width: width });
     }, [selectedIndex]);
-    return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsxs("div", { className: styles$d['background-container'], children: [jsxRuntime.jsx("div", { ref: chipContainer, className: styles$d['chip-container'], style: { height: "".concat(height, "px") }, children: values.map(function (value, index) {
+    return (jsxRuntime.jsx("div", { className: className, children: jsxRuntime.jsxs("div", { className: styles$e['background-container'], children: [jsxRuntime.jsx("div", { ref: chipContainer, className: styles$e['chip-container'], style: { height: "".concat(height, "px") }, children: values.map(function (value, index) {
                         return (jsxRuntime.jsx("div", { role: "button", tabIndex: 0, onKeyDown: function (e) {
                                 if (e.key === 'Enter' || e.code === 'Space') {
                                     onChange(index);
                                 }
                             }, onClick: function () {
                                 onChange(index);
-                            }, className: styles$d.chip, children: typeof value === 'string' ? (jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-primary-500'), children: value })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-primary-500'), children: value.title }), jsxRuntime.jsx("div", { className: "p-p--small ta-center ".concat(selectedIndex === index
-                                            ? 'tc-grey-500'
-                                            : 'tc-primary-500'), children: value.subtitle })] })) }, typeof value === 'string' ? value : value.title));
-                    }) }), jsxRuntime.jsx("div", { className: styles$d['select-chip-background'], style: {
+                            }, className: styles$e.chip, children: typeof value === 'string' ? (jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-purple-600'), children: value })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "p-h4 ta-center ".concat(selectedIndex === index ? '' : 'tc-purple-600'), children: value.title }), jsxRuntime.jsx("div", { className: "p-p--small ta-center ".concat(selectedIndex === index
+                                            ? 'tc-neutral-600'
+                                            : 'tc-purple-600'), children: value.subtitle })] })) }, typeof value === 'string' ? value : value.title));
+                    }) }), jsxRuntime.jsx("div", { className: styles$e['select-chip-background'], style: {
                         width: "".concat(selectedChipBackgroundWidthLeft.width, "px"),
                         height: "".concat(height - 16, "px"),
                         left: "".concat(selectedChipBackgroundWidthLeft.left, "px"),
@@ -15955,9 +15955,9 @@ var Spinner = function (_a) {
     return (jsxRuntime.jsx("div", { "aria-live": 'polite', className: classNames$1('ds-spinner', "ds-spinner__".concat(size)), "data-testid": "ds-spinner" }));
 };
 
-var css_248z$c = ".styles-module_container__F0d5Q {\n  max-width: 100%;\n}\n\n.styles-module_toggleContainer__2yz_j {\n  position: relative;\n  width: 40px;\n  height: 12px;\n}\n\n.styles-module_label__3EAX_ {\n  align-items: center;\n}\n\n.styles-module_toggle__2sL88 {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--ds-grey-400);\n  transition: all 0.3s ease-in-out;\n  border-radius: 100px;\n}\n.styles-module_toggle__2sL88:before {\n  position: absolute;\n  content: \"\";\n  height: 20px;\n  width: 20px;\n  left: 0;\n  bottom: -4px;\n  background: var(--ds-grey-500);\n  transition: 0.3s ease-in-out;\n  transition-property: background-color, outline, transform;\n  outline-color: var(--ds-purple-300);\n  border-radius: 50%;\n}\n\n.styles-module_input__2sUF3 {\n  opacity: 0;\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88 {\n  background: var(--ds-purple-100);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  background: var(--ds-purple-500);\n}\n.styles-module_input__2sUF3:disabled + .styles-module_toggle__2sL88 {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n.styles-module_input__2sUF3:focus-visible ~ .styles-module_toggle__2sL88:before {\n  outline: 4px solid var(--ds-purple-300);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  transform: translateX(20px);\n}";
-var styles$c = {"container":"styles-module_container__F0d5Q","toggleContainer":"styles-module_toggleContainer__2yz_j","label":"styles-module_label__3EAX_","toggle":"styles-module_toggle__2sL88","input":"styles-module_input__2sUF3"};
-styleInject(css_248z$c);
+var css_248z$d = ".styles-module_container__F0d5Q {\n  max-width: 100%;\n}\n\n.styles-module_toggleContainer__2yz_j {\n  position: relative;\n  width: 40px;\n  height: 12px;\n}\n\n.styles-module_label__3EAX_ {\n  align-items: center;\n}\n\n.styles-module_toggle__2sL88 {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--ds-neutral-400);\n  transition: all 0.3s ease-in-out;\n  border-radius: 100px;\n}\n.styles-module_toggle__2sL88:before {\n  position: absolute;\n  content: \"\";\n  height: 20px;\n  width: 20px;\n  left: 0;\n  bottom: -4px;\n  background: var(--ds-neutral-600);\n  transition: 0.3s ease-in-out;\n  transition-property: background-color, outline, transform;\n  outline-color: var(--ds-purple-500);\n  border-radius: 50%;\n}\n\n.styles-module_input__2sUF3 {\n  opacity: 0;\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88 {\n  background: var(--ds-purple-300);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  background: var(--ds-purple-600);\n}\n.styles-module_input__2sUF3:disabled + .styles-module_toggle__2sL88 {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n.styles-module_input__2sUF3:focus-visible ~ .styles-module_toggle__2sL88:before {\n  outline: 4px solid var(--ds-purple-500);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  transform: translateX(20px);\n}";
+var styles$d = {"container":"styles-module_container__F0d5Q","toggleContainer":"styles-module_toggleContainer__2yz_j","label":"styles-module_label__3EAX_","toggle":"styles-module_toggle__2sL88","input":"styles-module_input__2sUF3"};
+styleInject(css_248z$d);
 
 var Toggle = function (_a) {
     var options = _a.options, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange, _c = _a.inlineLayout, inlineLayout = _c === void 0 ? false : _c, _d = _a.bordered, bordered = _d === void 0 ? true : _d, classNamesObj = _a.classNames, disabled = _a.disabled;
@@ -15986,22 +15986,22 @@ var Toggle = function (_a) {
         onChange(newValues);
     };
     var entries = Object.entries(options);
-    return (jsxRuntime.jsx("div", { className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$c.container, 'd-flex gap8', {
+    return (jsxRuntime.jsx("div", { className: classNames$1(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$d.container, 'd-flex gap8', {
             'fd-row': inlineLayout,
             'f-wrap': inlineLayout,
             'fd-column': !inlineLayout,
         }), children: entries.map(function (_a) {
             var currentValue = _a[0], label = _a[1];
             var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
-            return (jsxRuntime.jsx("div", { className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option, children: jsxRuntime.jsxs("label", { className: classNames$1(styles$c.label, classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16 gap16', {
+            return (jsxRuntime.jsx("div", { className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option, children: jsxRuntime.jsxs("label", { className: classNames$1(styles$d.label, classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16 gap16', {
                         'p-label--bordered': bordered,
-                    }), "data-cy": "toggle-".concat(currentValue), "data-testid": "toggle-".concat(currentValue), children: [jsxRuntime.jsxs("span", { className: classNames$1(styles$c.toggleContainer, 'd-inline-block'), children: [jsxRuntime.jsx("input", { checked: checked, className: styles$c.input, "data-testid": "toggle-input-".concat(currentValue), onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }), jsxRuntime.jsx("span", { className: styles$c.toggle })] }), isToggleLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "p-p", children: label.title }), jsxRuntime.jsx("span", { className: "d-block p-p p-p--small tc-grey-600", children: label.description })] })) : label] }) }, currentValue));
+                    }), "data-cy": "toggle-".concat(currentValue), "data-testid": "toggle-".concat(currentValue), children: [jsxRuntime.jsxs("span", { className: classNames$1(styles$d.toggleContainer, 'd-inline-block'), children: [jsxRuntime.jsx("input", { checked: checked, className: styles$d.input, "data-testid": "toggle-input-".concat(currentValue), onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }), jsxRuntime.jsx("span", { className: styles$d.toggle })] }), isToggleLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", { className: "p-p", children: label.title }), jsxRuntime.jsx("span", { className: "d-block p-p p-p--small tc-neutral-700", children: label.description })] })) : label] }) }, currentValue));
         }) }));
 };
 
-var css_248z$b = ".style-module_toastWrapper__1SC4C {\n  margin: 0;\n  padding: 0;\n}\n\n.style-module_toast__NY8bo {\n  position: relative;\n  margin: 0;\n  padding: 0;\n  width: 392px;\n  overflow: hidden;\n}\n\n.style-module_toastContent__3RHpU {\n  padding: 4px 0 4px 8px;\n}\n\n.style-module_toastSidebar__NUxSa {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 8px;\n}\n.style-module_toastSidebar--information__2nKT_ {\n  background-color: #8bb4ea;\n}\n.style-module_toastSidebar--error__15Vwo {\n  background-color: #e55454;\n}\n.style-module_toastSidebar--warning__33N9y {\n  background-color: #f7ce5c;\n}\n.style-module_toastSidebar--success__27652 {\n  background-color: #84de8a;\n}\n\n.style-module_closeButton__3S_5n {\n  background-color: transparent;\n  color: #d2d2d8;\n  min-width: 24px;\n}\n.style-module_closeButton__3S_5n:hover {\n  color: #696970;\n}\n\n.style-module_actionButton__3ziRG {\n  background-color: transparent;\n}\n.style-module_actionButton--warning__2I0LT {\n  color: #cc9e21;\n}\n.style-module_actionButton--warning__2I0LT:hover {\n  color: #4a3d10;\n}\n.style-module_actionButton--error__1kJIR {\n  color: #e55454;\n}\n.style-module_actionButton--error__1kJIR:hover {\n  color: #c64848;\n}\n.style-module_actionButton--success__y96NI {\n  color: #599278;\n}\n.style-module_actionButton--success__y96NI:hover {\n  color: #2b4639;\n}\n.style-module_actionButton--information__1oeAG {\n  color: #5f7ba0;\n}\n.style-module_actionButton--information__1oeAG:hover {\n  color: #2d394a;\n}";
-var styles$b = {"toastWrapper":"style-module_toastWrapper__1SC4C","toast":"style-module_toast__NY8bo","toastContent":"style-module_toastContent__3RHpU","toastSidebar":"style-module_toastSidebar__NUxSa","toastSidebar--information":"style-module_toastSidebar--information__2nKT_","toastSidebar--error":"style-module_toastSidebar--error__15Vwo","toastSidebar--warning":"style-module_toastSidebar--warning__33N9y","toastSidebar--success":"style-module_toastSidebar--success__27652","closeButton":"style-module_closeButton__3S_5n","actionButton":"style-module_actionButton__3ziRG","actionButton--warning":"style-module_actionButton--warning__2I0LT","actionButton--error":"style-module_actionButton--error__1kJIR","actionButton--success":"style-module_actionButton--success__y96NI","actionButton--information":"style-module_actionButton--information__1oeAG"};
-styleInject(css_248z$b);
+var css_248z$c = ".style-module_toastWrapper__1SC4C {\n  margin: 0;\n  padding: 0;\n}\n\n.style-module_toast__NY8bo {\n  position: relative;\n  margin: 0;\n  padding: 0;\n  width: 392px;\n  overflow: hidden;\n}\n\n.style-module_toastContent__3RHpU {\n  padding: 4px 0 4px 8px;\n}\n\n.style-module_toastSidebar__NUxSa {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 8px;\n}\n.style-module_toastSidebar--information__2nKT_ {\n  background-color: #8BB4EA;\n}\n.style-module_toastSidebar--error__15Vwo {\n  background-color: #E55454;\n}\n.style-module_toastSidebar--warning__33N9y {\n  background-color: #F0D26F;\n}\n.style-module_toastSidebar--success__27652 {\n  background-color: #85DCB4;\n}\n\n.style-module_closeButton__3S_5n {\n  background-color: transparent;\n  color: #d2d2d9;\n  min-width: 24px;\n}\n.style-module_closeButton__3S_5n:hover {\n  color: #696971;\n}\n\n.style-module_actionButton__3ziRG {\n  background-color: transparent;\n}\n.style-module_actionButton--warning__2I0LT {\n  color: #C5A33E;\n}\n.style-module_actionButton--warning__2I0LT:hover {\n  color: #483D18;\n}\n.style-module_actionButton--error__1kJIR {\n  color: #E55454;\n}\n.style-module_actionButton--error__1kJIR:hover {\n  color: #C64848;\n}\n.style-module_actionButton--success__y96NI {\n  color: #599278;\n}\n.style-module_actionButton--success__y96NI:hover {\n  color: #2B4639;\n}\n.style-module_actionButton--information__1oeAG {\n  color: #5F7BA0;\n}\n.style-module_actionButton--information__1oeAG:hover {\n  color: #2D394A;\n}";
+var styles$c = {"toastWrapper":"style-module_toastWrapper__1SC4C","toast":"style-module_toast__NY8bo","toastContent":"style-module_toastContent__3RHpU","toastSidebar":"style-module_toastSidebar__NUxSa","toastSidebar--information":"style-module_toastSidebar--information__2nKT_","toastSidebar--error":"style-module_toastSidebar--error__15Vwo","toastSidebar--warning":"style-module_toastSidebar--warning__33N9y","toastSidebar--success":"style-module_toastSidebar--success__27652","closeButton":"style-module_closeButton__3S_5n","actionButton":"style-module_actionButton__3ziRG","actionButton--warning":"style-module_actionButton--warning__2I0LT","actionButton--error":"style-module_actionButton--error__1kJIR","actionButton--success":"style-module_actionButton--success__y96NI","actionButton--information":"style-module_actionButton--information__1oeAG"};
+styleInject(css_248z$c);
 
 let e={data:""},t=t=>"object"==typeof window?((t?t.querySelector("#_goober"):window._goober)||Object.assign((t||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:t||e,r=e=>{let r=t(e),l=r.data;return r.data="",l},l$1=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,a=/\/\*[^]*?\*\/|  +/g,n$1=/\n+/g,o=(e,t)=>{let r="",l="",a="";for(let n in e){let c=e[n];"@"==n[0]?"i"==n[1]?r=n+" "+c+";":l+="f"==n[1]?o(c,n):n+"{"+o(c,"k"==n[1]?"":t)+"}":"object"==typeof c?l+=o(c,t?t.replace(/([^,])+/g,e=>n.replace(/(^:.*)|([^,])+/g,t=>/&/.test(t)?t.replace(/&/g,e):e?e+" "+t:t)):n):null!=c&&(n=/^--/.test(n)?n:n.replace(/[A-Z]/g,"-$&").toLowerCase(),a+=o.p?o.p(n,c):n+":"+c+";");}return r+(t&&a?t+"{"+a+"}":a)+l},c={},s=e=>{if("object"==typeof e){let t="";for(let r in e)t+=r+s(e[r]);return t}return e},i=(e,t,r,i,p)=>{let u=s(e),d=c[u]||(c[u]=(e=>{let t=0,r=11;for(;t<e.length;)r=101*r+e.charCodeAt(t++)>>>0;return "go"+r})(u));if(!c[d]){let t=u!==e?e:(e=>{let t,r,o=[{}];for(;t=l$1.exec(e.replace(a,""));)t[4]?o.shift():t[3]?(r=t[3].replace(n$1," ").trim(),o.unshift(o[0][r]=o[0][r]||{})):o[0][t[1]]=t[2].replace(n$1," ").trim();return o[0]})(e);c[d]=o(p?{["@keyframes "+d]:t}:t,r?"":"."+d);}let f=r&&c.g?c.g:null;return r&&(c.g=c[d]),((e,t,r,l)=>{l?t.data=t.data.replace(l,e):-1===t.data.indexOf(e)&&(t.data=r?e+t.data:t.data+e);})(c[d],t,i,f),d},p=(e,t,r)=>e.reduce((e,l,a)=>{let n=t[a];if(n&&n.call){let e=n(r),t=e&&e.props&&e.props.className||/^go/.test(e)&&e;n=t?"."+t:e&&"object"==typeof e?e.props?"":o(e,""):!1===e?"":e;}return e+l+(null==n?"":n)},"");function u$1(e){let r=this||{},l=e.call?e(r.p):e;return i(l.unshift?l.raw?p(l,[].slice.call(arguments,1),r.p):l.reduce((e,t)=>Object.assign(e,t&&t.call?t(r.p):t),{}):l,t(r.target),r.g,r.o,r.k)}let d,f$1,g,b$1=u$1.bind({g:1}),h$1=u$1.bind({k:1});function m(e,t,r,l){o.p=t,d=e,f$1=r,g=l;}function j$1(e,t){let r=this||{};return function(){let l=arguments;function a(n,o){let c=Object.assign({},n),s=c.className||a.className;r.p=Object.assign({theme:f$1&&f$1()},c),r.o=/ *go\d+/.test(s),c.className=u$1.apply(r,l)+(s?" "+s:""),t&&(c.ref=o);let i=e;return e[0]&&(i=c.as||e,delete c.as),g&&i[0]&&g(c),d(i,c)}return t?t(a):a}}
 
@@ -16198,24 +16198,24 @@ to {
 var Toaster = function (_a) {
     var toasterClassNames = _a.classNames;
     return (jsxRuntime.jsx(dist.Toaster, { containerClassName: toasterClassNames === null || toasterClassNames === void 0 ? void 0 : toasterClassNames.wrapper, toastOptions: {
-            className: classNames$1(styles$b.toast, 'bs-lg', toasterClassNames === null || toasterClassNames === void 0 ? void 0 : toasterClassNames.toast),
+            className: classNames$1(styles$c.toast, 'bs-lg', toasterClassNames === null || toasterClassNames === void 0 ? void 0 : toasterClassNames.toast),
         } }));
 };
 var Toast = function (_a) {
     var action = _a.action, description = _a.description, onDismiss = _a.onDismiss, title = _a.title, _b = _a.type, type = _b === void 0 ? "success" : _b;
-    return (jsxRuntime.jsxs("div", { className: classNames$1(styles$b.toastContent, 'd-flex jc-between w100'), children: [jsxRuntime.jsx("div", { className: classNames$1(styles$b.toastSidebar, styles$b["toastSidebar--".concat(type)]) }), jsxRuntime.jsxs("div", { className: 'd-flex fd-column jc-center ta-left mr8', children: [jsxRuntime.jsx("h4", { className: 'p-h4', children: title }), description && (jsxRuntime.jsx("p", { className: 'p-p p-p--small mt8 tc-grey-600', children: description })), action && (jsxRuntime.jsx("button", { className: classNames$1(styles$b.actionButton, styles$b["actionButton--".concat(type)], 'mt8 c-pointer ta-left'), onClick: function () {
+    return (jsxRuntime.jsxs("div", { className: classNames$1(styles$c.toastContent, 'd-flex jc-between w100'), children: [jsxRuntime.jsx("div", { className: classNames$1(styles$c.toastSidebar, styles$c["toastSidebar--".concat(type)]) }), jsxRuntime.jsxs("div", { className: 'd-flex fd-column jc-center ta-left mr8', children: [jsxRuntime.jsx("h4", { className: 'p-h4', children: title }), description && (jsxRuntime.jsx("p", { className: 'p-p p-p--small mt8 tc-neutral-700', children: description })), action && (jsxRuntime.jsx("button", { className: classNames$1(styles$c.actionButton, styles$c["actionButton--".concat(type)], 'mt8 c-pointer ta-left'), onClick: function () {
                             action.onClick();
                             onDismiss();
-                        }, type: "button", children: action.title }))] }), jsxRuntime.jsx("div", { className: 'd-flex ai-center', children: jsxRuntime.jsx("button", { className: classNames$1(styles$b.closeButton, 'c-pointer'), onClick: onDismiss, "data-testid": "toast-close-button", children: jsxRuntime.jsx(XIcon, { size: 24 }) }) })] }));
+                        }, type: "button", children: action.title }))] }), jsxRuntime.jsx("div", { className: 'd-flex ai-center', children: jsxRuntime.jsx("button", { className: classNames$1(styles$c.closeButton, 'c-pointer'), onClick: onDismiss, "data-testid": "toast-close-button", children: jsxRuntime.jsx(XIcon, { size: 24 }) }) })] }));
 };
 var toast = function (title, _a) {
     var _b = _a.duration, duration = _b === void 0 ? 3000 : _b, toastOptions = __rest$1(_a, ["duration"]);
     return (dist.toast(function (t) { return (jsxRuntime.jsx(Toast, __assign({ title: title, onDismiss: function () { return dist.toast.dismiss(t.id); } }, toastOptions))); }, { duration: duration }));
 };
 
-var css_248z$a = ".style-module_wrapperBordered__1BsXF {\n  border: 1px solid #ededf2;\n}\n\n.style-module_container__37ni0 {\n  border-bottom: 1px solid #ededf2;\n}\n.style-module_containerBordered__2IHWI:last-of-type {\n  border-bottom: 0;\n}\n\n.style-module_question__2bC30 {\n  color: #26262e;\n}\n.style-module_question__2bC30:hover {\n  color: #8e8cee;\n}\n\n.style-module_chevron__2nixo {\n  color: #4c4c53;\n  transition: transform 0.3s ease-in-out;\n}\n.style-module_chevronOpen__1nFZj {\n  transform: rotate(180deg);\n}\n\n.style-module_answerIcon__Pugpz {\n  padding-left: 20px;\n}\n.style-module_answerIconDefault__2myqw {\n  padding-left: 4px;\n}\n\n.style-module_buttonWrapper__2A5FG {\n  background-color: transparent !important;\n  color: #8e8cee;\n  outline-offset: -4px;\n}\n.style-module_buttonWrapperDefault__2DCgb {\n  outline-offset: 0;\n}\n.style-module_buttonWrapper__2A5FG:hover, .style-module_buttonWrapper__2A5FG:focus-visible {\n  background: #f7f7ff;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_icon__jyQp0, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_icon__jyQp0 {\n  color: #8e8cee !important;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:hover .style-module_chevron__2nixo, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_chevron__2nixo {\n  color: #8e8cee;\n}\n.style-module_buttonWrapper__2A5FG:hover {\n  outline: 0 solid transparent !important;\n}\n.style-module_buttonWrapper__2A5FG:focus-visible {\n  outline: 2px solid #8e8cee !important;\n}";
-var styles$a = {"wrapperBordered":"style-module_wrapperBordered__1BsXF","container":"style-module_container__37ni0","containerBordered":"style-module_containerBordered__2IHWI","question":"style-module_question__2bC30","chevron":"style-module_chevron__2nixo","chevronOpen":"style-module_chevronOpen__1nFZj","answerIcon":"style-module_answerIcon__Pugpz","answerIconDefault":"style-module_answerIconDefault__2myqw","buttonWrapper":"style-module_buttonWrapper__2A5FG","buttonWrapperDefault":"style-module_buttonWrapperDefault__2DCgb","icon":"style-module_icon__jyQp0"};
-styleInject(css_248z$a);
+var css_248z$b = ".style-module_wrapperBordered__1BsXF {\n  border: 1px solid #e7e7ed;\n}\n\n.style-module_container__37ni0 {\n  border-bottom: 1px solid #e7e7ed;\n}\n.style-module_containerBordered__2IHWI:last-of-type {\n  border-bottom: 0;\n}\n\n.style-module_question__2bC30 {\n  color: #26262e;\n}\n.style-module_question__2bC30:hover {\n  color: #8883D8;\n}\n\n.style-module_chevron__2nixo {\n  color: #3f3f47;\n  transition: transform 0.3s ease-in-out;\n}\n.style-module_chevronOpen__1nFZj {\n  transform: rotate(180deg);\n}\n\n.style-module_answerIcon__Pugpz {\n  padding-left: 20px;\n}\n.style-module_answerIconDefault__2myqw {\n  padding-left: 4px;\n}\n\n.style-module_buttonWrapper__2A5FG {\n  background-color: transparent !important;\n  color: #8883D8;\n  outline-offset: -4px;\n}\n.style-module_buttonWrapperDefault__2DCgb {\n  outline-offset: 0;\n}\n.style-module_buttonWrapper__2A5FG:hover, .style-module_buttonWrapper__2A5FG:focus-visible {\n  background: #F6F6FE;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_icon__jyQp0, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_icon__jyQp0 {\n  color: #8883D8 !important;\n}\n.style-module_buttonWrapper__2A5FG:hover .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:hover .style-module_chevron__2nixo, .style-module_buttonWrapper__2A5FG:focus-visible .style-module_question__2bC30,\n.style-module_buttonWrapper__2A5FG:focus-visible .style-module_chevron__2nixo {\n  color: #8883D8;\n}\n.style-module_buttonWrapper__2A5FG:hover {\n  outline: 0 solid transparent !important;\n}\n.style-module_buttonWrapper__2A5FG:focus-visible {\n  outline: 2px solid #8883D8 !important;\n}";
+var styles$b = {"wrapperBordered":"style-module_wrapperBordered__1BsXF","container":"style-module_container__37ni0","containerBordered":"style-module_containerBordered__2IHWI","question":"style-module_question__2bC30","chevron":"style-module_chevron__2nixo","chevronOpen":"style-module_chevronOpen__1nFZj","answerIcon":"style-module_answerIcon__Pugpz","answerIconDefault":"style-module_answerIconDefault__2myqw","buttonWrapper":"style-module_buttonWrapper__2A5FG","buttonWrapperDefault":"style-module_buttonWrapperDefault__2DCgb","icon":"style-module_icon__jyQp0"};
+styleInject(css_248z$b);
 
 var Accordion = function (_a) {
     var _b;
@@ -16243,39 +16243,39 @@ var Accordion = function (_a) {
     return (jsxRuntime.jsx("div", { className: classNames$1((_b = {
                 'br8': !isDefaultVariant
             },
-            _b[styles$a.wrapperBordered] = !isDefaultVariant,
+            _b[styles$b.wrapperBordered] = !isDefaultVariant,
             _b)), children: items.map(function (questionData) {
             var _a, _b, _c, _d, _e;
             var question = questionData.question, answer = questionData.answer, id = questionData.id, icon = questionData.icon;
             var isOpen = selectedQuestionId.includes(id);
-            return (jsxRuntime.jsxs("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.questionWrapper, styles$a.container, (_a = {}, _a[styles$a.containerBordered] = !isDefaultVariant, _a)), children: [jsxRuntime.jsx(Card, { title: question, titleVariant: "small", density: 'compact', icon: icon, classNames: __assign({ icon: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.icon, styles$a.icon, 'tc-grey-700'), buttonWrapper: classNames$1('py8 my8', classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, styles$a.buttonWrapper, (_b = {},
-                                _b[styles$a.buttonWrapperDefault] = isDefaultVariant,
-                                _b)), wrapper: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.wrapper, 'bg-transparent br0 py0', { 'pl0': isDefaultVariant }), title: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.question, styles$a.question, (_c = {}, _c[styles$a.questionOpen] = isOpen, _c)) }, classNames), dropShadow: false, onClick: function () { return handleClick(questionData); }, "aria-expanded": isOpen, actionIcon: jsxRuntime.jsx(ChevronDownIcon, { className: classNames$1(styles$a.chevron, (_d = {},
-                                _d[styles$a.chevronOpen] = isOpen,
-                                _d)), size: 20, noMargin: true }) }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0, children: jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.answer, 'tc-grey-600 pr16 pb24', (_e = {
+            return (jsxRuntime.jsxs("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.questionWrapper, styles$b.container, (_a = {}, _a[styles$b.containerBordered] = !isDefaultVariant, _a)), children: [jsxRuntime.jsx(Card, { title: question, titleVariant: "small", density: 'compact', icon: icon, classNames: __assign({ icon: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.icon, styles$b.icon, 'tc-neutral-800'), buttonWrapper: classNames$1('py8 my8', classNames === null || classNames === void 0 ? void 0 : classNames.buttonWrapper, styles$b.buttonWrapper, (_b = {},
+                                _b[styles$b.buttonWrapperDefault] = isDefaultVariant,
+                                _b)), wrapper: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.wrapper, 'bg-transparent br0 py0', { 'pl0': isDefaultVariant }), title: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.question, styles$b.question, (_c = {}, _c[styles$b.questionOpen] = isOpen, _c)) }, classNames), dropShadow: false, onClick: function () { return handleClick(questionData); }, "aria-expanded": isOpen, actionIcon: jsxRuntime.jsx(ChevronDownIcon, { className: classNames$1(styles$b.chevron, (_d = {},
+                                _d[styles$b.chevronOpen] = isOpen,
+                                _d)), size: 20, noMargin: true }) }), jsxRuntime.jsx(AnimateHeight, { duration: 300, height: isOpen ? 'auto' : 0, children: jsxRuntime.jsx("div", { className: classNames$1(classNames === null || classNames === void 0 ? void 0 : classNames.answer, 'tc-neutral-700 pr16 pb24', (_e = {
                                     'pl16': !isDefaultVariant
                                 },
-                                _e[styles$a === null || styles$a === void 0 ? void 0 : styles$a.answerIcon] = !isDefaultVariant && icon,
-                                _e[styles$a === null || styles$a === void 0 ? void 0 : styles$a.answerIconDefault] = isDefaultVariant && icon,
+                                _e[styles$b === null || styles$b === void 0 ? void 0 : styles$b.answerIcon] = !isDefaultVariant && icon,
+                                _e[styles$b === null || styles$b === void 0 ? void 0 : styles$b.answerIconDefault] = isDefaultVariant && icon,
                                 _e)), children: renderAnswer ? renderAnswer(answer) : answer }) })] }, id));
         }) }));
 };
 
-var css_248z$9 = ".TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  scroll-snap-align: end;\n  width: 50%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_th__2rjCU {\n    width: auto;\n    scroll-snap-align: unset;\n  }\n}\n.TableCell-module_thNavigation__qZ2sY {\n  width: 100%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_thNavigation__qZ2sY {\n    width: auto;\n  }\n}\n\n.TableCell-module_fixedCell__cL3-m {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n.TableCell-module_fixedCell__cL3-m:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: 1px;\n  background-color: #f5f6fb;\n}\n\n.TableCell-module_fixedCard__2LO8s {\n  position: sticky;\n  left: 0;\n  right: 0;\n  z-index: 2;\n  width: 100%;\n}";
-var styles$9 = {"th":"TableCell-module_th__2rjCU","thNavigation":"TableCell-module_thNavigation__qZ2sY","fixedCell":"TableCell-module_fixedCell__cL3-m","fixedCard":"TableCell-module_fixedCard__2LO8s"};
+var css_248z$a = ".TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  scroll-snap-align: end;\n  width: 50%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_th__2rjCU {\n    width: auto;\n    scroll-snap-align: unset;\n  }\n}\n.TableCell-module_thNavigation__qZ2sY {\n  width: 100%;\n}\n@media (min-width: 34rem) {\n  .TableCell-module_thNavigation__qZ2sY {\n    width: auto;\n  }\n}\n\n.TableCell-module_fixedCell__cL3-m {\n  position: sticky;\n  left: 0;\n  z-index: 2;\n}\n.TableCell-module_fixedCell__cL3-m:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: 1px;\n  background-color: #f7f7fd;\n}\n\n.TableCell-module_fixedCard__2LO8s {\n  position: sticky;\n  left: 0;\n  right: 0;\n  z-index: 2;\n  width: 100%;\n}";
+var styles$a = {"th":"TableCell-module_th__2rjCU","thNavigation":"TableCell-module_thNavigation__qZ2sY","fixedCell":"TableCell-module_fixedCell__cL3-m","fixedCard":"TableCell-module_fixedCard__2LO8s"};
+styleInject(css_248z$a);
+
+var css_248z$9 = "@media (max-width: 34rem) {\n  .BaseCell-module_maxWidth__14Cly {\n    max-width: calc(100% - 64px);\n  }\n}\n\n.BaseCell-module_icon__1775U {\n  margin: 2px;\n}\n\n.BaseCell-module_description__3_kfe {\n  word-break: break-word;\n}\n\n.BaseCell-module_bigWithUnderline__2xx5X {\n  position: relative;\n  display: flex;\n  line-height: 38px;\n  text-decoration: underline;\n  text-decoration-color: #8883D8;\n  text-decoration-thickness: 4px;\n  text-underline-offset: 8px;\n}";
+var styles$9 = {"maxWidth":"BaseCell-module_maxWidth__14Cly","icon":"BaseCell-module_icon__1775U","description":"BaseCell-module_description__3_kfe","bigWithUnderline":"BaseCell-module_bigWithUnderline__2xx5X"};
 styleInject(css_248z$9);
 
-var css_248z$8 = "@media (max-width: 34rem) {\n  .BaseCell-module_maxWidth__14Cly {\n    max-width: calc(100% - 64px);\n  }\n}\n\n.BaseCell-module_icon__1775U {\n  margin: 2px;\n}\n\n.BaseCell-module_description__3_kfe {\n  word-break: break-word;\n}\n\n.BaseCell-module_bigWithUnderline__2xx5X {\n  position: relative;\n  display: flex;\n  line-height: 38px;\n  text-decoration: underline;\n  text-decoration-color: #8e8cee;\n  text-decoration-thickness: 4px;\n  text-underline-offset: 8px;\n}";
-var styles$8 = {"maxWidth":"BaseCell-module_maxWidth__14Cly","icon":"BaseCell-module_icon__1775U","description":"BaseCell-module_description__3_kfe","bigWithUnderline":"BaseCell-module_bigWithUnderline__2xx5X"};
+var css_248z$8 = ".MiniProgressBar-module_progressBar__2K07F {\n  margin-bottom: 4px;\n}\n.MiniProgressBar-module_progressBar__2K07F rect {\n  fill: #E8E7FE;\n}\n\n.MiniProgressBar-module_filledBars1__ZhQbV rect:first-child {\n  fill: #919199;\n}\n\n.MiniProgressBar-module_filledBars2__2lH_z rect:nth-child(-n+2) {\n  fill: #919199;\n}\n\n.MiniProgressBar-module_filledBars3__1OKUj rect:nth-child(-n+3) {\n  fill: #B0CDF3;\n}\n\n.MiniProgressBar-module_filledBars4__T9kuj rect:nth-child(-n+4) {\n  fill: #B0CDF3;\n}\n\n.MiniProgressBar-module_filledBars5__WxVpb rect {\n  fill: #8883D8;\n}";
+var styles$8 = {"progressBar":"MiniProgressBar-module_progressBar__2K07F","filledBars1":"MiniProgressBar-module_filledBars1__ZhQbV","filledBars2":"MiniProgressBar-module_filledBars2__2lH_z","filledBars3":"MiniProgressBar-module_filledBars3__1OKUj","filledBars4":"MiniProgressBar-module_filledBars4__T9kuj","filledBars5":"MiniProgressBar-module_filledBars5__WxVpb"};
 styleInject(css_248z$8);
 
-var css_248z$7 = ".MiniProgressBar-module_progressBar__2K07F {\n  margin-bottom: 4px;\n}\n.MiniProgressBar-module_progressBar__2K07F rect {\n  fill: #ebebff;\n}\n\n.MiniProgressBar-module_filledBars1__ZhQbV rect:first-child {\n  fill: #91919c;\n}\n\n.MiniProgressBar-module_filledBars2__2lH_z rect:nth-child(-n+2) {\n  fill: #91919c;\n}\n\n.MiniProgressBar-module_filledBars3__1OKUj rect:nth-child(-n+3) {\n  fill: #b0cdf3;\n}\n\n.MiniProgressBar-module_filledBars4__T9kuj rect:nth-child(-n+4) {\n  fill: #b0cdf3;\n}\n\n.MiniProgressBar-module_filledBars5__WxVpb rect {\n  fill: #8e8cee;\n}";
-var styles$7 = {"progressBar":"MiniProgressBar-module_progressBar__2K07F","filledBars1":"MiniProgressBar-module_filledBars1__ZhQbV","filledBars2":"MiniProgressBar-module_filledBars2__2lH_z","filledBars3":"MiniProgressBar-module_filledBars3__1OKUj","filledBars4":"MiniProgressBar-module_filledBars4__T9kuj","filledBars5":"MiniProgressBar-module_filledBars5__WxVpb"};
-styleInject(css_248z$7);
-
 var MiniProgressBar = function (_a) {
     var nFilledBars = _a.nFilledBars;
-    return (jsxRuntime.jsxs("svg", { className: classNames$1(styles$7.progressBar, styles$7["filledBars".concat(nFilledBars)]), width: "40", height: "6", viewBox: "0 0 40 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_37507_20658)", children: [jsxRuntime.jsx("rect", { id: "r1", x: "0.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r2", x: "8.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r3", x: "16.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r4", x: "24.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r5", x: "32.5", y: "0.5", width: "7", height: "5", rx: "1" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_37507_20658", children: jsxRuntime.jsx("rect", { width: "39", height: "5", fill: "white", transform: "translate(0.5 0.5)" }) }) })] }));
+    return (jsxRuntime.jsxs("svg", { className: classNames$1(styles$8.progressBar, styles$8["filledBars".concat(nFilledBars)]), width: "40", height: "6", viewBox: "0 0 40 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_37507_20658)", children: [jsxRuntime.jsx("rect", { id: "r1", x: "0.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r2", x: "8.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r3", x: "16.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r4", x: "24.5", y: "0.5", width: "7", height: "5", rx: "1" }), jsxRuntime.jsx("rect", { id: "r5", x: "32.5", y: "0.5", width: "7", height: "5", rx: "1" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_37507_20658", children: jsxRuntime.jsx("rect", { width: "39", height: "5", fill: "white", transform: "translate(0.5 0.5)" }) }) })] }));
 };
 
 var progressLookup = {
@@ -16306,18 +16306,18 @@ var BaseCell = function (_a) {
     return (jsxRuntime.jsx("div", { className: classNames$1(className, 'd-flex gap8 ai-center', {
             'jc-center': align === 'center',
         }), children: jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column', alignClassName, (_b = {},
-                _b[styles$8.maxWidth] = modalContent && align === 'center',
-                _b)), children: [progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [(rating === null || rating === void 0 ? void 0 : rating.value) && (jsxRuntime.jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'primary-500' : 'grey-400', className: styles$8.icon, size: (rating === null || rating === void 0 ? void 0 : rating.type) === 'zap' ? 16 : 14 }, value)); }) })), checkmarkValue !== undefined && (jsxRuntime.jsx("span", { className: 'd-inline-block mx8', title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsxRuntime.jsx(CheckThickIcon, { noMargin: true, "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "primary-500" })) : (jsxRuntime.jsx(XIcon, { noMargin: true, "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "grey-400" })) })), jsxRuntime.jsxs("div", { className: "d-inline", children: [text && fontVariant === 'NORMAL' && (jsxRuntime.jsx("div", { className: classNames$1("p-p d-inline", { 'ml8': align !== 'left' }), "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsxRuntime.jsx("div", { className: "p-h1 p--serif tc-primary-500", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'BIG_WITH_UNDERLINE' && (jsxRuntime.jsx("h2", { "aria-hidden": true, className: classNames$1('tc-grey-800 p-h2 p--serif', styles$8.bigWithUnderline), children: text })), modalContent && openModal && (jsxRuntime.jsx("span", { className: "ml8", children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
+                _b[styles$9.maxWidth] = modalContent && align === 'center',
+                _b)), children: [progressBarValue !== undefined && (jsxRuntime.jsx(MiniProgressBar, { nFilledBars: progressBarValue })), jsxRuntime.jsxs("div", { className: "d-flex ai-center", children: [(rating === null || rating === void 0 ? void 0 : rating.value) && (jsxRuntime.jsx("span", { "data-testid": "table-cell-rating", title: "".concat(rating === null || rating === void 0 ? void 0 : rating.value, " out of 3"), children: validRatingValues.map(function (value) { return (jsxRuntime.jsx(SelectedIcon, { "aria-hidden": "true", color: value <= (rating === null || rating === void 0 ? void 0 : rating.value) ? 'purple-600' : 'neutral-400', className: styles$9.icon, size: (rating === null || rating === void 0 ? void 0 : rating.type) === 'zap' ? 16 : 14 }, value)); }) })), checkmarkValue !== undefined && (jsxRuntime.jsx("span", { className: 'd-inline-block mx8', title: checkmarkValue ? 'Yes' : 'No', children: checkmarkValue ? (jsxRuntime.jsx(CheckThickIcon, { noMargin: true, "data-testid": "table-cell-boolean-yes", size: 24, "aria-hidden": true, color: "purple-600" })) : (jsxRuntime.jsx(XIcon, { noMargin: true, "data-testid": "table-cell-boolean-no", size: 24, "aria-hidden": true, color: "neutral-400" })) })), jsxRuntime.jsxs("div", { className: "d-inline", children: [text && fontVariant === 'NORMAL' && (jsxRuntime.jsx("div", { className: classNames$1("p-p d-inline", { 'ml8': align !== 'left' }), "data-testid": "table-cell-text", children: text })), text && fontVariant === 'PRICE' && (jsxRuntime.jsx("div", { className: "p-h1 p--serif tc-purple-600", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'BIG_WITH_UNDERLINE' && (jsxRuntime.jsx("h2", { "aria-hidden": true, className: classNames$1('tc-grey-800 p-h2 p--serif', styles$9.bigWithUnderline), children: text })), modalContent && openModal && (jsxRuntime.jsx("span", { className: "ml8", children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
                                             return openModal({
                                                 title: modalTitle,
                                                 body: modalContent,
                                             });
-                                        } }) }))] })] }), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$8.description, 'd-flex p-p--small tc-grey-500', alignClassName), children: description }))] }) }));
+                                        } }) }))] })] }), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$9.description, 'd-flex p-p--small tc-neutral-600', alignClassName), children: description }))] }) }));
 };
 
-var css_248z$6 = ".CTACell-module_narrow__1EPPT {\n  height: 40px;\n  padding: 8px !important;\n}";
-var styles$6 = {"narrow":"CTACell-module_narrow__1EPPT"};
-styleInject(css_248z$6);
+var css_248z$7 = ".CTACell-module_narrow__1EPPT {\n  height: 40px;\n  padding: 8px !important;\n}";
+var styles$7 = {"narrow":"CTACell-module_narrow__1EPPT"};
+styleInject(css_248z$7);
 
 var IconRenderer = function (_a) {
     var icon = _a.icon, imageComponent = _a.imageComponent, _b = _a.width, width = _b === void 0 ? 24 : _b;
@@ -16329,14 +16329,19 @@ var IconRenderer = function (_a) {
 
 var CTACell = function (_a) {
     var _b;
-    var title = _a.title, price = _a.price, icon = _a.icon, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption, imageComponent = _a.imageComponent, className = _a.className, dataCy = _a.dataCy, dataTestId = _a.dataTestId;
+    var title = _a.title, price = _a.price, icon = _a.icon, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption, imageComponent = _a.imageComponent, className = _a.className, dataCy = _a.dataCy, dataTestId = _a.dataTestId, onClick = _a.onClick;
     var renderedIcon = (jsxRuntime.jsx(IconRenderer, { icon: icon, imageComponent: imageComponent }));
-    return (jsxRuntime.jsxs("div", { className: classNames$1(className, "ta-center"), "data-cy": dataCy, "data-testid": dataTestId, children: [jsxRuntime.jsxs("div", { className: "d-flex jc-center ai-center gap8", children: [renderedIcon, jsxRuntime.jsxs("p", { className: "p-h3", children: [title, price && jsxRuntime.jsxs("span", { className: "tc-purple-500", children: [" ", price] })] })] }), jsxRuntime.jsx("a", { className: classNames$1('mt16 w100 wmx3', (_b = {
+    return (jsxRuntime.jsxs("div", { className: classNames$1(className, "ta-center"), "data-cy": dataCy, "data-testid": dataTestId, children: [jsxRuntime.jsxs("div", { className: "d-flex jc-center ai-center gap8", children: [renderedIcon, jsxRuntime.jsxs("p", { className: "p-h3", children: [title, price && jsxRuntime.jsxs("span", { className: "tc-purple-600", children: [" ", price] })] })] }), jsxRuntime.jsx(Button, __assign({}, onClick ? { onClick: onClick } : {
+                as: 'a',
+                href: href,
+                target: '_blank',
+                rel: 'noopener noreferrer',
+            }, { className: classNames$1('mt16 w100 wmx3', (_b = {
                         'p-btn--primary': !grey,
                         'p-btn--secondary-grey': grey
                     },
-                    _b[styles$6.narrow] = narrow,
-                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: buttonCaption })] }));
+                    _b[styles$7.narrow] = narrow,
+                    _b)), children: buttonCaption }))] }));
 };
 
 var CardCell = function (_a) {
@@ -16345,18 +16350,18 @@ var CardCell = function (_a) {
     return (jsxRuntime.jsx("div", { className: "ta-left", children: jsxRuntime.jsx(Card, __assign({ title: title, description: description, density: "balanced", icon: renderedIcon, onClick: onClick }, (href && { href: href, as: 'a' }), { actionIcon: null, showActionIcon: false })) }));
 };
 
-var css_248z$5 = ".ButtonCell-module_buttonCell__x4NNi {\n  color: #26262e;\n  border: 1px solid #d2d2d8;\n  transition: all 0.3s ease-in-out;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled {\n  border: none;\n  background-color: #f5f6fb;\n  color: #26262e;\n  opacity: 1;\n  cursor: default;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled:hover {\n  background-color: #f5f6fb;\n}\n@media (max-width: 34rem) {\n  .ButtonCell-module_buttonCell__x4NNi {\n    pointer-events: none;\n  }\n}\n\n.ButtonCell-module_withoutPrice__2rpe9 {\n  height: 64px;\n}\n\n.ButtonCell-module_withPrice__3bd_t {\n  height: 75px;\n}\n\n.ButtonCell-module_selected__22pF_ {\n  transition: all 0.3 ease-in-out;\n  border: 2px solid #8e8cee;\n  background-color: #f7f7ff;\n}";
-var styles$5 = {"buttonCell":"ButtonCell-module_buttonCell__x4NNi","withoutPrice":"ButtonCell-module_withoutPrice__2rpe9","withPrice":"ButtonCell-module_withPrice__3bd_t","selected":"ButtonCell-module_selected__22pF_"};
-styleInject(css_248z$5);
+var css_248z$6 = ".ButtonCell-module_buttonCell__x4NNi {\n  color: #26262e;\n  border: 1px solid #d2d2d9;\n  transition: all 0.3s ease-in-out;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled {\n  border: none;\n  background-color: #f7f7fd;\n  color: #26262e;\n  opacity: 1;\n  cursor: default;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled:hover {\n  background-color: #f7f7fd;\n}\n@media (max-width: 34rem) {\n  .ButtonCell-module_buttonCell__x4NNi {\n    pointer-events: none;\n  }\n}\n\n.ButtonCell-module_withoutPrice__2rpe9 {\n  height: 64px;\n}\n\n.ButtonCell-module_withPrice__3bd_t {\n  height: 75px;\n}\n\n.ButtonCell-module_selected__22pF_ {\n  transition: all 0.3 ease-in-out;\n  border: 2px solid #8883D8;\n  background-color: #F6F6FE;\n}";
+var styles$6 = {"buttonCell":"ButtonCell-module_buttonCell__x4NNi","withoutPrice":"ButtonCell-module_withoutPrice__2rpe9","withPrice":"ButtonCell-module_withPrice__3bd_t","selected":"ButtonCell-module_selected__22pF_"};
+styleInject(css_248z$6);
 
 var ButtonCell = function (_a) {
     var _b;
     var isSelected = _a.isSelected, onClick = _a.onClick, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled, className = _a.className, dataCy = _a.dataCy, dataTestId = _a.dataTestId;
-    return (jsxRuntime.jsx("div", { className: classNames$1("w100 d-flex fd-column ai-center jc-center gap8", className), "data-cy": dataCy, "data-testid": dataTestId, children: jsxRuntime.jsxs(Button, { className: classNames$1('w100 wmx5 d-flex fd-column', styles$5.buttonCell, (_b = {},
-                _b[styles$5.selected] = isSelected,
-                _b[styles$5.withoutPrice] = !price,
-                _b[styles$5.withPrice] = !!price,
-                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsxRuntime.jsx("span", { className: "p-p tc-purple-500", children: price })] }) }));
+    return (jsxRuntime.jsx("div", { className: classNames$1("w100 d-flex fd-column ai-center jc-center gap8", className), "data-cy": dataCy, "data-testid": dataTestId, children: jsxRuntime.jsxs(Button, { className: classNames$1('w100 wmx5 d-flex fd-column', styles$6.buttonCell, (_b = {},
+                _b[styles$6.selected] = isSelected,
+                _b[styles$6.withoutPrice] = !price,
+                _b[styles$6.withPrice] = !!price,
+                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsxRuntime.jsx("span", { className: "p-p tc-purple-600", children: price })] }) }));
 };
 
 var TableCell = React__default['default'].memo(function (_a) {
@@ -16374,32 +16379,32 @@ var TableCell = React__default['default'].memo(function (_a) {
     var scope = {
         scope: thScope,
     };
-    return (jsxRuntime.jsxs(Tag, __assign({}, scope, { className: classNames$1('bg-white py24 px8', styles$9.th, (_b = {
+    return (jsxRuntime.jsxs(Tag, __assign({}, scope, { className: classNames$1('bg-white py24 px8', styles$a.th, (_b = {
                 'ta-left': isFirstCellInRow
             },
-            _b[styles$9.thNavigation] = isNavigation,
-            _b[styles$9.fixedCell] = isFirstCellInRow && colSpan < 1,
-            _b[styles$9.fixedCard] = cellProps.type === 'CARD',
+            _b[styles$a.thNavigation] = isNavigation,
+            _b[styles$a.fixedCell] = isFirstCellInRow && colSpan < 1,
+            _b[styles$a.fixedCard] = cellProps.type === 'CARD',
             _b.pl16 = isFirstCellInRow,
             _b)), colSpan: isBelowDesktop && cellProps.type === 'CARD' ? 2 : colSpan, children: [!cellProps.type && (jsxRuntime.jsx(BaseCell, __assign({}, cellProps, { fontVariant: isTopLeftCell
                     ? 'BIG_WITH_UNDERLINE'
                     : (_c = cellProps.fontVariant) !== null && _c !== void 0 ? _c : 'NORMAL' }))), cellProps.type === 'CTA' && jsxRuntime.jsx(CTACell, __assign({}, cellProps)), cellProps.type === 'BUTTON' && jsxRuntime.jsx(ButtonCell, __assign({}, cellProps)), cellProps.type === 'CARD' && jsxRuntime.jsx(CardCell, __assign({}, cellProps))] })));
 });
 
-var css_248z$4 = ".Table-module_wrapper__2MMNq {\n  position: relative;\n}\n\n.Table-module_container__3VFLP {\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n.Table-module_container__3VFLP::-webkit-scrollbar {\n  display: none;\n}\n@media (min-width: 34rem) {\n  .Table-module_container__3VFLP {\n    scroll-snap-type: unset;\n  }\n}\n\n.Table-module_stickyHeader__2uEpP {\n  display: flex;\n  position: sticky;\n  z-index: 9;\n}\n\n@media (max-width: 34rem) {\n  .Table-module_modalContent__1PNgv {\n    min-width: initial;\n  }\n}";
-var styles$4 = {"wrapper":"Table-module_wrapper__2MMNq","container":"Table-module_container__3VFLP","stickyHeader":"Table-module_stickyHeader__2uEpP","modalContent":"Table-module_modalContent__1PNgv"};
-styleInject(css_248z$4);
+var css_248z$5 = ".Table-module_wrapper__2MMNq {\n  position: relative;\n}\n\n.Table-module_container__3VFLP {\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n.Table-module_container__3VFLP::-webkit-scrollbar {\n  display: none;\n}\n@media (min-width: 34rem) {\n  .Table-module_container__3VFLP {\n    scroll-snap-type: unset;\n  }\n}\n\n.Table-module_stickyHeader__2uEpP {\n  display: flex;\n  position: sticky;\n  z-index: 9;\n}\n\n@media (max-width: 34rem) {\n  .Table-module_modalContent__1PNgv {\n    min-width: initial;\n  }\n}";
+var styles$5 = {"wrapper":"Table-module_wrapper__2MMNq","container":"Table-module_container__3VFLP","stickyHeader":"Table-module_stickyHeader__2uEpP","modalContent":"Table-module_modalContent__1PNgv"};
+styleInject(css_248z$5);
 
-var css_248z$3 = ".TableSection-module_table__sNbDq {\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n@media (min-width: 34rem) {\n  .TableSection-module_table__sNbDq {\n    min-width: 845px;\n  }\n}\n\n.TableSection-module_tr__UbkbE {\n  min-height: 72px;\n}";
-var styles$3 = {"table":"TableSection-module_table__sNbDq","tr":"TableSection-module_tr__UbkbE"};
-styleInject(css_248z$3);
+var css_248z$4 = ".TableSection-module_table__sNbDq {\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n@media (min-width: 34rem) {\n  .TableSection-module_table__sNbDq {\n    min-width: 845px;\n  }\n}\n\n.TableSection-module_tr__UbkbE {\n  min-height: 72px;\n}";
+var styles$4 = {"table":"TableSection-module_table__sNbDq","tr":"TableSection-module_tr__UbkbE"};
+styleInject(css_248z$4);
 
 var isBaseCell = function (tableCellData) {
     return !tableCellData.type;
 };
 
 var TableSection = function (_a) {
-    var className = _a.className, tableCellRows = _a.tableCellRows, _b = _a.hideColumns, hideColumns = _b === void 0 ? [] : _b, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
+    var className = _a.className, tableCellRows = _a.tableCellRows, _b = _a.hideColumns, hideColumns = _b === void 0 ? [] : _b, _c = _a.hideRows, hideRows = _c === void 0 ? [] : _c, hideHeader = _a.hideHeader, openModal = _a.openModal, title = _a.title, width = _a.width, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
     var headerRow = tableCellRows === null || tableCellRows === void 0 ? void 0 : tableCellRows[0];
     var isBelowDesktop = useMediaQuery('BELOW_DESKTOP');
     var getModalTitleFromColumnHeader = function (cellIndex) {
@@ -16425,7 +16430,8 @@ var TableSection = function (_a) {
         return titleFromRow;
     };
     var isVisibleColumn = React.useCallback(function (cellIndex) { return !hideColumns.includes(cellIndex); }, [hideColumns]);
-    return (jsxRuntime.jsxs("table", { className: classNames$1(className, 'w100', styles$3.table), width: width, children: [jsxRuntime.jsx("caption", { className: "sr-only", children: title }), headerRow && (jsxRuntime.jsx("thead", { className: hideHeader ? 'sr-only' : '', children: jsxRuntime.jsx("tr", { children: headerRow.map(function (tableCellData, cellIndex) {
+    var isVisibleRow = React.useCallback(function (rowIndex) { return !hideRows.includes(rowIndex); }, [hideRows]);
+    return (jsxRuntime.jsxs("table", { className: classNames$1(className, 'w100', styles$4.table), width: width, children: [jsxRuntime.jsx("caption", { className: "sr-only", children: title }), headerRow && (jsxRuntime.jsx("thead", { className: hideHeader ? 'sr-only' : '', children: jsxRuntime.jsx("tr", { children: headerRow.map(function (tableCellData, cellIndex) {
                         var isFirstCellInRow = cellIndex === 0;
                         var cellReplacementData = (tableCellData.cellId &&
                             (cellReplacements === null || cellReplacements === void 0 ? void 0 : cellReplacements[tableCellData.cellId])) ||
@@ -16438,7 +16444,7 @@ var TableSection = function (_a) {
                         });
                         return (isVisibleColumn(cellIndex) && (jsxRuntime.jsx(TableCell, __assign({ isBelowDesktop: isBelowDesktop, isHeader: true, isFirstCellInRow: isFirstCellInRow, isTopLeftCell: isFirstCellInRow }, cellProps, { imageComponent: imageComponent }), cellIndex)));
                     }) }) })), jsxRuntime.jsx("tbody", { children: tableCellRows.map(function (row, rowIndex) {
-                    return rowIndex > 0 && (jsxRuntime.jsx("tr", { className: styles$3.tr, children: row.map(function (tableCellData, cellIndex) {
+                    return rowIndex > 0 && isVisibleRow(rowIndex) && (jsxRuntime.jsx("tr", { className: styles$4.tr, children: row.map(function (tableCellData, cellIndex) {
                             var key = "".concat(rowIndex, "-").concat(cellIndex);
                             var isFirstCellInRow = cellIndex === 0;
                             var titleFromRow = getModalTitleFromRowHeader(row);
@@ -16455,13 +16461,13 @@ var TableSection = function (_a) {
                 }) })] }));
 };
 
-var css_248z$2 = ".TableContents-module_cardWrapper__2OVMv {\n  height: 88px;\n}\n\n.TableContents-module_card__Mmz6h {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 3;\n}\n\n.TableContents-module_cardIcon__2DXbp {\n  width: 20px;\n  margin-right: 8px;\n}";
-var styles$2 = {"cardWrapper":"TableContents-module_cardWrapper__2OVMv","card":"TableContents-module_card__Mmz6h","cardIcon":"TableContents-module_cardIcon__2DXbp"};
-styleInject(css_248z$2);
+var css_248z$3 = ".TableContents-module_cardWrapper__2OVMv {\n  height: 88px;\n}\n\n.TableContents-module_card__Mmz6h {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 3;\n}\n\n.TableContents-module_cardIcon__2DXbp {\n  width: 20px;\n  margin-right: 8px;\n}";
+var styles$3 = {"cardWrapper":"TableContents-module_cardWrapper__2OVMv","card":"TableContents-module_card__Mmz6h","cardIcon":"TableContents-module_cardIcon__2DXbp"};
+styleInject(css_248z$3);
 
-var css_248z$1 = ".Collapsible-module_collapsible__2wWKs {\n  transition: max-height 0.3s ease-in-out;\n  overflow-y: clip;\n}";
-var styles$1 = {"collapsible":"Collapsible-module_collapsible__2wWKs"};
-styleInject(css_248z$1);
+var css_248z$2 = ".Collapsible-module_collapsible__2wWKs {\n  transition: max-height 0.3s ease-in-out;\n  overflow-y: clip;\n}";
+var styles$2 = {"collapsible":"Collapsible-module_collapsible__2wWKs"};
+styleInject(css_248z$2);
 
 var Collapsible = function (_a) {
     var _b;
@@ -16491,8 +16497,8 @@ var Collapsible = function (_a) {
             (_b = observerRef.current) === null || _b === void 0 ? void 0 : _b.disconnect();
         };
     }, [containerRef.current]);
-    return (jsxRuntime.jsx("div", { className: classNames$1(styles$1.collapsible, (_b = {},
-            _b[styles$1.hideDelayed] = !isExpanded,
+    return (jsxRuntime.jsx("div", { className: classNames$1(styles$2.collapsible, (_b = {},
+            _b[styles$2.hideDelayed] = !isExpanded,
             _b)), ref: containerRef, style: {
             maxHeight: isExpanded ? height : '0px',
         }, children: children }));
@@ -16500,8 +16506,8 @@ var Collapsible = function (_a) {
 
 var TableContents = function (_a) {
     var _b, _c;
-    var className = _a.className, collapsibleSections = _a.collapsibleSections, tableData = _a.tableData, _d = _a.hideColumns, hideColumns = _d === void 0 ? [] : _d, hideDetails = _a.hideDetails, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
-    var _e = React.useState(null), isSectionOpen = _e[0], setOpenSection = _e[1];
+    var className = _a.className, collapsibleSections = _a.collapsibleSections, tableData = _a.tableData, _d = _a.hideColumns, hideColumns = _d === void 0 ? [] : _d, hideDetails = _a.hideDetails, _e = _a.hideRows, hideRows = _e === void 0 ? [] : _e, isMobile = _a.isMobile, openModal = _a.openModal, shouldHideDetails = _a.shouldHideDetails, title = _a.title, cellReplacements = _a.cellReplacements, imageComponent = _a.imageComponent;
+    var _f = React.useState(null), isSectionOpen = _f[0], setOpenSection = _f[1];
     var firstHeadRow = (_c = (_b = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _b === void 0 ? void 0 : _b.rows) === null || _c === void 0 ? void 0 : _c[0];
     var tableWidth = isMobile ? "".concat((firstHeadRow === null || firstHeadRow === void 0 ? void 0 : firstHeadRow.length) * 50, "%") : '';
     var handleToggleSection = function (index) {
@@ -16509,6 +16515,8 @@ var TableContents = function (_a) {
             return currentSection === index ? null : index;
         });
     };
+    // Calculate global row offset for each section
+    var globalRowOffset = 0;
     return (jsxRuntime.jsx("div", { style: { width: tableWidth }, children: tableData.map(function (_a, index) {
             var rows = _a.rows, _b = _a.section, section = _b === void 0 ? {} : _b;
             var isFirstSection = index === 0;
@@ -16517,14 +16525,21 @@ var TableContents = function (_a) {
                 : isSectionOpen === index || isFirstSection;
             var isVisible = hideDetails ? !shouldHideDetails : true;
             var renderedIcon = (jsxRuntime.jsx(IconRenderer, { icon: section.icon, imageComponent: imageComponent, width: 20 }));
-            return ((isFirstSection || isVisible) && (jsxRuntime.jsxs("div", { children: [(section === null || section === void 0 ? void 0 : section.title) && (jsxRuntime.jsx("div", { className: styles$2.cardWrapper, children: jsxRuntime.jsx("div", { className: classNames$1(styles$2.card, 'p0'), children: jsxRuntime.jsx(Card, __assign({ actionIcon: isExpanded ? (jsxRuntime.jsx(ChevronUpIcon, { size: 24 })) : (jsxRuntime.jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
-                                    wrapper: 'bg-purple-50 pl16',
-                                    icon: classNames$1(styles$2.cardIcon, 'tc-grey-900'),
+            // Calculate section-specific hideRows based on global offset
+            var sectionHideRows = hideRows
+                .map(function (globalRowIndex) { return globalRowIndex - globalRowOffset; })
+                .filter(function (localRowIndex) { return localRowIndex >= 0 && localRowIndex < rows.length; });
+            var result = (isFirstSection || isVisible) && (jsxRuntime.jsxs("div", { children: [(section === null || section === void 0 ? void 0 : section.title) && (jsxRuntime.jsx("div", { className: styles$3.cardWrapper, children: jsxRuntime.jsx("div", { className: classNames$1(styles$3.card, 'p0'), children: jsxRuntime.jsx(Card, __assign({ actionIcon: isExpanded ? (jsxRuntime.jsx(ChevronUpIcon, { size: 24 })) : (jsxRuntime.jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
+                                    wrapper: 'bg-purple-100 pl16',
+                                    icon: classNames$1(styles$3.cardIcon, 'tc-neutral-900'),
                                 }, dropShadow: false, icon: renderedIcon, title: section.title, titleVariant: "medium" }, (collapsibleSections
                                 ? {
                                     onClick: function () { return handleToggleSection(index); },
                                 }
-                                : {}))) }) })), jsxRuntime.jsx(Collapsible, { isExpanded: isExpanded, children: jsxRuntime.jsx(TableSection, { className: classNames$1(className, 'mb24'), tableCellRows: isFirstSection ? rows : __spreadArray$1([firstHeadRow], rows, true), hideColumns: hideColumns, hideHeader: true, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth, cellReplacements: cellReplacements, imageComponent: imageComponent }) })] }, index)));
+                                : {}))) }) })), jsxRuntime.jsx(Collapsible, { isExpanded: isExpanded, children: jsxRuntime.jsx(TableSection, { className: classNames$1(className, 'mb24'), tableCellRows: isFirstSection ? rows : __spreadArray$1([firstHeadRow], rows, true), hideColumns: hideColumns, hideRows: sectionHideRows, hideHeader: true, openModal: openModal, title: "".concat(title).concat((section === null || section === void 0 ? void 0 : section.title) ? " - ".concat(section.title) : ''), width: tableWidth, cellReplacements: cellReplacements, imageComponent: imageComponent }) })] }, index));
+            // Update global offset for next section (excluding header row for non-first sections)
+            globalRowOffset += rows.length;
+            return result;
         }) }));
 };
 
@@ -16577,13 +16592,13 @@ var useTableNavigation = function (_a) {
     };
 };
 
-var css_248z = ".TableControls-module_stickyHeader__1f6Ta {\n  display: flex;\n  position: sticky;\n  left: 0;\n  right: 0;\n  min-height: 72px;\n  z-index: 9;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  border-radius: 50% !important;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  min-width: 32px;\n}";
-var styles = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG"};
-styleInject(css_248z);
+var css_248z$1 = ".TableControls-module_stickyHeader__1f6Ta {\n  display: flex;\n  position: sticky;\n  left: 0;\n  right: 0;\n  min-height: 72px;\n  z-index: 9;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  border-radius: 50% !important;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  min-width: 32px;\n}";
+var styles$1 = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG"};
+styleInject(css_248z$1);
 
 var TableControls = function (_a) {
     var activeSection = _a.activeSection, children = _a.children, columnsLength = _a.columnsLength, stickyHeaderTopOffset = _a.stickyHeaderTopOffset, navigateTable = _a.navigateTable;
-    return (jsxRuntime.jsxs("div", { "aria-hidden": true, className: classNames$1('d-flex ai-center jc-between bg-white px8', styles.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: [jsxRuntime.jsx(Button, { className: styles.controlButton, disabled: activeSection <= 1, hideLabel: true, leftIcon: jsxRuntime.jsx(ChevronLeftIcon, {}), onClick: function () { return navigateTable(); }, type: "button", variant: "filledGray", "data-testid": "previous-section-button", children: "Previous section" }), children, jsxRuntime.jsx(Button, { className: styles.controlButton, disabled: activeSection >= columnsLength - 1, hideLabel: true, leftIcon: jsxRuntime.jsx(ChevronRightIcon, {}), onClick: function () { return navigateTable(true); }, type: "button", variant: "filledGray", "data-testid": "next-section-button", children: "Next section" })] }));
+    return (jsxRuntime.jsxs("div", { "aria-hidden": true, className: classNames$1('d-flex ai-center jc-between bg-white px8', styles$1.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: [jsxRuntime.jsx(Button, { className: styles$1.controlButton, disabled: activeSection <= 1, hideLabel: true, leftIcon: jsxRuntime.jsx(ChevronLeftIcon, {}), onClick: function () { return navigateTable(); }, type: "button", variant: "filledGray", "data-testid": "previous-section-button", children: "Previous section" }), children, jsxRuntime.jsx(Button, { className: styles$1.controlButton, disabled: activeSection >= columnsLength - 1, hideLabel: true, leftIcon: jsxRuntime.jsx(ChevronRightIcon, {}), onClick: function () { return navigateTable(true); }, type: "button", variant: "filledGray", "data-testid": "next-section-button", children: "Next section" })] }));
 };
 
 var useScrollSync = function (sourceRef, targetRef, enabled) {
@@ -16620,20 +16635,20 @@ var defaultTextOverrides = {
 };
 var Table = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j;
-    var cellReplacements = _a.cellReplacements, className = _a.className, collapsibleSections = _a.collapsibleSections, _k = _a.hideColumns, hideColumns = _k === void 0 ? [] : _k, hideDetails = _a.hideDetails, imageComponent = _a.imageComponent, modalContentRenderer = _a.modalContentRenderer, onModalOpen = _a.onModalOpen, onSelectionChanged = _a.onSelectionChanged, _l = _a.stickyHeaderTopOffset, stickyHeaderTopOffset = _l === void 0 ? 0 : _l, tableData = _a.tableData, definedTextOverrides = _a.textOverrides, title = _a.title;
+    var cellReplacements = _a.cellReplacements, className = _a.className, collapsibleSections = _a.collapsibleSections, _k = _a.hideColumns, hideColumns = _k === void 0 ? [] : _k, hideDetails = _a.hideDetails, _l = _a.hideRows, hideRows = _l === void 0 ? [] : _l, imageComponent = _a.imageComponent, modalContentRenderer = _a.modalContentRenderer, onModalOpen = _a.onModalOpen, onSelectionChanged = _a.onSelectionChanged, _m = _a.stickyHeaderTopOffset, stickyHeaderTopOffset = _m === void 0 ? 0 : _m, tableData = _a.tableData, definedTextOverrides = _a.textOverrides, title = _a.title;
     var textOverrides = __assign(__assign({}, defaultTextOverrides), definedTextOverrides);
     var isMobile = useMediaQuery('BELOW_MOBILE');
-    var _m = React.useState(null), infoModalData = _m[0], setInfoModalData = _m[1];
-    var _o = React.useState(true), shouldHideDetails = _o[0], setShouldHideDetails = _o[1];
+    var _o = React.useState(null), infoModalData = _o[0], setInfoModalData = _o[1];
+    var _p = React.useState(true), shouldHideDetails = _p[0], setShouldHideDetails = _p[1];
     var containerRef = React.useRef(null);
     var headerRef = React.useRef(null);
     var columnsLength = tableData[0].rows[0].length;
     useScrollSync(headerRef, containerRef, !isMobile);
-    var _p = useTableNavigation({
+    var _q = useTableNavigation({
         enabled: isMobile,
         containerRef: containerRef,
         onSelectionChanged: onSelectionChanged,
-    }), activeSection = _p.activeSection, navigateTable = _p.navigateTable;
+    }), activeSection = _q.activeSection, navigateTable = _q.navigateTable;
     var titleCell = __assign({ text: '' }, ((_d = (_c = (_b = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _b === void 0 ? void 0 : _b.rows) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d[0]) || {});
     var currentActiveSection = (_g = (_f = (_e = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _e === void 0 ? void 0 : _e.rows) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g[activeSection];
     var currentActiveSectionReplacements = (currentActiveSection.cellId &&
@@ -16645,7 +16660,7 @@ var Table = function (_a) {
         onModalOpen === null || onModalOpen === void 0 ? void 0 : onModalOpen({ body: body, title: title });
         setInfoModalData({ body: body, title: title });
     }, []);
-    return (jsxRuntime.jsxs("div", { className: classNames$1(styles$4.wrapper, 'bg-white'), children: [isMobile ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(titleCell === null || titleCell === void 0 ? void 0 : titleCell.text) && (jsxRuntime.jsx(TableCell, __assign({}, titleCell, { align: 'left', isNavigation: true, isTopLeftCell: true, type: undefined }))), jsxRuntime.jsx(TableControls, { activeSection: activeSection, columnsLength: columnsLength, navigateTable: navigateTable, stickyHeaderTopOffset: stickyHeaderTopOffset, children: jsxRuntime.jsx(TableCell, __assign({}, (isBaseCell(currentActiveSection)
+    return (jsxRuntime.jsxs("div", { className: classNames$1(styles$5.wrapper, 'bg-white'), children: [isMobile ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(titleCell === null || titleCell === void 0 ? void 0 : titleCell.text) && (jsxRuntime.jsx(TableCell, __assign({}, titleCell, { align: 'left', isNavigation: true, isTopLeftCell: true, type: undefined }))), jsxRuntime.jsx(TableControls, { activeSection: activeSection, columnsLength: columnsLength, navigateTable: navigateTable, stickyHeaderTopOffset: stickyHeaderTopOffset, children: jsxRuntime.jsx(TableCell, __assign({}, (isBaseCell(currentActiveSection)
                             ? {
                                 openModal: function (body) {
                                     return handleOpenModal({
@@ -16654,13 +16669,13 @@ var Table = function (_a) {
                                     });
                                 },
                             }
-                            : {}), activeCellProps, { imageComponent: imageComponent, isNavigation: true })) })] })) : (jsxRuntime.jsx("div", { "aria-hidden": true, className: styles$4.stickyHeader, style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: jsxRuntime.jsx("div", { className: styles$4.container, ref: headerRef, children: jsxRuntime.jsx(TableSection, { cellReplacements: cellReplacements, className: className, hideColumns: hideColumns, openModal: handleOpenModal, tableCellRows: [(_j = (_h = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _h === void 0 ? void 0 : _h.rows) === null || _j === void 0 ? void 0 : _j[0]], title: title, imageComponent: imageComponent }) }) })), jsxRuntime.jsx("div", { ref: containerRef, className: classNames$1(styles$4.container, 'pb8'), children: jsxRuntime.jsx(TableContents, { tableData: tableData, title: title, className: className, collapsibleSections: collapsibleSections, hideColumns: hideColumns, hideDetails: hideDetails, isMobile: isMobile, shouldHideDetails: shouldHideDetails, openModal: handleOpenModal, cellReplacements: cellReplacements, imageComponent: imageComponent }) }), (tableData === null || tableData === void 0 ? void 0 : tableData.length) > 1 && hideDetails && (jsxRuntime.jsx(Card, { "data-testid": "show-hide-details", classNames: {
+                            : {}), activeCellProps, { imageComponent: imageComponent, isNavigation: true })) })] })) : (jsxRuntime.jsx("div", { "aria-hidden": true, className: styles$5.stickyHeader, style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: jsxRuntime.jsx("div", { className: styles$5.container, ref: headerRef, children: jsxRuntime.jsx(TableSection, { cellReplacements: cellReplacements, className: className, hideColumns: hideColumns, hideRows: hideRows, openModal: handleOpenModal, tableCellRows: [(_j = (_h = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _h === void 0 ? void 0 : _h.rows) === null || _j === void 0 ? void 0 : _j[0]], title: title, imageComponent: imageComponent }) }) })), jsxRuntime.jsx("div", { ref: containerRef, className: classNames$1(styles$5.container, 'pb8'), children: jsxRuntime.jsx(TableContents, { tableData: tableData, title: title, className: className, collapsibleSections: collapsibleSections, hideColumns: hideColumns, hideDetails: hideDetails, hideRows: hideRows, isMobile: isMobile, shouldHideDetails: shouldHideDetails, openModal: handleOpenModal, cellReplacements: cellReplacements, imageComponent: imageComponent }) }), (tableData === null || tableData === void 0 ? void 0 : tableData.length) > 1 && hideDetails && (jsxRuntime.jsx(Card, { "data-testid": "show-hide-details", classNames: {
                     buttonWrapper: 'm8 mt32',
                     title: 'd-flex gap8 ai-center jc-center fw-bold',
-                    wrapper: 'bg-grey-200',
+                    wrapper: 'bg-neutral-100',
                 }, title: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [shouldHideDetails
                             ? textOverrides.showDetails
-                            : textOverrides.hideDetails, shouldHideDetails ? (jsxRuntime.jsx(ChevronDownIcon, { size: 20 })) : (jsxRuntime.jsx(ChevronUpIcon, { size: 20 }))] }), actionIcon: null, dropShadow: false, titleVariant: "small", density: "compact", onClick: function () { return setShouldHideDetails(function (current) { return !current; }); } })), jsxRuntime.jsx(BottomOrRegularModal, { isOpen: (infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body) ? true : false, title: infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.title, onClose: function () { return setInfoModalData(null); }, children: jsxRuntime.jsx("div", { className: classNames$1(styles$4.modalContent, "pt8 p24 wmn6"), children: modalContentRenderer
+                            : textOverrides.hideDetails, shouldHideDetails ? (jsxRuntime.jsx(ChevronDownIcon, { size: 20 })) : (jsxRuntime.jsx(ChevronUpIcon, { size: 20 }))] }), actionIcon: null, dropShadow: false, titleVariant: "small", density: "compact", onClick: function () { return setShouldHideDetails(function (current) { return !current; }); } })), jsxRuntime.jsx(BottomOrRegularModal, { isOpen: (infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body) ? true : false, title: infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.title, onClose: function () { return setInfoModalData(null); }, children: jsxRuntime.jsx("div", { className: classNames$1(styles$5.modalContent, "pt8 p24 wmn6"), children: modalContentRenderer
                         ? modalContentRenderer(infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body)
                         : infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body }) })] }));
 };
@@ -16691,6 +16706,47 @@ var useFocusWithin = function (ref, callback) {
     }, [callback, ref]);
 };
 
+var css_248z = ".styles-module_wrapper__28Xe2 {\n  height: auto;\n}";
+var styles = {"wrapper":"styles-module_wrapper__28Xe2"};
+styleInject(css_248z);
+
+var LogoWrapper = function (_a) {
+    var children = _a.children, width = _a.width, className = _a.className, isHorizontal = _a.isHorizontal, rest = __rest$1(_a, ["children", "width", "className", "isHorizontal"]);
+    return (jsxRuntime.jsx("div", __assign({ className: classNames$1('d-inline-block wmx100', styles.wrapper, className) }, rest, { children: jsxRuntime.jsx("svg", { className: 'w100', width: width, viewBox: isHorizontal ? "0 0 408 96" : "0 0 128 128", fill: "none", children: children }) })));
+};
+
+var LogoColor = function (props) {
+    return React.createElement(LogoWrapper, props, jsxRuntime.jsx("path", { d: "M60.916 103.119C48.8557 105.797 38.8036 107.385 33.2556 112.037C27.7077 116.689 25.8924 120.807 23.2262 126.684C22.7951 127.626 22.466 128 21.7399 128H17.2698C16.6004 128 16.1239 127.489 16.1125 126.877C16.7025 115.713 28.7741 79.0782 47.6757 53.9365C66.5774 28.7836 79.0574 17.0636 105.731 0C106.026 0.669385 106.661 2.23506 106.797 2.55274C112.595 16.3602 113.956 32.902 108.17 46.9477C102.69 60.256 91.2992 68.4701 77.5938 71.7944C74.5873 72.5205 71.5354 73.0651 68.4607 73.4962C67.9048 73.5756 67.485 74.0521 67.485 74.6081V78.4996C67.485 79.0555 67.8708 79.5207 68.4153 79.6228C71.0929 80.1106 74.7121 80.3035 80.1239 79.7816C85.2521 79.2937 89.9378 78.25 93.0237 76.7864C93.0237 76.7864 95.1454 95.983 60.916 103.108V103.119Z", fill: "#F2B873" }));
+};
+
+var LogoWhite = function (props) {
+    return React.createElement(LogoWrapper, props, jsxRuntime.jsx("path", { d: "M60.916 103.119C48.8557 105.797 38.8036 107.385 33.2556 112.037C27.7077 116.689 25.8924 120.807 23.2262 126.684C22.7951 127.626 22.466 128 21.7399 128H17.2698C16.6004 128 16.1239 127.489 16.1125 126.877C16.7025 115.713 28.7741 79.0782 47.6757 53.9365C66.5774 28.7836 79.0574 17.0636 105.731 0C106.026 0.669385 106.661 2.23506 106.797 2.55274C112.595 16.3602 113.956 32.902 108.17 46.9477C102.69 60.256 91.2992 68.4701 77.5938 71.7944C74.5873 72.5205 71.5354 73.0651 68.4607 73.4962C67.9048 73.5756 67.485 74.0521 67.485 74.6081V78.4996C67.485 79.0555 67.8708 79.5207 68.4153 79.6228C71.0929 80.1106 74.7121 80.3035 80.1239 79.7816C85.2521 79.2937 89.9378 78.25 93.0237 76.7864C93.0237 76.7864 95.1454 95.983 60.916 103.108V103.119Z", fill: "white" }));
+};
+
+var LogoBlack = function (props) {
+    return React.createElement(LogoWrapper, props, jsxRuntime.jsx("path", { d: "M60.916 103.119C48.8557 105.797 38.8036 107.385 33.2556 112.037C27.7077 116.689 25.8924 120.807 23.2262 126.684C22.7951 127.626 22.466 128 21.7399 128H17.2698C16.6004 128 16.1239 127.489 16.1125 126.877C16.7025 115.713 28.7741 79.0782 47.6757 53.9365C66.5774 28.7836 79.0574 17.0636 105.731 0C106.026 0.669385 106.661 2.23506 106.797 2.55274C112.595 16.3602 113.956 32.902 108.17 46.9477C102.69 60.256 91.2992 68.4701 77.5938 71.7944C74.5873 72.5205 71.5354 73.0651 68.4607 73.4962C67.9048 73.5756 67.485 74.0521 67.485 74.6081V78.4996C67.485 79.0555 67.8708 79.5207 68.4153 79.6228C71.0929 80.1106 74.7121 80.3035 80.1239 79.7816C85.2521 79.2937 89.9378 78.25 93.0237 76.7864C93.0237 76.7864 95.1454 95.983 60.916 103.108V103.119Z", fill: "#3F3F47" }));
+};
+
+var LogoOrangeBox = function (props) {
+    return React.createElement(LogoWrapper, props, jsxRuntime.jsxs("g", { clipPath: "url(#clip0_31013_79126)", children: [jsxRuntime.jsx("rect", { width: "128", height: "128", rx: "8", fill: "#FFD08F" }), jsxRuntime.jsx("path", { d: "M62.0725 88.4496C54.5348 90.123 48.2522 91.1158 44.7848 94.023C41.3173 96.9303 40.1827 99.5043 38.5164 103.177C38.2469 103.766 38.0413 104 37.5874 104H34.7936C34.3753 104 34.0774 103.681 34.0703 103.298C34.4391 96.3205 41.9838 73.4239 53.7973 57.7103C65.6108 41.9897 73.4109 34.6648 90.0817 24C90.2661 24.4184 90.6631 25.3969 90.7482 25.5955C94.3717 34.2251 95.2226 44.5637 91.6062 53.3423C88.1813 61.66 81.062 66.7938 72.4962 68.8715C70.6171 69.3253 68.7096 69.6657 66.7879 69.9351C66.4405 69.9848 66.1781 70.2826 66.1781 70.63V73.0622C66.1781 73.4097 66.4192 73.7004 66.7596 73.7642C68.433 74.0691 70.6951 74.1897 74.0774 73.8635C77.2825 73.5586 80.2111 72.9062 82.1398 71.9915C82.1398 71.9915 83.4658 83.9894 62.0725 88.4425V88.4496Z", fill: "#3F3F47" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_31013_79126", children: jsxRuntime.jsx("rect", { width: "128", height: "128", fill: "white" }) }) }));
+};
+
+var LogoInvertedColor = function (props) {
+    return React.createElement(LogoWrapper, __assign(__assign({}, props), { isHorizontal: true }), jsxRuntime.jsx("path", { d: "M44.6141 72.7276C36.9117 74.4377 30.4918 75.4521 26.9486 78.4229C23.4053 81.3937 22.246 84.024 20.5432 87.7774C20.2678 88.3788 20.0577 88.6179 19.594 88.6179H16.7391C16.3116 88.6179 16.0072 88.2918 16 87.9006C16.3768 80.7706 24.0864 57.3736 36.1581 41.3167C48.2298 25.2525 56.2003 17.7675 73.2354 6.86963C73.4238 7.29714 73.8296 8.29707 73.9165 8.49996C77.6192 17.3182 78.4887 27.8827 74.7933 36.8532C71.2935 45.3526 64.0186 50.5987 55.2655 52.7217C53.3454 53.1854 51.3962 53.5332 49.4326 53.8086C49.0775 53.8593 48.8095 54.1636 48.8095 54.5187V57.004C48.8095 57.3591 49.0558 57.6562 49.4036 57.7214C51.1136 58.0329 53.4251 58.1561 56.8814 57.8228C60.1565 57.5112 63.1491 56.8446 65.12 55.9099C65.12 55.9099 66.475 68.17 44.6141 72.7204V72.7276Z", fill: "#F2B873" }), jsxRuntime.jsx("path", { d: "M111.392 40.0408H102.354V32.6012H111.392V26.0436C111.392 18.698 115.874 14.6637 123.581 14.6637H131.838V21.9226H125.729C121.875 21.9226 120.53 23.6216 120.53 26.9401V32.6012H131.028V40.0408H120.53V80.0152H111.384V40.0408H111.392Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M134.339 56.5311C134.339 41.4712 142.495 31.8843 156.116 31.8843C171.082 31.8843 178.254 42.7292 177.09 58.1434H143.391C143.478 68.5401 148.589 73.7384 156.39 73.7384C162.572 73.7384 166.52 70.7814 167.864 66.212H176.649C175.217 75.3579 167.055 80.8238 156.39 80.8238C142.408 80.8238 134.339 71.2296 134.339 56.5311ZM143.485 51.8751H168.045C167.778 42.9099 162.934 38.9696 156.123 38.9696C148.864 38.9696 144.201 43.4522 143.485 51.8751Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M183.38 67.383C183.38 57.9696 190.906 52.5038 203.009 52.5038H213.854V47.9345C213.854 41.7529 210.268 39.0633 204.173 39.0633C198.078 39.0633 194.044 42.1071 193.863 46.6837H184.812C184.992 37.7186 192.88 31.7177 204.708 31.7177C216.537 31.7177 223.08 37.7258 223.08 48.296V68.641C223.08 71.8656 224.157 73.1236 226.398 73.1236H228.726V80.0282H223.528C218.33 80.0282 215.553 77.6062 214.743 72.9501H214.382C211.873 77.7001 205.684 80.7439 198.787 80.7439C189.554 80.7439 183.373 75.4589 183.373 67.3903L183.38 67.383ZM213.854 65.684V58.4179H204.622C196.914 58.4179 192.793 61.4617 192.793 66.754C192.793 71.3233 196.285 74.1936 201.845 74.1936C207.759 74.1936 212.329 70.7016 213.854 65.684Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M237.807 69.1703V40.1276H228.842V32.6012H237.807V16.7966L246.946 15.7193V32.6012H257.523V40.1276H247.039V67.6448C247.039 70.9633 248.652 72.3081 251.703 72.3081H257.617V80.0152H248.565C241.393 80.0152 237.807 76.7906 237.807 69.1703Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M274.629 14.6777V41.3056H275.164C277.94 34.5817 284.216 31.8849 291.207 31.8849C300.888 31.8849 308.147 37.3508 308.147 51.8757V80.0219H298.915V53.7627C298.915 44.0819 295.422 39.5125 287.889 39.5125C279.733 39.5125 274.622 46.6774 274.622 54.8328V80.0219H265.483V14.6777H274.629Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M315.232 56.5311C315.232 41.4712 323.388 31.8843 337.016 31.8843C351.982 31.8843 359.154 42.7292 357.99 58.1434H324.292C324.378 68.5401 329.49 73.7384 337.291 73.7384C343.473 73.7384 347.42 70.7814 348.765 66.212H357.549C356.118 75.3579 347.962 80.8238 337.291 80.8238C323.308 80.8238 315.24 71.2296 315.24 56.5311H315.232ZM324.371 51.8751H348.931C348.664 42.9099 343.82 38.9696 337.009 38.9696C329.75 38.9696 325.087 43.4522 324.371 51.8751Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M366.363 32.5992H374.612L375.06 41.0221H375.508C377.569 34.9273 382.948 31.9702 389.224 31.9702C390.301 31.9702 391.197 32.057 392 32.151V40.8486C391.284 40.7618 390.207 40.7618 389.13 40.7618C380.707 40.7618 375.957 45.1504 375.508 52.9515V80.0204H366.37V32.5992H366.363Z", fill: "white" }));
+};
+
+var LogoInverted = function (props) {
+    return React.createElement(LogoWrapper, __assign(__assign({}, props), { isHorizontal: true }), jsxRuntime.jsx("path", { d: "M44.6141 72.7277C36.9117 74.4377 30.4918 75.4522 26.9486 78.423C23.4053 81.3938 22.246 84.0241 20.5432 87.7774C20.2678 88.3789 20.0577 88.618 19.594 88.618H16.7391C16.3116 88.618 16.0072 88.2919 16 87.9006C16.3768 80.7707 24.0864 57.3736 36.1581 41.3167C48.2298 25.2526 56.2003 17.7675 73.2354 6.86969C73.4238 7.2972 73.8296 8.29713 73.9165 8.50002C77.6192 17.3183 78.4887 27.8828 74.7933 36.8532C71.2935 45.3527 64.0186 50.5987 55.2655 52.7218C53.3454 53.1855 51.3962 53.5333 49.4326 53.8087C49.0775 53.8594 48.8095 54.1637 48.8095 54.5187V57.0041C48.8095 57.3591 49.0558 57.6562 49.4036 57.7214C51.1136 58.033 53.4251 58.1562 56.8814 57.8229C60.1565 57.5113 63.1491 56.8447 65.12 55.91C65.12 55.91 66.475 68.17 44.6141 72.7205V72.7277Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M111.392 40.0409H102.354V32.6012H111.392V26.0437C111.392 18.6981 115.874 14.6638 123.581 14.6638H131.838V21.9226H125.729C121.875 21.9226 120.53 23.6217 120.53 26.9402V32.6012H131.028V40.0409H120.53V80.0152H111.384V40.0409H111.392Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M134.339 56.5312C134.339 41.4712 142.495 31.8843 156.116 31.8843C171.082 31.8843 178.254 42.7292 177.09 58.1435H143.391C143.478 68.5401 148.589 73.7385 156.39 73.7385C162.572 73.7385 166.52 70.7814 167.864 66.2121H176.649C175.217 75.358 167.055 80.8238 156.39 80.8238C142.408 80.8238 134.339 71.2297 134.339 56.5312ZM143.485 51.8751H168.045C167.778 42.91 162.934 38.9697 156.123 38.9697C148.864 38.9697 144.201 43.4522 143.485 51.8751Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M183.38 67.3831C183.38 57.9697 190.906 52.5039 203.009 52.5039H213.854V47.9345C213.854 41.7529 210.268 39.0634 204.173 39.0634C198.078 39.0634 194.044 42.1072 193.863 46.6838H184.812C184.992 37.7186 192.88 31.7178 204.708 31.7178C216.537 31.7178 223.08 37.7259 223.08 48.296V68.6411C223.08 71.8657 224.157 73.1237 226.398 73.1237H228.726V80.0283H223.528C218.33 80.0283 215.553 77.6062 214.743 72.9501H214.382C211.873 77.7002 205.684 80.744 198.787 80.744C189.554 80.744 183.373 75.4589 183.373 67.3903L183.38 67.3831ZM213.854 65.684V58.418H204.622C196.914 58.418 192.793 61.4618 192.793 66.7541C192.793 71.3234 196.285 74.1937 201.845 74.1937C207.759 74.1937 212.329 70.7016 213.854 65.684Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M237.807 69.1703V40.1277H228.842V32.6013H237.807V16.7966L246.946 15.7194V32.6013H257.523V40.1277H247.039V67.6448C247.039 70.9634 248.652 72.3081 251.703 72.3081H257.617V80.0153H248.565C241.393 80.0153 237.807 76.7907 237.807 69.1703Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M274.629 14.6777V41.3056H275.164C277.94 34.5818 284.216 31.885 291.207 31.885C300.888 31.885 308.147 37.3508 308.147 51.8758V80.022H298.915V53.7628C298.915 44.0819 295.422 39.5126 287.889 39.5126C279.733 39.5126 274.622 46.6775 274.622 54.8328V80.022H265.483V14.6777H274.629Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M315.232 56.5312C315.232 41.4712 323.388 31.8843 337.016 31.8843C351.982 31.8843 359.154 42.7292 357.99 58.1435H324.292C324.378 68.5401 329.49 73.7385 337.291 73.7385C343.473 73.7385 347.42 70.7814 348.765 66.2121H357.549C356.118 75.358 347.962 80.8238 337.291 80.8238C323.308 80.8238 315.24 71.2297 315.24 56.5312H315.232ZM324.371 51.8751H348.931C348.664 42.91 343.82 38.9697 337.009 38.9697C329.75 38.9697 325.087 43.4522 324.371 51.8751Z", fill: "white" }), jsxRuntime.jsx("path", { d: "M366.363 32.5993H374.612L375.06 41.0222H375.508C377.569 34.9273 382.948 31.9703 389.224 31.9703C390.301 31.9703 391.197 32.057 392 32.151V40.8486C391.284 40.7619 390.207 40.7619 389.13 40.7619C380.707 40.7619 375.957 45.1505 375.508 52.9516V80.0205H366.37V32.5993H366.363Z", fill: "white" }));
+};
+
+var LogoPositiveColor = function (props) {
+    return React.createElement(LogoWrapper, __assign(__assign({}, props), { isHorizontal: true }), jsxRuntime.jsx("path", { d: "M44.6141 72.7277C36.9117 74.4377 30.4918 75.4522 26.9486 78.423C23.4053 81.3938 22.246 84.0241 20.5432 87.7774C20.2678 88.3789 20.0577 88.618 19.594 88.618H16.7391C16.3116 88.618 16.0072 88.2919 16 87.9006C16.3768 80.7707 24.0864 57.3736 36.1581 41.3167C48.2298 25.2526 56.2003 17.7675 73.2354 6.86969C73.4238 7.2972 73.8296 8.29713 73.9165 8.50002C77.6192 17.3183 78.4887 27.8828 74.7933 36.8532C71.2935 45.3527 64.0186 50.5987 55.2655 52.7218C53.3454 53.1855 51.3962 53.5333 49.4326 53.8087C49.0775 53.8594 48.8095 54.1637 48.8095 54.5187V57.0041C48.8095 57.3591 49.0558 57.6562 49.4036 57.7214C51.1136 58.033 53.4251 58.1562 56.8814 57.8229C60.1565 57.5113 63.1491 56.8447 65.12 55.91C65.12 55.91 66.475 68.17 44.6141 72.7205V72.7277Z", fill: "#F2B873" }), jsxRuntime.jsx("path", { d: "M111.392 40.0409H102.354V32.6012H111.392V26.0437C111.392 18.6981 115.874 14.6638 123.581 14.6638H131.838V21.9226H125.729C121.875 21.9226 120.53 23.6217 120.53 26.9402V32.6012H131.028V40.0409H120.53V80.0152H111.384V40.0409H111.392Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M134.339 56.5312C134.339 41.4712 142.495 31.8843 156.116 31.8843C171.082 31.8843 178.254 42.7292 177.09 58.1435H143.391C143.478 68.5401 148.589 73.7385 156.39 73.7385C162.572 73.7385 166.52 70.7814 167.864 66.2121H176.649C175.217 75.358 167.055 80.8238 156.39 80.8238C142.408 80.8238 134.339 71.2297 134.339 56.5312ZM143.485 51.8751H168.045C167.778 42.91 162.934 38.9697 156.123 38.9697C148.864 38.9697 144.201 43.4522 143.485 51.8751Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M183.38 67.3831C183.38 57.9697 190.906 52.5039 203.009 52.5039H213.854V47.9345C213.854 41.7529 210.268 39.0634 204.173 39.0634C198.078 39.0634 194.044 42.1072 193.863 46.6838H184.812C184.992 37.7186 192.88 31.7178 204.708 31.7178C216.537 31.7178 223.08 37.7259 223.08 48.296V68.6411C223.08 71.8657 224.157 73.1237 226.398 73.1237H228.726V80.0283H223.528C218.33 80.0283 215.553 77.6062 214.743 72.9501H214.382C211.873 77.7002 205.684 80.744 198.787 80.744C189.554 80.744 183.373 75.4589 183.373 67.3903L183.38 67.3831ZM213.854 65.684V58.418H204.622C196.914 58.418 192.793 61.4618 192.793 66.7541C192.793 71.3234 196.285 74.1937 201.845 74.1937C207.759 74.1937 212.329 70.7016 213.854 65.684Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M237.807 69.1703V40.1277H228.842V32.6013H237.807V16.7966L246.946 15.7194V32.6013H257.523V40.1277H247.039V67.6448C247.039 70.9634 248.652 72.3081 251.703 72.3081H257.617V80.0153H248.565C241.393 80.0153 237.807 76.7907 237.807 69.1703Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M274.629 14.6777V41.3056H275.164C277.94 34.5818 284.216 31.885 291.207 31.885C300.888 31.885 308.147 37.3508 308.147 51.8758V80.022H298.915V53.7628C298.915 44.0819 295.422 39.5126 287.889 39.5126C279.733 39.5126 274.622 46.6775 274.622 54.8328V80.022H265.483V14.6777H274.629Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M315.232 56.5312C315.232 41.4712 323.388 31.8843 337.016 31.8843C351.982 31.8843 359.154 42.7292 357.99 58.1435H324.292C324.378 68.5401 329.49 73.7385 337.291 73.7385C343.473 73.7385 347.42 70.7814 348.765 66.2121H357.549C356.118 75.358 347.962 80.8238 337.291 80.8238C323.308 80.8238 315.24 71.2297 315.24 56.5312H315.232ZM324.371 51.8751H348.931C348.664 42.91 343.82 38.9697 337.009 38.9697C329.75 38.9697 325.087 43.4522 324.371 51.8751Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M366.363 32.5993H374.612L375.06 41.0222H375.508C377.569 34.9273 382.948 31.9703 389.224 31.9703C390.301 31.9703 391.197 32.057 392 32.151V40.8486C391.284 40.7619 390.207 40.7619 389.13 40.7619C380.707 40.7619 375.957 45.1505 375.508 52.9516V80.0205H366.37V32.5993H366.363Z", fill: "#3F3F47" }));
+};
+
+var LogoPositiveBlack = function (props) {
+    return React.createElement(LogoWrapper, __assign(__assign({}, props), { isHorizontal: true }), jsxRuntime.jsx("path", { d: "M44.6141 72.7277C36.9117 74.4377 30.4918 75.4522 26.9486 78.423C23.4053 81.3938 22.246 84.0241 20.5432 87.7774C20.2678 88.3789 20.0577 88.618 19.594 88.618H16.7391C16.3116 88.618 16.0072 88.2919 16 87.9006C16.3768 80.7707 24.0864 57.3736 36.1581 41.3167C48.2298 25.2526 56.2003 17.7675 73.2354 6.86969C73.4238 7.2972 73.8296 8.29713 73.9165 8.50002C77.6192 17.3183 78.4887 27.8828 74.7933 36.8532C71.2935 45.3527 64.0186 50.5987 55.2655 52.7218C53.3454 53.1855 51.3962 53.5333 49.4326 53.8087C49.0775 53.8594 48.8095 54.1637 48.8095 54.5187V57.0041C48.8095 57.3591 49.0558 57.6562 49.4036 57.7214C51.1136 58.033 53.4251 58.1562 56.8814 57.8229C60.1565 57.5113 63.1491 56.8447 65.12 55.91C65.12 55.91 66.475 68.17 44.6141 72.7205V72.7277Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M111.392 40.0409H102.354V32.6012H111.392V26.0437C111.392 18.6981 115.874 14.6638 123.581 14.6638H131.838V21.9226H125.729C121.875 21.9226 120.53 23.6217 120.53 26.9402V32.6012H131.028V40.0409H120.53V80.0152H111.384V40.0409H111.392Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M134.339 56.5312C134.339 41.4712 142.495 31.8843 156.116 31.8843C171.082 31.8843 178.254 42.7292 177.09 58.1435H143.391C143.478 68.5401 148.589 73.7385 156.39 73.7385C162.572 73.7385 166.52 70.7814 167.864 66.2121H176.649C175.217 75.358 167.055 80.8238 156.39 80.8238C142.408 80.8238 134.339 71.2297 134.339 56.5312ZM143.485 51.8751H168.045C167.778 42.91 162.934 38.9697 156.123 38.9697C148.864 38.9697 144.201 43.4522 143.485 51.8751Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M183.38 67.3831C183.38 57.9697 190.906 52.5039 203.009 52.5039H213.854V47.9345C213.854 41.7529 210.268 39.0634 204.173 39.0634C198.078 39.0634 194.044 42.1072 193.863 46.6838H184.812C184.992 37.7186 192.88 31.7178 204.708 31.7178C216.537 31.7178 223.08 37.7259 223.08 48.296V68.6411C223.08 71.8657 224.157 73.1237 226.398 73.1237H228.726V80.0283H223.528C218.33 80.0283 215.553 77.6062 214.743 72.9501H214.382C211.873 77.7002 205.684 80.744 198.787 80.744C189.554 80.744 183.373 75.4589 183.373 67.3903L183.38 67.3831ZM213.854 65.684V58.418H204.622C196.914 58.418 192.793 61.4618 192.793 66.7541C192.793 71.3234 196.285 74.1937 201.845 74.1937C207.759 74.1937 212.329 70.7016 213.854 65.684Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M237.807 69.1703V40.1277H228.842V32.6013H237.807V16.7966L246.946 15.7194V32.6013H257.523V40.1277H247.039V67.6448C247.039 70.9634 248.652 72.3081 251.703 72.3081H257.617V80.0153H248.565C241.393 80.0153 237.807 76.7907 237.807 69.1703Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M274.629 14.6777V41.3056H275.164C277.94 34.5818 284.216 31.885 291.207 31.885C300.888 31.885 308.147 37.3508 308.147 51.8758V80.022H298.915V53.7628C298.915 44.0819 295.422 39.5126 287.889 39.5126C279.733 39.5126 274.622 46.6775 274.622 54.8328V80.022H265.483V14.6777H274.629Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M315.232 56.5312C315.232 41.4712 323.388 31.8843 337.016 31.8843C351.982 31.8843 359.154 42.7292 357.99 58.1435H324.292C324.378 68.5401 329.49 73.7385 337.291 73.7385C343.473 73.7385 347.42 70.7814 348.765 66.2121H357.549C356.118 75.358 347.962 80.8238 337.291 80.8238C323.308 80.8238 315.24 71.2297 315.24 56.5312H315.232ZM324.371 51.8751H348.931C348.664 42.91 343.82 38.9697 337.009 38.9697C329.75 38.9697 325.087 43.4522 324.371 51.8751Z", fill: "#3F3F47" }), jsxRuntime.jsx("path", { d: "M366.363 32.5993H374.612L375.06 41.0222H375.508C377.569 34.9273 382.948 31.9703 389.224 31.9703C390.301 31.9703 391.197 32.057 392 32.151V40.8486C391.284 40.7619 390.207 40.7619 389.13 40.7619C380.707 40.7619 375.957 45.1505 375.508 52.9516V80.0205H366.37V32.5993H366.363Z", fill: "#3F3F47" }));
+};
+
 exports.AccidentCarIcon = AccidentCar;
 exports.Accordion = Accordion;
 exports.ActivityIcon = Activity;
@@ -16914,6 +16970,14 @@ exports.LoaderIcon = Loader;
 exports.LockIcon = Lock;
 exports.LogInIcon = LogIn;
 exports.LogOutIcon = LogOut;
+exports.LogoBlack = LogoBlack;
+exports.LogoColor = LogoColor;
+exports.LogoInverted = LogoInverted;
+exports.LogoInvertedColor = LogoInvertedColor;
+exports.LogoOrangeBox = LogoOrangeBox;
+exports.LogoPositiveBlack = LogoPositiveBlack;
+exports.LogoPositiveColor = LogoPositiveColor;
+exports.LogoWhite = LogoWhite;
 exports.MailIcon = Mail;
 exports.MaleIcon = Male;
 exports.MapIcon = _Map;