@popsure/dirty-swan 0.59.0-alpha → 0.59.0-beta

package/dist/cjs/index.js

@@ -303,13 +303,13 @@ function generateId() {
     return 'xxxx-xxxx-xxx-xxxx'.replace(/[x]/g, function () { return (Math.floor(Math.random() * 16).toString(16)); });
 }
 
-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"};
+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: top 0.3s, color 0.3s;\n}\n.style-module_prefix--with-value__2QiEA {\n  color: var(--ds-neutral-900);\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\ninput:focus ~ .style-module_prefix__3jAFZ {\n  color: var(--ds-neutral-900);\n}\ninput: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-value":"style-module_prefix--with-value__2QiEA","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 _b, _c, _d, _e, _f, _g, _h;
+    var className = _a.className, placeholder = _a.placeholder, label = _a.label, id = _a.id, prefix = _a.prefix, error = _a.error, disabled = _a.disabled, _j = _a.hideLabel, hideLabel = _j === void 0 ? false : _j, _k = _a.labelInsideInput, labelInsideInput = _k === void 0 ? false : _k, 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$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,
@@ -321,7 +321,7 @@ var Input = React__default['default'].forwardRef(function (_a, ref) {
                             : 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 }))] }));
+                            _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), (_f = {}, _f[styles$I['prefix--with-value']] = props.value, _f)), children: prefix })), (!label || labelInsideInput) && (jsxRuntime.jsx("label", { htmlFor: uniqueId, className: classNames$1(styles$I.placeholder, (_g = {}, _g[styles$I['placeholder--with-prefix']] = prefix, _g), (_h = {}, _h[styles$I['placeholder--with-error']] = error, _h)), 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 = {};
@@ -3104,7 +3104,7 @@ var InfoFilled = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("circle", { cx: 10, cy: 10, r: 10, fill: "currentColor", stroke: "currentColor", strokeWidth: 2, transform: "matrix(1 0 0 -1 2 22)" }), jsxRuntime.jsx("path", { stroke: "#fff", strokeWidth: 3, d: "M12 19v-7.5" }), jsxRuntime.jsx("path", { stroke: "#fff", strokeDasharray: "0 1000000", strokeLinecap: "round", strokeLinejoin: "round", strokeMiterlimit: 2.413, strokeWidth: 3, d: "M12 7.46v.04" }));
 });
 
-var Info = (function (props) {
+var InfoIcon = (function (props) {
     return React.createElement(IconWrapper, props, jsxRuntime.jsx("path", { fill: "currentColor", d: "M11 16v1h2v-1h-2Zm2-8.041a1 1 0 1 0-2 0h2Zm-2 .04a1 1 0 1 0 2 0h-2ZM23 12c0-6.075-4.925-11-11-11v2a9 9 0 0 1 9 9h2ZM12 1C5.925 1 1 5.925 1 12h2a9 9 0 0 1 9-9V1ZM1 12c0 6.075 4.925 11 11 11v-2a9 9 0 0 1-9-9H1Zm11 11c6.075 0 11-4.925 11-11h-2a9 9 0 0 1-9 9v2Zm1-7v-5.5h-2V16h2Zm-2-8.041v.04h2v-.04h-2Z" }));
 });
 
@@ -11656,34 +11656,14 @@ var FullScreenModal = function (_a) {
             }, 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";
-
-var info = {
-    src: infoImage,
-    alt: 'circle with the letter i inside for information',
-};
-
-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"};
+var css_248z$s = ".style-module_border-strong-default__3_zF3 {\n  border: 1px solid #d2d2d9;\n}\n\n.style-module_border-strong-hover__2gkuG {\n  border: 1px solid #919199;\n}\n\n.style-module_border-strong-active__3BFbj {\n  border: 1px solid #26262e;\n}\n\n.style-module_border-medium-default__21dIE {\n  border: 1px solid #e7e7ed;\n}\n\n.style-module_border-medium-hover__Pq6pQ {\n  border: 1px solid #b8b8c0;\n}\n\n.style-module_border-medium-active__uLwlN {\n  border: 1px solid #3f3f47;\n}\n\n.style-module_border-soft-default__398BS {\n  border: 1px solid #f5f5fb;\n}\n\n.style-module_border-soft-hover__30OW0 {\n  border: 1px solid #d2d2d9;\n}\n\n.style-module_border-soft-active__eUC5s {\n  border: 1px solid #919199;\n}\n\n.style-module_border-focus__28f29 {\n  border: 2px solid #26262e;\n}\n\n.style-module_wrapper__35C6V {\n  background-color: #fff;\n  border: 1px solid transparent;\n  transition: all 0.2s ease-in-out;\n}\n.style-module_wrapper--default__NYcwG {\n  background-color: #fff;\n}\n.style-module_wrapper--transparent__1M1sg {\n  background-color: transparent;\n}\n.style-module_wrapper--outline__3fBDi {\n  background-color: #fff;\n  border: 1px solid #d2d2d9;\n}\n.style-module_wrapper--secondary__1l7bB {\n  background-color: #EEEEFE;\n}\n.style-module_wrapper--primary__Sulin {\n  background-color: #FEECD3;\n}\n\n.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  border: 1px solid transparent;\n  outline: 1px solid transparent;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--default__NYcwG {\n  border: 1px solid #d2d2d9;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--transparent__1M1sg {\n  background-color: transparent;\n  border-color: transparent;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--outline__3fBDi {\n  background-color: #fff;\n  border: 1px solid #26262e;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--secondary__1l7bB {\n  background-color: #EEEEFE;\n  border-color: #B8B4F3;\n}\n.style-module_button__P-UIa:hover .style-module_wrapper--primary__Sulin {\n  background-color: #FEECD3;\n  border-color: #F2B873;\n}\n.style-module_button__P-UIa:focus .style-module_wrapper--default__NYcwG, .style-module_button__P-UIa:focus-visible .style-module_wrapper--default__NYcwG {\n  border-color: #26262e;\n  box-shadow: inset 0 0 0 1px #26262e;\n}\n.style-module_button__P-UIa:focus .style-module_wrapper--outline__3fBDi, .style-module_button__P-UIa:focus-visible .style-module_wrapper--outline__3fBDi {\n  box-shadow: inset 0 0 0 1px #26262e;\n  border-color: #26262e;\n}\n.style-module_button__P-UIa:focus .style-module_wrapper--transparent__1M1sg, .style-module_button__P-UIa:focus-visible .style-module_wrapper--transparent__1M1sg {\n  background-color: #f5f5fb;\n  box-shadow: none;\n}\n.style-module_button__P-UIa:focus .style-module_wrapper--primary__Sulin, .style-module_button__P-UIa:focus-visible .style-module_wrapper--primary__Sulin {\n  border-color: #C6824E;\n  box-shadow: inset 0 0 0 1px #C6824E;\n}\n.style-module_button__P-UIa:focus .style-module_wrapper--secondary__1l7bB, .style-module_button__P-UIa:focus-visible .style-module_wrapper--secondary__1l7bB {\n  border-color: #6A65AE;\n  box-shadow: inset 0 0 0 1px #6A65AE;\n}\n.style-module_button__P-UIa:focus-visible .style-module_wrapper__35C6V {\n  border-color: #26262e;\n  box-shadow: inset 0 0 0 1px #26262e;\n}\n\n.style-module_icon__15X1c {\n  margin-right: 12px;\n  color: #26262e;\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  color: #26262e;\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$r = {"border-strong-default":"style-module_border-strong-default__3_zF3","border-strong-hover":"style-module_border-strong-hover__2gkuG","border-strong-active":"style-module_border-strong-active__3BFbj","border-medium-default":"style-module_border-medium-default__21dIE","border-medium-hover":"style-module_border-medium-hover__Pq6pQ","border-medium-active":"style-module_border-medium-active__uLwlN","border-soft-default":"style-module_border-soft-default__398BS","border-soft-hover":"style-module_border-soft-hover__30OW0","border-soft-active":"style-module_border-soft-active__eUC5s","border-focus":"style-module_border-focus__28f29","wrapper":"style-module_wrapper__35C6V","wrapper--default":"style-module_wrapper--default__NYcwG","wrapper--transparent":"style-module_wrapper--transparent__1M1sg","wrapper--outline":"style-module_wrapper--outline__3fBDi","wrapper--secondary":"style-module_wrapper--secondary__1l7bB","wrapper--primary":"style-module_wrapper--primary__Sulin","button":"style-module_button__P-UIa","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$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$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$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$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) {
     var _b;
-    var as = _a.as, children = _a.children, classNames = _a.classNames, _c = _a.density, density = _c === void 0 ? 'balanced' : _c, description = _a.description, _d = _a.descriptionVariant, descriptionVariant = _d === void 0 ? 'large' : _d, _e = _a.dropShadow, dropShadow = _e === void 0 ? true : _e, icon = _a.icon, label = _a.label, onClick = _a.onClick, actionIcon = _a.actionIcon, title = _a.title, _f = _a.titleVariant, titleVariant = _f === void 0 ? 'large' : _f, showActionIcon = _a.showActionIcon, _g = _a.verticalAlignment, verticalAlignment = _g === void 0 ? 'center' : _g, rest = __rest$1(_a, ["as", "children", "classNames", "density", "description", "descriptionVariant", "dropShadow", "icon", "label", "onClick", "actionIcon", "title", "titleVariant", "showActionIcon", "verticalAlignment"]);
+    var as = _a.as, children = _a.children, classNames = _a.classNames, _c = _a.density, density = _c === void 0 ? 'balanced' : _c, description = _a.description, _d = _a.descriptionVariant, descriptionVariant = _d === void 0 ? 'large' : _d, _e = _a.dropShadow, dropShadow = _e === void 0 ? true : _e, icon = _a.icon, label = _a.label, onClick = _a.onClick, actionIcon = _a.actionIcon, title = _a.title, _f = _a.titleVariant, titleVariant = _f === void 0 ? 'large' : _f, showActionIcon = _a.showActionIcon, _g = _a.verticalAlignment, verticalAlignment = _g === void 0 ? 'center' : _g, _h = _a.variant, variant = _h === void 0 ? 'default' : _h, rest = __rest$1(_a, ["as", "children", "classNames", "density", "description", "descriptionVariant", "dropShadow", "icon", "label", "onClick", "actionIcon", "title", "titleVariant", "showActionIcon", "verticalAlignment", "variant"]);
     var hideActionIcon = typeof actionIcon !== 'undefined' && !actionIcon;
     var propsWithActionIcon = onClick || (rest === null || rest === void 0 ? void 0 : rest.href) || rest.to;
     var cardDefaultTag = onClick ? 'button' : cardDefaultAs;
@@ -11691,11 +11671,11 @@ 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$p.button] = propsWithActionIcon,
+            _b[styles$r.button] = propsWithActionIcon,
             _b)) }, onClick && {
         onClick: onClick,
         type: "button"
-    }, rest, { children: jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column jc-center w100 ta-left br8', { 'bs-sm': dropShadow }, {
+    }, rest, { children: jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column jc-center w100 ta-left br8', { 'bs-sm': dropShadow && variant === 'default' }, {
                 compact: 'p16',
                 balanced: 'p24',
                 spacious: 'p32',
@@ -11703,41 +11683,55 @@ var Card = function (_a) {
                 top: 'jc-start',
                 center: 'jc-center',
                 bottom: 'jc-end',
-            }[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, {
+            }[verticalAlignment], styles$r === null || styles$r === void 0 ? void 0 : styles$r.wrapper, styles$r === null || styles$r === void 0 ? void 0 : styles$r["wrapper--".concat(variant)], 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$r.icon, styles$r["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-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, {
+                            }[verticalAlignment]), children: icon })), jsxRuntime.jsxs("div", { className: "d-flex jc-between w100", children: [jsxRuntime.jsxs("div", { className: classNames$1((classNames === null || classNames === void 0 ? void 0 : classNames.contentWrapper) || '', "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$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 })] }) })));
+                                            }[titleVariant]), children: title })), description && (jsxRuntime.jsx("div", { className: classNames$1(styles$r.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$r.actionIcon, classNames === null || classNames === void 0 ? void 0 : classNames.actionIcon, styles$r["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 css_248z$r = ".style-module_bs-xs__2s8AD {\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03);\n}\n\n.style-module_bs-sm__2KgTp {\n  box-shadow: 0 2px 20px 0 rgba(38, 38, 46, 0.04);\n}\n\n.style-module_bs-md__3yrN1 {\n  box-shadow: 0 2px 28px rgba(38, 38, 46, 0.08);\n}\n\n.style-module_bs-lg__Ydmy8 {\n  box-shadow: 0 2px 32px rgba(38, 38, 46, 0.1);\n}\n\n.style-module_bs-xl__9OYoN {\n  box-shadow: 0 2px 50px rgba(38, 38, 46, 0.18);\n}\n\n.style-module_bannerWrapper__1m3mn {\n  padding-top: 124px;\n}\n\n.style-module_buttonWrapper__-dmFc:focus .style-module_wrapper__rVPyi {\n  border-color: #696971;\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #696971;\n}\n\n.style-module_buttonWrapper__-dmFc:focus-visible .style-module_wrapper__rVPyi {\n  overflow: hidden;\n  border-color: #26262e;\n  box-shadow: 0 2px 12px rgba(38, 38, 46, 0.03), 0 0 0 1px #26262e;\n}\n\n.style-module_topIconWrapper__VYKR7 {\n  position: absolute;\n  width: 80px;\n  height: 80px;\n  left: 50%;\n  transform: translateX(-50%) translateY(-80px);\n}\n.style-module_topIconWrapper--muted__2a4Lq {\n  opacity: 0.25;\n}\n\n.style-module_topIconBanner__31-Hc {\n  position: absolute;\n  top: -123px;\n  left: -15px;\n  right: -15px;\n  height: 124px;\n  width: calc(100% + 30px);\n  overflow: hidden;\n}\n.style-module_topIconBanner__31-Hc img {\n  position: absolute;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  min-width: 100%;\n  min-height: 100%;\n}\n\n.style-module_contentWrapper__B1Dn1 {\n  gap: 0 !important;\n}\n\n.style-module_floatingLabel__1iIBj {\n  position: relative;\n}\n\n.style-module_disabled__1u28- {\n  opacity: 0.25;\n  cursor: not-allowed;\n}";
+var styles$q = {"bs-xs":"style-module_bs-xs__2s8AD","bs-sm":"style-module_bs-sm__2KgTp","bs-md":"style-module_bs-md__3yrN1","bs-lg":"style-module_bs-lg__Ydmy8","bs-xl":"style-module_bs-xl__9OYoN","bannerWrapper":"style-module_bannerWrapper__1m3mn","buttonWrapper":"style-module_buttonWrapper__-dmFc","wrapper":"style-module_wrapper__rVPyi","topIconWrapper":"style-module_topIconWrapper__VYKR7","topIconWrapper--muted":"style-module_topIconWrapper--muted__2a4Lq","topIconBanner":"style-module_topIconBanner__31-Hc","contentWrapper":"style-module_contentWrapper__B1Dn1","floatingLabel":"style-module_floatingLabel__1iIBj","disabled":"style-module_disabled__1u28-"};
+styleInject(css_248z$r);
+
+var InfoCard = function (_a) {
+    var _b, _c, _d;
+    _a.className; var _e = _a.showIcon, showIcon = _e === void 0 ? true : _e, title = _a.title, children = _a.children, topIcon = _a.topIcon, topIconType = _a.topIconType, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onClick = _a.onClick, cardProps = __rest$1(_a, ["className", "showIcon", "title", "children", "topIcon", "topIconType", "disabled", "onClick"]);
+    return (jsxRuntime.jsx(Card, __assign({}, cardProps, { label: topIcon && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: topIconType === 'icon' ? (jsxRuntime.jsx("div", { className: classNames$1('d-flex ai-center jc-center bg-orange-200 br-circle p16', styles$q.topIconWrapper), children: topIcon })) : (jsxRuntime.jsx("div", { className: classNames$1('d-flex ai-center jc-center', (_b = {}, _b[styles$q.topIconBanner] = topIconType === 'banner', _b)), children: topIcon })) })), title: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [title, showIcon && jsxRuntime.jsx(ArrowRight, { size: 20 })] })), titleVariant: 'medium', description: children, descriptionVariant: 'small', actionIcon: null, showActionIcon: false, classNames: {
+            buttonWrapper: styles$q.buttonWrapper,
+            wrapper: classNames$1((_c = {},
+                _c[styles$q.wrapper] = true,
+                _c[styles$q.disabled] = disabled,
+                _c['pt40'] = topIcon && topIconType === 'icon',
+                _c['mt40'] = topIcon && topIconType === 'icon',
+                _c[styles$q.bannerWrapper] = topIcon && topIconType === 'banner',
+                _c)),
+            label: classNames$1((_d = {},
+                _d[styles$q.floatingLabel] = topIcon && topIconType !== 'image',
+                _d)),
+            title: classNames$1({ 'mt16': topIcon && topIconType === 'banner' }, 'd-flex ai-center jc-center my8'),
+            description: 'ta-center',
+            contentWrapper: styles$q.contentWrapper,
+        }, variant: 'default', onClick: disabled ? undefined : onClick, density: 'compact' })));
+};
+
+var css_248z$q = ".style-module_containerDisabled__2j9_N {\n  pointer-events: none;\n  opacity: 0.25;\n}\n\n.style-module_contentWrapper__EkTN9 {\n  gap: 4px !important;\n}";
+var styles$p = {"containerDisabled":"style-module_containerDisabled__2j9_N","contentWrapper":"style-module_contentWrapper__EkTN9"};
+styleInject(css_248z$q);
+
 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$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) {
-    var baseClass = (function () {
-        switch (state) {
-            case 'actionable':
-                return 'ds-card--actionable';
-            case 'muted':
-                return 'ds-card--muted';
-            case 'static':
-                return 'ds-card';
-        }
-    })();
-    if (dropshadow === false) {
-        return "".concat(baseClass, " ds-card--no-dropshadow");
-    }
-    return baseClass;
+            buttonWrapper: classNames$1('c-pointer ta-left w100', className, (_b = {}, _b[styles$p.containerDisabled] = disabled, _b)),
+            label: 'tc-neutral-700',
+            description: 'tc-neutral-900 p-p',
+            contentWrapper: styles$p.contentWrapper
+        }, density: 'compact', label: title, description: typeof description === 'string' ? description : null, actionIcon: jsxRuntime.jsx(ChevronRightIcon, { size: 20, color: 'neutral-900', className: styles$p.chevronRight }), showActionIcon: true }, href ? { href: href } : {}, { children: typeof description !== 'string' ? description : null })));
 };
 
 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}";
@@ -15447,7 +15441,7 @@ module.exports = function(isValidElement, throwOnDirectAccess) {
 
 }(dist$1));
 
-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 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: #FAF8F5;\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: #FCF7EF;\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);
 
@@ -15470,10 +15464,10 @@ var AccordionItem = function (_a) {
 
 var Chevron = function (_a) {
     var className = _a.className;
-    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" }) }));
+    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: "#26262e", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 
-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 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}\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);
 
@@ -15512,7 +15506,7 @@ 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$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 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: stretch;\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: 56px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 8px;\n  background-color: #f7f7fd;\n  justify-content: center;\n  align-items: center;\n  stroke: #b8b8c0;\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: #26262e;\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);
 
@@ -15533,13 +15527,13 @@ var css_248z$j = ".style-module_wrapper__1s115 {\n  position: relative;\n}\n\n.s
 var styles$i = {"wrapper":"style-module_wrapper__1s115","infoButton":"style-module_infoButton__1nIU2"};
 styleInject(css_248z$j);
 
-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 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: transparent;\n}\n.style-module_button__3TkNT:hover svg path, .style-module_button__3TkNT:focus svg path {\n  fill: #919199;\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 #26262e;\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$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 }) }));
+    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(InfoIcon, { size: 20 }) }));
 };
 
 var TableButton = function (_a) {
@@ -15557,7 +15551,7 @@ 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$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 css_248z$h = ".style-module_icon__1ep7- {\n  margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n  fill: #26262e;\n}\n\n.style-module_empty__Ikg_s {\n  fill: #d2d2d9;\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);
 
@@ -15589,9 +15583,9 @@ var TableRowHeader = function (_a) {
 var TableTrueFalse = function (_a) {
     var value = _a.value, _b = _a.className, className = _b === void 0 ? '' : _b;
     if (value) {
-        return (jsxRuntime.jsx("svg", { width: "18", height: "13", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M15.667 1.833L6.5 11 2.333 6.833", stroke: "#8E8CEE", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+        return (jsxRuntime.jsx("svg", { width: "18", height: "13", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsxRuntime.jsx("path", { d: "M15.667 1.833L6.5 11 2.333 6.833", stroke: "#26262e", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) }));
     }
-    return (jsxRuntime.jsx("svg", { width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.707 1.707A1 1 0 0010.293.293L6 4.586 1.707.293A1 1 0 00.293 1.707L4.586 6 .293 10.293a1 1 0 101.414 1.414L6 7.414l4.293 4.293a1 1 0 001.414-1.414L7.414 6l4.293-4.293z", fill: "#D2D2D8" }) }));
+    return (jsxRuntime.jsx("svg", { width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.707 1.707A1 1 0 0010.293.293L6 4.586 1.707.293A1 1 0 00.293 1.707L4.586 6 .293 10.293a1 1 0 101.414 1.414L6 7.414l4.293 4.293a1 1 0 001.414-1.414L7.414 6l4.293-4.293z", fill: "#d2d2d9" }) }));
 };
 
 var useComparisonTable = function (_a) {
@@ -15709,7 +15703,7 @@ var useComparisonTable = function (_a) {
     };
 };
 
-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 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: #FAF8F5;\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: #FAF8F5;\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.style-module_show-details-button__3HR-p:hover {\n  background-color: #FCF7EF;\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$f);
 
@@ -15752,7 +15746,7 @@ var ComparisonTable = function (props) {
                                                              * Print a table subheader if the `label` value is present
                                                              */
                                                             headerGroup.label && !collapsibleSections && (jsxRuntime.jsx("div", { className: baseStyles['group-title'], children: jsxRuntime.jsx("h4", { className: "p-h4 ".concat(baseStyles.sticky), children: headerGroup.label }) })), content] }) }) }) }) }, idString)) }, idString));
-                            }), 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'] })] }) }) }))] })] }) }));
+                            }), 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-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$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}";
@@ -15955,7 +15949,7 @@ 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$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 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-500);\n  transition: 0.3s ease-in-out;\n  transition-property: background-color, outline, transform;\n  outline-color: var(--ds-neutral-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-400);\n}\n.styles-module_input__2sUF3:checked + .styles-module_toggle__2sL88:before {\n  background: var(--ds-purple-600);\n}\n.styles-module_input__2sUF3:checked:focus-visible ~ .styles-module_toggle__2sL88:before {\n  outline: 3px solid 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: 3px solid var(--ds-neutral-600);\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);
 
@@ -16265,8 +16259,8 @@ var css_248z$a = ".TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  sc
 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"};
+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}";
+var styles$9 = {"maxWidth":"BaseCell-module_maxWidth__14Cly","icon":"BaseCell-module_icon__1775U","description":"BaseCell-module_description__3_kfe"};
 styleInject(css_248z$9);
 
 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}";
@@ -16307,7 +16301,7 @@ var BaseCell = function (_a) {
             'jc-center': align === 'center',
         }), children: jsxRuntime.jsxs("div", { className: classNames$1('d-flex fd-column', alignClassName, (_b = {},
                 _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 () {
+                _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) ? 'neutral-900' : '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: "neutral-900" })) : (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-neutral-900", "data-testid": "table-cell-content", children: text })), text && fontVariant === 'TITLE' && (jsxRuntime.jsx("h2", { "aria-hidden": true, className: "tc-grey-800 p-h2 p--serif", children: text })), modalContent && openModal && (jsxRuntime.jsx("span", { className: "ml8", children: jsxRuntime.jsx(TableInfoButton, { onClick: function () {
                                             return openModal({
                                                 title: modalTitle,
                                                 body: modalContent,
@@ -16350,7 +16344,7 @@ 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$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 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 #26262e;\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);
 
@@ -16361,7 +16355,7 @@ var ButtonCell = function (_a) {
                 _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 })] }) }));
+                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsxRuntime.jsx("span", { className: "p-p", children: price })] }) }));
 };
 
 var TableCell = React__default['default'].memo(function (_a) {
@@ -16387,12 +16381,12 @@ var TableCell = React__default['default'].memo(function (_a) {
             _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'
+                    ? 'TITLE'
                     : (_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$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"};
+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_cardButton__3aMuL div {\n  background-color: #FAF8F5;\n}\n.Table-module_cardButton__3aMuL:hover div {\n  border-color: transparent !important;\n  outline-color: transparent !important;\n  box-shadow: none !important;\n  background-color: #FCF7EF !important;\n}\n.Table-module_cardButton__3aMuL:focus-visible div {\n  background-color: #FCF7EF !important;\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","cardButton":"Table-module_cardButton__3aMuL","stickyHeader":"Table-module_stickyHeader__2uEpP","modalContent":"Table-module_modalContent__1PNgv"};
 styleInject(css_248z$5);
 
 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}";
@@ -16461,8 +16455,8 @@ var TableSection = function (_a) {
                 }) })] }));
 };
 
-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"};
+var css_248z$3 = ".TableContents-module_cardWrapper__2OVMv {\n  height: 88px;\n}\n\n.TableContents-module_cardButton__1mVp_ div {\n  background-color: #FAF8F5;\n}\n.TableContents-module_cardButton__1mVp_:hover div {\n  border-color: transparent !important;\n  outline-color: transparent !important;\n  box-shadow: none !important;\n  background-color: #FCF7EF !important;\n}\n.TableContents-module_cardButton__1mVp_:focus-visible div {\n  background-color: #FCF7EF !important;\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","cardButton":"TableContents-module_cardButton__1mVp_","card":"TableContents-module_card__Mmz6h","cardIcon":"TableContents-module_cardIcon__2DXbp"};
 styleInject(css_248z$3);
 
 var css_248z$2 = ".Collapsible-module_collapsible__2wWKs {\n  transition: max-height 0.3s ease-in-out;\n  overflow-y: clip;\n}";
@@ -16530,9 +16524,10 @@ var TableContents = function (_a) {
                 .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',
+                                    wrapper: 'pl16',
+                                    buttonWrapper: styles$3.cardButton,
                                     icon: classNames$1(styles$3.cardIcon, 'tc-neutral-900'),
-                                }, dropShadow: false, icon: renderedIcon, title: section.title, titleVariant: "medium" }, (collapsibleSections
+                                }, dropShadow: false, icon: renderedIcon, title: section.title, titleVariant: "medium", variant: "primary" }, (collapsibleSections
                                 ? {
                                     onClick: function () { return handleToggleSection(index); },
                                 }
@@ -16592,13 +16587,13 @@ var useTableNavigation = function (_a) {
     };
 };
 
-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 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  width: 32px;\n  height: 100%;\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$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" })] }));
+    return (jsxRuntime.jsxs("div", { "aria-hidden": true, className: classNames$1('d-flex ai-stretch jc-between bg-white px8', styles$1.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: [jsxRuntime.jsx("div", { className: 'py24', children: jsxRuntime.jsx(Button, { className: classNames$1('br8', 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", style: { height: '100%' }, children: "Previous section" }) }), children, jsxRuntime.jsx("div", { className: 'py24', children: jsxRuntime.jsx(Button, { className: classNames$1('br8', 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) {
@@ -16670,9 +16665,8 @@ var Table = function (_a) {
                                 },
                             }
                             : {}), 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',
+                    buttonWrapper: classNames$1(styles$5.cardButton, 'm8 mt32'),
                     title: 'd-flex gap8 ai-center jc-center fw-bold',
-                    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$5.modalContent, "pt8 p24 wmn6"), children: modalContentRenderer
@@ -16951,7 +16945,7 @@ exports.ImagePictureIcon = ImagePicture;
 exports.InboxIcon = Inbox;
 exports.InfoCard = InfoCard;
 exports.InfoFilledIcon = InfoFilled;
-exports.InfoIcon = Info;
+exports.InfoIcon = InfoIcon;
 exports.InformationBox = InformationBox;
 exports.Input = Input;
 exports.InstagramIcon = Instagram;