@heycater/qualification-funnel 1.2.2 → 1.3.0

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 var _a;
 import * as React from "react";
 import React__default, { createContext, useContext, useMemo, useReducer, useCallback, useEffect, useRef, useState, isValidElement, cloneElement, Children, forwardRef } from "react";
-import { darken as darken$1, lighten as lighten$1, ButtonBase as ButtonBase$2, Typography as Typography$1, useMediaQuery, Input as Input$1, IconButton as IconButton$2, useTheme as useTheme$1, FormControlLabel, Tooltip, Menu, Hidden, SnackbarContent, Snackbar, TextField, CircularProgress, Modal, ThemeProvider as ThemeProvider$1, StylesProvider as StylesProvider$1, CssBaseline } from "@material-ui/core";
+import { darken as darken$1, lighten as lighten$1, ButtonBase as ButtonBase$2, Typography as Typography$1, useMediaQuery, Input as Input$1, IconButton as IconButton$2, FormControlLabel, useTheme as useTheme$1, Tooltip, Menu, Hidden, SnackbarContent, Snackbar, TextField, CircularProgress, Modal, ThemeProvider as ThemeProvider$1, StylesProvider as StylesProvider$1, CssBaseline } from "@material-ui/core";
 import { useTranslation, initReactI18next, I18nextProvider } from "react-i18next";
 import styled, { css as css$1, createGlobalStyle, ThemeProvider } from "styled-components";
 import { gql, useQuery, useClient, mapExchange, Client, cacheExchange, fetchExchange, Provider } from "urql";
@@ -9,8 +9,6 @@ import { breakpoints as breakpoints$1, compose, display, flexbox, palette, posit
 import i18next from "i18next";
 import { DayPicker, useActiveModifiers, useDayPicker, Day, Row, useNavigation, IconLeft, IconRight } from "react-day-picker";
 import { useFormikContext, useField, getIn as getIn$1, Form, Formik, Field } from "formik";
-import Bugsnag from "@bugsnag/js";
-import BugsnagPluginReact from "@bugsnag/plugin-react";
 import * as ReactDOM from "react-dom";
 import { useInView } from "react-intersection-observer";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -992,8 +990,8 @@ function requireReactJsxRuntime_development() {
   })(reactJsxRuntime_development);
   return reactJsxRuntime_development;
 }
-var define_process_env_default$M = {};
-if (define_process_env_default$M.NODE_ENV === "production") {
+var define_process_env_default$K = {};
+if (define_process_env_default$K.NODE_ENV === "production") {
   jsxRuntime.exports = requireReactJsxRuntime_production_min();
 } else {
   jsxRuntime.exports = requireReactJsxRuntime_development();
@@ -1002,7 +1000,91 @@ var jsxRuntimeExports = jsxRuntime.exports;
 const breakpointsFn = breakpoints$1(
   compose(display, flexbox, palette, positions, sizing, spacing, typography)
 );
-const Box = styled.div`
+const SYSTEM_PROPS = /* @__PURE__ */ new Set([
+  // spacing
+  "m",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "mx",
+  "my",
+  "p",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "px",
+  "py",
+  "margin",
+  "marginTop",
+  "marginRight",
+  "marginBottom",
+  "marginLeft",
+  "padding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  // display
+  "display",
+  // flexbox
+  "flexDirection",
+  "flexWrap",
+  "justifyContent",
+  "alignItems",
+  "alignContent",
+  "order",
+  "flex",
+  "flexGrow",
+  "flexShrink",
+  "flexBasis",
+  "alignSelf",
+  "justifySelf",
+  // palette
+  "bgcolor",
+  "backgroundColor",
+  // typography
+  "fontFamily",
+  "fontSize",
+  "fontWeight",
+  "fontStyle",
+  "letterSpacing",
+  "lineHeight",
+  "textAlign",
+  "textTransform",
+  // sizing
+  "width",
+  "height",
+  "maxWidth",
+  "maxHeight",
+  "minWidth",
+  "minHeight",
+  // positions
+  "position",
+  "zIndex",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  // borders
+  "border",
+  "borderTop",
+  "borderRight",
+  "borderBottom",
+  "borderLeft",
+  "borderColor",
+  "borderRadius",
+  // shadows
+  "boxShadow",
+  // gap
+  "gap",
+  "rowGap",
+  "columnGap"
+]);
+const Box = styled.div.withConfig({
+  shouldForwardProp: (prop) => !SYSTEM_PROPS.has(prop)
+})`
   ${borders}
   ${display}
   ${flexbox}
@@ -1140,8 +1222,35 @@ const BLOCK_XS = (props) => css$1`
   }
 `;
 const breakpointSpacing = breakpoints$1(compose(spacing, typography));
+const TYPOGRAPHY_SYSTEM_PROPS = /* @__PURE__ */ new Set([
+  "m",
+  "mt",
+  "mr",
+  "mb",
+  "ml",
+  "mx",
+  "my",
+  "p",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "px",
+  "py",
+  "fontSize",
+  "fontWeight",
+  "fontFamily",
+  "fontStyle",
+  "letterSpacing",
+  "lineHeight",
+  "textAlign",
+  "textTransform"
+]);
 const CustomTypography = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Typography$1, { ...props });
+  const filtered = Object.fromEntries(
+    Object.entries(props).filter(([key]) => !TYPOGRAPHY_SYSTEM_PROPS.has(key))
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Typography$1, { ...filtered });
 };
 const Typography = styled(CustomTypography)`
   ${spacing}
@@ -1267,7 +1376,7 @@ const ProgressIndicator = ({ stepCount, currentStep }) => {
   const percent2 = currentStep / stepCount * 100;
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$6, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { fontWeight: 600, fontSize: 14, lineHeight: "150%", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Typography, { fontWeight: 600, fontSize: 14, style: { lineHeight: "150%" }, children: [
       currentStep,
       "/",
       stepCount,
@@ -1317,7 +1426,9 @@ const sizes = {
   md: 1250,
   lg: 1890
 };
-const StyledContainer$1 = styled(Box)`
+const StyledContainer$1 = styled(Box).withConfig({
+  shouldForwardProp: (prop) => prop !== "disableGutters" && prop !== "padding" && prop !== "size"
+})`
   --padding: ${({ theme, disableGutters, padding }) => disableGutters ? 0 : theme.spacing(padding ?? 2)}px;
 
   --contentMaxWidth: ${({ size }) => typeof size === "number" ? size : sizes[size || "md"]}px;
@@ -1501,8 +1612,8 @@ function baseHas$1(object2, key) {
   return object2 != null && hasOwnProperty$9.call(object2, key);
 }
 var _baseHas = baseHas$1;
-var isArray$c = Array.isArray;
-var isArray_1 = isArray$c;
+var isArray$b = Array.isArray;
+var isArray_1 = isArray$b;
 var freeGlobal$1 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
 var _freeGlobal = freeGlobal$1;
 var freeGlobal = _freeGlobal;
@@ -1561,10 +1672,10 @@ function isSymbol$4(value) {
   return typeof value == "symbol" || isObjectLike$4(value) && baseGetTag$4(value) == symbolTag$1;
 }
 var isSymbol_1 = isSymbol$4;
-var isArray$b = isArray_1, isSymbol$3 = isSymbol_1;
+var isArray$a = isArray_1, isSymbol$3 = isSymbol_1;
 var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
 function isKey$3(value, object2) {
-  if (isArray$b(value)) {
+  if (isArray$a(value)) {
     return false;
   }
   var type2 = typeof value;
@@ -1899,13 +2010,13 @@ function arrayMap$1(array2, iteratee) {
   return result;
 }
 var _arrayMap = arrayMap$1;
-var Symbol$2 = _Symbol, arrayMap = _arrayMap, isArray$a = isArray_1, isSymbol$2 = isSymbol_1;
+var Symbol$2 = _Symbol, arrayMap = _arrayMap, isArray$9 = isArray_1, isSymbol$2 = isSymbol_1;
 var symbolProto$1 = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto$1 ? symbolProto$1.toString : void 0;
 function baseToString$1(value) {
   if (typeof value == "string") {
     return value;
   }
-  if (isArray$a(value)) {
+  if (isArray$9(value)) {
     return arrayMap(value, baseToString$1) + "";
   }
   if (isSymbol$2(value)) {
@@ -1920,9 +2031,9 @@ function toString$5(value) {
   return value == null ? "" : baseToString(value);
 }
 var toString_1 = toString$5;
-var isArray$9 = isArray_1, isKey$2 = _isKey, stringToPath$1 = _stringToPath, toString$4 = toString_1;
+var isArray$8 = isArray_1, isKey$2 = _isKey, stringToPath$1 = _stringToPath, toString$4 = toString_1;
 function castPath$2(value, object2) {
-  if (isArray$9(value)) {
+  if (isArray$8(value)) {
     return value;
   }
   return isKey$2(value, object2) ? [value] : stringToPath$1(toString$4(value));
@@ -1966,7 +2077,7 @@ function toKey$4(value) {
   return result == "0" && 1 / value == -Infinity ? "-0" : result;
 }
 var _toKey = toKey$4;
-var castPath$1 = _castPath, isArguments$1 = isArguments_1, isArray$8 = isArray_1, isIndex$1 = _isIndex, isLength$2 = isLength_1, toKey$3 = _toKey;
+var castPath$1 = _castPath, isArguments$1 = isArguments_1, isArray$7 = isArray_1, isIndex$1 = _isIndex, isLength$2 = isLength_1, toKey$3 = _toKey;
 function hasPath$2(object2, path, hasFunc) {
   path = castPath$1(path, object2);
   var index = -1, length = path.length, result = false;
@@ -1981,15 +2092,15 @@ function hasPath$2(object2, path, hasFunc) {
     return result;
   }
   length = object2 == null ? 0 : object2.length;
-  return !!length && isLength$2(length) && isIndex$1(key, length) && (isArray$8(object2) || isArguments$1(object2));
+  return !!length && isLength$2(length) && isIndex$1(key, length) && (isArray$7(object2) || isArguments$1(object2));
 }
 var _hasPath = hasPath$2;
 var baseHas = _baseHas, hasPath$1 = _hasPath;
-function has$5(object2, path) {
+function has$4(object2, path) {
   return object2 != null && hasPath$1(object2, path, baseHas);
 }
-var has_1 = has$5;
-const has$6 = /* @__PURE__ */ getDefaultExportFromCjs(has_1);
+var has_1 = has$4;
+const has$5 = /* @__PURE__ */ getDefaultExportFromCjs(has_1);
 const isSchema = (obj) => obj && obj.__isYupSchema__;
 class Condition {
   constructor(refs, options) {
@@ -2000,7 +2111,7 @@ class Condition {
       this.fn = options;
       return;
     }
-    if (!has$6(options, "is")) throw new TypeError("`is:` is required for `when()` conditions");
+    if (!has$5(options, "is")) throw new TypeError("`is:` is required for `when()` conditions");
     if (!options.then && !options.otherwise) throw new TypeError("either `then:` or `otherwise:` is required for `when()` conditions");
     let {
       is,
@@ -2239,11 +2350,11 @@ var baseIsTypedArray = _baseIsTypedArray, baseUnary = _baseUnary, nodeUtil = _no
 var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
 var isTypedArray$2 = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
 var isTypedArray_1 = isTypedArray$2;
-var baseTimes = _baseTimes, isArguments = isArguments_1, isArray$7 = isArray_1, isBuffer$2 = isBufferExports, isIndex = _isIndex, isTypedArray$1 = isTypedArray_1;
+var baseTimes = _baseTimes, isArguments = isArguments_1, isArray$6 = isArray_1, isBuffer$2 = isBufferExports, isIndex = _isIndex, isTypedArray$1 = isTypedArray_1;
 var objectProto$5 = Object.prototype;
 var hasOwnProperty$3 = objectProto$5.hasOwnProperty;
 function arrayLikeKeys$1(value, inherited) {
-  var isArr = isArray$7(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer$2(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
+  var isArr = isArray$6(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer$2(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
   for (var key in value) {
     if ((inherited || hasOwnProperty$3.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
     (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -2511,10 +2622,10 @@ function arrayPush$1(array2, values2) {
   return array2;
 }
 var _arrayPush = arrayPush$1;
-var arrayPush = _arrayPush, isArray$6 = isArray_1;
+var arrayPush = _arrayPush, isArray$5 = isArray_1;
 function baseGetAllKeys$1(object2, keysFunc, symbolsFunc) {
   var result = keysFunc(object2);
-  return isArray$6(object2) ? result : arrayPush(result, symbolsFunc(object2));
+  return isArray$5(object2) ? result : arrayPush(result, symbolsFunc(object2));
 }
 var _baseGetAllKeys = baseGetAllKeys$1;
 function arrayFilter$1(array2, predicate) {
@@ -2637,13 +2748,13 @@ if (DataView$1 && getTag$1(new DataView$1(new ArrayBuffer(1))) != dataViewTag ||
   };
 }
 var _getTag = getTag$1;
-var Stack$1 = _Stack, equalArrays = _equalArrays, equalByTag = _equalByTag, equalObjects = _equalObjects, getTag = _getTag, isArray$5 = isArray_1, isBuffer$1 = isBufferExports, isTypedArray = isTypedArray_1;
+var Stack$1 = _Stack, equalArrays = _equalArrays, equalByTag = _equalByTag, equalObjects = _equalObjects, getTag = _getTag, isArray$4 = isArray_1, isBuffer$1 = isBufferExports, isTypedArray = isTypedArray_1;
 var COMPARE_PARTIAL_FLAG$2 = 1;
 var argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]";
 var objectProto = Object.prototype;
 var hasOwnProperty = objectProto.hasOwnProperty;
 function baseIsEqualDeep$1(object2, other, bitmask, customizer, equalFunc, stack) {
-  var objIsArr = isArray$5(object2), othIsArr = isArray$5(other), objTag = objIsArr ? arrayTag : getTag(object2), othTag = othIsArr ? arrayTag : getTag(other);
+  var objIsArr = isArray$4(object2), othIsArr = isArray$4(other), objTag = objIsArr ? arrayTag : getTag(object2), othTag = othIsArr ? arrayTag : getTag(other);
   objTag = objTag == argsTag ? objectTag : objTag;
   othTag = othTag == argsTag ? objectTag : othTag;
   var objIsObj = objTag == objectTag, othIsObj = othTag == objectTag, isSameTag = objTag == othTag;
@@ -2812,7 +2923,7 @@ function property$1(path) {
   return isKey(path) ? baseProperty(toKey(path)) : basePropertyDeep(path);
 }
 var property_1 = property$1;
-var baseMatches = _baseMatches, baseMatchesProperty = _baseMatchesProperty, identity = identity_1, isArray$4 = isArray_1, property = property_1;
+var baseMatches = _baseMatches, baseMatchesProperty = _baseMatchesProperty, identity = identity_1, isArray$3 = isArray_1, property = property_1;
 function baseIteratee$2(value) {
   if (typeof value == "function") {
     return value;
@@ -2821,7 +2932,7 @@ function baseIteratee$2(value) {
     return identity;
   }
   if (typeof value == "object") {
-    return isArray$4(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value);
+    return isArray$3(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value);
   }
   return property(value);
 }
@@ -2854,27 +2965,11 @@ Cache.prototype.set = function(key, value) {
   return this._values[key] = value;
 };
 var SPLIT_REGEX = /[^.^\]^[]+|(?=\[\]|\.\.)/g, DIGIT_REGEX = /^\d+$/, LEAD_DIGIT_REGEX = /^\d/, SPEC_CHAR_REGEX = /[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]/g, CLEAN_QUOTES_REGEX = /^\s*(['"]?)(.*?)(\1)\s*$/, MAX_CACHE_SIZE = 512;
-var pathCache = new Cache(MAX_CACHE_SIZE), setCache = new Cache(MAX_CACHE_SIZE), getCache = new Cache(MAX_CACHE_SIZE);
+var pathCache = new Cache(MAX_CACHE_SIZE);
+new Cache(MAX_CACHE_SIZE);
+var getCache = new Cache(MAX_CACHE_SIZE);
 var propertyExpr = {
-  Cache,
   split,
-  normalizePath,
-  setter: function(path) {
-    var parts = normalizePath(path);
-    return setCache.get(path) || setCache.set(path, function setter(obj, value) {
-      var index = 0;
-      var len = parts.length;
-      var data = obj;
-      while (index < len - 1) {
-        var part = parts[index];
-        if (part === "__proto__" || part === "constructor" || part === "prototype") {
-          return obj;
-        }
-        data = data[parts[index++]];
-      }
-      data[parts[index]] = value;
-    });
-  },
   getter: function(path, safe) {
     var parts = normalizePath(path);
     return getCache.get(path) || getCache.set(path, function getter(data) {
@@ -2886,11 +2981,6 @@ var propertyExpr = {
       return data;
     });
   },
-  join: function(segments) {
-    return segments.reduce(function(path, part) {
-      return path + (isQuoted(part) || DIGIT_REGEX.test(part) ? "[" + part + "]" : (path ? "." : "") + part);
-    }, "");
-  },
   forEach: function(path, cb, thisArg) {
     forEach(Array.isArray(path) ? path : split(path), cb, thisArg);
   }
@@ -4485,7 +4575,7 @@ function sortFields(fields, excludedEdges = []) {
     nodes.add(node);
     if (!excludes.has(`${key}-${node}`)) edges.push([key, node]);
   }
-  for (const key in fields) if (has$6(fields, key)) {
+  for (const key in fields) if (has$5(fields, key)) {
     let value = fields[key];
     nodes.add(key);
     if (Reference.isRef(value) && value.isSibling) addNode(value.path, key);
@@ -4574,7 +4664,7 @@ class ObjectSchema extends BaseSchema {
     let isChanged = false;
     for (const prop of props) {
       let field = fields[prop];
-      let exists = has$6(value, prop);
+      let exists = has$5(value, prop);
       if (field) {
         let fieldValue;
         let inputValue = value[prop];
@@ -4737,7 +4827,7 @@ class ObjectSchema extends BaseSchema {
     return this.transform((obj) => {
       if (obj == null) return obj;
       let newObj = obj;
-      if (has$6(obj, from)) {
+      if (has$5(obj, from)) {
         newObj = _extends$4({}, obj);
         if (!alias) delete newObj[from];
         newObj[to] = fromGetter(obj);
@@ -5179,7 +5269,8 @@ const DEFAULT_CONFIG = {
   salesforceWebToLeadOid: "",
   locale: "de",
   isProduction: true,
-  codeRed: "marketplace"
+  codeRed: "marketplace",
+  mode: "embedded"
 };
 let assetsBaseUrl = null;
 function getAssetUrl(path) {
@@ -5980,7 +6071,7 @@ const numberOfVegetariansQuestion = createQuestion({
   content: {
     titleEn: "Vegetarians",
     titleDe: "Vegetarier",
-    image: getAssetUrl(`${DIETARY_PATH}/vegetarian.webp`)
+    image: getAssetUrl(`${DIETARY_PATH}/vegetarian.svg`)
   }
 });
 const numberOfVegansQuestion = createQuestion({
@@ -5989,7 +6080,7 @@ const numberOfVegansQuestion = createQuestion({
   content: {
     titleEn: "Vegans",
     titleDe: "Veganer",
-    image: getAssetUrl(`${DIETARY_PATH}/vegan.webp`)
+    image: getAssetUrl(`${DIETARY_PATH}/vegan.svg`)
   }
 });
 const numberOfCarnivoresQuestion = createQuestion({
@@ -5998,7 +6089,7 @@ const numberOfCarnivoresQuestion = createQuestion({
   content: {
     titleEn: "Carnivore",
     titleDe: "Fleischesser",
-    image: getAssetUrl(`${DIETARY_PATH}/carnivore.webp`)
+    image: getAssetUrl(`${DIETARY_PATH}/meat.svg`)
   }
 });
 function _typeof$1(o) {
@@ -7746,6 +7837,53 @@ const dateQuestion = createDateQuestion({
     };
   }
 });
+const BUDGET_RANGES = [
+  "under_10k",
+  "10k_25k",
+  "25k_50k",
+  "over_50k"
+];
+const BUDGET_RANGE_ITEMS = [
+  {
+    value: "under_10k",
+    labelEn: "<10k",
+    labelDe: "<10k",
+    display: "<10k"
+  },
+  {
+    value: "10k_25k",
+    labelEn: "10k–25k",
+    labelDe: "10k–25k",
+    display: "10k–25k"
+  },
+  {
+    value: "25k_50k",
+    labelEn: "25k–50k",
+    labelDe: "25k–50k",
+    display: "25k–50k"
+  },
+  {
+    value: "over_50k",
+    labelEn: "50k+",
+    labelDe: "50k+",
+    display: "50k+"
+  }
+];
+const budgetRangeQuestion = Object.freeze(
+  createSelectorQuestion({
+    id: "budget_range",
+    getValidator: () => {
+      return yup.mixed().oneOf([...BUDGET_RANGES]).required();
+    },
+    getItems: () => {
+      return [...BUDGET_RANGE_ITEMS];
+    },
+    content: {
+      titleEn: "What is your estimated budget?",
+      titleDe: "Wie hoch ist dein geschätztes Budget?"
+    }
+  })
+);
 const LEAD_TYPES = ["private", "business"];
 const LEAD_TYPE_PATH = "/artifacts/images/survey/lead_type";
 const LEAD_TYPE_ITEMS = [
@@ -7847,24 +7985,24 @@ const SERVICE_TYPES = [
 const SERVICE_TYPE_ITEMS = [
   {
     value: "meetings_events",
-    labelEn: "Meetings & Events",
-    labelDe: "Meetings & Events",
-    subtitleEn: "One-off catering",
-    subtitleDe: "Einmaliges Catering"
+    labelEn: "Meetings & Catering",
+    labelDe: "Meetings & Catering",
+    subtitleEn: "One-time catering for meetings or team events",
+    subtitleDe: "Einmaliges Catering für Meetings oder Team-Events"
   },
   {
     value: "regular_employee_catering",
-    labelEn: "Daily Catering",
-    labelDe: "Mitarbeiterverpflegung",
-    subtitleEn: "Regular team meals",
-    subtitleDe: "Regelmäßige Verpflegung"
+    labelEn: "Daily Office Meals",
+    labelDe: "Tägliche Office Meals",
+    subtitleEn: "Recurring lunch solutions for your team",
+    subtitleDe: "Regelmäßige Lunch-Lösungen für dein Team"
   },
   {
     value: "full_service_event",
-    labelEn: "Event Full-Service",
-    labelDe: "Event Full-Service",
-    subtitleEn: "100+ guests incl. location",
-    subtitleDe: "ab 100 Personen inkl. Location"
+    labelEn: "Full-Service Event",
+    labelDe: "Full-Service Event",
+    subtitleEn: "Complete event planning including catering and location",
+    subtitleDe: "Komplette Eventplanung inklusive Catering und Location"
   }
 ];
 const serviceTypeQuestion = Object.freeze(
@@ -7912,6 +8050,7 @@ const questions$2 = {
 };
 const SCHEMA_QUESTIONS = {
   service_type: serviceTypeQuestion,
+  budget_range: budgetRangeQuestion,
   lead_type: leadTypeQuestion,
   min_order_number: peopleCountQuestion,
   caterer_minimum_order_value: totalBudgetQuestion,
@@ -7937,6 +8076,7 @@ const STEP_IDS = {
   teamSize: "team_size",
   deliveryFrequency: "delivery_frequency",
   peopleCount: "people_count",
+  budgetRange: "budget_range",
   contactForm: "contact_form"
 };
 const cityStep = createStep({
@@ -8034,6 +8174,14 @@ const peopleCountStep = createStep({
     subtitleDe: "Mindestens 100 Gäste für Full-Service Events"
   }
 });
+const budgetRangeStep = createStep({
+  id: STEP_IDS.budgetRange,
+  questions: [budgetRangeQuestion],
+  content: {
+    titleEn: "What is your estimated budget?",
+    titleDe: "Wie hoch ist dein geschätztes Budget?"
+  }
+});
 const contactFormStep = createStep({
   id: STEP_IDS.contactForm,
   questions: [],
@@ -8052,6 +8200,7 @@ const steps$2 = {
   teamSize: teamSizeStep,
   deliveryFrequency: deliveryFrequencyStep,
   peopleCount: peopleCountStep,
+  budgetRange: budgetRangeStep,
   contactForm: contactFormStep
 };
 const SCHEMA_STEPS = createStepSchema({
@@ -8064,6 +8213,7 @@ const SCHEMA_STEPS = createStepSchema({
   [STEP_IDS.teamSize]: teamSizeStep,
   [STEP_IDS.deliveryFrequency]: deliveryFrequencyStep,
   [STEP_IDS.peopleCount]: peopleCountStep,
+  [STEP_IDS.budgetRange]: budgetRangeStep,
   [STEP_IDS.contactForm]: contactFormStep
 });
 function createStepSchema(obj) {
@@ -8139,7 +8289,8 @@ const FLOW_CONFIGURATIONS = {
       STEP_IDS.city,
       STEP_IDS.cateringCategories,
       STEP_IDS.eventDate,
-      STEP_IDS.budgetAndPeopleCount
+      STEP_IDS.budgetAndPeopleCount,
+      STEP_IDS.dietaryRestrictions
     ]
   },
   full_service_event: {
@@ -8148,7 +8299,8 @@ const FLOW_CONFIGURATIONS = {
       STEP_IDS.serviceSelection,
       STEP_IDS.city,
       STEP_IDS.eventDate,
-      STEP_IDS.peopleCount
+      STEP_IDS.peopleCount,
+      STEP_IDS.budgetRange
     ]
   }
 };
@@ -9166,8 +9318,9 @@ function isDataInStorageInvalid(data) {
     return true;
   }
 }
-const EmbeddedQuestionControls = ({ onBackground }) => {
+const EmbeddedQuestionControls = ({ onBackground, mode = "embedded" }) => {
   const { state, actions, canContinue } = useQualification();
+  const isFullscreen = mode === "fullscreen";
   const toPrevStep2 = useCallback(() => {
     actions.prevStep();
   }, []);
@@ -9181,8 +9334,9 @@ const EmbeddedQuestionControls = ({ onBackground }) => {
   const prevStep = steps2[stepIndex - 1];
   const isLastStep = Boolean(step2 && stepIndex === steps2.length - 1);
   const enabledSteps = state.qualification.steps.filter((q2) => !q2.disabled);
+  const StyledButton = isFullscreen ? FullscreenButton : EmbeddedButton;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Container, { size: "sm", display: "flex", flexDirection: "column", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    !isFullscreen && /* @__PURE__ */ jsxRuntimeExports.jsx(
       Box,
       {
         display: { xs: "none", sm: "block" },
@@ -9203,7 +9357,7 @@ const EmbeddedQuestionControls = ({ onBackground }) => {
         visibility: state.status === QUALIFICATION_STATUS.answered ? "hidden" : "visible",
         children: [
           prevStep && !prevStep.disabled && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            EmbeddedButton,
+            StyledButton,
             {
               id: "embedded-funnel__prev-btn",
               variant: onBackground === "dark" ? "tertiary" : "secondary",
@@ -9213,7 +9367,7 @@ const EmbeddedQuestionControls = ({ onBackground }) => {
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            EmbeddedButton,
+            StyledButton,
             {
               variant: "primary",
               type: "submit",
@@ -9231,6 +9385,11 @@ const EmbeddedQuestionControls = ({ onBackground }) => {
 const EmbeddedButton = styled(Button)`
   height: 24px;
 `;
+const FullscreenButton = styled(Button)`
+  height: 48px;
+  min-width: 140px;
+  font-size: 16px;
+`;
 const ButtonsWrapper = styled(Box)`
   display: flex;
   justify-content: center;
@@ -9859,13 +10018,13 @@ const usePillValues = (options) => {
     return [];
   }
   const pillValues = options.map(
-    ({ stepId: questionId, questionId: childQuestionId }) => getPillValue({
+    ({ stepId, questionId }) => getPillValue({
       steps: state.qualification.steps,
       answers: state.qualification.answers,
       t: t2,
       locale: locale2,
-      stepId: questionId,
-      questionId: childQuestionId
+      stepId,
+      questionId
     })
   ).flat().filter((truthy) => !!truthy);
   return pillValues;
@@ -9922,12 +10081,14 @@ function getPillValue({
       const returnValue = [
         {
           stepId,
+          questionId: "event_date",
           text: formatDate(date2, locale2) || ""
         }
       ];
       if (leadTypeItem) {
         returnValue.push({
           stepId: step2.id,
+          questionId: "lead_type",
           text: getItemLabel(locale2, leadTypeItem)
         });
       }
@@ -9966,10 +10127,12 @@ function getPillValue({
       return [
         {
           stepId,
+          questionId: "min_order_number",
           text: t2("qualification:selection.people", { amount: peopleCount })
         },
         {
           stepId,
+          questionId: "price_per_person",
           text: t2("qualification:selection.budget", {
             perPerson: pricePerPerson,
             total: total2
@@ -9977,6 +10140,16 @@ function getPillValue({
         }
       ];
     }
+    case "budget_range": {
+      const answer = answers == null ? void 0 : answers.budget_range;
+      const item = BUDGET_RANGE_ITEMS.find(
+        (rangeItem) => rangeItem.value === answer
+      );
+      return item ? {
+        stepId,
+        text: getItemLabel(locale2, item)
+      } : null;
+    }
     case "dietary_restrictions": {
       if (questionId === "number_of_carnivore") {
         return {
@@ -10056,6 +10229,9 @@ const selectionSchema = [
   {
     stepId: "people_count_and_budget"
   },
+  {
+    stepId: "budget_range"
+  },
   {
     stepId: "dietary_restrictions",
     questionId: "number_of_vegetarians"
@@ -10137,7 +10313,7 @@ function SelectedAnswers({ currentStep, wrap }) {
               questionId: pill.questionId,
               text: pill.text || ""
             },
-            pill.questionId
+            `${pill.stepId}_${pill.questionId}`
           )) })
         }
       )
@@ -10169,7 +10345,7 @@ function SelectedAnswers({ currentStep, wrap }) {
             questionId: pill.questionId,
             text: pill.text || ""
           },
-          pill.questionId
+          `${pill.stepId}_${pill.questionId}`
         )) })
       }
     )
@@ -10222,8 +10398,10 @@ const EmbeddedQuestionLayout = ({
   answerContainerSize = 826,
   side,
   wrapper,
+  mode = "embedded",
   ...boxProps
 }) => {
+  const isFullscreen = mode === "fullscreen";
   const { state } = useQualification();
   const isMobile = useBreakpointDown("sm");
   if (state.status !== QUALIFICATION_STATUS.answered && state.status !== QUALIFICATION_STATUS.answering && state.status !== QUALIFICATION_STATUS.qualifiedForRequest) {
@@ -10233,91 +10411,109 @@ const EmbeddedQuestionLayout = ({
   const steps2 = state.qualification.steps;
   const stepIndex = step2 ? steps2.findIndex(({ id }) => id === step2.id) : -1;
   const showSelectedAnswerPills = state.status === QUALIFICATION_STATUS.answering && stepIndex > 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Container,
     {
       size: containerSize,
       disableGutters,
+      ...isFullscreen ? { style: { display: "flex", flexDirection: "column", flexGrow: 1 } } : {},
       ...boxProps,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Wrapper$5,
-        {
-          bgcolor: wrapper === "white" ? "white" : "transparent",
-          minHeight: { xs: 0, md: MIN_HEIGHT_OVER_MD },
-          display: "flex",
-          width: "100%",
-          color: "rgba(0,0,0,0.8)",
-          flexDirection: "column",
-          justifyContent: "center",
-          alignItems: "flex-start",
-          position: isMobile ? "inherit" : "relative",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              WrapperBox$1,
-              {
-                position: isMobile ? "inherit" : "absolute",
-                width: "100%",
-                flexGrow: 1,
-                display: "flex",
-                flexDirection: { xs: "column", md: "row" },
-                mb: 4,
-                alignItems: { xs: "center", md: "flex-start" },
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    Box,
-                    {
-                      flexGrow: 0,
-                      width: { xs: "100%", md: "min-content" },
-                      maxWidth: "500px",
-                      children: side
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Wrapper$5,
+          {
+            bgcolor: wrapper === "white" ? "white" : "transparent",
+            minHeight: isFullscreen ? void 0 : { xs: 0, md: MIN_HEIGHT_OVER_MD },
+            display: "flex",
+            width: "100%",
+            color: "rgba(0,0,0,0.8)",
+            flexDirection: "column",
+            justifyContent: "center",
+            alignItems: "flex-start",
+            position: isMobile ? "inherit" : "relative",
+            ...isFullscreen ? { flexGrow: 1, style: { paddingBottom: "80px" } } : {},
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                WrapperBox$1,
+                {
+                  position: isFullscreen ? "inherit" : isMobile ? "inherit" : "absolute",
+                  width: "100%",
+                  flexGrow: 1,
+                  display: "flex",
+                  flexDirection: { xs: "column", md: "row" },
+                  mb: isFullscreen ? 0 : 4,
+                  alignItems: { xs: "center", md: "flex-start" },
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Box,
+                      {
+                        flexGrow: 0,
+                        width: { xs: "100%", md: "min-content" },
+                        maxWidth: "500px",
+                        children: side
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                      Box,
+                      {
+                        flexGrow: 1,
+                        display: "flex",
+                        flexDirection: "column",
+                        alignSelf: "stretch",
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs(TextWrapper, { children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { textAlign: "center", mb: isFullscreen ? 4 : 2, maxWidth: isFullscreen ? 650 : 550, mx: "auto", children: typeof title === "string" ? isFullscreen ? /* @__PURE__ */ jsxRuntimeExports.jsxs(FullscreenTitle, { children: [
+                              title,
+                              " "
+                            ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(Subtitle$1, { variant: "subtitle2", children: [
+                              title,
+                              " "
+                            ] }) : title }),
+                            subtitle && /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { as: "p", textAlign: "center", mb: isFullscreen ? 2 : 0, children: [
+                              subtitle,
+                              " "
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { my: "auto", children: content }),
+                          !isFullscreen && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { mt: 2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EmbeddedQuestionControls, { onBackground: "light", mode: "embedded" }) })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              !isFullscreen && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Container,
+                {
+                  mt: "auto",
+                  size: answerContainerSize,
+                  disableGutters,
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     Box,
                     {
-                      flexGrow: 1,
-                      display: "flex",
-                      flexDirection: "column",
-                      alignSelf: "stretch",
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs(TextWrapper, { children: [
-                          /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { textAlign: "center", mb: 2, maxWidth: 550, mx: "auto", children: typeof title === "string" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Subtitle$1, { variant: "subtitle2", children: [
-                            title,
-                            " "
-                          ] }) : title }),
-                          subtitle && /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { as: "p", textAlign: "center", children: [
-                            subtitle,
-                            " "
-                          ] })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { my: "auto", children: content }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { mt: 2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(EmbeddedQuestionControls, { onBackground: "light" }) })
-                      ]
+                      bgcolor: "white",
+                      borderRadius: { xs: 0, sm: 8 },
+                      visibility: showSelectedAnswerPills ? "visible" : "hidden",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectedAnswers, { currentStep: step2 || steps2[1] })
                     }
                   )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Container,
-              {
-                mt: "auto",
-                size: answerContainerSize,
-                disableGutters,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  Box,
-                  {
-                    bgcolor: "white",
-                    borderRadius: { xs: 0, sm: 8 },
-                    visibility: showSelectedAnswerPills ? "visible" : "hidden",
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectedAnswers, { currentStep: step2 || steps2[1] })
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
+                }
+              )
+            ]
+          }
+        ),
+        isFullscreen && /* @__PURE__ */ jsxRuntimeExports.jsxs(StickyFooter, { children: [
+          showSelectedAnswerPills && /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { size: answerContainerSize, disableGutters, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Box,
+            {
+              bgcolor: "white",
+              borderRadius: { xs: 0, sm: 8 },
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectedAnswers, { currentStep: step2 || steps2[1] })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(EmbeddedQuestionControls, { onBackground: "light", mode: "fullscreen" })
+        ] })
+      ]
     }
   );
 };
@@ -10356,6 +10552,38 @@ const Subtitle$1 = styled(Typography)`
     font-size: 18px;
   }
 `;
+const FullscreenTitle = styled.h2`
+  font-weight: 600;
+  font-size: 22px;
+  white-space: pre-line;
+  line-height: 140%;
+  margin: 0;
+  color: var(--embedded-text-color, inherit);
+
+  ${({ theme }) => theme.breakpoints.up("sm")} {
+    font-size: 26px;
+  }
+
+  ${({ theme }) => theme.breakpoints.up("md")} {
+    font-size: 30px;
+  }
+`;
+const StickyFooter = styled.div`
+  position: sticky;
+  bottom: 0;
+  left: 0;
+  width: 100vw;
+  margin-left: calc(-50vw + 50%);
+  background: white;
+  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
+  padding: ${({ theme }) => theme.spacing(2)}px ${({ theme }) => theme.spacing(1)}px;
+  margin-top: auto;
+  z-index: 10;
+
+  ${({ theme }) => theme.breakpoints.up("sm")} {
+    padding: ${({ theme }) => theme.spacing(2)}px ${({ theme }) => theme.spacing(3)}px;
+  }
+`;
 const CloseIcon$1 = ({ size = 24, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) });
 const AddIcon = ({ size = 24, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" }) });
 const RemoveIcon = ({ size = 24, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19 13H5v-2h14v2z" }) });
@@ -10803,44 +11031,144 @@ const Wrapper$4 = styled.div`
     grid-template-columns: 1fr auto;
   }
 `;
-function DatePickerLayout({
-  hasSidebar,
-  dateSelector,
-  sideContent,
-  ...boxProps
-}) {
-  const { actions, state, answerOf } = useQualification();
-  useEffect(() => {
-    if (answerOf("lead_type") === void 0)
-      actions.answerQuestion("lead_type", "private");
-  }, [answerOf]);
-  if (state.status !== QUALIFICATION_STATUS.answering) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$3, { $hasSidebar: hasSidebar, ...boxProps, children: [
-    dateSelector,
-    sideContent
-  ] });
-}
-const Wrapper$3 = styled(Box)`
+const TilesWrapper = styled(Box)`
   display: flex;
+  flex-direction: row;
+  height: auto;
+  gap: ${({ theme }) => theme.spacing(1.5)}px;
   flex-wrap: wrap;
   justify-content: center;
-  margin-left: auto;
-  margin-right: auto;
-  flex-direction: row;
-  row-gap: 2rem;
+
+  ${({ theme }) => theme.breakpoints.up("sm")} {
+    max-width: 1050px;
+    flex-direction: row;
+    height: auto;
+    gap: ${({ theme, $size }) => $size === "sm" ? theme.spacing(1.5) : theme.spacing(2.5)}px;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+`;
+const StyledTileTypography = styled(Typography)`
+  line-height: 172.5%;
+`;
+const TileTypography = (props) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    StyledTileTypography,
+    {
+      fontSize: { xs: 12, sm: 16 },
+      fontWeight: 600,
+      ...props
+    }
+  );
+};
+const Tile = styled.div`
+  ${({ theme, $variant }) => $variant === "primary" && css$1`
+      --active-background: #fff9f4;
+      --active-outline: 3px solid ${theme.palette.primary.main};
+      --active-text-color: rgba(0, 0, 0, 0.7);
+    `}
+
+  ${({ theme, $variant }) => $variant === "secondary" && css$1`
+      --active-background: white;
+      --active-outline: 2px solid ${theme.palette.secondary[500]};
+      --active-text-color: ${theme.palette.secondary[500]};
+    `}
+ 
+  --active-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.15);
+
+  cursor: pointer;
+  background: #fff;
+  display: flex;
+  overflow: hidden;
   align-items: center;
-  column-gap: 0rem;
+  border-radius: 20px;
+  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
+  height: 110px;
+  width: 110px;
+  justify-content: center;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing(2)}px;
+  padding: ${({ theme }) => theme.spacing(3, 1, 2, 1)};
 
-  ${({ theme, $hasSidebar }) => theme.breakpoints.up($hasSidebar ? "lg" : "md")} {
-    column-gap: 2rem;
+  ${({ theme }) => theme.breakpoints.up("sm")} {
+    justify-content: center;
+    flex-direction: column;
+    gap: ${({ theme }) => theme.spacing(1)}px;
+    width: 154px;
+    height: ${({ $height }) => $height || "166px"};
+
+    padding: ${({ theme }) => theme.spacing(3, 1, 2, 1)};
   }
 
-  ${({ theme, $hasSidebar }) => theme.breakpoints.up($hasSidebar ? "md" : "sm")} {
-    align-items: stretch;
+  outline: ${({ $selected }) => $selected ? "var(--active-outline)" : "none"};
+  box-shadow: ${({ $selected }) => $selected ? "var(--active-shadow)" : "0px 4px 14px 0px rgba(0, 0, 0, 0.1)"};
+  color: ${({ $selected }) => $selected ? "var(--active-text-color)" : "rgba(0, 0, 0, 0.7)"};
+  background-color: ${({ $selected }) => $selected ? "var(--active-background)" : "white"};
+
+  transition: all 0.1s ease;
+
+  @media (hover: hover) {
+    &:hover {
+      outline: var(--active-outline);
+      box-shadow: var(--active-shadow);
+      color: var(--active-text-color);
+    }
+  }
+
+  :focus,
+  :active {
+    outline: var(--active-outline);
+    box-shadow: var(--active-shadow);
+    color: var(--active-text-color);
+    background-color: var(--active-background);
+  }
+`;
+const BudgetRangeTiles = ({
+  onSelect,
+  selected,
+  variant = "primary"
+}) => {
+  const { i18n } = useTranslation();
+  const isGerman = i18n.language === "de";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TilesWrapper, { children: BUDGET_RANGE_ITEMS.map((item) => {
+    const label = isGerman ? item.labelDe : item.labelEn;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      BudgetTile,
+      {
+        $variant: variant,
+        $selected: selected === item.value,
+        id: `tile__budget-range--${item.value}`,
+        onClick: (e2) => {
+          e2.currentTarget.blur();
+          onSelect(item.value);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IconWrapper$4, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(BudgetText, { children: item.display }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TileTypography, { children: label })
+        ]
+      },
+      item.value
+    );
+  }) });
+};
+const BudgetTile = styled(Tile)`
+  text-align: center;
+`;
+const IconWrapper$4 = styled(Box)`
+  min-width: 50px;
+  display: grid;
+  place-content: center;
+  font-size: 22px;
+
+  ${({ theme }) => theme.breakpoints.up("sm")} {
+    font-size: 28px;
+    flex-grow: 1;
   }
 `;
+const BudgetText = styled.span`
+  font-weight: 600;
+  color: ${({ theme }) => theme.palette.primary.main};
+`;
 const AppSwitch = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(SwitchLabelWrapper, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", ...props }),
@@ -10889,7 +11217,7 @@ const SwitchLabelWrapper = styled.label`
   }
 
   input:checked + span {
-    background-color: ${({ theme }) => theme.palette.secondary.light};
+    background-color: ${({ theme }) => theme.palette.primary.main};
   }
 
   input:checked + span:before {
@@ -10898,25 +11226,104 @@ const SwitchLabelWrapper = styled.label`
     transform: translateX(14px);
   }
 `;
-function DatePickerSide() {
+function BusinessCustomerToggle() {
   var _a2, _b;
   const { t: t2 } = useTranslation("qualification");
-  const { actions, state, answerOf } = useQualification();
-  const theme = useTheme$1();
+  const { actions, answerOf } = useQualification();
   const { currentUserAccount } = useCurrentUser();
   const isLoggedIn = !!currentUserAccount;
-  const showLeadTypeCheckbox = (_b = (_a2 = questions$2.leadType).condition) == null ? void 0 : _b.call(_a2, isLoggedIn);
+  const showToggle = (_b = (_a2 = questions$2.leadType).condition) == null ? void 0 : _b.call(_a2, isLoggedIn);
   useEffect(() => {
     if (answerOf("lead_type") === void 0)
       actions.answerQuestion("lead_type", "private");
   }, [answerOf]);
-  if (state.status !== QUALIFICATION_STATUS.answering) {
+  if (!showToggle) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SwitchesWrapper, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      FormControlLabel,
-      {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToggleWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FormControlLabel,
+    {
+      control: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        AppSwitch,
+        {
+          id: "toggle__lead-type",
+          name: "lead-type",
+          checked: answerOf("lead_type") === "business",
+          onChange: (value) => actions.answerQuestion(
+            "lead_type",
+            value.target.checked ? "business" : "private"
+          )
+        }
+      ),
+      label: /* @__PURE__ */ jsxRuntimeExports.jsx(LabelTypography$1, { variant: "body2", ml: 1.5, pt: 0.25, pl: 1, children: t2("questionTypes.leadType.switch") })
+    }
+  ) });
+}
+const LabelTypography$1 = styled(Typography)`
+  font-size: 14px;
+`;
+const ToggleWrapper = styled.div`
+  display: flex;
+  justify-content: center;
+  padding: 1rem 0;
+`;
+function DatePickerLayout({
+  hasSidebar,
+  dateSelector,
+  sideContent,
+  ...boxProps
+}) {
+  const { actions, state, answerOf } = useQualification();
+  useEffect(() => {
+    if (answerOf("lead_type") === void 0)
+      actions.answerQuestion("lead_type", "private");
+  }, [answerOf]);
+  if (state.status !== QUALIFICATION_STATUS.answering) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Wrapper$3, { $hasSidebar: hasSidebar, ...boxProps, children: [
+    dateSelector,
+    sideContent
+  ] });
+}
+const Wrapper$3 = styled(Box)`
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin-left: auto;
+  margin-right: auto;
+  flex-direction: row;
+  row-gap: 2rem;
+  align-items: center;
+  column-gap: 0rem;
+
+  ${({ theme, $hasSidebar }) => theme.breakpoints.up($hasSidebar ? "lg" : "md")} {
+    column-gap: 2rem;
+  }
+
+  ${({ theme, $hasSidebar }) => theme.breakpoints.up($hasSidebar ? "md" : "sm")} {
+    align-items: flex-start;
+  }
+`;
+function DatePickerSide() {
+  var _a2, _b;
+  const { t: t2 } = useTranslation("qualification");
+  const { actions, state, answerOf } = useQualification();
+  const theme = useTheme$1();
+  const { currentUserAccount } = useCurrentUser();
+  const isLoggedIn = !!currentUserAccount;
+  const showLeadTypeCheckbox = (_b = (_a2 = questions$2.leadType).condition) == null ? void 0 : _b.call(_a2, isLoggedIn);
+  useEffect(() => {
+    if (answerOf("lead_type") === void 0)
+      actions.answerQuestion("lead_type", "private");
+  }, [answerOf]);
+  if (state.status !== QUALIFICATION_STATUS.answering) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SwitchesWrapper, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      FormControlLabel,
+      {
         control: /* @__PURE__ */ jsxRuntimeExports.jsx(
           AppSwitch,
           {
@@ -10947,7 +11354,7 @@ function DatePickerSide() {
         )
       }
     ),
-    showLeadTypeCheckbox && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { mt: "auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    showLeadTypeCheckbox && /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       FormControlLabel,
       {
         control: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -11059,20 +11466,22 @@ function DayWithOutsideMonthLabel(props) {
 function CustomCaption(props) {
   const { goToMonth, nextMonth, previousMonth } = useNavigation();
   const daypicker = useDayPicker();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", justifyContent: "space-between", py: 1, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", py: 1.5, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       MonthNavigationButton,
       {
+        id: "datepicker__prev-month",
         type: "button",
         disabled: !previousMonth,
         onClick: () => previousMonth && goToMonth(previousMonth),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconLeft, {})
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { fontSize: 14, children: format(props.displayMonth, "MMMM", { locale: daypicker.locale }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { fontSize: 15, fontWeight: 600, children: format(props.displayMonth, "MMMM yyyy", { locale: daypicker.locale }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       MonthNavigationButton,
       {
+        id: "datepicker__next-month",
         type: "button",
         disabled: !nextMonth,
         onClick: () => nextMonth && goToMonth(nextMonth),
@@ -11091,6 +11500,10 @@ function OnlyAfterToday(props) {
     const datesWithWeekOffset = props.dates.map(
       (date2) => addWeeks(date2, weekOffset)
     );
+    const hasDateInMonth = datesWithWeekOffset.some(
+      (date2) => isSameMonth(date2, props.displayMonth)
+    );
+    if (!hasDateInMonth) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       Row,
       {
@@ -11106,6 +11519,28 @@ const MonthNavigationButton = styled.button`
   background-color: transparent;
   border: none;
   cursor: pointer;
+  border-radius: 50%;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.2s ease, transform 0.15s ease;
+
+  &:hover:not(:disabled) {
+    background-color: rgba(0, 0, 0, 0.06);
+    transform: scale(1.1);
+  }
+
+  &:active:not(:disabled) {
+    transform: scale(0.95);
+  }
+
+  &:disabled {
+    opacity: 0.25;
+    cursor: default;
+  }
 `;
 const TypographyCaption = styled(Typography)`
   color: #686d6b;
@@ -11114,39 +11549,93 @@ const TypographyCaption = styled(Typography)`
   letter-spacing: 0.4px;
 `;
 const StyledDateSelect = styled.div`
-  width: 400px;
+  width: 420px;
   max-width: 100%;
-  margin: ${(props) => props.theme.spacing(2, "auto", 3, "auto")};
   margin: 0 auto;
   padding: 0;
+
   .rdp {
-    --rdp-accent-color: ${({ theme }) => theme.palette.secondary.light};
-    --rdp-background-color: #a3cb1861;
-    --rdp-cell-size: 35px;
+    --rdp-accent-color: ${({ theme }) => theme.palette.primary.main};
+    --rdp-background-color: rgba(249, 85, 36, 0.1);
+    --rdp-cell-size: 36px;
 
     background-color: white;
-    border-radius: 8px;
-    padding: ${({ theme }) => theme.spacing(1.5, 2, 2, 2)};
+    border-radius: 20px;
+    padding: ${({ theme }) => theme.spacing(1)}px;
     margin: 0 auto;
+    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
+    width: fit-content;
+    max-width: 100%;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    ${({ theme }) => theme.breakpoints.up("sm")} {
+      --rdp-cell-size: 44px;
+      padding: ${({ theme }) => theme.spacing(3)}px;
+    }
+  }
+
+  .rdp-table {
+    width: 100%;
+    table-layout: fixed;
+    border-collapse: collapse;
+
+    ${({ theme }) => theme.breakpoints.up("sm")} {
+      width: auto;
+      table-layout: auto;
+    }
   }
 
   .rdp-head_cell {
-    font-size: 14px;
-    font-weight: 400;
-    padding-bottom: ${({ theme }) => theme.spacing(2)}px;
-    padding-top: ${({ theme }) => theme.spacing(2.5)}px;
+    font-size: 12px;
+    font-weight: 600;
+    color: #9ca3a1;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    padding-bottom: ${({ theme }) => theme.spacing(1)}px;
+    padding-top: ${({ theme }) => theme.spacing(1.5)}px;
   }
 
   .rdp-button {
-    transition: background-color 0.2s ease;
+    border-radius: 50%;
+    transition: all 0.2s ease;
+    font-weight: 400;
+    font-size: 14px;
+    max-width: 100%;
+
+    ${({ theme }) => theme.breakpoints.up("sm")} {
+      max-width: none;
+    }
+  }
+
+  .rdp-button:hover:not([disabled]):not(.rdp-day_selected) {
+    background-color: rgba(249, 85, 36, 0.08);
+    color: #1a1a1a;
+  }
+
+  .rdp-day_selected,
+  .rdp-day_selected:hover,
+  .rdp-day_selected:focus-visible {
+    font-weight: 600;
+    color: white;
+  }
+
+  .rdp-day_selected:not(.rdp-day_outside) {
+    box-shadow: 0 2px 8px rgba(249, 85, 36, 0.3);
   }
 
   .rdp-day_outside {
-    opacity: 0.8;
+    opacity: 0.35;
+  }
+
+  .rdp-day_today:not(.rdp-day_selected) {
+    font-weight: 700;
+    color: ${({ theme }) => theme.palette.primary.main};
+    position: relative;
   }
 `;
 const DateSelectWrapper = styled.div`
-  width: fit-content;
+  width: 100%;
   margin: 0 auto;
 `;
 const QuestionMark = (props) => {
@@ -11169,98 +11658,6 @@ const QuestionMark = (props) => {
     }
   );
 };
-const TilesWrapper = styled(Box)`
-  display: flex;
-  flex-direction: row;
-  height: auto;
-  gap: ${({ theme }) => theme.spacing(1)}px;
-  flex-wrap: wrap;
-  justify-content: center;
-
-  ${({ theme }) => theme.breakpoints.up("sm")} {
-    width: 930px;
-    flex-direction: row;
-    height: auto;
-    gap: ${({ theme, $size }) => $size === "sm" ? theme.spacing(1) : theme.spacing(2)}px;
-    flex-wrap: wrap;
-    justify-content: center;
-  }
-`;
-const StyledTileTypography = styled(Typography)`
-  line-height: 172.5%;
-`;
-const TileTypography = (props) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    StyledTileTypography,
-    {
-      fontSize: { xs: 12, sm: 16 },
-      fontWeight: 600,
-      ...props
-    }
-  );
-};
-const Tile = styled.div`
-  ${({ theme, $variant }) => $variant === "primary" && css$1`
-      --active-background: #fff9f4;
-      --active-outline: 3px solid ${theme.palette.primary.main};
-      --active-text-color: rgba(0, 0, 0, 0.7);
-    `}
-
-  ${({ theme, $variant }) => $variant === "secondary" && css$1`
-      --active-background: white;
-      --active-outline: 2px solid ${theme.palette.secondary[500]};
-      --active-text-color: ${theme.palette.secondary[500]};
-    `}
- 
-  --active-shadow: 0px 6px 25px 0px rgba(0, 0, 0, 0.15);
-
-  cursor: pointer;
-  background: #fff;
-  display: flex;
-  overflow: hidden;
-  align-items: center;
-  border-radius: 20px;
-  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
-  height: 110px;
-  width: 110px;
-  justify-content: center;
-  flex-direction: column;
-  gap: ${({ theme }) => theme.spacing(2)}px;
-  padding: ${({ theme }) => theme.spacing(3, 1, 2, 1)};
-
-  ${({ theme }) => theme.breakpoints.up("sm")} {
-    justify-content: center;
-    flex-direction: column;
-    gap: ${({ theme }) => theme.spacing(1)}px;
-    width: 154px;
-    height: ${({ $height }) => $height || "166px"};
-
-    padding: ${({ theme }) => theme.spacing(3, 1, 2, 1)};
-  }
-
-  outline: ${({ $selected }) => $selected ? "var(--active-outline)" : "none"};
-  box-shadow: ${({ $selected }) => $selected ? "var(--active-shadow)" : "0px 4px 14px 0px rgba(0, 0, 0, 0.1)"};
-  color: ${({ $selected }) => $selected ? "var(--active-text-color)" : "rgba(0, 0, 0, 0.7)"};
-  background-color: ${({ $selected }) => $selected ? "var(--active-background)" : "white"};
-
-  transition: all 0.1s ease;
-
-  @media (hover: hover) {
-    &:hover {
-      outline: var(--active-outline);
-      box-shadow: var(--active-shadow);
-      color: var(--active-text-color);
-    }
-  }
-
-  :focus,
-  :active {
-    outline: var(--active-outline);
-    box-shadow: var(--active-shadow);
-    color: var(--active-text-color);
-    background-color: var(--active-background);
-  }
-`;
 const DeliveryFrequencyTiles = ({
   onSelect,
   selected,
@@ -11319,9 +11716,9 @@ const IconWrapper$3 = styled(Box)`
 `;
 const FrequencyText = styled.span`
   font-weight: 400;
-  color: #4c6c21;
+  color: ${({ theme }) => theme.palette.primary.main};
 `;
-const ICON_SIZE_IN_PX = 30;
+const ICON_SIZE_IN_PX = 36;
 SCHEMA_STEPS.dietary_restrictions;
 const DietaryStepper = ({ question, autoFocus }) => {
   const { localizedAttributeName } = useLocalizedFieldName();
@@ -11348,8 +11745,6 @@ const DietaryStepper = ({ question, autoFocus }) => {
       Box,
       {
         display: "flex",
-        ml: { xs: `-${ICON_SIZE_IN_PX}px`, sm: 0 },
-        justifySelf: { xs: "center", sm: "start" },
         alignItems: "center",
         justifyContent: { xs: "center", sm: "start" },
         children: [
@@ -11357,9 +11752,7 @@ const DietaryStepper = ({ question, autoFocus }) => {
             StyledImg$1,
             {
               alt: "",
-              src: localizedOptions == null ? void 0 : localizedOptions.image,
-              width: ICON_SIZE_IN_PX,
-              height: ICON_SIZE_IN_PX
+              src: localizedOptions == null ? void 0 : localizedOptions.image
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "body1", pl: 1, children: localizedOptions.label })
@@ -11379,18 +11772,21 @@ const DietaryStepper = ({ question, autoFocus }) => {
   ] }) });
 };
 const StyledImg$1 = styled.img`
-  object-fit: cover;
+  width: ${ICON_SIZE_IN_PX}px;
+  height: ${ICON_SIZE_IN_PX}px;
+  object-fit: contain;
+  flex-shrink: 0;
 `;
 const GridWrapper$1 = styled.div`
   display: grid;
-  justify-items: center;
-  grid-template-columns: 1fr 1fr;
-  justify-content: center;
+  align-items: center;
+  grid-template-columns: 1fr auto;
   gap: ${({ theme }) => theme.spacing(2)}px;
 
   ${({ theme }) => theme.breakpoints.down("xs")} {
     grid-template-columns: 1fr;
-    gap: ${({ theme }) => theme.spacing(2)}px;
+    justify-items: center;
+    gap: ${({ theme }) => theme.spacing(1)}px;
   }
 `;
 function DietaryTotal({ count }) {
@@ -11709,50 +12105,51 @@ const ServiceTypeTiles = ({
 };
 const ServiceTile = styled(Tile)`
   text-align: center;
-  height: 140px;
-  width: 120px;
+  height: 150px;
+  width: 130px;
   overflow: visible;
   gap: ${({ theme }) => theme.spacing(0.5)}px;
 
   ${({ theme }) => theme.breakpoints.up("sm")} {
-    height: 180px;
-    width: 170px;
+    height: 200px;
+    width: 200px;
     gap: ${({ theme }) => theme.spacing(1)}px;
   }
 `;
 const IconWrapper$2 = styled(Box)`
-  min-width: 40px;
-  height: 40px;
+  min-width: 32px;
+  height: 32px;
   display: grid;
   place-content: center;
-  font-size: 35px;
+  font-size: 28px;
 
   ${({ theme }) => theme.breakpoints.up("sm")} {
-    height: 55px;
-    font-size: 45px;
+    height: 40px;
+    font-size: 36px;
   }
 `;
 const ServiceTileLabel = styled(Typography)`
-  font-size: 10px;
+  font-size: 11px;
   font-weight: 600;
   line-height: 1.3;
 
   ${({ theme }) => theme.breakpoints.up("sm")} {
-    font-size: 13px;
+    font-size: 15px;
   }
 `;
 const SubtitleText = styled(Typography)`
   font-size: 9px;
   color: rgba(0, 0, 0, 0.5);
   text-align: center;
-  line-height: 1.3;
+  line-height: 1.4;
+  max-width: 160px;
 
   ${({ theme }) => theme.breakpoints.up("sm")} {
-    font-size: 11px;
+    font-size: 12px;
   }
 `;
-const ICON_BASE_PATH = "/artifacts/images/shared/catering_category/tile_icons";
-const getIconUrl = (name) => getAssetUrl(`${ICON_BASE_PATH}/${name}.webp`);
+const ICON_BASE_PATH = "/artifacts/icons/catering_category";
+const getIconUrl = (name) => getAssetUrl(`${ICON_BASE_PATH}/${name}.svg`);
 const DEFAULT_IMAGE_SIZE = {
   SM: 54,
   MD: 84
@@ -11799,6 +12196,7 @@ const CateringCategoryTiles = ({
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Tile,
       {
+        id: "tile__catering_category--other",
         $variant: variant,
         onClick: (e2) => {
           e2.currentTarget.blur();
@@ -11823,7 +12221,7 @@ const CateringCategoryTiles = ({
   ] });
 };
 const StyledImg = styled.img`
-  object-fit: cover;
+  object-fit: contain;
 `;
 const ImageWrapper = styled(Box)`
   --wrapperSize: ${IMAGE_WRAPPER_SIZE.SM}px;
@@ -11857,26 +12255,14 @@ function useCateringCategories(items) {
     },
     {
       id: "street_food",
-      src: getIconUrl("tacos"),
-      text: t2("occasion.street_food"),
-      scale: 1.15
+      src: getIconUrl("street_food"),
+      text: t2("occasion.street_food")
     },
     {
       id: "business_lunch",
-      src: getIconUrl("lunch"),
+      src: getIconUrl("business_lunch"),
       text: t2("occasion.business_lunch")
     },
-    {
-      id: "christmas",
-      src: getIconUrl("christmas"),
-      text: t2("occasion.christmas"),
-      scale: 1.1
-    },
-    {
-      id: "bbq",
-      src: getIconUrl("bbq"),
-      text: t2("occasion.bbq")
-    },
     {
       id: "breakfast",
       src: getIconUrl("breakfast"),
@@ -11884,12 +12270,12 @@ function useCateringCategories(items) {
     },
     {
       id: "cakes_and_sweets",
-      src: getIconUrl("cake"),
+      src: getIconUrl("cakes_and_sweets"),
       text: t2("occasion.cakes_and_sweets")
     },
     {
       id: "fine_dining",
-      src: getIconUrl("dinner"),
+      src: getIconUrl("fine_dining"),
       text: t2("occasion.fine_dining_short")
     },
     {
@@ -11898,7 +12284,7 @@ function useCateringCategories(items) {
       text: t2("occasion.drinks_short")
     }
   ];
-  const preFilteredCategories = allCategories.filter(({ id }) => id !== "bbq");
+  const preFilteredCategories = allCategories;
   if (items) {
     return preFilteredCategories.filter(
       (category) => items.includes(category.id)
@@ -11996,6 +12382,7 @@ const defaultStepTitleMapping = {
   team_size: "qualification:embeddedFunnel.teamSize.title",
   delivery_frequency: "qualification:embeddedFunnel.deliveryFrequency.title",
   people_count: "qualification:embeddedFunnel.peopleCount.title",
+  budget_range: "qualification:embeddedFunnel.budgetRange.title",
   contact_form: "qualification:embeddedFunnel.contactForm.title"
 };
 const EmbeddedQuestion = ({
@@ -12005,7 +12392,8 @@ const EmbeddedQuestion = ({
   renderTitle,
   ratings,
   titleTranslationKeys = defaultStepTitleMapping,
-  LayoutComponent = EmbeddedQuestionLayout
+  LayoutComponent = EmbeddedQuestionLayout,
+  mode = "embedded"
 }) => {
   var _a2, _b, _c, _d;
   const { t: t2 } = useTranslation();
@@ -12015,12 +12403,14 @@ const EmbeddedQuestion = ({
     (title2) => renderTitle ? renderTitle(title2) : title2,
     []
   );
-  const title = t2(titleTranslationKeys[step2.id]);
+  const serviceType = answerOf("service_type");
+  const title = step2.id === "city" && serviceType ? t2(`qualification:embeddedFunnel.city.title_${serviceType}`, t2(titleTranslationKeys[step2.id])) : t2(titleTranslationKeys[step2.id]);
   switch (step2.id) {
     case steps$2.city.id:
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         LayoutComponent,
         {
+          mode,
           title: getTitleContent(title),
           ratings,
           content: /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { size: "sm", disableGutters: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12042,6 +12432,7 @@ const EmbeddedQuestion = ({
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         LayoutComponent,
         {
+          mode,
           wrapper: ((_a2 = slides == null ? void 0 : slides.category) == null ? void 0 : _a2.whiteWrapper) ? "white" : "transparent",
           title: getTitleContent(title),
           ratings,
@@ -12067,6 +12458,7 @@ const EmbeddedQuestion = ({
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         LayoutComponent,
         {
+          mode,
           wrapper: ((_b = slides == null ? void 0 : slides.dietaryRestriction) == null ? void 0 : _b.whiteWrapper) ? "white" : "transparent",
           ratings,
           title: getTitleContent(title),
@@ -12081,6 +12473,7 @@ const EmbeddedQuestion = ({
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         LayoutComponent,
         {
+          mode,
           wrapper: ((_c = slides == null ? void 0 : slides.dateAndLead) == null ? void 0 : _c.whiteWrapper) ? "white" : "transparent",
           ratings,
           title: getTitleContent(title),
@@ -12093,6 +12486,7 @@ const EmbeddedQuestion = ({
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         LayoutComponent,
         {
+          mode,
           wrapper: ((_d = slides == null ? void 0 : slides.budgetAndPeople) == null ? void 0 : _d.whiteWrapper) ? "white" : "transparent",
           ratings,
           title: getTitleContent(title),
@@ -12104,6 +12498,7 @@ const EmbeddedQuestion = ({
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         LayoutComponent,
         {
+          mode,
           title: getTitleContent(title),
           ratings,
           content: /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { size: "sm", disableGutters: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12111,8 +12506,8 @@ const EmbeddedQuestion = ({
             {
               variant: highlightColor,
               selected: answerOf("service_type"),
-              onSelect: (serviceType) => {
-                actions.answerQuestion("service_type", serviceType);
+              onSelect: (serviceType2) => {
+                actions.answerQuestion("service_type", serviceType2);
                 actions.nextStep();
               }
             }
@@ -12124,6 +12519,7 @@ const EmbeddedQuestion = ({
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         LayoutComponent,
         {
+          mode,
           title: getTitleContent(title),
           ratings,
           content: /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { size: MAX_WIDTH_OF_WHITE_WRAPPER, children: /* @__PURE__ */ jsxRuntimeExports.jsx(WhiteWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { py: 4, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12141,19 +12537,23 @@ const EmbeddedQuestion = ({
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         LayoutComponent,
         {
+          mode,
           title: getTitleContent(title),
           ratings,
-          content: /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { size: "sm", disableGutters: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DeliveryFrequencyTiles,
-            {
-              variant: highlightColor,
-              selected: answerOf("delivery_frequency"),
-              onSelect: (frequency) => {
-                actions.answerQuestion("delivery_frequency", frequency);
-                actions.nextStep();
+          content: /* @__PURE__ */ jsxRuntimeExports.jsxs(Container, { size: "sm", disableGutters: true, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              DeliveryFrequencyTiles,
+              {
+                variant: highlightColor,
+                selected: answerOf("delivery_frequency"),
+                onSelect: (frequency) => {
+                  actions.answerQuestion("delivery_frequency", frequency);
+                  actions.nextStep();
+                }
               }
-            }
-          ) }),
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(BusinessCustomerToggle, {})
+          ] }),
           side: selectedMenu && /* @__PURE__ */ jsxRuntimeExports.jsx(SelectedMenuCard, { ...selectedMenu })
         }
       );
@@ -12161,6 +12561,7 @@ const EmbeddedQuestion = ({
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         LayoutComponent,
         {
+          mode,
           title: getTitleContent(title),
           ratings,
           content: /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { size: MAX_WIDTH_OF_WHITE_WRAPPER, children: /* @__PURE__ */ jsxRuntimeExports.jsx(WhiteWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { py: 4, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12174,6 +12575,30 @@ const EmbeddedQuestion = ({
           side: selectedMenu && /* @__PURE__ */ jsxRuntimeExports.jsx(SelectedMenuCard, { ...selectedMenu })
         }
       );
+    case steps$2.budgetRange.id:
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        LayoutComponent,
+        {
+          mode,
+          title: getTitleContent(title),
+          ratings,
+          content: /* @__PURE__ */ jsxRuntimeExports.jsxs(Container, { size: "sm", disableGutters: true, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              BudgetRangeTiles,
+              {
+                variant: highlightColor,
+                selected: answerOf("budget_range"),
+                onSelect: (range2) => {
+                  actions.answerQuestion("budget_range", range2);
+                  actions.nextStep();
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(BusinessCustomerToggle, {})
+          ] }),
+          side: selectedMenu && /* @__PURE__ */ jsxRuntimeExports.jsx(SelectedMenuCard, { ...selectedMenu })
+        }
+      );
     case steps$2.contactForm.id:
       return null;
     default: {
@@ -12185,9 +12610,13 @@ const EmbeddedQuestion = ({
 const WhiteWrapper = styled.div`
   background-color: white;
   border-radius: 8px;
-  padding: 1px 16px;
+  padding: 1px 8px;
   width: 100%;
   color: black;
+
+  ${({ theme }) => theme.breakpoints.up("sm")} {
+    padding: 1px 16px;
+  }
 `;
 const BackgroundImage = ({
   src,
@@ -12518,20 +12947,20 @@ var quoteREs = {
 };
 var objectInspect = function inspect_(obj, options, depth, seen) {
   var opts = options || {};
-  if (has$4(opts, "quoteStyle") && !has$4(quotes, opts.quoteStyle)) {
+  if (has$3(opts, "quoteStyle") && !has$3(quotes, opts.quoteStyle)) {
     throw new TypeError('option "quoteStyle" must be "single" or "double"');
   }
-  if (has$4(opts, "maxStringLength") && (typeof opts.maxStringLength === "number" ? opts.maxStringLength < 0 && opts.maxStringLength !== Infinity : opts.maxStringLength !== null)) {
+  if (has$3(opts, "maxStringLength") && (typeof opts.maxStringLength === "number" ? opts.maxStringLength < 0 && opts.maxStringLength !== Infinity : opts.maxStringLength !== null)) {
     throw new TypeError('option "maxStringLength", if provided, must be a positive integer, Infinity, or `null`');
   }
-  var customInspect = has$4(opts, "customInspect") ? opts.customInspect : true;
+  var customInspect = has$3(opts, "customInspect") ? opts.customInspect : true;
   if (typeof customInspect !== "boolean" && customInspect !== "symbol") {
     throw new TypeError("option \"customInspect\", if provided, must be `true`, `false`, or `'symbol'`");
   }
-  if (has$4(opts, "indent") && opts.indent !== null && opts.indent !== "	" && !(parseInt(opts.indent, 10) === opts.indent && opts.indent > 0)) {
+  if (has$3(opts, "indent") && opts.indent !== null && opts.indent !== "	" && !(parseInt(opts.indent, 10) === opts.indent && opts.indent > 0)) {
     throw new TypeError('option "indent" must be "\\t", an integer > 0, or `null`');
   }
-  if (has$4(opts, "numericSeparator") && typeof opts.numericSeparator !== "boolean") {
+  if (has$3(opts, "numericSeparator") && typeof opts.numericSeparator !== "boolean") {
     throw new TypeError('option "numericSeparator", if provided, must be `true` or `false`');
   }
   var numericSeparator = opts.numericSeparator;
@@ -12563,7 +12992,7 @@ var objectInspect = function inspect_(obj, options, depth, seen) {
     depth = 0;
   }
   if (depth >= maxDepth && maxDepth > 0 && typeof obj === "object") {
-    return isArray$3(obj) ? "[Array]" : "[Object]";
+    return isArray$2(obj) ? "[Array]" : "[Object]";
   }
   var indent = getIndent(opts, depth);
   if (typeof seen === "undefined") {
@@ -12580,7 +13009,7 @@ var objectInspect = function inspect_(obj, options, depth, seen) {
       var newOpts = {
         depth: opts.depth
       };
-      if (has$4(opts, "quoteStyle")) {
+      if (has$3(opts, "quoteStyle")) {
         newOpts.quoteStyle = opts.quoteStyle;
       }
       return inspect_(value, newOpts, depth + 1, seen);
@@ -12609,7 +13038,7 @@ var objectInspect = function inspect_(obj, options, depth, seen) {
     s3 += "</" + $toLowerCase.call(String(obj.nodeName)) + ">";
     return s3;
   }
-  if (isArray$3(obj)) {
+  if (isArray$2(obj)) {
     if (obj.length === 0) {
       return "[]";
     }
@@ -12709,7 +13138,7 @@ function quote(s3) {
 function canTrustToString(obj) {
   return !toStringTag || !(typeof obj === "object" && (toStringTag in obj || typeof obj[toStringTag] !== "undefined"));
 }
-function isArray$3(obj) {
+function isArray$2(obj) {
   return toStr$1(obj) === "[object Array]" && canTrustToString(obj);
 }
 function isDate(obj) {
@@ -12761,7 +13190,7 @@ function isBigInt(obj) {
 var hasOwn$1 = Object.prototype.hasOwnProperty || function(key) {
   return key in this;
 };
-function has$4(obj, key) {
+function has$3(obj, key) {
   return hasOwn$1.call(obj, key);
 }
 function toStr$1(obj) {
@@ -12937,12 +13366,12 @@ function indentedJoin(xs, indent) {
   return lineJoiner + $join.call(xs, "," + lineJoiner) + "\n" + indent.prev;
 }
 function arrObjKeys(obj, inspect2) {
-  var isArr = isArray$3(obj);
+  var isArr = isArray$2(obj);
   var xs = [];
   if (isArr) {
     xs.length = obj.length;
     for (var i2 = 0; i2 < obj.length; i2++) {
-      xs[i2] = has$4(obj, i2) ? inspect2(obj[i2], obj) : "";
+      xs[i2] = has$3(obj, i2) ? inspect2(obj[i2], obj) : "";
     }
   }
   var syms = typeof gOPS === "function" ? gOPS(obj) : [];
@@ -12954,7 +13383,7 @@ function arrObjKeys(obj, inspect2) {
     }
   }
   for (var key in obj) {
-    if (!has$4(obj, key)) {
+    if (!has$3(obj, key)) {
       continue;
     }
     if (isArr && String(Number(key)) === key && key < obj.length) {
@@ -13852,7 +14281,7 @@ var Format = {
   RFC1738: "RFC1738",
   RFC3986: "RFC3986"
 };
-var formats$3 = {
+var formats$2 = {
   "default": Format.RFC3986,
   formatters: {
     RFC1738: function(value) {
@@ -13862,16 +14291,30 @@ var formats$3 = {
       return String(value);
     }
   },
-  RFC1738: Format.RFC1738,
-  RFC3986: Format.RFC3986
+  RFC1738: Format.RFC1738
+};
+var formats$1 = formats$2;
+var getSideChannel$1 = sideChannel;
+var has$2 = Object.prototype.hasOwnProperty;
+var isArray$1 = Array.isArray;
+var overflowChannel = getSideChannel$1();
+var markOverflow = function markOverflow2(obj, maxIndex) {
+  overflowChannel.set(obj, maxIndex);
+  return obj;
+};
+var isOverflow = function isOverflow2(obj) {
+  return overflowChannel.has(obj);
+};
+var getMaxIndex = function getMaxIndex2(obj) {
+  return overflowChannel.get(obj);
+};
+var setMaxIndex = function setMaxIndex2(obj, maxIndex) {
+  overflowChannel.set(obj, maxIndex);
 };
-var formats$2 = formats$3;
-var has$3 = Object.prototype.hasOwnProperty;
-var isArray$2 = Array.isArray;
 var hexTable = function() {
   var array2 = [];
   for (var i2 = 0; i2 < 256; ++i2) {
-    array2.push("%" + ((i2 < 16 ? "0" : "") + i2.toString(16)).toUpperCase());
+    array2[array2.length] = "%" + ((i2 < 16 ? "0" : "") + i2.toString(16)).toUpperCase();
   }
   return array2;
 }();
@@ -13879,11 +14322,11 @@ var compactQueue = function compactQueue2(queue) {
   while (queue.length > 1) {
     var item = queue.pop();
     var obj = item.obj[item.prop];
-    if (isArray$2(obj)) {
+    if (isArray$1(obj)) {
       var compacted = [];
       for (var j = 0; j < obj.length; ++j) {
         if (typeof obj[j] !== "undefined") {
-          compacted.push(obj[j]);
+          compacted[compacted.length] = obj[j];
         }
       }
       item.obj[item.prop] = compacted;
@@ -13904,10 +14347,20 @@ var merge = function merge2(target, source, options) {
     return target;
   }
   if (typeof source !== "object" && typeof source !== "function") {
-    if (isArray$2(target)) {
-      target.push(source);
+    if (isArray$1(target)) {
+      var nextIndex = target.length;
+      if (options && typeof options.arrayLimit === "number" && nextIndex > options.arrayLimit) {
+        return markOverflow(arrayToObject(target.concat(source), options), nextIndex);
+      }
+      target[nextIndex] = source;
     } else if (target && typeof target === "object") {
-      if (options && (options.plainObjects || options.allowPrototypes) || !has$3.call(Object.prototype, source)) {
+      if (isOverflow(target)) {
+        var newIndex = getMaxIndex(target) + 1;
+        target[newIndex] = source;
+        setMaxIndex(target, newIndex);
+      } else if (options && options.strictMerge) {
+        return [target, source];
+      } else if (options && (options.plainObjects || options.allowPrototypes) || !has$2.call(Object.prototype, source)) {
         target[source] = true;
       }
     } else {
@@ -13916,20 +14369,33 @@ var merge = function merge2(target, source, options) {
     return target;
   }
   if (!target || typeof target !== "object") {
-    return [target].concat(source);
-  }
-  var mergeTarget = target;
-  if (isArray$2(target) && !isArray$2(source)) {
-    mergeTarget = arrayToObject(target, options);
+    if (isOverflow(source)) {
+      var sourceKeys = Object.keys(source);
+      var result = options && options.plainObjects ? { __proto__: null, 0: target } : { 0: target };
+      for (var m3 = 0; m3 < sourceKeys.length; m3++) {
+        var oldKey = parseInt(sourceKeys[m3], 10);
+        result[oldKey + 1] = source[sourceKeys[m3]];
+      }
+      return markOverflow(result, getMaxIndex(source) + 1);
+    }
+    var combined = [target].concat(source);
+    if (options && typeof options.arrayLimit === "number" && combined.length > options.arrayLimit) {
+      return markOverflow(arrayToObject(combined, options), combined.length - 1);
+    }
+    return combined;
   }
-  if (isArray$2(target) && isArray$2(source)) {
+  var mergeTarget = target;
+  if (isArray$1(target) && !isArray$1(source)) {
+    mergeTarget = arrayToObject(target, options);
+  }
+  if (isArray$1(target) && isArray$1(source)) {
     source.forEach(function(item, i2) {
-      if (has$3.call(target, i2)) {
+      if (has$2.call(target, i2)) {
         var targetItem = target[i2];
         if (targetItem && typeof targetItem === "object" && item && typeof item === "object") {
           target[i2] = merge2(targetItem, item, options);
         } else {
-          target.push(item);
+          target[target.length] = item;
         }
       } else {
         target[i2] = item;
@@ -13939,11 +14405,20 @@ var merge = function merge2(target, source, options) {
   }
   return Object.keys(source).reduce(function(acc, key) {
     var value = source[key];
-    if (has$3.call(acc, key)) {
+    if (has$2.call(acc, key)) {
       acc[key] = merge2(acc[key], value, options);
     } else {
       acc[key] = value;
     }
+    if (isOverflow(source) && !isOverflow(acc)) {
+      markOverflow(acc, getMaxIndex(source));
+    }
+    if (isOverflow(acc)) {
+      var keyNum = parseInt(key, 10);
+      if (String(keyNum) === key && keyNum >= 0 && keyNum > getMaxIndex(acc)) {
+        setMaxIndex(acc, keyNum);
+      }
+    }
     return acc;
   }, mergeTarget);
 };
@@ -13986,7 +14461,7 @@ var encode = function encode2(str, defaultEncoder, charset, kind, format2) {
     var arr = [];
     for (var i2 = 0; i2 < segment.length; ++i2) {
       var c2 = segment.charCodeAt(i2);
-      if (c2 === 45 || c2 === 46 || c2 === 95 || c2 === 126 || c2 >= 48 && c2 <= 57 || c2 >= 65 && c2 <= 90 || c2 >= 97 && c2 <= 122 || format2 === formats$2.RFC1738 && (c2 === 40 || c2 === 41)) {
+      if (c2 === 45 || c2 === 46 || c2 === 95 || c2 === 126 || c2 >= 48 && c2 <= 57 || c2 >= 65 && c2 <= 90 || c2 >= 97 && c2 <= 122 || format2 === formats$1.RFC1738 && (c2 === 40 || c2 === 41)) {
         arr[arr.length] = segment.charAt(i2);
         continue;
       }
@@ -14021,8 +14496,8 @@ var compact = function compact2(value) {
       var key = keys2[j];
       var val = obj[key];
       if (typeof val === "object" && val !== null && refs.indexOf(val) === -1) {
-        queue.push({ obj, prop: key });
-        refs.push(val);
+        queue[queue.length] = { obj, prop: key };
+        refs[refs.length] = val;
       }
     }
   }
@@ -14038,20 +14513,30 @@ var isBuffer = function isBuffer2(obj) {
   }
   return !!(obj.constructor && obj.constructor.isBuffer && obj.constructor.isBuffer(obj));
 };
-var combine = function combine2(a3, b2) {
-  return [].concat(a3, b2);
+var combine = function combine2(a3, b2, arrayLimit, plainObjects) {
+  if (isOverflow(a3)) {
+    var newIndex = getMaxIndex(a3) + 1;
+    a3[newIndex] = b2;
+    setMaxIndex(a3, newIndex);
+    return a3;
+  }
+  var result = [].concat(a3, b2);
+  if (result.length > arrayLimit) {
+    return markOverflow(arrayToObject(result, { plainObjects }), result.length - 1);
+  }
+  return result;
 };
 var maybeMap = function maybeMap2(val, fn) {
-  if (isArray$2(val)) {
+  if (isArray$1(val)) {
     var mapped = [];
     for (var i2 = 0; i2 < val.length; i2 += 1) {
-      mapped.push(fn(val[i2]));
+      mapped[mapped.length] = fn(val[i2]);
     }
     return mapped;
   }
   return fn(val);
 };
-var utils$2 = {
+var utils$1 = {
   arrayToObject,
   assign,
   combine,
@@ -14059,14 +14544,16 @@ var utils$2 = {
   decode,
   encode,
   isBuffer,
+  isOverflow,
   isRegExp,
+  markOverflow,
   maybeMap,
   merge
 };
 var getSideChannel2 = sideChannel;
-var utils$1 = utils$2;
-var formats$1 = formats$3;
-var has$2 = Object.prototype.hasOwnProperty;
+var utils = utils$1;
+var formats = formats$2;
+var has$1 = Object.prototype.hasOwnProperty;
 var arrayPrefixGenerators = {
   brackets: function brackets(prefix2) {
     return prefix2 + "[]";
@@ -14079,14 +14566,14 @@ var arrayPrefixGenerators = {
     return prefix2;
   }
 };
-var isArray$1 = Array.isArray;
+var isArray = Array.isArray;
 var push = Array.prototype.push;
 var pushToArray = function(arr, valueOrArray) {
-  push.apply(arr, isArray$1(valueOrArray) ? valueOrArray : [valueOrArray]);
+  push.apply(arr, isArray(valueOrArray) ? valueOrArray : [valueOrArray]);
 };
 var toISO = Date.prototype.toISOString;
-var defaultFormat = formats$1["default"];
-var defaults$1 = {
+var defaultFormat = formats["default"];
+var defaults = {
   addQueryPrefix: false,
   allowDots: false,
   allowEmptyArrays: false,
@@ -14097,11 +14584,11 @@ var defaults$1 = {
   delimiter: "&",
   encode: true,
   encodeDotInKeys: false,
-  encoder: utils$1.encode,
+  encoder: utils.encode,
   encodeValuesOnly: false,
   filter: void 0,
   format: defaultFormat,
-  formatter: formats$1.formatters[defaultFormat],
+  formatter: formats.formatters[defaultFormat],
   // deprecated
   indices: false,
   serializeDate: function serializeDate(date2) {
@@ -14137,8 +14624,8 @@ var stringify$1 = function stringify(object2, prefix2, generateArrayPrefix, comm
     obj = filter(prefix2, obj);
   } else if (obj instanceof Date) {
     obj = serializeDate2(obj);
-  } else if (generateArrayPrefix === "comma" && isArray$1(obj)) {
-    obj = utils$1.maybeMap(obj, function(value2) {
+  } else if (generateArrayPrefix === "comma" && isArray(obj)) {
+    obj = utils.maybeMap(obj, function(value2) {
       if (value2 instanceof Date) {
         return serializeDate2(value2);
       }
@@ -14147,14 +14634,14 @@ var stringify$1 = function stringify(object2, prefix2, generateArrayPrefix, comm
   }
   if (obj === null) {
     if (strictNullHandling) {
-      return encoder && !encodeValuesOnly ? encoder(prefix2, defaults$1.encoder, charset, "key", format2) : prefix2;
+      return encoder && !encodeValuesOnly ? encoder(prefix2, defaults.encoder, charset, "key", format2) : prefix2;
     }
     obj = "";
   }
-  if (isNonNullishPrimitive(obj) || utils$1.isBuffer(obj)) {
+  if (isNonNullishPrimitive(obj) || utils.isBuffer(obj)) {
     if (encoder) {
-      var keyValue = encodeValuesOnly ? prefix2 : encoder(prefix2, defaults$1.encoder, charset, "key", format2);
-      return [formatter(keyValue) + "=" + formatter(encoder(obj, defaults$1.encoder, charset, "value", format2))];
+      var keyValue = encodeValuesOnly ? prefix2 : encoder(prefix2, defaults.encoder, charset, "key", format2);
+      return [formatter(keyValue) + "=" + formatter(encoder(obj, defaults.encoder, charset, "value", format2))];
     }
     return [formatter(prefix2) + "=" + formatter(String(obj))];
   }
@@ -14163,20 +14650,20 @@ var stringify$1 = function stringify(object2, prefix2, generateArrayPrefix, comm
     return values2;
   }
   var objKeys;
-  if (generateArrayPrefix === "comma" && isArray$1(obj)) {
+  if (generateArrayPrefix === "comma" && isArray(obj)) {
     if (encodeValuesOnly && encoder) {
-      obj = utils$1.maybeMap(obj, encoder);
+      obj = utils.maybeMap(obj, encoder);
     }
     objKeys = [{ value: obj.length > 0 ? obj.join(",") || null : void 0 }];
-  } else if (isArray$1(filter)) {
+  } else if (isArray(filter)) {
     objKeys = filter;
   } else {
     var keys2 = Object.keys(obj);
     objKeys = sort ? keys2.sort(sort) : keys2;
   }
   var encodedPrefix = encodeDotInKeys ? String(prefix2).replace(/\./g, "%2E") : String(prefix2);
-  var adjustedPrefix = commaRoundTrip && isArray$1(obj) && obj.length === 1 ? encodedPrefix + "[]" : encodedPrefix;
-  if (allowEmptyArrays && isArray$1(obj) && obj.length === 0) {
+  var adjustedPrefix = commaRoundTrip && isArray(obj) && obj.length === 1 ? encodedPrefix + "[]" : encodedPrefix;
+  if (allowEmptyArrays && isArray(obj) && obj.length === 0) {
     return adjustedPrefix + "[]";
   }
   for (var j = 0; j < objKeys.length; ++j) {
@@ -14186,7 +14673,7 @@ var stringify$1 = function stringify(object2, prefix2, generateArrayPrefix, comm
       continue;
     }
     var encodedKey = allowDots && encodeDotInKeys ? String(key).replace(/\./g, "%2E") : String(key);
-    var keyPrefix = isArray$1(obj) ? typeof generateArrayPrefix === "function" ? generateArrayPrefix(adjustedPrefix, encodedKey) : adjustedPrefix : adjustedPrefix + (allowDots ? "." + encodedKey : "[" + encodedKey + "]");
+    var keyPrefix = isArray(obj) ? typeof generateArrayPrefix === "function" ? generateArrayPrefix(adjustedPrefix, encodedKey) : adjustedPrefix : adjustedPrefix + (allowDots ? "." + encodedKey : "[" + encodedKey + "]");
     sideChannel2.set(object2, step2);
     var valueSideChannel = getSideChannel2();
     valueSideChannel.set(sentinel, sideChannel2);
@@ -14199,7 +14686,7 @@ var stringify$1 = function stringify(object2, prefix2, generateArrayPrefix, comm
       strictNullHandling,
       skipNulls,
       encodeDotInKeys,
-      generateArrayPrefix === "comma" && encodeValuesOnly && isArray$1(obj) ? null : encoder,
+      generateArrayPrefix === "comma" && encodeValuesOnly && isArray(obj) ? null : encoder,
       filter,
       sort,
       allowDots,
@@ -14215,7 +14702,7 @@ var stringify$1 = function stringify(object2, prefix2, generateArrayPrefix, comm
 };
 var normalizeStringifyOptions = function normalizeStringifyOptions2(opts) {
   if (!opts) {
-    return defaults$1;
+    return defaults;
   }
   if (typeof opts.allowEmptyArrays !== "undefined" && typeof opts.allowEmptyArrays !== "boolean") {
     throw new TypeError("`allowEmptyArrays` option can only be `true` or `false`, when provided");
@@ -14226,20 +14713,20 @@ var normalizeStringifyOptions = function normalizeStringifyOptions2(opts) {
   if (opts.encoder !== null && typeof opts.encoder !== "undefined" && typeof opts.encoder !== "function") {
     throw new TypeError("Encoder has to be a function.");
   }
-  var charset = opts.charset || defaults$1.charset;
+  var charset = opts.charset || defaults.charset;
   if (typeof opts.charset !== "undefined" && opts.charset !== "utf-8" && opts.charset !== "iso-8859-1") {
     throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");
   }
-  var format2 = formats$1["default"];
+  var format2 = formats["default"];
   if (typeof opts.format !== "undefined") {
-    if (!has$2.call(formats$1.formatters, opts.format)) {
+    if (!has$1.call(formats.formatters, opts.format)) {
       throw new TypeError("Unknown format option provided.");
     }
     format2 = opts.format;
   }
-  var formatter = formats$1.formatters[format2];
-  var filter = defaults$1.filter;
-  if (typeof opts.filter === "function" || isArray$1(opts.filter)) {
+  var formatter = formats.formatters[format2];
+  var filter = defaults.filter;
+  if (typeof opts.filter === "function" || isArray(opts.filter)) {
     filter = opts.filter;
   }
   var arrayFormat;
@@ -14248,32 +14735,32 @@ var normalizeStringifyOptions = function normalizeStringifyOptions2(opts) {
   } else if ("indices" in opts) {
     arrayFormat = opts.indices ? "indices" : "repeat";
   } else {
-    arrayFormat = defaults$1.arrayFormat;
+    arrayFormat = defaults.arrayFormat;
   }
   if ("commaRoundTrip" in opts && typeof opts.commaRoundTrip !== "boolean") {
     throw new TypeError("`commaRoundTrip` must be a boolean, or absent");
   }
-  var allowDots = typeof opts.allowDots === "undefined" ? opts.encodeDotInKeys === true ? true : defaults$1.allowDots : !!opts.allowDots;
+  var allowDots = typeof opts.allowDots === "undefined" ? opts.encodeDotInKeys === true ? true : defaults.allowDots : !!opts.allowDots;
   return {
-    addQueryPrefix: typeof opts.addQueryPrefix === "boolean" ? opts.addQueryPrefix : defaults$1.addQueryPrefix,
+    addQueryPrefix: typeof opts.addQueryPrefix === "boolean" ? opts.addQueryPrefix : defaults.addQueryPrefix,
     allowDots,
-    allowEmptyArrays: typeof opts.allowEmptyArrays === "boolean" ? !!opts.allowEmptyArrays : defaults$1.allowEmptyArrays,
+    allowEmptyArrays: typeof opts.allowEmptyArrays === "boolean" ? !!opts.allowEmptyArrays : defaults.allowEmptyArrays,
     arrayFormat,
     charset,
-    charsetSentinel: typeof opts.charsetSentinel === "boolean" ? opts.charsetSentinel : defaults$1.charsetSentinel,
+    charsetSentinel: typeof opts.charsetSentinel === "boolean" ? opts.charsetSentinel : defaults.charsetSentinel,
     commaRoundTrip: !!opts.commaRoundTrip,
-    delimiter: typeof opts.delimiter === "undefined" ? defaults$1.delimiter : opts.delimiter,
-    encode: typeof opts.encode === "boolean" ? opts.encode : defaults$1.encode,
-    encodeDotInKeys: typeof opts.encodeDotInKeys === "boolean" ? opts.encodeDotInKeys : defaults$1.encodeDotInKeys,
-    encoder: typeof opts.encoder === "function" ? opts.encoder : defaults$1.encoder,
-    encodeValuesOnly: typeof opts.encodeValuesOnly === "boolean" ? opts.encodeValuesOnly : defaults$1.encodeValuesOnly,
+    delimiter: typeof opts.delimiter === "undefined" ? defaults.delimiter : opts.delimiter,
+    encode: typeof opts.encode === "boolean" ? opts.encode : defaults.encode,
+    encodeDotInKeys: typeof opts.encodeDotInKeys === "boolean" ? opts.encodeDotInKeys : defaults.encodeDotInKeys,
+    encoder: typeof opts.encoder === "function" ? opts.encoder : defaults.encoder,
+    encodeValuesOnly: typeof opts.encodeValuesOnly === "boolean" ? opts.encodeValuesOnly : defaults.encodeValuesOnly,
     filter,
     format: format2,
     formatter,
-    serializeDate: typeof opts.serializeDate === "function" ? opts.serializeDate : defaults$1.serializeDate,
-    skipNulls: typeof opts.skipNulls === "boolean" ? opts.skipNulls : defaults$1.skipNulls,
+    serializeDate: typeof opts.serializeDate === "function" ? opts.serializeDate : defaults.serializeDate,
+    skipNulls: typeof opts.skipNulls === "boolean" ? opts.skipNulls : defaults.skipNulls,
     sort: typeof opts.sort === "function" ? opts.sort : null,
-    strictNullHandling: typeof opts.strictNullHandling === "boolean" ? opts.strictNullHandling : defaults$1.strictNullHandling
+    strictNullHandling: typeof opts.strictNullHandling === "boolean" ? opts.strictNullHandling : defaults.strictNullHandling
   };
 };
 var stringify_1 = function(object2, opts) {
@@ -14284,7 +14771,7 @@ var stringify_1 = function(object2, opts) {
   if (typeof options.filter === "function") {
     filter = options.filter;
     obj = filter("", obj);
-  } else if (isArray$1(options.filter)) {
+  } else if (isArray(options.filter)) {
     filter = options.filter;
     objKeys = filter;
   }
@@ -14339,256 +14826,8 @@ var stringify_1 = function(object2, opts) {
   }
   return joined.length > 0 ? prefix2 + joined : "";
 };
-var utils = utils$2;
-var has$1 = Object.prototype.hasOwnProperty;
-var isArray = Array.isArray;
-var defaults = {
-  allowDots: false,
-  allowEmptyArrays: false,
-  allowPrototypes: false,
-  allowSparse: false,
-  arrayLimit: 20,
-  charset: "utf-8",
-  charsetSentinel: false,
-  comma: false,
-  decodeDotInKeys: false,
-  decoder: utils.decode,
-  delimiter: "&",
-  depth: 5,
-  duplicates: "combine",
-  ignoreQueryPrefix: false,
-  interpretNumericEntities: false,
-  parameterLimit: 1e3,
-  parseArrays: true,
-  plainObjects: false,
-  strictDepth: false,
-  strictNullHandling: false,
-  throwOnLimitExceeded: false
-};
-var interpretNumericEntities = function(str) {
-  return str.replace(/&#(\d+);/g, function($0, numberStr) {
-    return String.fromCharCode(parseInt(numberStr, 10));
-  });
-};
-var parseArrayValue = function(val, options, currentArrayLength) {
-  if (val && typeof val === "string" && options.comma && val.indexOf(",") > -1) {
-    return val.split(",");
-  }
-  if (options.throwOnLimitExceeded && currentArrayLength >= options.arrayLimit) {
-    throw new RangeError("Array limit exceeded. Only " + options.arrayLimit + " element" + (options.arrayLimit === 1 ? "" : "s") + " allowed in an array.");
-  }
-  return val;
-};
-var isoSentinel = "utf8=%26%2310003%3B";
-var charsetSentinel = "utf8=%E2%9C%93";
-var parseValues = function parseQueryStringValues(str, options) {
-  var obj = { __proto__: null };
-  var cleanStr = options.ignoreQueryPrefix ? str.replace(/^\?/, "") : str;
-  cleanStr = cleanStr.replace(/%5B/gi, "[").replace(/%5D/gi, "]");
-  var limit2 = options.parameterLimit === Infinity ? void 0 : options.parameterLimit;
-  var parts = cleanStr.split(
-    options.delimiter,
-    options.throwOnLimitExceeded ? limit2 + 1 : limit2
-  );
-  if (options.throwOnLimitExceeded && parts.length > limit2) {
-    throw new RangeError("Parameter limit exceeded. Only " + limit2 + " parameter" + (limit2 === 1 ? "" : "s") + " allowed.");
-  }
-  var skipIndex = -1;
-  var i2;
-  var charset = options.charset;
-  if (options.charsetSentinel) {
-    for (i2 = 0; i2 < parts.length; ++i2) {
-      if (parts[i2].indexOf("utf8=") === 0) {
-        if (parts[i2] === charsetSentinel) {
-          charset = "utf-8";
-        } else if (parts[i2] === isoSentinel) {
-          charset = "iso-8859-1";
-        }
-        skipIndex = i2;
-        i2 = parts.length;
-      }
-    }
-  }
-  for (i2 = 0; i2 < parts.length; ++i2) {
-    if (i2 === skipIndex) {
-      continue;
-    }
-    var part = parts[i2];
-    var bracketEqualsPos = part.indexOf("]=");
-    var pos = bracketEqualsPos === -1 ? part.indexOf("=") : bracketEqualsPos + 1;
-    var key;
-    var val;
-    if (pos === -1) {
-      key = options.decoder(part, defaults.decoder, charset, "key");
-      val = options.strictNullHandling ? null : "";
-    } else {
-      key = options.decoder(part.slice(0, pos), defaults.decoder, charset, "key");
-      val = utils.maybeMap(
-        parseArrayValue(
-          part.slice(pos + 1),
-          options,
-          isArray(obj[key]) ? obj[key].length : 0
-        ),
-        function(encodedVal) {
-          return options.decoder(encodedVal, defaults.decoder, charset, "value");
-        }
-      );
-    }
-    if (val && options.interpretNumericEntities && charset === "iso-8859-1") {
-      val = interpretNumericEntities(String(val));
-    }
-    if (part.indexOf("[]=") > -1) {
-      val = isArray(val) ? [val] : val;
-    }
-    var existing = has$1.call(obj, key);
-    if (existing && options.duplicates === "combine") {
-      obj[key] = utils.combine(obj[key], val);
-    } else if (!existing || options.duplicates === "last") {
-      obj[key] = val;
-    }
-  }
-  return obj;
-};
-var parseObject = function(chain, val, options, valuesParsed) {
-  var currentArrayLength = 0;
-  if (chain.length > 0 && chain[chain.length - 1] === "[]") {
-    var parentKey = chain.slice(0, -1).join("");
-    currentArrayLength = Array.isArray(val) && val[parentKey] ? val[parentKey].length : 0;
-  }
-  var leaf = valuesParsed ? val : parseArrayValue(val, options, currentArrayLength);
-  for (var i2 = chain.length - 1; i2 >= 0; --i2) {
-    var obj;
-    var root2 = chain[i2];
-    if (root2 === "[]" && options.parseArrays) {
-      obj = options.allowEmptyArrays && (leaf === "" || options.strictNullHandling && leaf === null) ? [] : utils.combine([], leaf);
-    } else {
-      obj = options.plainObjects ? { __proto__: null } : {};
-      var cleanRoot = root2.charAt(0) === "[" && root2.charAt(root2.length - 1) === "]" ? root2.slice(1, -1) : root2;
-      var decodedRoot = options.decodeDotInKeys ? cleanRoot.replace(/%2E/g, ".") : cleanRoot;
-      var index = parseInt(decodedRoot, 10);
-      if (!options.parseArrays && decodedRoot === "") {
-        obj = { 0: leaf };
-      } else if (!isNaN(index) && root2 !== decodedRoot && String(index) === decodedRoot && index >= 0 && (options.parseArrays && index <= options.arrayLimit)) {
-        obj = [];
-        obj[index] = leaf;
-      } else if (decodedRoot !== "__proto__") {
-        obj[decodedRoot] = leaf;
-      }
-    }
-    leaf = obj;
-  }
-  return leaf;
-};
-var parseKeys = function parseQueryStringKeys(givenKey, val, options, valuesParsed) {
-  if (!givenKey) {
-    return;
-  }
-  var key = options.allowDots ? givenKey.replace(/\.([^.[]+)/g, "[$1]") : givenKey;
-  var brackets2 = /(\[[^[\]]*])/;
-  var child = /(\[[^[\]]*])/g;
-  var segment = options.depth > 0 && brackets2.exec(key);
-  var parent = segment ? key.slice(0, segment.index) : key;
-  var keys2 = [];
-  if (parent) {
-    if (!options.plainObjects && has$1.call(Object.prototype, parent)) {
-      if (!options.allowPrototypes) {
-        return;
-      }
-    }
-    keys2.push(parent);
-  }
-  var i2 = 0;
-  while (options.depth > 0 && (segment = child.exec(key)) !== null && i2 < options.depth) {
-    i2 += 1;
-    if (!options.plainObjects && has$1.call(Object.prototype, segment[1].slice(1, -1))) {
-      if (!options.allowPrototypes) {
-        return;
-      }
-    }
-    keys2.push(segment[1]);
-  }
-  if (segment) {
-    if (options.strictDepth === true) {
-      throw new RangeError("Input depth exceeded depth option of " + options.depth + " and strictDepth is true");
-    }
-    keys2.push("[" + key.slice(segment.index) + "]");
-  }
-  return parseObject(keys2, val, options, valuesParsed);
-};
-var normalizeParseOptions = function normalizeParseOptions2(opts) {
-  if (!opts) {
-    return defaults;
-  }
-  if (typeof opts.allowEmptyArrays !== "undefined" && typeof opts.allowEmptyArrays !== "boolean") {
-    throw new TypeError("`allowEmptyArrays` option can only be `true` or `false`, when provided");
-  }
-  if (typeof opts.decodeDotInKeys !== "undefined" && typeof opts.decodeDotInKeys !== "boolean") {
-    throw new TypeError("`decodeDotInKeys` option can only be `true` or `false`, when provided");
-  }
-  if (opts.decoder !== null && typeof opts.decoder !== "undefined" && typeof opts.decoder !== "function") {
-    throw new TypeError("Decoder has to be a function.");
-  }
-  if (typeof opts.charset !== "undefined" && opts.charset !== "utf-8" && opts.charset !== "iso-8859-1") {
-    throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");
-  }
-  if (typeof opts.throwOnLimitExceeded !== "undefined" && typeof opts.throwOnLimitExceeded !== "boolean") {
-    throw new TypeError("`throwOnLimitExceeded` option must be a boolean");
-  }
-  var charset = typeof opts.charset === "undefined" ? defaults.charset : opts.charset;
-  var duplicates = typeof opts.duplicates === "undefined" ? defaults.duplicates : opts.duplicates;
-  if (duplicates !== "combine" && duplicates !== "first" && duplicates !== "last") {
-    throw new TypeError("The duplicates option must be either combine, first, or last");
-  }
-  var allowDots = typeof opts.allowDots === "undefined" ? opts.decodeDotInKeys === true ? true : defaults.allowDots : !!opts.allowDots;
-  return {
-    allowDots,
-    allowEmptyArrays: typeof opts.allowEmptyArrays === "boolean" ? !!opts.allowEmptyArrays : defaults.allowEmptyArrays,
-    allowPrototypes: typeof opts.allowPrototypes === "boolean" ? opts.allowPrototypes : defaults.allowPrototypes,
-    allowSparse: typeof opts.allowSparse === "boolean" ? opts.allowSparse : defaults.allowSparse,
-    arrayLimit: typeof opts.arrayLimit === "number" ? opts.arrayLimit : defaults.arrayLimit,
-    charset,
-    charsetSentinel: typeof opts.charsetSentinel === "boolean" ? opts.charsetSentinel : defaults.charsetSentinel,
-    comma: typeof opts.comma === "boolean" ? opts.comma : defaults.comma,
-    decodeDotInKeys: typeof opts.decodeDotInKeys === "boolean" ? opts.decodeDotInKeys : defaults.decodeDotInKeys,
-    decoder: typeof opts.decoder === "function" ? opts.decoder : defaults.decoder,
-    delimiter: typeof opts.delimiter === "string" || utils.isRegExp(opts.delimiter) ? opts.delimiter : defaults.delimiter,
-    // eslint-disable-next-line no-implicit-coercion, no-extra-parens
-    depth: typeof opts.depth === "number" || opts.depth === false ? +opts.depth : defaults.depth,
-    duplicates,
-    ignoreQueryPrefix: opts.ignoreQueryPrefix === true,
-    interpretNumericEntities: typeof opts.interpretNumericEntities === "boolean" ? opts.interpretNumericEntities : defaults.interpretNumericEntities,
-    parameterLimit: typeof opts.parameterLimit === "number" ? opts.parameterLimit : defaults.parameterLimit,
-    parseArrays: opts.parseArrays !== false,
-    plainObjects: typeof opts.plainObjects === "boolean" ? opts.plainObjects : defaults.plainObjects,
-    strictDepth: typeof opts.strictDepth === "boolean" ? !!opts.strictDepth : defaults.strictDepth,
-    strictNullHandling: typeof opts.strictNullHandling === "boolean" ? opts.strictNullHandling : defaults.strictNullHandling,
-    throwOnLimitExceeded: typeof opts.throwOnLimitExceeded === "boolean" ? opts.throwOnLimitExceeded : false
-  };
-};
-var parse$1 = function(str, opts) {
-  var options = normalizeParseOptions(opts);
-  if (str === "" || str === null || typeof str === "undefined") {
-    return options.plainObjects ? { __proto__: null } : {};
-  }
-  var tempObj = typeof str === "string" ? parseValues(str, options) : str;
-  var obj = options.plainObjects ? { __proto__: null } : {};
-  var keys2 = Object.keys(tempObj);
-  for (var i2 = 0; i2 < keys2.length; ++i2) {
-    var key = keys2[i2];
-    var newObj = parseKeys(key, tempObj[key], options, typeof str === "string");
-    obj = utils.merge(obj, newObj, options);
-  }
-  if (options.allowSparse === true) {
-    return obj;
-  }
-  return utils.compact(obj);
-};
 var stringify2 = stringify_1;
-var parse = parse$1;
-var formats = formats$3;
 var lib = {
-  formats,
-  parse,
   stringify: stringify2
 };
 const CUSTOMER_APP_HOST = getConfig().customerAppHost;
@@ -14687,7 +14926,8 @@ function createOpportunityCreationPayload(payload) {
     analyticsClientId,
     service_type,
     team_size,
-    delivery_frequency
+    delivery_frequency,
+    budget_range
   } = payload;
   return {
     analyticsClientId,
@@ -14736,7 +14976,8 @@ function createOpportunityCreationPayload(payload) {
     cloudGroupTagValuesAttributes: cloudGroupTagValuesPayload(payload),
     serviceType: service_type,
     teamSize: team_size,
-    deliveryFrequency: delivery_frequency
+    deliveryFrequency: delivery_frequency,
+    budgetRange: budget_range
   };
 }
 const CREATE_OPPORTUNITY = gql`
@@ -15127,8 +15368,8 @@ function _extends$2() {
   }, _extends$2.apply(null, arguments);
 }
 var propTypes = { exports: {} };
-var reactIs$3 = { exports: {} };
-var reactIs_production_min$2 = {};
+var reactIs$1 = { exports: {} };
+var reactIs_production_min = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -15137,10 +15378,10 @@ var reactIs_production_min$2 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredReactIs_production_min$2;
-function requireReactIs_production_min$2() {
-  if (hasRequiredReactIs_production_min$2) return reactIs_production_min$2;
-  hasRequiredReactIs_production_min$2 = 1;
+var hasRequiredReactIs_production_min;
+function requireReactIs_production_min() {
+  if (hasRequiredReactIs_production_min) return reactIs_production_min;
+  hasRequiredReactIs_production_min = 1;
   var b2 = "function" === typeof Symbol && Symbol.for, c2 = b2 ? Symbol.for("react.element") : 60103, d3 = b2 ? Symbol.for("react.portal") : 60106, e2 = b2 ? Symbol.for("react.fragment") : 60107, f = b2 ? Symbol.for("react.strict_mode") : 60108, g = b2 ? Symbol.for("react.profiler") : 60114, h3 = b2 ? Symbol.for("react.provider") : 60109, k2 = b2 ? Symbol.for("react.context") : 60110, l = b2 ? Symbol.for("react.async_mode") : 60111, m3 = b2 ? Symbol.for("react.concurrent_mode") : 60111, n = b2 ? Symbol.for("react.forward_ref") : 60112, p = b2 ? Symbol.for("react.suspense") : 60113, q2 = b2 ? Symbol.for("react.suspense_list") : 60120, r2 = b2 ? Symbol.for("react.memo") : 60115, t2 = b2 ? Symbol.for("react.lazy") : 60116, v = b2 ? Symbol.for("react.block") : 60121, w2 = b2 ? Symbol.for("react.fundamental") : 60117, x2 = b2 ? Symbol.for("react.responder") : 60118, y3 = b2 ? Symbol.for("react.scope") : 60119;
   function z2(a3) {
     if ("object" === typeof a3 && null !== a3) {
@@ -15175,67 +15416,67 @@ function requireReactIs_production_min$2() {
   function A(a3) {
     return z2(a3) === m3;
   }
-  reactIs_production_min$2.AsyncMode = l;
-  reactIs_production_min$2.ConcurrentMode = m3;
-  reactIs_production_min$2.ContextConsumer = k2;
-  reactIs_production_min$2.ContextProvider = h3;
-  reactIs_production_min$2.Element = c2;
-  reactIs_production_min$2.ForwardRef = n;
-  reactIs_production_min$2.Fragment = e2;
-  reactIs_production_min$2.Lazy = t2;
-  reactIs_production_min$2.Memo = r2;
-  reactIs_production_min$2.Portal = d3;
-  reactIs_production_min$2.Profiler = g;
-  reactIs_production_min$2.StrictMode = f;
-  reactIs_production_min$2.Suspense = p;
-  reactIs_production_min$2.isAsyncMode = function(a3) {
+  reactIs_production_min.AsyncMode = l;
+  reactIs_production_min.ConcurrentMode = m3;
+  reactIs_production_min.ContextConsumer = k2;
+  reactIs_production_min.ContextProvider = h3;
+  reactIs_production_min.Element = c2;
+  reactIs_production_min.ForwardRef = n;
+  reactIs_production_min.Fragment = e2;
+  reactIs_production_min.Lazy = t2;
+  reactIs_production_min.Memo = r2;
+  reactIs_production_min.Portal = d3;
+  reactIs_production_min.Profiler = g;
+  reactIs_production_min.StrictMode = f;
+  reactIs_production_min.Suspense = p;
+  reactIs_production_min.isAsyncMode = function(a3) {
     return A(a3) || z2(a3) === l;
   };
-  reactIs_production_min$2.isConcurrentMode = A;
-  reactIs_production_min$2.isContextConsumer = function(a3) {
+  reactIs_production_min.isConcurrentMode = A;
+  reactIs_production_min.isContextConsumer = function(a3) {
     return z2(a3) === k2;
   };
-  reactIs_production_min$2.isContextProvider = function(a3) {
+  reactIs_production_min.isContextProvider = function(a3) {
     return z2(a3) === h3;
   };
-  reactIs_production_min$2.isElement = function(a3) {
+  reactIs_production_min.isElement = function(a3) {
     return "object" === typeof a3 && null !== a3 && a3.$$typeof === c2;
   };
-  reactIs_production_min$2.isForwardRef = function(a3) {
+  reactIs_production_min.isForwardRef = function(a3) {
     return z2(a3) === n;
   };
-  reactIs_production_min$2.isFragment = function(a3) {
+  reactIs_production_min.isFragment = function(a3) {
     return z2(a3) === e2;
   };
-  reactIs_production_min$2.isLazy = function(a3) {
+  reactIs_production_min.isLazy = function(a3) {
     return z2(a3) === t2;
   };
-  reactIs_production_min$2.isMemo = function(a3) {
+  reactIs_production_min.isMemo = function(a3) {
     return z2(a3) === r2;
   };
-  reactIs_production_min$2.isPortal = function(a3) {
+  reactIs_production_min.isPortal = function(a3) {
     return z2(a3) === d3;
   };
-  reactIs_production_min$2.isProfiler = function(a3) {
+  reactIs_production_min.isProfiler = function(a3) {
     return z2(a3) === g;
   };
-  reactIs_production_min$2.isStrictMode = function(a3) {
+  reactIs_production_min.isStrictMode = function(a3) {
     return z2(a3) === f;
   };
-  reactIs_production_min$2.isSuspense = function(a3) {
+  reactIs_production_min.isSuspense = function(a3) {
     return z2(a3) === p;
   };
-  reactIs_production_min$2.isValidElementType = function(a3) {
+  reactIs_production_min.isValidElementType = function(a3) {
     return "string" === typeof a3 || "function" === typeof a3 || a3 === e2 || a3 === m3 || a3 === g || a3 === f || a3 === p || a3 === q2 || "object" === typeof a3 && null !== a3 && (a3.$$typeof === t2 || a3.$$typeof === r2 || a3.$$typeof === h3 || a3.$$typeof === k2 || a3.$$typeof === n || a3.$$typeof === w2 || a3.$$typeof === x2 || a3.$$typeof === y3 || a3.$$typeof === v);
   };
-  reactIs_production_min$2.typeOf = z2;
-  return reactIs_production_min$2;
+  reactIs_production_min.typeOf = z2;
+  return reactIs_production_min;
 }
-var reactIs_development$2 = {};
-var hasRequiredReactIs_development$2;
-function requireReactIs_development$2() {
-  if (hasRequiredReactIs_development$2) return reactIs_development$2;
-  hasRequiredReactIs_development$2 = 1;
+var reactIs_development = {};
+var hasRequiredReactIs_development;
+function requireReactIs_development() {
+  if (hasRequiredReactIs_development) return reactIs_development;
+  hasRequiredReactIs_development = 1;
   var define_process_env_default2 = {};
   /** @license React v16.13.1
    * react-is.development.js
@@ -15362,49 +15603,49 @@ function requireReactIs_development$2() {
       function isSuspense(object2) {
         return typeOf(object2) === REACT_SUSPENSE_TYPE;
       }
-      reactIs_development$2.AsyncMode = AsyncMode;
-      reactIs_development$2.ConcurrentMode = ConcurrentMode;
-      reactIs_development$2.ContextConsumer = ContextConsumer;
-      reactIs_development$2.ContextProvider = ContextProvider;
-      reactIs_development$2.Element = Element;
-      reactIs_development$2.ForwardRef = ForwardRef;
-      reactIs_development$2.Fragment = Fragment;
-      reactIs_development$2.Lazy = Lazy2;
-      reactIs_development$2.Memo = Memo;
-      reactIs_development$2.Portal = Portal3;
-      reactIs_development$2.Profiler = Profiler;
-      reactIs_development$2.StrictMode = StrictMode;
-      reactIs_development$2.Suspense = Suspense;
-      reactIs_development$2.isAsyncMode = isAsyncMode;
-      reactIs_development$2.isConcurrentMode = isConcurrentMode;
-      reactIs_development$2.isContextConsumer = isContextConsumer;
-      reactIs_development$2.isContextProvider = isContextProvider;
-      reactIs_development$2.isElement = isElement2;
-      reactIs_development$2.isForwardRef = isForwardRef;
-      reactIs_development$2.isFragment = isFragment;
-      reactIs_development$2.isLazy = isLazy;
-      reactIs_development$2.isMemo = isMemo;
-      reactIs_development$2.isPortal = isPortal;
-      reactIs_development$2.isProfiler = isProfiler;
-      reactIs_development$2.isStrictMode = isStrictMode;
-      reactIs_development$2.isSuspense = isSuspense;
-      reactIs_development$2.isValidElementType = isValidElementType;
-      reactIs_development$2.typeOf = typeOf;
+      reactIs_development.AsyncMode = AsyncMode;
+      reactIs_development.ConcurrentMode = ConcurrentMode;
+      reactIs_development.ContextConsumer = ContextConsumer;
+      reactIs_development.ContextProvider = ContextProvider;
+      reactIs_development.Element = Element;
+      reactIs_development.ForwardRef = ForwardRef;
+      reactIs_development.Fragment = Fragment;
+      reactIs_development.Lazy = Lazy2;
+      reactIs_development.Memo = Memo;
+      reactIs_development.Portal = Portal3;
+      reactIs_development.Profiler = Profiler;
+      reactIs_development.StrictMode = StrictMode;
+      reactIs_development.Suspense = Suspense;
+      reactIs_development.isAsyncMode = isAsyncMode;
+      reactIs_development.isConcurrentMode = isConcurrentMode;
+      reactIs_development.isContextConsumer = isContextConsumer;
+      reactIs_development.isContextProvider = isContextProvider;
+      reactIs_development.isElement = isElement2;
+      reactIs_development.isForwardRef = isForwardRef;
+      reactIs_development.isFragment = isFragment;
+      reactIs_development.isLazy = isLazy;
+      reactIs_development.isMemo = isMemo;
+      reactIs_development.isPortal = isPortal;
+      reactIs_development.isProfiler = isProfiler;
+      reactIs_development.isStrictMode = isStrictMode;
+      reactIs_development.isSuspense = isSuspense;
+      reactIs_development.isValidElementType = isValidElementType;
+      reactIs_development.typeOf = typeOf;
     })();
   }
-  return reactIs_development$2;
+  return reactIs_development;
 }
 var hasRequiredReactIs;
 function requireReactIs() {
-  if (hasRequiredReactIs) return reactIs$3.exports;
+  if (hasRequiredReactIs) return reactIs$1.exports;
   hasRequiredReactIs = 1;
   var define_process_env_default2 = {};
   if (define_process_env_default2.NODE_ENV === "production") {
-    reactIs$3.exports = requireReactIs_production_min$2();
+    reactIs$1.exports = requireReactIs_production_min();
   } else {
-    reactIs$3.exports = requireReactIs_development$2();
+    reactIs$1.exports = requireReactIs_development();
   }
-  return reactIs$3.exports;
+  return reactIs$1.exports;
 }
 var ReactPropTypesSecret_1;
 var hasRequiredReactPropTypesSecret;
@@ -15985,8 +16226,8 @@ function requireFactoryWithThrowingShims() {
   };
   return factoryWithThrowingShims;
 }
-var define_process_env_default$L = {};
-if (define_process_env_default$L.NODE_ENV !== "production") {
+var define_process_env_default$J = {};
+if (define_process_env_default$J.NODE_ENV !== "production") {
   var ReactIs = requireReactIs();
   var throwOnDirectAccess = true;
   propTypes.exports = requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
@@ -16006,9 +16247,9 @@ function clsx() {
   for (var e2, t2, f = 0, n = ""; f < arguments.length; ) (e2 = arguments[f++]) && (t2 = r(e2)) && (n && (n += " "), n += t2);
   return n;
 }
-var define_process_env_default$K = {};
+var define_process_env_default$I = {};
 function chainPropTypes(propType1, propType2) {
-  if (define_process_env_default$K.NODE_ENV === "production") {
+  if (define_process_env_default$I.NODE_ENV === "production") {
     return function() {
       return null;
     };
@@ -16059,10 +16300,10 @@ function elementTypeAcceptingRef(props, propName, componentName, location, propF
   return null;
 }
 const elementTypeAcceptingRef$1 = chainPropTypes(propTypesExports.elementType, elementTypeAcceptingRef);
-var define_process_env_default$J = {};
+var define_process_env_default$H = {};
 var specialProperty = "exact-prop: ​";
 function exactProp(propTypes2) {
-  if (define_process_env_default$J.NODE_ENV === "production") {
+  if (define_process_env_default$H.NODE_ENV === "production") {
     return propTypes2;
   }
   return _extends$2({}, propTypes2, _defineProperty({}, specialProperty, function(props) {
@@ -16084,336 +16325,12 @@ function formatMuiErrorMessage(code) {
   }
   return "Minified Material-UI error #" + code + "; visit " + url + " for the full message.";
 }
-var reactIs$2 = { exports: {} };
-var reactIs_production_min$1 = {};
-/** @license React v17.0.2
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactIs_production_min$1;
-function requireReactIs_production_min$1() {
-  if (hasRequiredReactIs_production_min$1) return reactIs_production_min$1;
-  hasRequiredReactIs_production_min$1 = 1;
-  var b2 = 60103, c2 = 60106, d3 = 60107, e2 = 60108, f = 60114, g = 60109, h3 = 60110, k2 = 60112, l = 60113, m3 = 60120, n = 60115, p = 60116, q2 = 60121, r2 = 60122, u2 = 60117, v = 60129, w2 = 60131;
-  if ("function" === typeof Symbol && Symbol.for) {
-    var x2 = Symbol.for;
-    b2 = x2("react.element");
-    c2 = x2("react.portal");
-    d3 = x2("react.fragment");
-    e2 = x2("react.strict_mode");
-    f = x2("react.profiler");
-    g = x2("react.provider");
-    h3 = x2("react.context");
-    k2 = x2("react.forward_ref");
-    l = x2("react.suspense");
-    m3 = x2("react.suspense_list");
-    n = x2("react.memo");
-    p = x2("react.lazy");
-    q2 = x2("react.block");
-    r2 = x2("react.server.block");
-    u2 = x2("react.fundamental");
-    v = x2("react.debug_trace_mode");
-    w2 = x2("react.legacy_hidden");
-  }
-  function y3(a3) {
-    if ("object" === typeof a3 && null !== a3) {
-      var t2 = a3.$$typeof;
-      switch (t2) {
-        case b2:
-          switch (a3 = a3.type, a3) {
-            case d3:
-            case f:
-            case e2:
-            case l:
-            case m3:
-              return a3;
-            default:
-              switch (a3 = a3 && a3.$$typeof, a3) {
-                case h3:
-                case k2:
-                case p:
-                case n:
-                case g:
-                  return a3;
-                default:
-                  return t2;
-              }
-          }
-        case c2:
-          return t2;
-      }
-    }
-  }
-  var z2 = g, A = b2, B2 = k2, C = d3, D2 = p, E2 = n, F = c2, G2 = f, H3 = e2, I2 = l;
-  reactIs_production_min$1.ContextConsumer = h3;
-  reactIs_production_min$1.ContextProvider = z2;
-  reactIs_production_min$1.Element = A;
-  reactIs_production_min$1.ForwardRef = B2;
-  reactIs_production_min$1.Fragment = C;
-  reactIs_production_min$1.Lazy = D2;
-  reactIs_production_min$1.Memo = E2;
-  reactIs_production_min$1.Portal = F;
-  reactIs_production_min$1.Profiler = G2;
-  reactIs_production_min$1.StrictMode = H3;
-  reactIs_production_min$1.Suspense = I2;
-  reactIs_production_min$1.isAsyncMode = function() {
-    return false;
-  };
-  reactIs_production_min$1.isConcurrentMode = function() {
-    return false;
-  };
-  reactIs_production_min$1.isContextConsumer = function(a3) {
-    return y3(a3) === h3;
-  };
-  reactIs_production_min$1.isContextProvider = function(a3) {
-    return y3(a3) === g;
-  };
-  reactIs_production_min$1.isElement = function(a3) {
-    return "object" === typeof a3 && null !== a3 && a3.$$typeof === b2;
-  };
-  reactIs_production_min$1.isForwardRef = function(a3) {
-    return y3(a3) === k2;
-  };
-  reactIs_production_min$1.isFragment = function(a3) {
-    return y3(a3) === d3;
-  };
-  reactIs_production_min$1.isLazy = function(a3) {
-    return y3(a3) === p;
-  };
-  reactIs_production_min$1.isMemo = function(a3) {
-    return y3(a3) === n;
-  };
-  reactIs_production_min$1.isPortal = function(a3) {
-    return y3(a3) === c2;
-  };
-  reactIs_production_min$1.isProfiler = function(a3) {
-    return y3(a3) === f;
-  };
-  reactIs_production_min$1.isStrictMode = function(a3) {
-    return y3(a3) === e2;
-  };
-  reactIs_production_min$1.isSuspense = function(a3) {
-    return y3(a3) === l;
-  };
-  reactIs_production_min$1.isValidElementType = function(a3) {
-    return "string" === typeof a3 || "function" === typeof a3 || a3 === d3 || a3 === f || a3 === v || a3 === e2 || a3 === l || a3 === m3 || a3 === w2 || "object" === typeof a3 && null !== a3 && (a3.$$typeof === p || a3.$$typeof === n || a3.$$typeof === g || a3.$$typeof === h3 || a3.$$typeof === k2 || a3.$$typeof === u2 || a3.$$typeof === q2 || a3[0] === r2) ? true : false;
-  };
-  reactIs_production_min$1.typeOf = y3;
-  return reactIs_production_min$1;
-}
-var reactIs_development$1 = {};
-var hasRequiredReactIs_development$1;
-function requireReactIs_development$1() {
-  if (hasRequiredReactIs_development$1) return reactIs_development$1;
-  hasRequiredReactIs_development$1 = 1;
-  var define_process_env_default2 = {};
-  /** @license React v17.0.2
-   * react-is.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  if (define_process_env_default2.NODE_ENV !== "production") {
-    (function() {
-      var REACT_ELEMENT_TYPE = 60103;
-      var REACT_PORTAL_TYPE = 60106;
-      var REACT_FRAGMENT_TYPE = 60107;
-      var REACT_STRICT_MODE_TYPE = 60108;
-      var REACT_PROFILER_TYPE = 60114;
-      var REACT_PROVIDER_TYPE = 60109;
-      var REACT_CONTEXT_TYPE = 60110;
-      var REACT_FORWARD_REF_TYPE = 60112;
-      var REACT_SUSPENSE_TYPE = 60113;
-      var REACT_SUSPENSE_LIST_TYPE = 60120;
-      var REACT_MEMO_TYPE = 60115;
-      var REACT_LAZY_TYPE = 60116;
-      var REACT_BLOCK_TYPE = 60121;
-      var REACT_SERVER_BLOCK_TYPE = 60122;
-      var REACT_FUNDAMENTAL_TYPE = 60117;
-      var REACT_DEBUG_TRACING_MODE_TYPE = 60129;
-      var REACT_LEGACY_HIDDEN_TYPE = 60131;
-      if (typeof Symbol === "function" && Symbol.for) {
-        var symbolFor = Symbol.for;
-        REACT_ELEMENT_TYPE = symbolFor("react.element");
-        REACT_PORTAL_TYPE = symbolFor("react.portal");
-        REACT_FRAGMENT_TYPE = symbolFor("react.fragment");
-        REACT_STRICT_MODE_TYPE = symbolFor("react.strict_mode");
-        REACT_PROFILER_TYPE = symbolFor("react.profiler");
-        REACT_PROVIDER_TYPE = symbolFor("react.provider");
-        REACT_CONTEXT_TYPE = symbolFor("react.context");
-        REACT_FORWARD_REF_TYPE = symbolFor("react.forward_ref");
-        REACT_SUSPENSE_TYPE = symbolFor("react.suspense");
-        REACT_SUSPENSE_LIST_TYPE = symbolFor("react.suspense_list");
-        REACT_MEMO_TYPE = symbolFor("react.memo");
-        REACT_LAZY_TYPE = symbolFor("react.lazy");
-        REACT_BLOCK_TYPE = symbolFor("react.block");
-        REACT_SERVER_BLOCK_TYPE = symbolFor("react.server.block");
-        REACT_FUNDAMENTAL_TYPE = symbolFor("react.fundamental");
-        symbolFor("react.scope");
-        symbolFor("react.opaque.id");
-        REACT_DEBUG_TRACING_MODE_TYPE = symbolFor("react.debug_trace_mode");
-        symbolFor("react.offscreen");
-        REACT_LEGACY_HIDDEN_TYPE = symbolFor("react.legacy_hidden");
-      }
-      var enableScopeAPI = false;
-      function isValidElementType(type2) {
-        if (typeof type2 === "string" || typeof type2 === "function") {
-          return true;
-        }
-        if (type2 === REACT_FRAGMENT_TYPE || type2 === REACT_PROFILER_TYPE || type2 === REACT_DEBUG_TRACING_MODE_TYPE || type2 === REACT_STRICT_MODE_TYPE || type2 === REACT_SUSPENSE_TYPE || type2 === REACT_SUSPENSE_LIST_TYPE || type2 === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI) {
-          return true;
-        }
-        if (typeof type2 === "object" && type2 !== null) {
-          if (type2.$$typeof === REACT_LAZY_TYPE || type2.$$typeof === REACT_MEMO_TYPE || type2.$$typeof === REACT_PROVIDER_TYPE || type2.$$typeof === REACT_CONTEXT_TYPE || type2.$$typeof === REACT_FORWARD_REF_TYPE || type2.$$typeof === REACT_FUNDAMENTAL_TYPE || type2.$$typeof === REACT_BLOCK_TYPE || type2[0] === REACT_SERVER_BLOCK_TYPE) {
-            return true;
-          }
-        }
-        return false;
-      }
-      function typeOf(object2) {
-        if (typeof object2 === "object" && object2 !== null) {
-          var $$typeof = object2.$$typeof;
-          switch ($$typeof) {
-            case REACT_ELEMENT_TYPE:
-              var type2 = object2.type;
-              switch (type2) {
-                case REACT_FRAGMENT_TYPE:
-                case REACT_PROFILER_TYPE:
-                case REACT_STRICT_MODE_TYPE:
-                case REACT_SUSPENSE_TYPE:
-                case REACT_SUSPENSE_LIST_TYPE:
-                  return type2;
-                default:
-                  var $$typeofType = type2 && type2.$$typeof;
-                  switch ($$typeofType) {
-                    case REACT_CONTEXT_TYPE:
-                    case REACT_FORWARD_REF_TYPE:
-                    case REACT_LAZY_TYPE:
-                    case REACT_MEMO_TYPE:
-                    case REACT_PROVIDER_TYPE:
-                      return $$typeofType;
-                    default:
-                      return $$typeof;
-                  }
-              }
-            case REACT_PORTAL_TYPE:
-              return $$typeof;
-          }
-        }
-        return void 0;
-      }
-      var ContextConsumer = REACT_CONTEXT_TYPE;
-      var ContextProvider = REACT_PROVIDER_TYPE;
-      var Element = REACT_ELEMENT_TYPE;
-      var ForwardRef = REACT_FORWARD_REF_TYPE;
-      var Fragment = REACT_FRAGMENT_TYPE;
-      var Lazy2 = REACT_LAZY_TYPE;
-      var Memo = REACT_MEMO_TYPE;
-      var Portal3 = REACT_PORTAL_TYPE;
-      var Profiler = REACT_PROFILER_TYPE;
-      var StrictMode = REACT_STRICT_MODE_TYPE;
-      var Suspense = REACT_SUSPENSE_TYPE;
-      var hasWarnedAboutDeprecatedIsAsyncMode = false;
-      var hasWarnedAboutDeprecatedIsConcurrentMode = false;
-      function isAsyncMode(object2) {
-        {
-          if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-            hasWarnedAboutDeprecatedIsAsyncMode = true;
-            console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.");
-          }
-        }
-        return false;
-      }
-      function isConcurrentMode(object2) {
-        {
-          if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
-            hasWarnedAboutDeprecatedIsConcurrentMode = true;
-            console["warn"]("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.");
-          }
-        }
-        return false;
-      }
-      function isContextConsumer(object2) {
-        return typeOf(object2) === REACT_CONTEXT_TYPE;
-      }
-      function isContextProvider(object2) {
-        return typeOf(object2) === REACT_PROVIDER_TYPE;
-      }
-      function isElement2(object2) {
-        return typeof object2 === "object" && object2 !== null && object2.$$typeof === REACT_ELEMENT_TYPE;
-      }
-      function isForwardRef(object2) {
-        return typeOf(object2) === REACT_FORWARD_REF_TYPE;
-      }
-      function isFragment(object2) {
-        return typeOf(object2) === REACT_FRAGMENT_TYPE;
-      }
-      function isLazy(object2) {
-        return typeOf(object2) === REACT_LAZY_TYPE;
-      }
-      function isMemo(object2) {
-        return typeOf(object2) === REACT_MEMO_TYPE;
-      }
-      function isPortal(object2) {
-        return typeOf(object2) === REACT_PORTAL_TYPE;
-      }
-      function isProfiler(object2) {
-        return typeOf(object2) === REACT_PROFILER_TYPE;
-      }
-      function isStrictMode(object2) {
-        return typeOf(object2) === REACT_STRICT_MODE_TYPE;
-      }
-      function isSuspense(object2) {
-        return typeOf(object2) === REACT_SUSPENSE_TYPE;
-      }
-      reactIs_development$1.ContextConsumer = ContextConsumer;
-      reactIs_development$1.ContextProvider = ContextProvider;
-      reactIs_development$1.Element = Element;
-      reactIs_development$1.ForwardRef = ForwardRef;
-      reactIs_development$1.Fragment = Fragment;
-      reactIs_development$1.Lazy = Lazy2;
-      reactIs_development$1.Memo = Memo;
-      reactIs_development$1.Portal = Portal3;
-      reactIs_development$1.Profiler = Profiler;
-      reactIs_development$1.StrictMode = StrictMode;
-      reactIs_development$1.Suspense = Suspense;
-      reactIs_development$1.isAsyncMode = isAsyncMode;
-      reactIs_development$1.isConcurrentMode = isConcurrentMode;
-      reactIs_development$1.isContextConsumer = isContextConsumer;
-      reactIs_development$1.isContextProvider = isContextProvider;
-      reactIs_development$1.isElement = isElement2;
-      reactIs_development$1.isForwardRef = isForwardRef;
-      reactIs_development$1.isFragment = isFragment;
-      reactIs_development$1.isLazy = isLazy;
-      reactIs_development$1.isMemo = isMemo;
-      reactIs_development$1.isPortal = isPortal;
-      reactIs_development$1.isProfiler = isProfiler;
-      reactIs_development$1.isStrictMode = isStrictMode;
-      reactIs_development$1.isSuspense = isSuspense;
-      reactIs_development$1.isValidElementType = isValidElementType;
-      reactIs_development$1.typeOf = typeOf;
-    })();
-  }
-  return reactIs_development$1;
-}
-var define_process_env_default$I = {};
-if (define_process_env_default$I.NODE_ENV === "production") {
-  reactIs$2.exports = requireReactIs_production_min$1();
-} else {
-  reactIs$2.exports = requireReactIs_development$1();
-}
-var reactIsExports$1 = reactIs$2.exports;
-var fnNameMatchRegex = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
-function getFunctionName(fn) {
-  var match2 = "".concat(fn).match(fnNameMatchRegex);
-  var name = match2 && match2[1];
-  return name || "";
+var reactIsExports = requireReactIs();
+var fnNameMatchRegex = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
+function getFunctionName(fn) {
+  var match2 = "".concat(fn).match(fnNameMatchRegex);
+  var name = match2 && match2[1];
+  return name || "";
 }
 function getFunctionComponentName(Component) {
   var fallback = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
@@ -16435,9 +16352,9 @@ function getDisplayName(Component) {
   }
   if (_typeof$1(Component) === "object") {
     switch (Component.$$typeof) {
-      case reactIsExports$1.ForwardRef:
+      case reactIsExports.ForwardRef:
         return getWrappedName(Component, Component.render, "ForwardRef");
-      case reactIsExports$1.Memo:
+      case reactIsExports.Memo:
         return getWrappedName(Component, Component.type, "memo");
       default:
         return void 0;
@@ -16445,9 +16362,9 @@ function getDisplayName(Component) {
   }
   return void 0;
 }
-var define_process_env_default$H = {};
+var define_process_env_default$G = {};
 function HTMLElementType(props, propName, componentName, location, propFullName) {
-  if (define_process_env_default$H.NODE_ENV === "production") {
+  if (define_process_env_default$G.NODE_ENV === "production") {
     return null;
   }
   var propValue = props[propName];
@@ -16461,11 +16378,11 @@ function HTMLElementType(props, propName, componentName, location, propFullName)
   return null;
 }
 var refType = PropTypes.oneOfType([PropTypes.func, PropTypes.object]);
-var define_process_env_default$G = {};
+var define_process_env_default$F = {};
 function clamp(value) {
   var min2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
   var max2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
-  if (define_process_env_default$G.NODE_ENV !== "production") {
+  if (define_process_env_default$F.NODE_ENV !== "production") {
     if (value < min2 || value > max2) {
       console.error("Material-UI: The value provided ".concat(value, " is out of range [").concat(min2, ", ").concat(max2, "]."));
     }
@@ -16517,7 +16434,7 @@ function decomposeColor(color) {
   var marker = color.indexOf("(");
   var type2 = color.substring(0, marker);
   if (["rgb", "rgba", "hsl", "hsla"].indexOf(type2) === -1) {
-    throw new Error(define_process_env_default$G.NODE_ENV !== "production" ? "Material-UI: Unsupported `".concat(color, "` color.\nWe support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla().") : formatMuiErrorMessage(3, color));
+    throw new Error(define_process_env_default$F.NODE_ENV !== "production" ? "Material-UI: Unsupported `".concat(color, "` color.\nWe support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla().") : formatMuiErrorMessage(3, color));
   }
   var values2 = color.substring(marker + 1, color.length - 1).split(",");
   values2 = values2.map(function(value) {
@@ -16592,7 +16509,7 @@ function lighten(color, coefficient) {
   }
   return recomposeColor(color);
 }
-var define_process_env_default$F = {};
+var define_process_env_default$E = {};
 var keys$1 = ["xs", "sm", "md", "lg", "xl"];
 function createBreakpoints$2(breakpoints2) {
   var _breakpoints$values = breakpoints2.values, values2 = _breakpoints$values === void 0 ? {
@@ -16627,7 +16544,7 @@ function createBreakpoints$2(breakpoints2) {
   }
   var warnedOnce2 = false;
   function width(key) {
-    if (define_process_env_default$F.NODE_ENV !== "production") {
+    if (define_process_env_default$E.NODE_ENV !== "production") {
       if (!warnedOnce2) {
         warnedOnce2 = true;
         console.warn(["Material-UI: The `theme.breakpoints.width` utility is deprecated because it's redundant.", "Use the `theme.breakpoints.values` instead."].join("\n"));
@@ -16718,7 +16635,7 @@ var green = {
   500: "#4caf50",
   700: "#388e3c"
 };
-var define_process_env_default$E = {};
+var define_process_env_default$D = {};
 var light = {
   // The colors used to style the text.
   text: {
@@ -16827,7 +16744,7 @@ function createPalette(palette2) {
   } : _palette$success, _palette$type = palette2.type, type2 = _palette$type === void 0 ? "light" : _palette$type, _palette$contrastThre = palette2.contrastThreshold, contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre, _palette$tonalOffset = palette2.tonalOffset, tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset, other = _objectWithoutProperties(palette2, ["primary", "secondary", "error", "warning", "info", "success", "type", "contrastThreshold", "tonalOffset"]);
   function getContrastText(background) {
     var contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
-    if (define_process_env_default$E.NODE_ENV !== "production") {
+    if (define_process_env_default$D.NODE_ENV !== "production") {
       var contrast = getContrastRatio(background, contrastText);
       if (contrast < 3) {
         console.error(["Material-UI: The contrast ratio of ".concat(contrast, ":1 for ").concat(contrastText, " on ").concat(background), "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join("\n"));
@@ -16844,10 +16761,10 @@ function createPalette(palette2) {
       color.main = color[mainShade];
     }
     if (!color.main) {
-      throw new Error(define_process_env_default$E.NODE_ENV !== "production" ? "Material-UI: The color provided to augmentColor(color) is invalid.\nThe color object needs to have a `main` property or a `".concat(mainShade, "` property.") : formatMuiErrorMessage(4, mainShade));
+      throw new Error(define_process_env_default$D.NODE_ENV !== "production" ? "Material-UI: The color provided to augmentColor(color) is invalid.\nThe color object needs to have a `main` property or a `".concat(mainShade, "` property.") : formatMuiErrorMessage(4, mainShade));
     }
     if (typeof color.main !== "string") {
-      throw new Error(define_process_env_default$E.NODE_ENV !== "production" ? "Material-UI: The color provided to augmentColor(color) is invalid.\n`color.main` should be a string, but `".concat(JSON.stringify(color.main), '` was provided instead.\n\nDid you intend to use one of the following approaches?\n\nimport { green } from "@material-ui/core/colors";\n\nconst theme1 = createTheme({ palette: {\n  primary: green,\n} });\n\nconst theme2 = createTheme({ palette: {\n  primary: { main: green[500] },\n} });') : formatMuiErrorMessage(5, JSON.stringify(color.main)));
+      throw new Error(define_process_env_default$D.NODE_ENV !== "production" ? "Material-UI: The color provided to augmentColor(color) is invalid.\n`color.main` should be a string, but `".concat(JSON.stringify(color.main), '` was provided instead.\n\nDid you intend to use one of the following approaches?\n\nimport { green } from "@material-ui/core/colors";\n\nconst theme1 = createTheme({ palette: {\n  primary: green,\n} });\n\nconst theme2 = createTheme({ palette: {\n  primary: { main: green[500] },\n} });') : formatMuiErrorMessage(5, JSON.stringify(color.main)));
     }
     addLightOrDark(color, "light", lightShade, tonalOffset);
     addLightOrDark(color, "dark", darkShade, tonalOffset);
@@ -16860,7 +16777,7 @@ function createPalette(palette2) {
     dark,
     light
   };
-  if (define_process_env_default$E.NODE_ENV !== "production") {
+  if (define_process_env_default$D.NODE_ENV !== "production") {
     if (!types[type2]) {
       console.error("Material-UI: The palette type `".concat(type2, "` is not supported."));
     }
@@ -16898,13 +16815,13 @@ function createPalette(palette2) {
   }, types[type2]), other);
   return paletteOutput;
 }
-var define_process_env_default$D = {};
+var define_process_env_default$C = {};
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
 var warnedOnce = false;
 function roundWithDeprecationWarning(value) {
-  if (define_process_env_default$D.NODE_ENV !== "production") {
+  if (define_process_env_default$C.NODE_ENV !== "production") {
     if (!warnedOnce) {
       console.warn(["Material-UI: The `theme.typography.round` helper is deprecated.", "Head to https://mui.com/r/migration-v4/#theme for a migration path."].join("\n"));
       warnedOnce = true;
@@ -16918,7 +16835,7 @@ var caseAllCaps = {
 var defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
 function createTypography(palette2, typography2) {
   var _ref3 = typeof typography2 === "function" ? typography2(palette2) : typography2, _ref$fontFamily = _ref3.fontFamily, fontFamily = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily, _ref$fontSize = _ref3.fontSize, fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize, _ref$fontWeightLight = _ref3.fontWeightLight, fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight, _ref$fontWeightRegula = _ref3.fontWeightRegular, fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula, _ref$fontWeightMedium = _ref3.fontWeightMedium, fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium, _ref$fontWeightBold = _ref3.fontWeightBold, fontWeightBold = _ref$fontWeightBold === void 0 ? 700 : _ref$fontWeightBold, _ref$htmlFontSize = _ref3.htmlFontSize, htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize, allVariants = _ref3.allVariants, pxToRem2 = _ref3.pxToRem, other = _objectWithoutProperties(_ref3, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"]);
-  if (define_process_env_default$D.NODE_ENV !== "production") {
+  if (define_process_env_default$C.NODE_ENV !== "production") {
     if (typeof fontSize !== "number") {
       console.error("Material-UI: `fontSize` is required to be a number.");
     }
@@ -16982,7 +16899,7 @@ var shadows = ["none", createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), create
 var shape = {
   borderRadius: 4
 };
-var define_process_env_default$C = {};
+var define_process_env_default$B = {};
 var warnOnce;
 function createSpacing() {
   var spacingInput = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 8;
@@ -16996,7 +16913,7 @@ function createSpacing() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    if (define_process_env_default$C.NODE_ENV !== "production") {
+    if (define_process_env_default$B.NODE_ENV !== "production") {
       if (!(args.length <= 4)) {
         console.error("Material-UI: Too many arguments provided, expected between 0 and 4, got ".concat(args.length));
       }
@@ -17017,8 +16934,8 @@ function createSpacing() {
   };
   Object.defineProperty(spacing2, "unit", {
     get: function get3() {
-      if (define_process_env_default$C.NODE_ENV !== "production") {
-        if (!warnOnce || define_process_env_default$C.NODE_ENV === "test") {
+      if (define_process_env_default$B.NODE_ENV !== "production") {
+        if (!warnOnce || define_process_env_default$B.NODE_ENV === "test") {
           console.error(["Material-UI: theme.spacing.unit usage has been deprecated.", "It will be removed in v5.", "You can replace `theme.spacing.unit * y` with `theme.spacing(y)`.", "", "You can use the `https://github.com/mui-org/material-ui/tree/master/packages/material-ui-codemod/README.md#theme-spacing-api` migration helper to make the process smoother."].join("\n"));
         }
         warnOnce = true;
@@ -17029,7 +16946,7 @@ function createSpacing() {
   spacing2.mui = true;
   return spacing2;
 }
-var define_process_env_default$B = {};
+var define_process_env_default$A = {};
 var easing = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
@@ -17064,7 +16981,7 @@ const transitions = {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ["all"];
     var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     var _options$duration = options.duration, durationOption = _options$duration === void 0 ? duration.standard : _options$duration, _options$easing = options.easing, easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing, _options$delay = options.delay, delay = _options$delay === void 0 ? 0 : _options$delay, other = _objectWithoutProperties(options, ["duration", "easing", "delay"]);
-    if (define_process_env_default$B.NODE_ENV !== "production") {
+    if (define_process_env_default$A.NODE_ENV !== "production") {
       var isString2 = function isString22(value) {
         return typeof value === "string";
       };
@@ -17108,7 +17025,7 @@ var zIndex = {
   snackbar: 1400,
   tooltip: 1500
 };
-var define_process_env_default$A = {};
+var define_process_env_default$z = {};
 function createTheme() {
   var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   var _options$breakpoints = options.breakpoints, breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints, _options$mixins = options.mixins, mixinsInput = _options$mixins === void 0 ? {} : _options$mixins, _options$palette = options.palette, paletteInput = _options$palette === void 0 ? {} : _options$palette, spacingInput = options.spacing, _options$typography = options.typography, typographyInput = _options$typography === void 0 ? {} : _options$typography, other = _objectWithoutProperties(options, ["breakpoints", "mixins", "palette", "spacing", "typography"]);
@@ -17137,7 +17054,7 @@ function createTheme() {
   muiTheme = args.reduce(function(acc, argument) {
     return deepmerge(acc, argument);
   }, muiTheme);
-  if (define_process_env_default$A.NODE_ENV !== "production") {
+  if (define_process_env_default$z.NODE_ENV !== "production") {
     var pseudoClasses2 = ["checked", "disabled", "error", "focused", "focusVisible", "required", "expanded", "selected"];
     var traverse = function traverse2(node, parentKey) {
       var depth = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
@@ -17149,7 +17066,7 @@ function createTheme() {
             traverse2(child, key, depth + 1);
           }
         } else if (pseudoClasses2.indexOf(key) !== -1 && Object.keys(child).length > 0) {
-          if (define_process_env_default$A.NODE_ENV !== "production") {
+          if (define_process_env_default$z.NODE_ENV !== "production") {
             console.error(["Material-UI: The `".concat(parentKey, "` component increases ") + "the CSS specificity of the `".concat(key, "` internal state."), "You can not override it like this: ", JSON.stringify(node, null, 2), "", "Instead, you need to use the $ruleName syntax:", JSON.stringify({
               root: _defineProperty({}, "&$".concat(key), child)
             }, null, 2), "", "https://mui.com/r/pseudo-classes-guide"].join("\n"));
@@ -17164,7 +17081,7 @@ function createTheme() {
 }
 var hasSymbol = typeof Symbol === "function" && Symbol.for;
 const nested = hasSymbol ? Symbol.for("mui.nested") : "__THEME_NESTED__";
-var define_process_env_default$z = {};
+var define_process_env_default$y = {};
 var pseudoClasses = ["checked", "disabled", "error", "focused", "focusVisible", "required", "expanded", "selected"];
 function createGenerateClassName() {
   var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -17173,7 +17090,7 @@ function createGenerateClassName() {
   var ruleCounter = 0;
   var getNextCounterId = function getNextCounterId2() {
     ruleCounter += 1;
-    if (define_process_env_default$z.NODE_ENV !== "production") {
+    if (define_process_env_default$y.NODE_ENV !== "production") {
       if (ruleCounter >= 1e10) {
         console.warn(["Material-UI: You might have a memory leak.", "The ruleCounter is not supposed to grow that much."].join(""));
       }
@@ -17192,7 +17109,7 @@ function createGenerateClassName() {
       }
       return "".concat(prefix2, "-").concat(getNextCounterId());
     }
-    if (define_process_env_default$z.NODE_ENV === "production") {
+    if (define_process_env_default$y.NODE_ENV === "production") {
       return "".concat(seedPrefix).concat(productionPrefix).concat(getNextCounterId());
     }
     var suffix = "".concat(rule.key, "-").concat(getNextCounterId());
@@ -17216,8 +17133,8 @@ function getThemeProps(params) {
   }
   return props;
 }
-var define_process_env_default$y = {};
-var isProduction = define_process_env_default$y.NODE_ENV === "production";
+var define_process_env_default$x = {};
+var isProduction = define_process_env_default$x.NODE_ENV === "production";
 function warning(condition, message) {
   if (!isProduction) {
     var text = "Warning: " + message;
@@ -17239,7 +17156,7 @@ var isBrowser$1 = (typeof window === "undefined" ? "undefined" : _typeof(window)
 function _inheritsLoose(t2, o) {
   t2.prototype = Object.create(o.prototype), t2.prototype.constructor = t2, _setPrototypeOf(t2, o);
 }
-var define_process_env_default$x = {};
+var define_process_env_default$w = {};
 var plainObjectConstrurctor = {}.constructor;
 function cloneStyle(style) {
   if (style == null || typeof style !== "object") return style;
@@ -17260,7 +17177,7 @@ function createRule(name, decl, options) {
   var rule = jss2.plugins.onCreateRule(name, declCopy, options);
   if (rule) return rule;
   if (name[0] === "@") {
-    define_process_env_default$x.NODE_ENV !== "production" ? warning(false, "[JSS] Unknown rule " + name) : void 0;
+    define_process_env_default$w.NODE_ENV !== "production" ? warning(false, "[JSS] Unknown rule " + name) : void 0;
   }
   return null;
 }
@@ -17393,7 +17310,7 @@ var BaseStyleRule = /* @__PURE__ */ function() {
     }
     var sheet = this.options.sheet;
     if (sheet && sheet.attached) {
-      define_process_env_default$x.NODE_ENV !== "production" ? warning(false, '[JSS] Rule is not linked. Missing sheet option "link: true".') : void 0;
+      define_process_env_default$w.NODE_ENV !== "production" ? warning(false, '[JSS] Rule is not linked. Missing sheet option "link: true".') : void 0;
     }
     return this;
   };
@@ -17543,7 +17460,7 @@ var KeyframesRule = /* @__PURE__ */ function() {
       this.name = nameMatch[1];
     } else {
       this.name = "noname";
-      define_process_env_default$x.NODE_ENV !== "production" ? warning(false, "[JSS] Bad keyframes name " + key) : void 0;
+      define_process_env_default$w.NODE_ENV !== "production" ? warning(false, "[JSS] Bad keyframes name " + key) : void 0;
     }
     this.key = this.type + "-" + this.name;
     this.options = options;
@@ -17584,7 +17501,7 @@ var findReferencedKeyframe = function findReferencedKeyframe2(val, keyframes) {
       if (name in keyframes) {
         return keyframes[name];
       }
-      define_process_env_default$x.NODE_ENV !== "production" ? warning(false, '[JSS] Referenced keyframes rule "' + name + '" is not defined.') : void 0;
+      define_process_env_default$w.NODE_ENV !== "production" ? warning(false, '[JSS] Referenced keyframes rule "' + name + '" is not defined.') : void 0;
       return match2;
     });
   }
@@ -18083,7 +18000,7 @@ var PluginsRegistry = /* @__PURE__ */ function() {
         if (name in registry) {
           registry[name].push(plugin[name]);
         } else {
-          define_process_env_default$x.NODE_ENV !== "production" ? warning(false, '[JSS] Unknown hook "' + name + '".') : void 0;
+          define_process_env_default$w.NODE_ENV !== "production" ? warning(false, '[JSS] Unknown hook "' + name + '".') : void 0;
         }
       }
       return registry;
@@ -18164,7 +18081,7 @@ var createGenerateId = function createGenerateId2(options) {
   var generateId = function generateId2(rule, sheet) {
     ruleCounter += 1;
     if (ruleCounter > maxRules) {
-      define_process_env_default$x.NODE_ENV !== "production" ? warning(false, "[JSS] You might have a memory leak. Rule counter is at " + ruleCounter + ".") : void 0;
+      define_process_env_default$w.NODE_ENV !== "production" ? warning(false, "[JSS] You might have a memory leak. Rule counter is at " + ruleCounter + ".") : void 0;
     }
     var jssId = "";
     var prefix2 = "";
@@ -18226,7 +18143,7 @@ var removeProperty = function removeProperty2(cssRule, prop) {
       cssRule.style.removeProperty(prop);
     }
   } catch (err) {
-    define_process_env_default$x.NODE_ENV !== "production" ? warning(false, '[JSS] DOMException "' + err.message + '" was thrown. Tried to remove property "' + prop + '".') : void 0;
+    define_process_env_default$w.NODE_ENV !== "production" ? warning(false, '[JSS] DOMException "' + err.message + '" was thrown. Tried to remove property "' + prop + '".') : void 0;
   }
 };
 var setSelector = function setSelector2(cssRule, selectorText) {
@@ -18291,7 +18208,7 @@ function findPrevNode(options) {
         node: comment.nextSibling
       };
     }
-    define_process_env_default$x.NODE_ENV !== "production" ? warning(false, '[JSS] Insertion point "' + insertionPoint + '" not found.') : void 0;
+    define_process_env_default$w.NODE_ENV !== "production" ? warning(false, '[JSS] Insertion point "' + insertionPoint + '" not found.') : void 0;
   }
   return false;
 }
@@ -18306,7 +18223,7 @@ function insertStyle(style, options) {
     var insertionPointElement = insertionPoint;
     var parentNode = insertionPointElement.parentNode;
     if (parentNode) parentNode.insertBefore(style, insertionPointElement.nextSibling);
-    else define_process_env_default$x.NODE_ENV !== "production" ? warning(false, "[JSS] Insertion point is not in the DOM.") : void 0;
+    else define_process_env_default$w.NODE_ENV !== "production" ? warning(false, "[JSS] Insertion point is not in the DOM.") : void 0;
     return;
   }
   getHead().appendChild(style);
@@ -18323,7 +18240,7 @@ var _insertRule = function insertRule(container, rule, index2) {
       container.appendRule(rule);
     }
   } catch (err) {
-    define_process_env_default$x.NODE_ENV !== "production" ? warning(false, "[JSS] " + err.message) : void 0;
+    define_process_env_default$w.NODE_ENV !== "production" ? warning(false, "[JSS] " + err.message) : void 0;
     return false;
   }
   return container.cssRules[index2];
@@ -18583,7 +18500,7 @@ function getDynamicStyles(styles3) {
  * @license MIT
  */
 createJss();
-var define_process_env_default$w = {};
+var define_process_env_default$v = {};
 var now = Date.now();
 var fnValuesNs = "fnValues" + now;
 var fnRuleNs = "fnStyle" + ++now;
@@ -18612,10 +18529,10 @@ var functionPlugin = function functionPlugin2() {
       var fnRule = styleRule[fnRuleNs];
       if (fnRule) {
         styleRule.style = fnRule(data) || {};
-        if (define_process_env_default$w.NODE_ENV === "development") {
+        if (define_process_env_default$v.NODE_ENV === "development") {
           for (var prop in styleRule.style) {
             if (typeof styleRule.style[prop] === "function") {
-              define_process_env_default$w.NODE_ENV !== "production" ? warning(false, "[JSS] Function values inside function rules are not supported.") : void 0;
+              define_process_env_default$v.NODE_ENV !== "production" ? warning(false, "[JSS] Function values inside function rules are not supported.") : void 0;
               break;
             }
           }
@@ -18749,7 +18666,7 @@ function jssGlobal() {
     onProcessRule
   };
 }
-var define_process_env_default$v = {};
+var define_process_env_default$u = {};
 var separatorRegExp = /\s*,\s*/g;
 var parentRegExp = /&/g;
 var refRegExp = /\$([\w-]+)/g;
@@ -18760,7 +18677,7 @@ function jssNested() {
       if (rule) {
         return rule.selector;
       }
-      define_process_env_default$v.NODE_ENV !== "production" ? warning(false, '[JSS] Could not find the referenced rule "' + key + '" in "' + (container.options.meta || container.toString()) + '".') : void 0;
+      define_process_env_default$u.NODE_ENV !== "production" ? warning(false, '[JSS] Could not find the referenced rule "' + key + '" in "' + (container.options.meta || container.toString()) + '".') : void 0;
       return key;
     };
   }
@@ -19104,7 +19021,7 @@ function _nonIterableSpread() {
 function _toConsumableArray(r2) {
   return _arrayWithoutHoles(r2) || _iterableToArray(r2) || _unsupportedIterableToArray(r2) || _nonIterableSpread();
 }
-var define_process_env_default$u = {};
+var define_process_env_default$t = {};
 var js = "";
 var css = "";
 var vendor = "";
@@ -19372,7 +19289,7 @@ function supportedProperty17(prop, options) {
     options = {};
   }
   if (!el) return prop;
-  if (define_process_env_default$u.NODE_ENV !== "benchmark" && cache[prop] != null) {
+  if (define_process_env_default$t.NODE_ENV !== "benchmark" && cache[prop] != null) {
     return cache[prop];
   }
   if (prop === "transition" || prop === "transform") {
@@ -19414,7 +19331,7 @@ function supportedValue(property2, value) {
     return prefixedValue;
   }
   var cacheKey = property2 + prefixedValue;
-  if (define_process_env_default$u.NODE_ENV !== "benchmark" && cache$1[cacheKey] != null) {
+  if (define_process_env_default$t.NODE_ENV !== "benchmark" && cache$1[cacheKey] != null) {
     return cache$1[cacheKey];
   }
   try {
@@ -19513,7 +19430,7 @@ function jssPreset() {
     ]
   };
 }
-var define_process_env_default$t = {};
+var define_process_env_default$s = {};
 function mergeClasses() {
   var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   var baseClasses = options.baseClasses, newClasses = options.newClasses, Component = options.Component;
@@ -19521,14 +19438,14 @@ function mergeClasses() {
     return baseClasses;
   }
   var nextClasses = _extends$2({}, baseClasses);
-  if (define_process_env_default$t.NODE_ENV !== "production") {
+  if (define_process_env_default$s.NODE_ENV !== "production") {
     if (typeof newClasses === "string") {
       console.error(["Material-UI: The value `".concat(newClasses, "` ") + "provided to the classes prop of ".concat(getDisplayName(Component), " is incorrect."), "You might want to use the className prop instead."].join("\n"));
       return baseClasses;
     }
   }
   Object.keys(newClasses).forEach(function(key) {
-    if (define_process_env_default$t.NODE_ENV !== "production") {
+    if (define_process_env_default$s.NODE_ENV !== "production") {
       if (!baseClasses[key] && newClasses[key]) {
         console.error(["Material-UI: The key `".concat(key, "` ") + "provided to the classes prop is not implemented in ".concat(getDisplayName(Component), "."), "You can only override one of the following: ".concat(Object.keys(baseClasses).join(","), ".")].join("\n"));
       }
@@ -19560,20 +19477,20 @@ var multiKeyStore = {
     subCache.delete(key2);
   }
 };
-var define_process_env_default$s = {};
+var define_process_env_default$r = {};
 var ThemeContext = React__default.createContext(null);
-if (define_process_env_default$s.NODE_ENV !== "production") {
+if (define_process_env_default$r.NODE_ENV !== "production") {
   ThemeContext.displayName = "ThemeContext";
 }
-var define_process_env_default$r = {};
+var define_process_env_default$q = {};
 function useTheme() {
   var theme = React__default.useContext(ThemeContext);
-  if (define_process_env_default$r.NODE_ENV !== "production") {
+  if (define_process_env_default$q.NODE_ENV !== "production") {
     React__default.useDebugValue(theme);
   }
   return theme;
 }
-var define_process_env_default$q = {};
+var define_process_env_default$p = {};
 var jss = createJss(jssPreset());
 var generateClassName = createGenerateClassName();
 var sheetsManager = /* @__PURE__ */ new Map();
@@ -19586,7 +19503,7 @@ var defaultOptions = {
   sheetsRegistry: null
 };
 var StylesContext = React__default.createContext(defaultOptions);
-if (define_process_env_default$q.NODE_ENV !== "production") {
+if (define_process_env_default$p.NODE_ENV !== "production") {
   StylesContext.displayName = "StylesContext";
 }
 var injectFirstNode;
@@ -19596,17 +19513,17 @@ function StylesProvider(props) {
   var context = _extends$2({}, outerOptions, {
     disableGeneration
   }, localOptions);
-  if (define_process_env_default$q.NODE_ENV !== "production") {
+  if (define_process_env_default$p.NODE_ENV !== "production") {
     if (typeof window === "undefined" && !context.sheetsManager) {
       console.error("Material-UI: You need to use the ServerStyleSheets API when rendering on the server.");
     }
   }
-  if (define_process_env_default$q.NODE_ENV !== "production") {
+  if (define_process_env_default$p.NODE_ENV !== "production") {
     if (context.jss.options.insertionPoint && injectFirst) {
       console.error("Material-UI: You cannot use a custom insertionPoint and <StylesContext injectFirst> at the same time.");
     }
   }
-  if (define_process_env_default$q.NODE_ENV !== "production") {
+  if (define_process_env_default$p.NODE_ENV !== "production") {
     if (injectFirst && localOptions.jss) {
       console.error("Material-UI: You cannot use the jss and injectFirst props at the same time.");
     }
@@ -19626,7 +19543,7 @@ function StylesProvider(props) {
     value: context
   }, children);
 }
-define_process_env_default$q.NODE_ENV !== "production" ? StylesProvider.propTypes = {
+define_process_env_default$p.NODE_ENV !== "production" ? StylesProvider.propTypes = {
   /**
    * Your component tree.
    */
@@ -19680,14 +19597,14 @@ define_process_env_default$q.NODE_ENV !== "production" ? StylesProvider.propType
    */
   sheetsRegistry: PropTypes.object
 } : void 0;
-if (define_process_env_default$q.NODE_ENV !== "production") {
-  define_process_env_default$q.NODE_ENV !== "production" ? StylesProvider.propTypes = exactProp(StylesProvider.propTypes) : void 0;
+if (define_process_env_default$p.NODE_ENV !== "production") {
+  define_process_env_default$p.NODE_ENV !== "production" ? StylesProvider.propTypes = exactProp(StylesProvider.propTypes) : void 0;
 }
-var define_process_env_default$p = {};
+var define_process_env_default$o = {};
 var indexCounter = -1e9;
 function increment() {
   indexCounter += 1;
-  if (define_process_env_default$p.NODE_ENV !== "production") {
+  if (define_process_env_default$o.NODE_ENV !== "production") {
     if (indexCounter >= 0) {
       console.warn(["Material-UI: You might have a memory leak.", "The indexCounter is not supposed to grow that much."].join("\n"));
     }
@@ -19695,10 +19612,10 @@ function increment() {
   return indexCounter;
 }
 var noopTheme = {};
-var define_process_env_default$o = {};
+var define_process_env_default$n = {};
 function getStylesCreator(stylesOrCreator) {
   var themingEnabled = typeof stylesOrCreator === "function";
-  if (define_process_env_default$o.NODE_ENV !== "production") {
+  if (define_process_env_default$n.NODE_ENV !== "production") {
     if (_typeof$1(stylesOrCreator) !== "object" && !themingEnabled) {
       console.error(["Material-UI: The `styles` argument provided is invalid.", "You need to provide a function generating the styles or a styles object."].join("\n"));
     }
@@ -19709,7 +19626,7 @@ function getStylesCreator(stylesOrCreator) {
       try {
         styles3 = themingEnabled ? stylesOrCreator(theme) : stylesOrCreator;
       } catch (err) {
-        if (define_process_env_default$o.NODE_ENV !== "production") {
+        if (define_process_env_default$n.NODE_ENV !== "production") {
           if (themingEnabled === true && theme === noopTheme) {
             console.error(["Material-UI: The `styles` argument provided is invalid.", "You are providing a function without a theme in the context.", "One of the parent elements needs to use a ThemeProvider."].join("\n"));
           }
@@ -19722,7 +19639,7 @@ function getStylesCreator(stylesOrCreator) {
       var overrides = theme.overrides[name];
       var stylesWithOverrides = _extends$2({}, styles3);
       Object.keys(overrides).forEach(function(key) {
-        if (define_process_env_default$o.NODE_ENV !== "production") {
+        if (define_process_env_default$n.NODE_ENV !== "production") {
           if (!stylesWithOverrides[key]) {
             console.warn(["Material-UI: You are trying to override a style that does not exist.", "Fix the `".concat(key, "` key of `theme.overrides.").concat(name, "`.")].join("\n"));
           }
@@ -19734,7 +19651,7 @@ function getStylesCreator(stylesOrCreator) {
     options: {}
   };
 }
-var define_process_env_default$n = {};
+var define_process_env_default$m = {};
 function getClasses(_ref3, classes, Component) {
   var state = _ref3.state, stylesOptions = _ref3.stylesOptions;
   if (stylesOptions.disableGeneration) {
@@ -19758,447 +19675,173 @@ function getClasses(_ref3, classes, Component) {
   if (classes !== state.cacheClasses.lastProp) {
     state.cacheClasses.lastProp = classes;
     generate = true;
-  }
-  if (generate) {
-    state.cacheClasses.value = mergeClasses({
-      baseClasses: state.cacheClasses.lastJSS,
-      newClasses: classes,
-      Component
-    });
-  }
-  return state.cacheClasses.value;
-}
-function attach(_ref22, props) {
-  var state = _ref22.state, theme = _ref22.theme, stylesOptions = _ref22.stylesOptions, stylesCreator = _ref22.stylesCreator, name = _ref22.name;
-  if (stylesOptions.disableGeneration) {
-    return;
-  }
-  var sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);
-  if (!sheetManager) {
-    sheetManager = {
-      refs: 0,
-      staticSheet: null,
-      dynamicStyles: null
-    };
-    multiKeyStore.set(stylesOptions.sheetsManager, stylesCreator, theme, sheetManager);
-  }
-  var options = _extends$2({}, stylesCreator.options, stylesOptions, {
-    theme,
-    flip: typeof stylesOptions.flip === "boolean" ? stylesOptions.flip : theme.direction === "rtl"
-  });
-  options.generateId = options.serverGenerateClassName || options.generateClassName;
-  var sheetsRegistry = stylesOptions.sheetsRegistry;
-  if (sheetManager.refs === 0) {
-    var staticSheet;
-    if (stylesOptions.sheetsCache) {
-      staticSheet = multiKeyStore.get(stylesOptions.sheetsCache, stylesCreator, theme);
-    }
-    var styles3 = stylesCreator.create(theme, name);
-    if (!staticSheet) {
-      staticSheet = stylesOptions.jss.createStyleSheet(styles3, _extends$2({
-        link: false
-      }, options));
-      staticSheet.attach();
-      if (stylesOptions.sheetsCache) {
-        multiKeyStore.set(stylesOptions.sheetsCache, stylesCreator, theme, staticSheet);
-      }
-    }
-    if (sheetsRegistry) {
-      sheetsRegistry.add(staticSheet);
-    }
-    sheetManager.staticSheet = staticSheet;
-    sheetManager.dynamicStyles = getDynamicStyles(styles3);
-  }
-  if (sheetManager.dynamicStyles) {
-    var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$2({
-      link: true
-    }, options));
-    dynamicSheet.update(props);
-    dynamicSheet.attach();
-    state.dynamicSheet = dynamicSheet;
-    state.classes = mergeClasses({
-      baseClasses: sheetManager.staticSheet.classes,
-      newClasses: dynamicSheet.classes
-    });
-    if (sheetsRegistry) {
-      sheetsRegistry.add(dynamicSheet);
-    }
-  } else {
-    state.classes = sheetManager.staticSheet.classes;
-  }
-  sheetManager.refs += 1;
-}
-function update$1(_ref3, props) {
-  var state = _ref3.state;
-  if (state.dynamicSheet) {
-    state.dynamicSheet.update(props);
-  }
-}
-function detach(_ref4) {
-  var state = _ref4.state, theme = _ref4.theme, stylesOptions = _ref4.stylesOptions, stylesCreator = _ref4.stylesCreator;
-  if (stylesOptions.disableGeneration) {
-    return;
-  }
-  var sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);
-  sheetManager.refs -= 1;
-  var sheetsRegistry = stylesOptions.sheetsRegistry;
-  if (sheetManager.refs === 0) {
-    multiKeyStore.delete(stylesOptions.sheetsManager, stylesCreator, theme);
-    stylesOptions.jss.removeStyleSheet(sheetManager.staticSheet);
-    if (sheetsRegistry) {
-      sheetsRegistry.remove(sheetManager.staticSheet);
-    }
-  }
-  if (state.dynamicSheet) {
-    stylesOptions.jss.removeStyleSheet(state.dynamicSheet);
-    if (sheetsRegistry) {
-      sheetsRegistry.remove(state.dynamicSheet);
-    }
-  }
-}
-function useSynchronousEffect(func, values2) {
-  var key = React__default.useRef([]);
-  var output;
-  var currentKey = React__default.useMemo(function() {
-    return {};
-  }, values2);
-  if (key.current !== currentKey) {
-    key.current = currentKey;
-    output = func();
-  }
-  React__default.useEffect(
-    function() {
-      return function() {
-        if (output) {
-          output();
-        }
-      };
-    },
-    [currentKey]
-    // eslint-disable-line react-hooks/exhaustive-deps
-  );
-}
-function makeStyles(stylesOrCreator) {
-  var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  var name = options.name, classNamePrefixOption = options.classNamePrefix, Component = options.Component, _options$defaultTheme = options.defaultTheme, defaultTheme2 = _options$defaultTheme === void 0 ? noopTheme : _options$defaultTheme, stylesOptions2 = _objectWithoutProperties(options, ["name", "classNamePrefix", "Component", "defaultTheme"]);
-  var stylesCreator = getStylesCreator(stylesOrCreator);
-  var classNamePrefix = name || classNamePrefixOption || "makeStyles";
-  stylesCreator.options = {
-    index: increment(),
-    name,
-    meta: classNamePrefix,
-    classNamePrefix
-  };
-  var useStyles = function useStyles2() {
-    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var theme = useTheme() || defaultTheme2;
-    var stylesOptions = _extends$2({}, React__default.useContext(StylesContext), stylesOptions2);
-    var instance = React__default.useRef();
-    var shouldUpdate = React__default.useRef();
-    useSynchronousEffect(function() {
-      var current = {
-        name,
-        state: {},
-        stylesCreator,
-        stylesOptions,
-        theme
-      };
-      attach(current, props);
-      shouldUpdate.current = false;
-      instance.current = current;
-      return function() {
-        detach(current);
-      };
-    }, [theme, stylesCreator]);
-    React__default.useEffect(function() {
-      if (shouldUpdate.current) {
-        update$1(instance.current, props);
-      }
-      shouldUpdate.current = true;
-    });
-    var classes = getClasses(instance.current, props.classes, Component);
-    if (define_process_env_default$n.NODE_ENV !== "production") {
-      React__default.useDebugValue(classes);
-    }
-    return classes;
-  };
-  return useStyles;
-}
-var reactIs$1 = { exports: {} };
-var reactIs_production_min = {};
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactIs_production_min;
-function requireReactIs_production_min() {
-  if (hasRequiredReactIs_production_min) return reactIs_production_min;
-  hasRequiredReactIs_production_min = 1;
-  var b2 = "function" === typeof Symbol && Symbol.for, c2 = b2 ? Symbol.for("react.element") : 60103, d3 = b2 ? Symbol.for("react.portal") : 60106, e2 = b2 ? Symbol.for("react.fragment") : 60107, f = b2 ? Symbol.for("react.strict_mode") : 60108, g = b2 ? Symbol.for("react.profiler") : 60114, h3 = b2 ? Symbol.for("react.provider") : 60109, k2 = b2 ? Symbol.for("react.context") : 60110, l = b2 ? Symbol.for("react.async_mode") : 60111, m3 = b2 ? Symbol.for("react.concurrent_mode") : 60111, n = b2 ? Symbol.for("react.forward_ref") : 60112, p = b2 ? Symbol.for("react.suspense") : 60113, q2 = b2 ? Symbol.for("react.suspense_list") : 60120, r2 = b2 ? Symbol.for("react.memo") : 60115, t2 = b2 ? Symbol.for("react.lazy") : 60116, v = b2 ? Symbol.for("react.block") : 60121, w2 = b2 ? Symbol.for("react.fundamental") : 60117, x2 = b2 ? Symbol.for("react.responder") : 60118, y3 = b2 ? Symbol.for("react.scope") : 60119;
-  function z2(a3) {
-    if ("object" === typeof a3 && null !== a3) {
-      var u2 = a3.$$typeof;
-      switch (u2) {
-        case c2:
-          switch (a3 = a3.type, a3) {
-            case l:
-            case m3:
-            case e2:
-            case g:
-            case f:
-            case p:
-              return a3;
-            default:
-              switch (a3 = a3 && a3.$$typeof, a3) {
-                case k2:
-                case n:
-                case t2:
-                case r2:
-                case h3:
-                  return a3;
-                default:
-                  return u2;
-              }
-          }
-        case d3:
-          return u2;
-      }
-    }
-  }
-  function A(a3) {
-    return z2(a3) === m3;
-  }
-  reactIs_production_min.AsyncMode = l;
-  reactIs_production_min.ConcurrentMode = m3;
-  reactIs_production_min.ContextConsumer = k2;
-  reactIs_production_min.ContextProvider = h3;
-  reactIs_production_min.Element = c2;
-  reactIs_production_min.ForwardRef = n;
-  reactIs_production_min.Fragment = e2;
-  reactIs_production_min.Lazy = t2;
-  reactIs_production_min.Memo = r2;
-  reactIs_production_min.Portal = d3;
-  reactIs_production_min.Profiler = g;
-  reactIs_production_min.StrictMode = f;
-  reactIs_production_min.Suspense = p;
-  reactIs_production_min.isAsyncMode = function(a3) {
-    return A(a3) || z2(a3) === l;
-  };
-  reactIs_production_min.isConcurrentMode = A;
-  reactIs_production_min.isContextConsumer = function(a3) {
-    return z2(a3) === k2;
-  };
-  reactIs_production_min.isContextProvider = function(a3) {
-    return z2(a3) === h3;
-  };
-  reactIs_production_min.isElement = function(a3) {
-    return "object" === typeof a3 && null !== a3 && a3.$$typeof === c2;
-  };
-  reactIs_production_min.isForwardRef = function(a3) {
-    return z2(a3) === n;
-  };
-  reactIs_production_min.isFragment = function(a3) {
-    return z2(a3) === e2;
-  };
-  reactIs_production_min.isLazy = function(a3) {
-    return z2(a3) === t2;
-  };
-  reactIs_production_min.isMemo = function(a3) {
-    return z2(a3) === r2;
-  };
-  reactIs_production_min.isPortal = function(a3) {
-    return z2(a3) === d3;
-  };
-  reactIs_production_min.isProfiler = function(a3) {
-    return z2(a3) === g;
-  };
-  reactIs_production_min.isStrictMode = function(a3) {
-    return z2(a3) === f;
-  };
-  reactIs_production_min.isSuspense = function(a3) {
-    return z2(a3) === p;
-  };
-  reactIs_production_min.isValidElementType = function(a3) {
-    return "string" === typeof a3 || "function" === typeof a3 || a3 === e2 || a3 === m3 || a3 === g || a3 === f || a3 === p || a3 === q2 || "object" === typeof a3 && null !== a3 && (a3.$$typeof === t2 || a3.$$typeof === r2 || a3.$$typeof === h3 || a3.$$typeof === k2 || a3.$$typeof === n || a3.$$typeof === w2 || a3.$$typeof === x2 || a3.$$typeof === y3 || a3.$$typeof === v);
-  };
-  reactIs_production_min.typeOf = z2;
-  return reactIs_production_min;
-}
-var reactIs_development = {};
-var hasRequiredReactIs_development;
-function requireReactIs_development() {
-  if (hasRequiredReactIs_development) return reactIs_development;
-  hasRequiredReactIs_development = 1;
-  var define_process_env_default2 = {};
-  /** @license React v16.13.1
-   * react-is.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   */
-  if (define_process_env_default2.NODE_ENV !== "production") {
-    (function() {
-      var hasSymbol2 = typeof Symbol === "function" && Symbol.for;
-      var REACT_ELEMENT_TYPE = hasSymbol2 ? Symbol.for("react.element") : 60103;
-      var REACT_PORTAL_TYPE = hasSymbol2 ? Symbol.for("react.portal") : 60106;
-      var REACT_FRAGMENT_TYPE = hasSymbol2 ? Symbol.for("react.fragment") : 60107;
-      var REACT_STRICT_MODE_TYPE = hasSymbol2 ? Symbol.for("react.strict_mode") : 60108;
-      var REACT_PROFILER_TYPE = hasSymbol2 ? Symbol.for("react.profiler") : 60114;
-      var REACT_PROVIDER_TYPE = hasSymbol2 ? Symbol.for("react.provider") : 60109;
-      var REACT_CONTEXT_TYPE = hasSymbol2 ? Symbol.for("react.context") : 60110;
-      var REACT_ASYNC_MODE_TYPE = hasSymbol2 ? Symbol.for("react.async_mode") : 60111;
-      var REACT_CONCURRENT_MODE_TYPE = hasSymbol2 ? Symbol.for("react.concurrent_mode") : 60111;
-      var REACT_FORWARD_REF_TYPE = hasSymbol2 ? Symbol.for("react.forward_ref") : 60112;
-      var REACT_SUSPENSE_TYPE = hasSymbol2 ? Symbol.for("react.suspense") : 60113;
-      var REACT_SUSPENSE_LIST_TYPE = hasSymbol2 ? Symbol.for("react.suspense_list") : 60120;
-      var REACT_MEMO_TYPE = hasSymbol2 ? Symbol.for("react.memo") : 60115;
-      var REACT_LAZY_TYPE = hasSymbol2 ? Symbol.for("react.lazy") : 60116;
-      var REACT_BLOCK_TYPE = hasSymbol2 ? Symbol.for("react.block") : 60121;
-      var REACT_FUNDAMENTAL_TYPE = hasSymbol2 ? Symbol.for("react.fundamental") : 60117;
-      var REACT_RESPONDER_TYPE = hasSymbol2 ? Symbol.for("react.responder") : 60118;
-      var REACT_SCOPE_TYPE = hasSymbol2 ? Symbol.for("react.scope") : 60119;
-      function isValidElementType(type2) {
-        return typeof type2 === "string" || typeof type2 === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-        type2 === REACT_FRAGMENT_TYPE || type2 === REACT_CONCURRENT_MODE_TYPE || type2 === REACT_PROFILER_TYPE || type2 === REACT_STRICT_MODE_TYPE || type2 === REACT_SUSPENSE_TYPE || type2 === REACT_SUSPENSE_LIST_TYPE || typeof type2 === "object" && type2 !== null && (type2.$$typeof === REACT_LAZY_TYPE || type2.$$typeof === REACT_MEMO_TYPE || type2.$$typeof === REACT_PROVIDER_TYPE || type2.$$typeof === REACT_CONTEXT_TYPE || type2.$$typeof === REACT_FORWARD_REF_TYPE || type2.$$typeof === REACT_FUNDAMENTAL_TYPE || type2.$$typeof === REACT_RESPONDER_TYPE || type2.$$typeof === REACT_SCOPE_TYPE || type2.$$typeof === REACT_BLOCK_TYPE);
-      }
-      function typeOf(object2) {
-        if (typeof object2 === "object" && object2 !== null) {
-          var $$typeof = object2.$$typeof;
-          switch ($$typeof) {
-            case REACT_ELEMENT_TYPE:
-              var type2 = object2.type;
-              switch (type2) {
-                case REACT_ASYNC_MODE_TYPE:
-                case REACT_CONCURRENT_MODE_TYPE:
-                case REACT_FRAGMENT_TYPE:
-                case REACT_PROFILER_TYPE:
-                case REACT_STRICT_MODE_TYPE:
-                case REACT_SUSPENSE_TYPE:
-                  return type2;
-                default:
-                  var $$typeofType = type2 && type2.$$typeof;
-                  switch ($$typeofType) {
-                    case REACT_CONTEXT_TYPE:
-                    case REACT_FORWARD_REF_TYPE:
-                    case REACT_LAZY_TYPE:
-                    case REACT_MEMO_TYPE:
-                    case REACT_PROVIDER_TYPE:
-                      return $$typeofType;
-                    default:
-                      return $$typeof;
-                  }
-              }
-            case REACT_PORTAL_TYPE:
-              return $$typeof;
-          }
-        }
-        return void 0;
-      }
-      var AsyncMode = REACT_ASYNC_MODE_TYPE;
-      var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-      var ContextConsumer = REACT_CONTEXT_TYPE;
-      var ContextProvider = REACT_PROVIDER_TYPE;
-      var Element = REACT_ELEMENT_TYPE;
-      var ForwardRef = REACT_FORWARD_REF_TYPE;
-      var Fragment = REACT_FRAGMENT_TYPE;
-      var Lazy2 = REACT_LAZY_TYPE;
-      var Memo = REACT_MEMO_TYPE;
-      var Portal3 = REACT_PORTAL_TYPE;
-      var Profiler = REACT_PROFILER_TYPE;
-      var StrictMode = REACT_STRICT_MODE_TYPE;
-      var Suspense = REACT_SUSPENSE_TYPE;
-      var hasWarnedAboutDeprecatedIsAsyncMode = false;
-      function isAsyncMode(object2) {
-        {
-          if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-            hasWarnedAboutDeprecatedIsAsyncMode = true;
-            console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
-          }
-        }
-        return isConcurrentMode(object2) || typeOf(object2) === REACT_ASYNC_MODE_TYPE;
-      }
-      function isConcurrentMode(object2) {
-        return typeOf(object2) === REACT_CONCURRENT_MODE_TYPE;
-      }
-      function isContextConsumer(object2) {
-        return typeOf(object2) === REACT_CONTEXT_TYPE;
-      }
-      function isContextProvider(object2) {
-        return typeOf(object2) === REACT_PROVIDER_TYPE;
-      }
-      function isElement2(object2) {
-        return typeof object2 === "object" && object2 !== null && object2.$$typeof === REACT_ELEMENT_TYPE;
-      }
-      function isForwardRef(object2) {
-        return typeOf(object2) === REACT_FORWARD_REF_TYPE;
-      }
-      function isFragment(object2) {
-        return typeOf(object2) === REACT_FRAGMENT_TYPE;
-      }
-      function isLazy(object2) {
-        return typeOf(object2) === REACT_LAZY_TYPE;
-      }
-      function isMemo(object2) {
-        return typeOf(object2) === REACT_MEMO_TYPE;
-      }
-      function isPortal(object2) {
-        return typeOf(object2) === REACT_PORTAL_TYPE;
-      }
-      function isProfiler(object2) {
-        return typeOf(object2) === REACT_PROFILER_TYPE;
-      }
-      function isStrictMode(object2) {
-        return typeOf(object2) === REACT_STRICT_MODE_TYPE;
-      }
-      function isSuspense(object2) {
-        return typeOf(object2) === REACT_SUSPENSE_TYPE;
+  }
+  if (generate) {
+    state.cacheClasses.value = mergeClasses({
+      baseClasses: state.cacheClasses.lastJSS,
+      newClasses: classes,
+      Component
+    });
+  }
+  return state.cacheClasses.value;
+}
+function attach(_ref22, props) {
+  var state = _ref22.state, theme = _ref22.theme, stylesOptions = _ref22.stylesOptions, stylesCreator = _ref22.stylesCreator, name = _ref22.name;
+  if (stylesOptions.disableGeneration) {
+    return;
+  }
+  var sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);
+  if (!sheetManager) {
+    sheetManager = {
+      refs: 0,
+      staticSheet: null,
+      dynamicStyles: null
+    };
+    multiKeyStore.set(stylesOptions.sheetsManager, stylesCreator, theme, sheetManager);
+  }
+  var options = _extends$2({}, stylesCreator.options, stylesOptions, {
+    theme,
+    flip: typeof stylesOptions.flip === "boolean" ? stylesOptions.flip : theme.direction === "rtl"
+  });
+  options.generateId = options.serverGenerateClassName || options.generateClassName;
+  var sheetsRegistry = stylesOptions.sheetsRegistry;
+  if (sheetManager.refs === 0) {
+    var staticSheet;
+    if (stylesOptions.sheetsCache) {
+      staticSheet = multiKeyStore.get(stylesOptions.sheetsCache, stylesCreator, theme);
+    }
+    var styles3 = stylesCreator.create(theme, name);
+    if (!staticSheet) {
+      staticSheet = stylesOptions.jss.createStyleSheet(styles3, _extends$2({
+        link: false
+      }, options));
+      staticSheet.attach();
+      if (stylesOptions.sheetsCache) {
+        multiKeyStore.set(stylesOptions.sheetsCache, stylesCreator, theme, staticSheet);
       }
-      reactIs_development.AsyncMode = AsyncMode;
-      reactIs_development.ConcurrentMode = ConcurrentMode;
-      reactIs_development.ContextConsumer = ContextConsumer;
-      reactIs_development.ContextProvider = ContextProvider;
-      reactIs_development.Element = Element;
-      reactIs_development.ForwardRef = ForwardRef;
-      reactIs_development.Fragment = Fragment;
-      reactIs_development.Lazy = Lazy2;
-      reactIs_development.Memo = Memo;
-      reactIs_development.Portal = Portal3;
-      reactIs_development.Profiler = Profiler;
-      reactIs_development.StrictMode = StrictMode;
-      reactIs_development.Suspense = Suspense;
-      reactIs_development.isAsyncMode = isAsyncMode;
-      reactIs_development.isConcurrentMode = isConcurrentMode;
-      reactIs_development.isContextConsumer = isContextConsumer;
-      reactIs_development.isContextProvider = isContextProvider;
-      reactIs_development.isElement = isElement2;
-      reactIs_development.isForwardRef = isForwardRef;
-      reactIs_development.isFragment = isFragment;
-      reactIs_development.isLazy = isLazy;
-      reactIs_development.isMemo = isMemo;
-      reactIs_development.isPortal = isPortal;
-      reactIs_development.isProfiler = isProfiler;
-      reactIs_development.isStrictMode = isStrictMode;
-      reactIs_development.isSuspense = isSuspense;
-      reactIs_development.isValidElementType = isValidElementType;
-      reactIs_development.typeOf = typeOf;
-    })();
+    }
+    if (sheetsRegistry) {
+      sheetsRegistry.add(staticSheet);
+    }
+    sheetManager.staticSheet = staticSheet;
+    sheetManager.dynamicStyles = getDynamicStyles(styles3);
   }
-  return reactIs_development;
+  if (sheetManager.dynamicStyles) {
+    var dynamicSheet = stylesOptions.jss.createStyleSheet(sheetManager.dynamicStyles, _extends$2({
+      link: true
+    }, options));
+    dynamicSheet.update(props);
+    dynamicSheet.attach();
+    state.dynamicSheet = dynamicSheet;
+    state.classes = mergeClasses({
+      baseClasses: sheetManager.staticSheet.classes,
+      newClasses: dynamicSheet.classes
+    });
+    if (sheetsRegistry) {
+      sheetsRegistry.add(dynamicSheet);
+    }
+  } else {
+    state.classes = sheetManager.staticSheet.classes;
+  }
+  sheetManager.refs += 1;
 }
-var define_process_env_default$m = {};
-if (define_process_env_default$m.NODE_ENV === "production") {
-  reactIs$1.exports = requireReactIs_production_min();
-} else {
-  reactIs$1.exports = requireReactIs_development();
+function update$1(_ref3, props) {
+  var state = _ref3.state;
+  if (state.dynamicSheet) {
+    state.dynamicSheet.update(props);
+  }
+}
+function detach(_ref4) {
+  var state = _ref4.state, theme = _ref4.theme, stylesOptions = _ref4.stylesOptions, stylesCreator = _ref4.stylesCreator;
+  if (stylesOptions.disableGeneration) {
+    return;
+  }
+  var sheetManager = multiKeyStore.get(stylesOptions.sheetsManager, stylesCreator, theme);
+  sheetManager.refs -= 1;
+  var sheetsRegistry = stylesOptions.sheetsRegistry;
+  if (sheetManager.refs === 0) {
+    multiKeyStore.delete(stylesOptions.sheetsManager, stylesCreator, theme);
+    stylesOptions.jss.removeStyleSheet(sheetManager.staticSheet);
+    if (sheetsRegistry) {
+      sheetsRegistry.remove(sheetManager.staticSheet);
+    }
+  }
+  if (state.dynamicSheet) {
+    stylesOptions.jss.removeStyleSheet(state.dynamicSheet);
+    if (sheetsRegistry) {
+      sheetsRegistry.remove(state.dynamicSheet);
+    }
+  }
+}
+function useSynchronousEffect(func, values2) {
+  var key = React__default.useRef([]);
+  var output;
+  var currentKey = React__default.useMemo(function() {
+    return {};
+  }, values2);
+  if (key.current !== currentKey) {
+    key.current = currentKey;
+    output = func();
+  }
+  React__default.useEffect(
+    function() {
+      return function() {
+        if (output) {
+          output();
+        }
+      };
+    },
+    [currentKey]
+    // eslint-disable-line react-hooks/exhaustive-deps
+  );
+}
+function makeStyles(stylesOrCreator) {
+  var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var name = options.name, classNamePrefixOption = options.classNamePrefix, Component = options.Component, _options$defaultTheme = options.defaultTheme, defaultTheme2 = _options$defaultTheme === void 0 ? noopTheme : _options$defaultTheme, stylesOptions2 = _objectWithoutProperties(options, ["name", "classNamePrefix", "Component", "defaultTheme"]);
+  var stylesCreator = getStylesCreator(stylesOrCreator);
+  var classNamePrefix = name || classNamePrefixOption || "makeStyles";
+  stylesCreator.options = {
+    index: increment(),
+    name,
+    meta: classNamePrefix,
+    classNamePrefix
+  };
+  var useStyles = function useStyles2() {
+    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var theme = useTheme() || defaultTheme2;
+    var stylesOptions = _extends$2({}, React__default.useContext(StylesContext), stylesOptions2);
+    var instance = React__default.useRef();
+    var shouldUpdate = React__default.useRef();
+    useSynchronousEffect(function() {
+      var current = {
+        name,
+        state: {},
+        stylesCreator,
+        stylesOptions,
+        theme
+      };
+      attach(current, props);
+      shouldUpdate.current = false;
+      instance.current = current;
+      return function() {
+        detach(current);
+      };
+    }, [theme, stylesCreator]);
+    React__default.useEffect(function() {
+      if (shouldUpdate.current) {
+        update$1(instance.current, props);
+      }
+      shouldUpdate.current = true;
+    });
+    var classes = getClasses(instance.current, props.classes, Component);
+    if (define_process_env_default$m.NODE_ENV !== "production") {
+      React__default.useDebugValue(classes);
+    }
+    return classes;
+  };
+  return useStyles;
 }
-var reactIsExports = reactIs$1.exports;
-var reactIs = reactIsExports;
+var reactIs = requireReactIs();
 var REACT_STATICS = {
   childContextTypes: true,
   contextType: true,
@@ -25963,23 +25606,31 @@ const useSelectedCity = () => {
   return null;
 };
 const BUGSNAG_API_KEY = typeof window !== "undefined" ? (_a = window.__HEYCATER_CONFIG__) == null ? void 0 : _a.bugsnagApiKey : void 0;
-if (BUGSNAG_API_KEY) {
-  Bugsnag.start({
-    apiKey: BUGSNAG_API_KEY,
-    plugins: [new BugsnagPluginReact(React__default)],
-    enabledReleaseStages: ["production", "staging"],
-    collectUserIp: false,
-    logger: false
-  });
-}
-const BugsnagExport = BUGSNAG_API_KEY ? Bugsnag : {
-  notify: (error) => console.error("[Bugsnag disabled]", error),
+const NoopBugsnag = {
+  notify: (error, onError2) => console.error("[Bugsnag disabled]", error),
   leaveBreadcrumb: () => {
   },
   getPlugin: () => ({
     createErrorBoundary: () => ({ children }) => children
   })
 };
+const BugsnagExport = NoopBugsnag;
+if (BUGSNAG_API_KEY) {
+  Promise.all([
+    import("@bugsnag/js"),
+    import("@bugsnag/plugin-react")
+  ]).then(([{ default: Bugsnag }, { default: BugsnagPluginReact }]) => {
+    Bugsnag.start({
+      apiKey: BUGSNAG_API_KEY,
+      plugins: [new BugsnagPluginReact(React__default)],
+      enabledReleaseStages: ["production", "staging"],
+      collectUserIp: false,
+      logger: false
+    });
+    Object.assign(BugsnagExport, Bugsnag);
+  }).catch(() => {
+  });
+}
 const getAddressValidatorServiceURL = () => `https://addressvalidation.googleapis.com/v1:validateAddress?key=${getConfig().googleMapsApiKey}`;
 function findComponent(components, type2) {
   return components.find((c2) => c2.componentType === type2);
@@ -27018,6 +26669,7 @@ function RequestForm({ header = null }) {
     handleDeliveryAddressChange();
   }, [deliveryAddress]);
   const handleSubmit = async (values2) => {
+    var _a3, _b2;
     handleDisableCTA(true);
     let redirectRoute = "";
     if (currentUserAccount) {
@@ -27039,6 +26691,7 @@ function RequestForm({ header = null }) {
       if (success && isUkLead) {
         setShowLeadSuccess(true);
         window.gtag && window.gtag("event", "submit_qf_request");
+        (_a3 = window.dataLayer) == null ? void 0 : _a3.push({ event: "funnel_form_submit" });
         return;
       }
       if (signInToken) {
@@ -27049,6 +26702,7 @@ function RequestForm({ header = null }) {
     }
     if (qualification == null ? void 0 : qualification.selectedMenu) ;
     window.gtag && window.gtag("event", "submit_qf_request");
+    (_b2 = window.dataLayer) == null ? void 0 : _b2.push({ event: "funnel_form_submit" });
     actions.setRequest(values2);
     redirectToCustomerAccountRequest(redirectRoute);
   };
@@ -27056,6 +26710,7 @@ function RequestForm({ header = null }) {
     const content = /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Button,
       {
+        id: "request-form__submit-btn",
         block: "true",
         "data-logged-in": !!currentUserAccount,
         "data-valid": isFormValid,
@@ -27365,6 +27020,79 @@ const FormContainer = styled.div`
 const StyledModal = styled(Modal)`
   overflow-y: auto;
 `;
+const FullscreenHeader = ({
+  currentStep,
+  stepCount,
+  onCancel
+}) => {
+  const { t: t2 } = useTranslation();
+  const percent2 = currentStep / stepCount * 100;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(HeaderBar, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CancelLink, { id: "fullscreen-funnel__cancel-btn", onClick: onCancel, children: t2("common:labels.cancel") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressBarWrapper, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressTrack, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressFill, { style: { width: `${percent2}%` } }) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(StepCounter, { children: [
+      currentStep,
+      "/",
+      stepCount,
+      " ",
+      t2("qualification:steps")
+    ] })
+  ] });
+};
+const HeaderBar = styled.div`
+  display: flex;
+  align-items: center;
+  height: 56px;
+  padding: 0 ${({ theme }) => theme.spacing(2)}px;
+  background: white;
+  border-bottom: 1px solid ${({ theme }) => theme.palette.grey[200]};
+  flex-shrink: 0;
+  z-index: 10;
+
+  ${({ theme }) => theme.breakpoints.up("sm")} {
+    padding: 0 ${({ theme }) => theme.spacing(3)}px;
+  }
+`;
+const CancelLink = styled.button`
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 14px;
+  color: ${({ theme }) => theme.palette.grey[600]};
+  padding: 0;
+  white-space: nowrap;
+
+  &:hover {
+    color: ${({ theme }) => theme.palette.grey[900]};
+  }
+`;
+const ProgressBarWrapper = styled.div`
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 ${({ theme }) => theme.spacing(2)}px;
+`;
+const ProgressTrack = styled.div`
+  height: 8px;
+  background: ${({ theme }) => theme.palette.grey[100]};
+  border-radius: 8px;
+  overflow: hidden;
+  width: 100%;
+  max-width: 300px;
+`;
+const ProgressFill = styled.div`
+  height: 100%;
+  background: ${({ theme }) => theme.palette.primary.main};
+  border-radius: 8px;
+  transition: width 250ms ease;
+`;
+const StepCounter = styled.span`
+  font-size: 14px;
+  font-weight: 600;
+  color: ${({ theme }) => theme.palette.grey[600]};
+  white-space: nowrap;
+`;
 const CircularLoader = ({ variant }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CircularAnimation, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "svg",
@@ -27379,7 +27107,7 @@ const CircularLoader = ({ variant }) => {
           "path",
           {
             d: "M200.5 100C200.5 155.228 155.728 200 100.5 200C45.2715 200 0.5 155.228 0.5 100C0.5 44.7715 45.2715 0 100.5 0C155.728 0 200.5 44.7715 200.5 100ZM28.1509 100C28.1509 139.957 60.5427 172.349 100.5 172.349C140.457 172.349 172.849 139.957 172.849 100C172.849 60.0427 140.457 27.6509 100.5 27.6509C60.5427 27.6509 28.1509 60.0427 28.1509 100Z",
-            fill: variant === "light" ? "white" : "#9CBA6C",
+            fill: variant === "light" ? "white" : "#F95524",
             fillOpacity: "0.2"
           }
         ),
@@ -27387,7 +27115,7 @@ const CircularLoader = ({ variant }) => {
           "path",
           {
             d: "M200.5 100C200.5 86.8678 197.913 73.8642 192.888 61.7317C187.862 49.5991 180.497 38.5752 171.211 29.2893C161.925 20.0035 150.901 12.6375 138.768 7.61204C126.636 2.58657 113.632 -2.1395e-06 100.5 0V27.6509C110.001 27.6509 119.409 29.5222 128.187 33.1581C136.965 36.794 144.94 42.1232 151.659 48.8414C158.377 55.5597 163.706 63.5354 167.342 72.3132C170.978 81.091 172.849 90.499 172.849 100H200.5Z",
-            fill: variant === "light" ? "white" : "#9CBA6C"
+            fill: variant === "light" ? "white" : "#F95524"
           }
         )
       ]
@@ -28396,7 +28124,10 @@ const embeddedFunnel$1 = {
     title: "Kontaktinformationen"
   },
   city: {
-    title: "Buche die besten Caterings super easy. Wähle Deine Stadt:",
+    title: "Wähle Deine Stadt:",
+    title_meetings_events: "Wähle Deine Stadt:",
+    title_regular_employee_catering: "Organisiere regelmäßiges Mittagessen für Dein Team. Wähle Deine Stadt:",
+    title_full_service_event: "Plane Dein Firmenevent inklusive Catering, Location und Organisation. Wähle Deine Stadt:",
     titleShort: "Wähle Deine Stadt:",
     nextTo: "Weiter zur Stadtauswahl"
   },
@@ -28432,6 +28163,9 @@ const embeddedFunnel$1 = {
   budgetAndPeople: {
     title: "Wie viele Personen sollen ca. verköstigt werden und was hast du für ein Budget?"
   },
+  budgetRange: {
+    title: "Wie hoch ist dein geschätztes Budget?"
+  },
   customerTier: {
     title: "heycater! ist spezialisiert auf Kunden mit regelmäßigem Cateringbedarf",
     nextTo: "Weiter"
@@ -29582,7 +29316,10 @@ const embeddedFunnel = {
     title: "Contact Information"
   },
   city: {
-    title: "Book the best caterings super easy. Choose your city:",
+    title: "Choose your city:",
+    title_meetings_events: "Choose your city:",
+    title_regular_employee_catering: "Organize regular lunches for your team. Choose your city:",
+    title_full_service_event: "Plan your corporate event including catering, location, and organization. Choose your city:",
     titleShort: "Choose your city:",
     nextTo: "Continue to the city selection"
   },
@@ -29618,6 +29355,9 @@ const embeddedFunnel = {
   budgetAndPeople: {
     title: "How many people are to be catered for and what is your budget?"
   },
+  budgetRange: {
+    title: "What is your estimated budget?"
+  },
   customerTier: {
     title: "heycater! specializes in customers with regular catering needs",
     nextTo: "Next"
@@ -30046,11 +29786,13 @@ const EmbeddedFunnel = React__default.forwardRef(
     slides,
     renderTitle,
     titleTranslationKeys,
-    LayoutComponent = EmbeddedQuestionLayout
+    LayoutComponent = EmbeddedQuestionLayout,
+    mode = "embedded",
+    onCancel
   }, ref2) => {
     var _a2, _b, _c, _d, _e, _f, _g;
     const scrollHelperRef = useRef(null);
-    const onQuestionChange = useCallback(() => {
+    const onQuestionChange = useCallback((step2) => {
       if (scrollHelperRef && (scrollHelperRef == null ? void 0 : scrollHelperRef.current)) {
         scrollHelperRef.current.scrollIntoView({
           inline: "nearest",
@@ -30058,6 +29800,12 @@ const EmbeddedFunnel = React__default.forwardRef(
           behavior: "smooth"
         });
       }
+      if (step2 && typeof window !== "undefined" && window.dataLayer) {
+        window.dataLayer.push({
+          event: "funnel_step_view",
+          funnel_step_id: step2.id
+        });
+      }
     }, []);
     const { state, actions, canContinue } = useQualification({
       onQuestionChange
@@ -30116,13 +29864,18 @@ const EmbeddedFunnel = React__default.forwardRef(
     if (stepId === "event_date" && ((_g = slides == null ? void 0 : slides.dateAndLead) == null ? void 0 : _g.whiteWrapper)) {
       textColor = "dark";
     }
+    const isFullscreen = mode === "fullscreen";
+    const enabledSteps = state.qualification.steps.filter((q2) => !q2.disabled);
+    const handleCancel = onCancel || (() => window.history.back());
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       FormWrapper,
       {
         $textColor: textColor,
+        $mode: mode,
         tabIndex: 0,
         ref: ref2,
         "data-embedded-funnel": true,
+        "data-ph-capture-attribute-funnel-step": stepId || void 0,
         name: "step" in state.qualification ? state.qualification.step.id : state.status,
         onSubmit: (e2) => {
           e2.preventDefault();
@@ -30130,8 +29883,16 @@ const EmbeddedFunnel = React__default.forwardRef(
         },
         onKeyPressCapture: onKeyPress,
         children: [
+          isFullscreen && state.status === QUALIFICATION_STATUS.answering && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FullscreenHeader,
+            {
+              currentStep: state.qualification.stepIndex + 1,
+              stepCount: enabledSteps.length,
+              onCancel: handleCancel
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { position: "absolute", top: "-120px", ref: scrollHelperRef }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { width: "100%", pb: 6, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { width: "100%", pb: isFullscreen ? 0 : 6, flexGrow: 1, display: "flex", flexDirection: "column", children: [
             state.status === QUALIFICATION_STATUS.answering && /* @__PURE__ */ jsxRuntimeExports.jsx(
               EmbeddedQuestion,
               {
@@ -30141,7 +29902,8 @@ const EmbeddedFunnel = React__default.forwardRef(
                 ratings,
                 renderTitle,
                 LayoutComponent,
-                titleTranslationKeys
+                titleTranslationKeys,
+                mode
               }
             ),
             state.status === QUALIFICATION_STATUS.answered && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -30164,6 +29926,12 @@ const FormWrapper = styled.form`
   width: 100%;
   position: relative;
 
+  ${({ $mode }) => $mode === "fullscreen" ? `
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+  ` : ""}
+
   :focus,
   :focus-visible {
     outline: none;
@@ -30581,7 +30349,9 @@ function QualificationFunnel({
   locale: locale2 = "de",
   storageKey = "heycater-funnel",
   onBackground = "light",
-  highlightColor = "primary"
+  highlightColor = "primary",
+  mode = "embedded",
+  onCancel
 }) {
   const [ratings, setRatings] = useState(null);
   const [initialized, setInitialized] = useState(false);
@@ -30617,7 +30387,9 @@ function QualificationFunnel({
           {
             onBackground,
             highlightColor,
-            ratings
+            ratings,
+            mode,
+            onCancel
           }
         )
       }