@micha.bigler/ui-core-micha 3.14.3 → 4.0.0

package/tests/fixtures/light-theme-baseline.json

@@ -1,2234 +0,0 @@
-{
-  "baseline": {
-    "alpha": "alpha(color, coefficient) {\n      const obj = this || theme;\n      if (obj.colorSpace) {\n        return `oklch(from ${color} l c h / ${typeof coefficient === 'string' ? `calc(${coefficient})` : coefficient})`;\n      }\n      if (obj.vars) {\n        // To preserve the behavior of the CSS theme variables\n        // In the future, this could be replaced by `color-mix` (when https://caniuse.com/?search=color-mix reaches 95%).\n        return `rgba(${color.replace(/var\\(--([^,\\s)]+)(?:,[^)]+)?\\)+/g, 'var(--$1Channel)')} / ${typeof coefficient === 'string' ? `calc(${coefficient})` : coefficient})`;\n      }\n      return systemAlpha(color, parseAddition(coefficient));\n    }",
-    "applyStyles": "function applyStyles(key, styles) {\n  // @ts-expect-error this is 'any' type\n  const theme = this;\n  if (theme.vars) {\n    if (!theme.colorSchemes?.[key] || typeof theme.getColorSchemeSelector !== 'function') {\n      return {};\n    }\n    // If CssVarsProvider is used as a provider, returns '*:where({selector}) &'\n    let selector = theme.getColorSchemeSelector(key);\n    if (selector === '&') {\n      return styles;\n    }\n    if (selector.includes('data-') || selector.includes('.')) {\n      // '*' is required as a workaround for Emotion issue (https://github.com/emotion-js/emotion/issues/2836)\n      selector = `*:where(${selector.replace(/\\s*&$/, '')}) &`;\n    }\n    return {\n      [selector]: styles\n    };\n  }\n  if (theme.palette.mode === key) {\n    return styles;\n  }\n  return {};\n}",
-    "breakpoints": {
-      "between": "function between(start, end) {\n    const endIndex = keys.indexOf(end);\n    return `@media (min-width:${typeof values[start] === 'number' ? values[start] : start}${unit}) and ` + `(max-width:${(endIndex !== -1 && typeof values[keys[endIndex]] === 'number' ? values[keys[endIndex]] : end) - step / 100}${unit})`;\n  }",
-      "down": "function down(key) {\n    const value = typeof values[key] === 'number' ? values[key] : key;\n    return `@media (max-width:${value - step / 100}${unit})`;\n  }",
-      "keys": [
-        "xs",
-        "sm",
-        "md",
-        "lg",
-        "xl"
-      ],
-      "not": "function not(key) {\n    // handle first and last key separately, for better readability\n    const keyIndex = keys.indexOf(key);\n    if (keyIndex === 0) {\n      return up(keys[1]);\n    }\n    if (keyIndex === keys.length - 1) {\n      return down(keys[keyIndex]);\n    }\n    return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');\n  }",
-      "only": "function only(key) {\n    if (keys.indexOf(key) + 1 < keys.length) {\n      return between(key, keys[keys.indexOf(key) + 1]);\n    }\n    return up(key);\n  }",
-      "unit": "px",
-      "up": "function up(key) {\n    const value = typeof values[key] === 'number' ? values[key] : key;\n    return `@media (min-width:${value}${unit})`;\n  }",
-      "values": {
-        "lg": 1200,
-        "md": 900,
-        "sm": 600,
-        "xl": 1536,
-        "xs": 0
-      }
-    },
-    "components": {
-      "MuiAlert": {
-        "styleOverrides": {
-          "standardError": {
-            "& .MuiAlert-icon": {
-              "color": "#BF3227"
-            },
-            "backgroundColor": "#FBEAE8",
-            "color": "#BF3227"
-          },
-          "standardInfo": {
-            "& .MuiAlert-icon": {
-              "color": "#01579B"
-            },
-            "backgroundColor": "#E5F6FD",
-            "color": "#01579B"
-          },
-          "standardSuccess": {
-            "& .MuiAlert-icon": {
-              "color": "#35794A"
-            },
-            "backgroundColor": "#E5F4E9",
-            "color": "#35794A"
-          },
-          "standardWarning": {
-            "& .MuiAlert-icon": {
-              "color": "#976100"
-            },
-            "backgroundColor": "#FBF0DC",
-            "color": "#976100"
-          }
-        }
-      },
-      "MuiBottomNavigation": {
-        "styleOverrides": {
-          "root": {
-            "backgroundColor": "#FFFFFF",
-            "boxShadow": "none"
-          }
-        }
-      },
-      "MuiBottomNavigationAction": {
-        "styleOverrides": {
-          "label": {
-            "&.Mui-selected": {
-              "fontSize": "12px"
-            },
-            "fontSize": "12px",
-            "fontWeight": 500,
-            "lineHeight": 1.2,
-            "maxWidth": "100%",
-            "overflow": "hidden",
-            "textOverflow": "ellipsis",
-            "whiteSpace": "nowrap"
-          },
-          "root": {
-            "& .MuiSvgIcon-root": {
-              "height": "22px",
-              "width": "22px"
-            },
-            "&.Mui-selected": {
-              "color": "#0F62FE"
-            },
-            "color": "#5B6670",
-            "gap": "2px",
-            "padding": "0 2px"
-          }
-        }
-      },
-      "MuiButton": {
-        "defaultProps": {
-          "disableElevation": true
-        },
-        "styleOverrides": {
-          "contained": {
-            "&:hover": {
-              "boxShadow": "none"
-            },
-            "boxShadow": "none"
-          },
-          "outlined": {
-            "&:hover": {
-              "borderColor": "rgba(33,37,41,.65)"
-            },
-            "borderColor": "rgba(33,37,41,.50)"
-          },
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "borderRadius": 3,
-            "minHeight": 40,
-            "textTransform": "none",
-            "transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)",
-            "transitionDuration": "120ms"
-          }
-        }
-      },
-      "MuiCard": {
-        "defaultProps": {
-          "elevation": 0,
-          "variant": "outlined"
-        },
-        "styleOverrides": {
-          "root": {
-            "borderColor": "rgba(33,37,41,.10)",
-            "borderRadius": 8,
-            "boxShadow": "none"
-          }
-        }
-      },
-      "MuiCheckbox": {
-        "styleOverrides": {
-          "root": {
-            "&.Mui-checked": {
-              "color": "#0F62FE"
-            },
-            "&.Mui-error": {
-              "color": "#BF3227"
-            },
-            "&.MuiCheckbox-indeterminate": {
-              "color": "#0F62FE"
-            },
-            "&:hover": {
-              "color": "rgba(33,37,41,.65)"
-            },
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "color": "rgba(33,37,41,.50)",
-            "minHeight": 40,
-            "minWidth": 40,
-            "transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)"
-          }
-        }
-      },
-      "MuiChip": {
-        "styleOverrides": {
-          "outlined": {
-            "borderColor": "rgba(33,37,41,.50)"
-          },
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "&::after": {
-                "content": "\"\"",
-                "inset": "-6px",
-                "position": "absolute"
-              }
-            },
-            "borderRadius": 16,
-            "fontSize": "13px",
-            "height": 32,
-            "position": "relative"
-          }
-        }
-      },
-      "MuiContainer": {
-        "styleOverrides": {
-          "root": {
-            "@media (min-width:1200px)": {
-              "paddingLeft": 32,
-              "paddingRight": 32
-            },
-            "paddingLeft": 24,
-            "paddingRight": 24
-          }
-        }
-      },
-      "MuiCssBaseline": {
-        "styleOverrides": {
-          "@media (prefers-reduced-motion: reduce)": {
-            "*, *::before, *::after": {
-              "animationDuration": "0.01ms !important",
-              "animationIterationCount": "1 !important",
-              "scrollBehavior": "auto !important",
-              "transitionDuration": "0.01ms !important"
-            }
-          }
-        }
-      },
-      "MuiDialog": {
-        "defaultProps": {
-          "transitionDuration": {
-            "enter": 220,
-            "exit": 180
-          }
-        },
-        "styleOverrides": {
-          "paper": {
-            "borderRadius": 8,
-            "boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
-          }
-        }
-      },
-      "MuiDivider": {
-        "styleOverrides": {
-          "root": {
-            "borderColor": "rgba(33,37,41,.10)"
-          }
-        }
-      },
-      "MuiDrawer": {
-        "defaultProps": {
-          "transitionDuration": {
-            "enter": 220,
-            "exit": 180
-          }
-        },
-        "styleOverrides": {
-          "paper": {
-            "boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
-          }
-        }
-      },
-      "MuiFilledInput": {
-        "styleOverrides": {
-          "input": {
-            "&:-webkit-autofill": {
-              "WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
-              "WebkitTextFillColor": "#212529",
-              "caretColor": "#212529"
-            },
-            "&:autofill": {
-              "WebkitTextFillColor": "#212529",
-              "boxShadow": "0 0 0 100px #FFFFFF inset",
-              "caretColor": "#212529"
-            }
-          }
-        }
-      },
-      "MuiFormControlLabel": {
-        "styleOverrides": {
-          "label": {
-            "fontSize": "14px",
-            "lineHeight": 1.55
-          },
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "minHeight": 40
-          }
-        }
-      },
-      "MuiIconButton": {
-        "styleOverrides": {
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "minHeight": 40,
-            "minWidth": 40
-          }
-        }
-      },
-      "MuiInput": {
-        "styleOverrides": {
-          "input": {
-            "&:-webkit-autofill": {
-              "WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
-              "WebkitTextFillColor": "#212529",
-              "caretColor": "#212529"
-            },
-            "&:autofill": {
-              "WebkitTextFillColor": "#212529",
-              "boxShadow": "0 0 0 100px #FFFFFF inset",
-              "caretColor": "#212529"
-            }
-          }
-        }
-      },
-      "MuiMenu": {
-        "defaultProps": {
-          "transitionDuration": {
-            "enter": 220,
-            "exit": 180
-          }
-        },
-        "styleOverrides": {
-          "paper": {
-            "boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
-          }
-        }
-      },
-      "MuiOutlinedInput": {
-        "styleOverrides": {
-          "input": {
-            "&:-webkit-autofill": {
-              "WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
-              "WebkitTextFillColor": "#212529",
-              "caretColor": "#212529"
-            },
-            "&:autofill": {
-              "WebkitTextFillColor": "#212529",
-              "boxShadow": "0 0 0 100px #FFFFFF inset",
-              "caretColor": "#212529"
-            }
-          },
-          "root": {
-            "& .MuiOutlinedInput-notchedOutline": {
-              "borderColor": "rgba(33,37,41,.50)"
-            },
-            "&.Mui-error .MuiOutlinedInput-notchedOutline": {
-              "borderColor": "#BF3227"
-            },
-            "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
-              "borderColor": "#0F62FE",
-              "borderWidth": 2
-            },
-            "&:hover .MuiOutlinedInput-notchedOutline": {
-              "borderColor": "rgba(33,37,41,.65)"
-            },
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "borderRadius": 3,
-            "minHeight": 40,
-            "transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)"
-          }
-        },
-        "variants": [
-          {
-            "props": {
-              "multiline": false
-            },
-            "style": {
-              "height": 40
-            }
-          }
-        ]
-      },
-      "MuiPaper": {
-        "defaultProps": {
-          "elevation": 0,
-          "variant": "outlined"
-        },
-        "styleOverrides": {
-          "root": {
-            "borderColor": "rgba(33,37,41,.10)",
-            "borderRadius": 8,
-            "boxShadow": "none"
-          }
-        }
-      },
-      "MuiSelect": {
-        "defaultProps": {
-          "variant": "outlined"
-        },
-        "styleOverrides": {
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44
-            },
-            "boxSizing": "border-box",
-            "minHeight": 40
-          }
-        }
-      },
-      "MuiTableCell": {
-        "styleOverrides": {
-          "root": {
-            "padding": "10px 16px"
-          }
-        }
-      },
-      "MuiTextField": {
-        "defaultProps": {
-          "variant": "outlined"
-        },
-        "styleOverrides": {
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "minHeight": 40
-          }
-        }
-      },
-      "MuiTooltip": {
-        "defaultProps": {
-          "slotProps": {
-            "transition": {
-              "timeout": {
-                "enter": 220,
-                "exit": 180
-              }
-            }
-          }
-        },
-        "styleOverrides": {
-          "tooltip": {
-            "boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)",
-            "transitionDuration": "220ms"
-          }
-        }
-      }
-    },
-    "containerQueries": "name => {\n    attachCq(node, name);\n    return node;\n  }",
-    "darken": "darken(color, coefficient) {\n      const obj = this || theme;\n      if (obj.colorSpace) {\n        return `color-mix(in ${obj.colorSpace}, ${color}, #000 ${coefficientToPercentage(coefficient)})`;\n      }\n      return systemDarken(color, coefficient);\n    }",
-    "density": {
-      "chip": {
-        "fontSize": 13,
-        "height": 32,
-        "radius": 16
-      },
-      "containerGutter": {
-        "default": 24,
-        "wide": 32
-      },
-      "controlHeight": 40,
-      "tableCellPadding": "10px 16px",
-      "touchTarget": 44
-    },
-    "direction": "ltr",
-    "fontLoading": {
-      "family": "DM Sans",
-      "source": "@fontsource/dm-sans",
-      "weights": [
-        400,
-        500,
-        600
-      ]
-    },
-    "lighten": "lighten(color, coefficient) {\n      const obj = this || theme;\n      if (obj.colorSpace) {\n        return `color-mix(in ${obj.colorSpace}, ${color}, #fff ${coefficientToPercentage(coefficient)})`;\n      }\n      return systemLighten(color, coefficient);\n    }",
-    "mixins": {
-      "toolbar": {
-        "@media (min-width:0px)": {
-          "@media (orientation: landscape)": {
-            "minHeight": 48
-          }
-        },
-        "@media (min-width:600px)": {
-          "minHeight": 64
-        },
-        "minHeight": 56
-      }
-    },
-    "motion": {
-      "duration": {
-        "base": 180,
-        "chart": 300,
-        "fast": 120,
-        "overlayEnter": 220,
-        "overlayExit": 180
-      },
-      "easing": {
-        "enter": "cubic-bezier(0.0, 0, 0.2, 1)",
-        "exit": "cubic-bezier(0.4, 0, 1, 1)",
-        "state": "cubic-bezier(0.4, 0, 0.2, 1)"
-      },
-      "reduced": "0.01ms"
-    },
-    "palette": {
-      "action": {
-        "activatedOpacity": 0.12,
-        "active": "rgba(0, 0, 0, 0.54)",
-        "disabled": "rgba(0, 0, 0, 0.26)",
-        "disabledBackground": "rgba(0, 0, 0, 0.12)",
-        "disabledOpacity": 0.38,
-        "focus": "rgba(0, 0, 0, 0.12)",
-        "focusOpacity": 0.12,
-        "hover": "rgba(0, 0, 0, 0.04)",
-        "hoverOpacity": 0.04,
-        "selected": "rgba(0, 0, 0, 0.08)",
-        "selectedOpacity": 0.08
-      },
-      "augmentColor": "({\n    color,\n    name,\n    mainShade = 500,\n    lightShade = 300,\n    darkShade = 700\n  }) => {\n    color = {\n      ...color\n    };\n    if (!color.main && color[mainShade]) {\n      color.main = color[mainShade];\n    }\n    if (!color.hasOwnProperty('main')) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `The color object needs to have a \\`main\\` property or a \\`${mainShade}\\` property.` : _formatErrorMessage(11, name ? ` (${name})` : '', mainShade));\n    }\n    if (typeof color.main !== 'string') {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `\\`color.main\\` should be a string, but \\`${JSON.stringify(color.main)}\\` was provided instead.\\n` + '\\n' + 'Did you intend to use one of the following approaches?\\n' + '\\n' + 'import { green } from \"@mui/material/colors\";\\n' + '\\n' + 'const theme1 = createTheme({ palette: {\\n' + '  primary: green,\\n' + '} });\\n' + '\\n' + 'const theme2 = createTheme({ palette: {\\n' + '  primary: { main: green[500] },\\n' + '} });' : _formatErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));\n    }\n    if (colorSpace) {\n      mixLightOrDark(colorSpace, color, 'light', lightShade, tonalOffset);\n      mixLightOrDark(colorSpace, color, 'dark', darkShade, tonalOffset);\n    } else {\n      addLightOrDark(color, 'light', lightShade, tonalOffset);\n      addLightOrDark(color, 'dark', darkShade, tonalOffset);\n    }\n    if (!color.contrastText) {\n      color.contrastText = getContrastText(color.main);\n    }\n    return color;\n  }",
-      "background": {
-        "default": "#FAFAFA",
-        "paper": "#FFFFFF",
-        "subtle": "#F4F5F6"
-      },
-      "common": {
-        "black": "#000",
-        "white": "#fff"
-      },
-      "contrastThreshold": 3,
-      "controlBorder": {
-        "error": "#BF3227",
-        "focus": "#0F62FE",
-        "hover": "rgba(33,37,41,.65)",
-        "main": "rgba(33,37,41,.50)"
-      },
-      "dataSeries": {
-        "categorical": [
-          "#3D5A99",
-          "#3E80B8",
-          "#2E8F8A",
-          "#7A5FA8",
-          "#9C4F86",
-          "#8A7355"
-        ]
-      },
-      "divider": "rgba(33,37,41,.10)",
-      "error": {
-        "bg": "#FBEAE8",
-        "contrastText": "#FFFFFF",
-        "dark": "rgb(133, 35, 27)",
-        "fill": "#BF3227",
-        "fillText": "#FFFFFF",
-        "light": "rgb(203, 91, 82)",
-        "main": "#BF3227",
-        "text": "#BF3227"
-      },
-      "getContrastText": "function getContrastText(background) {\n    if (colorSpace) {\n      return contrastColor(background);\n    }\n    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n    if (process.env.NODE_ENV !== 'production') {\n      const contrast = getContrastRatio(background, contrastText);\n      if (contrast < 3) {\n        console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${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'));\n      }\n    }\n    return contrastText;\n  }",
-      "grey": {
-        "50": "#fafafa",
-        "100": "#f5f5f5",
-        "200": "#eeeeee",
-        "300": "#e0e0e0",
-        "400": "#bdbdbd",
-        "500": "#9e9e9e",
-        "600": "#757575",
-        "700": "#616161",
-        "800": "#424242",
-        "900": "#212121",
-        "A100": "#f5f5f5",
-        "A200": "#eeeeee",
-        "A400": "#bdbdbd",
-        "A700": "#616161"
-      },
-      "info": {
-        "bg": "#E5F6FD",
-        "contrastText": "#FFFFFF",
-        "dark": "rgb(0, 60, 108)",
-        "fill": "#01579B",
-        "fillText": "#FFFFFF",
-        "light": "rgb(51, 120, 175)",
-        "main": "#01579B",
-        "text": "#01579B"
-      },
-      "ink": {
-        "muted": "#6A7178",
-        "primary": "#212529",
-        "secondary": "#5B6670"
-      },
-      "mode": "light",
-      "primary": {
-        "contrastText": "#fff",
-        "dark": "rgb(10, 68, 177)",
-        "light": "rgb(63, 129, 254)",
-        "main": "#0F62FE"
-      },
-      "secondary": {
-        "contrastText": "#fff",
-        "dark": "#7b1fa2",
-        "light": "#ba68c8",
-        "main": "#9c27b0"
-      },
-      "stale": {
-        "bg": "#EAEDF1",
-        "fill": "#5B6B7D",
-        "fillText": "#FFFFFF",
-        "text": "#5B6B7D"
-      },
-      "success": {
-        "bg": "#E5F4E9",
-        "contrastText": "#FFFFFF",
-        "dark": "rgb(18, 89, 39)",
-        "fill": "#1B8038",
-        "fillText": "#FFFFFF",
-        "light": "rgb(72, 153, 95)",
-        "main": "#1B8038",
-        "text": "#35794A"
-      },
-      "text": {
-        "disabled": "#6A7178",
-        "primary": "#212529",
-        "secondary": "#5B6670"
-      },
-      "tonalOffset": 0.2,
-      "warning": {
-        "bg": "#FBF0DC",
-        "contrastText": "#FFFFFF",
-        "dark": "rgb(105, 67, 0)",
-        "fill": "#C08A2C",
-        "fillText": "#212529",
-        "light": "rgb(171, 128, 51)",
-        "main": "#976100",
-        "text": "#976100"
-      }
-    },
-    "radius": {
-      "card": 8,
-      "control": 3
-    },
-    "shadow": {
-      "overlay": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)",
-      "rest": "none"
-    },
-    "shadows": [
-      "none",
-      "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
-      "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-      "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
-      "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
-      "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
-      "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
-      "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
-      "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
-      "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
-      "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
-      "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
-      "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
-      "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
-      "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
-      "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
-      "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
-      "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
-      "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
-      "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
-      "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
-      "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
-      "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
-      "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
-      "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)"
-    ],
-    "shape": {
-      "borderRadius": 3
-    },
-    "spacing": "(...argsInput) => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (!(argsInput.length <= 4)) {\n        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);\n      }\n    }\n    const args = argsInput.length === 0 ? [1] : argsInput;\n    return args.map(argument => {\n      const output = transform(argument);\n      return typeof output === 'number' ? `${output}px` : output;\n    }).join(' ');\n  }",
-    "themeCompleteness": {
-      "baseline": true,
-      "exemptions": [
-        {
-          "reason": "The canonical surface is deliberately MUI white.",
-          "surface": "palette.background.paper"
-        },
-        {
-          "reason": "The canonical spacing rhythm deliberately retains MUI's 8px unit.",
-          "surface": "spacing.unit"
-        },
-        {
-          "reason": "The canonical breakpoint values deliberately retain MUI's defaults.",
-          "surface": "breakpoints.values"
-        },
-        {
-          "reason": "The canonical subtitle2 weight deliberately equals MUI's numeric default.",
-          "surface": "typography.subtitle2.fontWeight"
-        },
-        {
-          "reason": "The canonical body1 weight deliberately equals MUI's numeric default.",
-          "surface": "typography.body1.fontWeight"
-        },
-        {
-          "reason": "The canonical body2 weight deliberately equals MUI's numeric default.",
-          "surface": "typography.body2.fontWeight"
-        },
-        {
-          "reason": "The canonical button weight deliberately equals MUI's numeric default.",
-          "surface": "typography.button.fontWeight"
-        },
-        {
-          "reason": "The canonical caption weight deliberately equals MUI's numeric default.",
-          "surface": "typography.caption.fontWeight"
-        }
-      ]
-    },
-    "toRuntimeSource": "function stringifyTheme(baseTheme = {}) {\n  const serializableTheme = {\n    ...baseTheme\n  };\n  function serializeTheme(object) {\n    const array = Object.entries(object);\n    // eslint-disable-next-line no-plusplus\n    for (let index = 0; index < array.length; index++) {\n      const [key, value] = array[index];\n      if (!isSerializable(value) || key.startsWith('unstable_')) {\n        delete object[key];\n      } else if (isPlainObject(value)) {\n        object[key] = {\n          ...value\n        };\n        serializeTheme(object[key]);\n      }\n    }\n  }\n  serializeTheme(serializableTheme);\n  return `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';\n\nconst theme = ${JSON.stringify(serializableTheme, null, 2)};\n\ntheme.breakpoints = createBreakpoints(theme.breakpoints || {});\ntheme.transitions = createTransitions(theme.transitions || {});\n\nexport default theme;`;\n}",
-    "transitions": {
-      "create": "(props = ['all'], options = {}) => {\n    const {\n      duration: durationOption = mergedDuration.standard,\n      easing: easingOption = mergedEasing.easeInOut,\n      delay = 0,\n      ...other\n    } = options;\n    if (process.env.NODE_ENV !== 'production') {\n      const isString = value => typeof value === 'string';\n      const isNumber = value => !Number.isNaN(parseFloat(value));\n      if (!isString(props) && !Array.isArray(props)) {\n        console.error('MUI: Argument \"props\" must be a string or Array.');\n      }\n      if (!isNumber(durationOption) && !isString(durationOption)) {\n        console.error(`MUI: Argument \"duration\" must be a number or a string but found ${durationOption}.`);\n      }\n      if (!isString(easingOption)) {\n        console.error('MUI: Argument \"easing\" must be a string.');\n      }\n      if (!isNumber(delay) && !isString(delay)) {\n        console.error('MUI: Argument \"delay\" must be a number or a string.');\n      }\n      if (typeof options !== 'object') {\n        console.error(['MUI: Secong argument of transition.create must be an object.', \"Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`\"].join('\\n'));\n      }\n      if (Object.keys(other).length !== 0) {\n        console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(',')}].`);\n      }\n    }\n    return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');\n  }",
-      "duration": {
-        "base": 180,
-        "chart": 300,
-        "complex": 375,
-        "enteringScreen": 225,
-        "fast": 120,
-        "leavingScreen": 195,
-        "overlayEnter": 220,
-        "overlayExit": 180,
-        "short": 250,
-        "shorter": 200,
-        "shortest": 150,
-        "standard": 300
-      },
-      "easing": {
-        "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
-        "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
-        "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
-        "enter": "cubic-bezier(0.0, 0, 0.2, 1)",
-        "exit": "cubic-bezier(0.4, 0, 1, 1)",
-        "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
-        "state": "cubic-bezier(0.4, 0, 0.2, 1)"
-      },
-      "getAutoHeightDuration": "function getAutoHeightDuration(height) {\n  if (!height) {\n    return 0;\n  }\n  const constant = height / 36;\n\n  // https://www.desmos.com/calculator/vbrp3ggqet\n  return Math.min(Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10), 3000);\n}"
-    },
-    "typography": {
-      "body1": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "14px",
-        "fontWeight": 400,
-        "letterSpacing": 0,
-        "lineHeight": 1.55
-      },
-      "body2": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "13px",
-        "fontWeight": 400,
-        "letterSpacing": 0,
-        "lineHeight": 1.55
-      },
-      "button": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "14px",
-        "fontWeight": 500,
-        "letterSpacing": 0,
-        "lineHeight": 1.4,
-        "textTransform": "none"
-      },
-      "caption": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "12px",
-        "fontWeight": 400,
-        "letterSpacing": 0,
-        "lineHeight": 1.4
-      },
-      "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-      "fontSize": 14,
-      "fontWeightBold": 700,
-      "fontWeightLight": 300,
-      "fontWeightMedium": 500,
-      "fontWeightRegular": 400,
-      "h1": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "36px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.2
-      },
-      "h2": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "32px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.22
-      },
-      "h3": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "28px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.25
-      },
-      "h4": {
-        "@media (max-width:599.95px)": {
-          "fontSize": "23px"
-        },
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "24px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.3
-      },
-      "h5": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "20px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.3
-      },
-      "h6": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "16px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.35
-      },
-      "htmlFontSize": 16,
-      "inherit": {
-        "fontFamily": "inherit",
-        "fontSize": "inherit",
-        "fontWeight": "inherit",
-        "letterSpacing": "inherit",
-        "lineHeight": "inherit"
-      },
-      "overline": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "11px",
-        "fontWeight": 600,
-        "letterSpacing": "0.4px",
-        "lineHeight": 1.4,
-        "textTransform": "uppercase"
-      },
-      "pxToRem": "size => `${size / htmlFontSize * coef}rem`",
-      "subtitle1": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "13px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.4
-      },
-      "subtitle2": {
-        "fontFamily": "'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-        "fontSize": "13px",
-        "fontWeight": 500,
-        "letterSpacing": 0,
-        "lineHeight": 1.4
-      }
-    },
-    "unstable_sx": "function sx(props) {\n    return styleFunctionSx({\n      sx: props,\n      theme: this\n    });\n  }",
-    "unstable_sxConfig": {
-      "alignContent": {},
-      "alignItems": {},
-      "alignSelf": {},
-      "backgroundColor": {
-        "themeKey": "palette",
-        "transform": "function paletteTransform(value, userValue) {\n  if (userValue === 'grey') {\n    return userValue;\n  }\n  return value;\n}"
-      },
-      "bgcolor": {
-        "cssProperty": "backgroundColor",
-        "themeKey": "palette",
-        "transform": "function paletteTransform(value, userValue) {\n  if (userValue === 'grey') {\n    return userValue;\n  }\n  return value;\n}"
-      },
-      "border": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "borderBottom": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "borderBottomColor": {
-        "themeKey": "palette"
-      },
-      "borderColor": {
-        "themeKey": "palette"
-      },
-      "borderLeft": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "borderLeftColor": {
-        "themeKey": "palette"
-      },
-      "borderRadius": {
-        "style": "props => {\n  if (props.borderRadius !== undefined && props.borderRadius !== null) {\n    const transformer = createUnaryUnit(props.theme, 'shape.borderRadius', 4, 'borderRadius');\n    const styleFromPropValue = propValue => ({\n      borderRadius: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.borderRadius, styleFromPropValue);\n  }\n  return null;\n}",
-        "themeKey": "shape.borderRadius"
-      },
-      "borderRight": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "borderRightColor": {
-        "themeKey": "palette"
-      },
-      "borderTop": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "borderTopColor": {
-        "themeKey": "palette"
-      },
-      "bottom": {},
-      "boxShadow": {
-        "themeKey": "shadows"
-      },
-      "boxSizing": {},
-      "color": {
-        "themeKey": "palette",
-        "transform": "function paletteTransform(value, userValue) {\n  if (userValue === 'grey') {\n    return userValue;\n  }\n  return value;\n}"
-      },
-      "columnGap": {
-        "style": "props => {\n  if (props.columnGap !== undefined && props.columnGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');\n    const styleFromPropValue = propValue => ({\n      columnGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.columnGap, styleFromPropValue);\n  }\n  return null;\n}"
-      },
-      "display": {},
-      "displayPrint": {
-        "cssProperty": false,
-        "transform": "value => ({\n      '@media print': {\n        display: value\n      }\n    })"
-      },
-      "flex": {},
-      "flexBasis": {},
-      "flexDirection": {},
-      "flexGrow": {},
-      "flexShrink": {},
-      "flexWrap": {},
-      "font": {
-        "themeKey": "font"
-      },
-      "fontFamily": {
-        "themeKey": "typography"
-      },
-      "fontSize": {
-        "themeKey": "typography"
-      },
-      "fontStyle": {
-        "themeKey": "typography"
-      },
-      "fontWeight": {
-        "themeKey": "typography"
-      },
-      "gap": {
-        "style": "props => {\n  if (props.gap !== undefined && props.gap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');\n    const styleFromPropValue = propValue => ({\n      gap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.gap, styleFromPropValue);\n  }\n  return null;\n}"
-      },
-      "gridArea": {},
-      "gridAutoColumns": {},
-      "gridAutoFlow": {},
-      "gridAutoRows": {},
-      "gridColumn": {},
-      "gridRow": {},
-      "gridTemplateAreas": {},
-      "gridTemplateColumns": {},
-      "gridTemplateRows": {},
-      "height": {
-        "transform": "function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
-      },
-      "justifyContent": {},
-      "justifyItems": {},
-      "justifySelf": {},
-      "left": {},
-      "letterSpacing": {},
-      "lineHeight": {},
-      "m": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "margin": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginBlock": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginBlockEnd": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginBlockStart": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginBottom": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginInline": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginInlineEnd": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginInlineStart": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginLeft": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginRight": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginTop": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginX": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginY": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "maxHeight": {
-        "transform": "function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
-      },
-      "maxWidth": {
-        "style": "props => {\n  if (props.maxWidth !== undefined && props.maxWidth !== null) {\n    const styleFromPropValue = propValue => {\n      const breakpoint = props.theme?.breakpoints?.values?.[propValue] || breakpointsValues[propValue];\n      if (!breakpoint) {\n        return {\n          maxWidth: sizingTransform(propValue)\n        };\n      }\n      if (props.theme?.breakpoints?.unit !== 'px') {\n        return {\n          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`\n        };\n      }\n      return {\n        maxWidth: breakpoint\n      };\n    };\n    return handleBreakpoints(props, props.maxWidth, styleFromPropValue);\n  }\n  return null;\n}"
-      },
-      "mb": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "minHeight": {
-        "transform": "function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
-      },
-      "minWidth": {
-        "transform": "function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
-      },
-      "ml": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "mr": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "mt": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "mx": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "my": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "order": {},
-      "outline": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "outlineColor": {
-        "themeKey": "palette"
-      },
-      "overflow": {},
-      "p": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "padding": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingBlock": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingBlockEnd": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingBlockStart": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingBottom": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingInline": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingInlineEnd": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingInlineStart": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingLeft": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingRight": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingTop": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingX": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingY": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "pb": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "pl": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "position": {},
-      "pr": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "pt": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "px": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "py": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "right": {},
-      "rowGap": {
-        "style": "props => {\n  if (props.rowGap !== undefined && props.rowGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');\n    const styleFromPropValue = propValue => ({\n      rowGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.rowGap, styleFromPropValue);\n  }\n  return null;\n}"
-      },
-      "textAlign": {},
-      "textOverflow": {},
-      "textTransform": {},
-      "top": {},
-      "typography": {
-        "cssProperty": false,
-        "themeKey": "typography"
-      },
-      "visibility": {},
-      "whiteSpace": {},
-      "width": {
-        "transform": "function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
-      },
-      "zIndex": {
-        "themeKey": "zIndex"
-      }
-    },
-    "zIndex": {
-      "appBar": 1100,
-      "drawer": 1200,
-      "fab": 1050,
-      "mobileStepper": 1000,
-      "modal": 1300,
-      "snackbar": 1400,
-      "speedDial": 1050,
-      "tooltip": 1500
-    }
-  },
-  "override": {
-    "alpha": "alpha(color, coefficient) {\n      const obj = this || theme;\n      if (obj.colorSpace) {\n        return `oklch(from ${color} l c h / ${typeof coefficient === 'string' ? `calc(${coefficient})` : coefficient})`;\n      }\n      if (obj.vars) {\n        // To preserve the behavior of the CSS theme variables\n        // In the future, this could be replaced by `color-mix` (when https://caniuse.com/?search=color-mix reaches 95%).\n        return `rgba(${color.replace(/var\\(--([^,\\s)]+)(?:,[^)]+)?\\)+/g, 'var(--$1Channel)')} / ${typeof coefficient === 'string' ? `calc(${coefficient})` : coefficient})`;\n      }\n      return systemAlpha(color, parseAddition(coefficient));\n    }",
-    "applyStyles": "function applyStyles(key, styles) {\n  // @ts-expect-error this is 'any' type\n  const theme = this;\n  if (theme.vars) {\n    if (!theme.colorSchemes?.[key] || typeof theme.getColorSchemeSelector !== 'function') {\n      return {};\n    }\n    // If CssVarsProvider is used as a provider, returns '*:where({selector}) &'\n    let selector = theme.getColorSchemeSelector(key);\n    if (selector === '&') {\n      return styles;\n    }\n    if (selector.includes('data-') || selector.includes('.')) {\n      // '*' is required as a workaround for Emotion issue (https://github.com/emotion-js/emotion/issues/2836)\n      selector = `*:where(${selector.replace(/\\s*&$/, '')}) &`;\n    }\n    return {\n      [selector]: styles\n    };\n  }\n  if (theme.palette.mode === key) {\n    return styles;\n  }\n  return {};\n}",
-    "breakpoints": {
-      "between": "function between(start, end) {\n    const endIndex = keys.indexOf(end);\n    return `@media (min-width:${typeof values[start] === 'number' ? values[start] : start}${unit}) and ` + `(max-width:${(endIndex !== -1 && typeof values[keys[endIndex]] === 'number' ? values[keys[endIndex]] : end) - step / 100}${unit})`;\n  }",
-      "down": "function down(key) {\n    const value = typeof values[key] === 'number' ? values[key] : key;\n    return `@media (max-width:${value - step / 100}${unit})`;\n  }",
-      "keys": [
-        "xs",
-        "sm",
-        "md",
-        "lg",
-        "xl"
-      ],
-      "not": "function not(key) {\n    // handle first and last key separately, for better readability\n    const keyIndex = keys.indexOf(key);\n    if (keyIndex === 0) {\n      return up(keys[1]);\n    }\n    if (keyIndex === keys.length - 1) {\n      return down(keys[keyIndex]);\n    }\n    return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');\n  }",
-      "only": "function only(key) {\n    if (keys.indexOf(key) + 1 < keys.length) {\n      return between(key, keys[keys.indexOf(key) + 1]);\n    }\n    return up(key);\n  }",
-      "unit": "px",
-      "up": "function up(key) {\n    const value = typeof values[key] === 'number' ? values[key] : key;\n    return `@media (min-width:${value}${unit})`;\n  }",
-      "values": {
-        "lg": 1200,
-        "md": 900,
-        "sm": 600,
-        "xl": 1536,
-        "xs": 0
-      }
-    },
-    "components": {
-      "MuiAlert": {
-        "styleOverrides": {
-          "standardError": {
-            "& .MuiAlert-icon": {
-              "color": "#BF3227"
-            },
-            "backgroundColor": "#FBEAE8",
-            "color": "#BF3227"
-          },
-          "standardInfo": {
-            "& .MuiAlert-icon": {
-              "color": "#01579B"
-            },
-            "backgroundColor": "#E5F6FD",
-            "color": "#01579B"
-          },
-          "standardSuccess": {
-            "& .MuiAlert-icon": {
-              "color": "#35794A"
-            },
-            "backgroundColor": "#E5F4E9",
-            "color": "#35794A"
-          },
-          "standardWarning": {
-            "& .MuiAlert-icon": {
-              "color": "#976100"
-            },
-            "backgroundColor": "#FBF0DC",
-            "color": "#976100"
-          }
-        }
-      },
-      "MuiBottomNavigation": {
-        "styleOverrides": {
-          "root": {
-            "backgroundColor": "#FFFFFF",
-            "boxShadow": "none"
-          }
-        }
-      },
-      "MuiBottomNavigationAction": {
-        "styleOverrides": {
-          "label": {
-            "&.Mui-selected": {
-              "fontSize": "12px"
-            },
-            "fontSize": "12px",
-            "fontWeight": 500,
-            "lineHeight": 1.2,
-            "maxWidth": "100%",
-            "overflow": "hidden",
-            "textOverflow": "ellipsis",
-            "whiteSpace": "nowrap"
-          },
-          "root": {
-            "& .MuiSvgIcon-root": {
-              "height": "22px",
-              "width": "22px"
-            },
-            "&.Mui-selected": {
-              "color": "#0F62FE"
-            },
-            "color": "#5B6670",
-            "gap": "2px",
-            "padding": "0 2px"
-          }
-        }
-      },
-      "MuiButton": {
-        "defaultProps": {
-          "disableElevation": true
-        },
-        "styleOverrides": {
-          "contained": {
-            "&:hover": {
-              "boxShadow": "none"
-            },
-            "boxShadow": "none"
-          },
-          "outlined": {
-            "&:hover": {
-              "borderColor": "rgba(33,37,41,.65)"
-            },
-            "borderColor": "rgba(33,37,41,.50)"
-          },
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "borderRadius": 3,
-            "minHeight": 40,
-            "textTransform": "none",
-            "transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)",
-            "transitionDuration": "120ms"
-          }
-        }
-      },
-      "MuiCard": {
-        "defaultProps": {
-          "elevation": 0,
-          "variant": "outlined"
-        },
-        "styleOverrides": {
-          "root": {
-            "borderColor": "rgba(33,37,41,.10)",
-            "borderRadius": 8,
-            "boxShadow": "none"
-          }
-        }
-      },
-      "MuiCheckbox": {
-        "styleOverrides": {
-          "root": {
-            "&.Mui-checked": {
-              "color": "#0F62FE"
-            },
-            "&.Mui-error": {
-              "color": "#BF3227"
-            },
-            "&.MuiCheckbox-indeterminate": {
-              "color": "#0F62FE"
-            },
-            "&:hover": {
-              "color": "rgba(33,37,41,.65)"
-            },
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "color": "rgba(33,37,41,.50)",
-            "minHeight": 40,
-            "minWidth": 40,
-            "transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)"
-          }
-        }
-      },
-      "MuiChip": {
-        "styleOverrides": {
-          "outlined": {
-            "borderColor": "rgba(33,37,41,.50)"
-          },
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "&::after": {
-                "content": "\"\"",
-                "inset": "-6px",
-                "position": "absolute"
-              }
-            },
-            "borderRadius": 16,
-            "fontSize": "13px",
-            "height": 32,
-            "position": "relative"
-          }
-        }
-      },
-      "MuiContainer": {
-        "styleOverrides": {
-          "root": {
-            "@media (min-width:1200px)": {
-              "paddingLeft": 32,
-              "paddingRight": 32
-            },
-            "paddingLeft": 24,
-            "paddingRight": 24
-          }
-        }
-      },
-      "MuiCssBaseline": {
-        "styleOverrides": {
-          "@media (prefers-reduced-motion: reduce)": {
-            "*, *::before, *::after": {
-              "animationDuration": "0.01ms !important",
-              "animationIterationCount": "1 !important",
-              "scrollBehavior": "auto !important",
-              "transitionDuration": "0.01ms !important"
-            }
-          }
-        }
-      },
-      "MuiDialog": {
-        "defaultProps": {
-          "transitionDuration": {
-            "enter": 220,
-            "exit": 180
-          }
-        },
-        "styleOverrides": {
-          "paper": {
-            "borderRadius": 8,
-            "boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
-          }
-        }
-      },
-      "MuiDivider": {
-        "styleOverrides": {
-          "root": {
-            "borderColor": "rgba(33,37,41,.10)"
-          }
-        }
-      },
-      "MuiDrawer": {
-        "defaultProps": {
-          "transitionDuration": {
-            "enter": 220,
-            "exit": 180
-          }
-        },
-        "styleOverrides": {
-          "paper": {
-            "boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
-          }
-        }
-      },
-      "MuiFilledInput": {
-        "styleOverrides": {
-          "input": {
-            "&:-webkit-autofill": {
-              "WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
-              "WebkitTextFillColor": "#212529",
-              "caretColor": "#212529"
-            },
-            "&:autofill": {
-              "WebkitTextFillColor": "#212529",
-              "boxShadow": "0 0 0 100px #FFFFFF inset",
-              "caretColor": "#212529"
-            }
-          }
-        }
-      },
-      "MuiFormControlLabel": {
-        "styleOverrides": {
-          "label": {
-            "fontSize": "14px",
-            "lineHeight": 1.55
-          },
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "minHeight": 40
-          }
-        }
-      },
-      "MuiIconButton": {
-        "styleOverrides": {
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "minHeight": 40,
-            "minWidth": 40
-          }
-        }
-      },
-      "MuiInput": {
-        "styleOverrides": {
-          "input": {
-            "&:-webkit-autofill": {
-              "WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
-              "WebkitTextFillColor": "#212529",
-              "caretColor": "#212529"
-            },
-            "&:autofill": {
-              "WebkitTextFillColor": "#212529",
-              "boxShadow": "0 0 0 100px #FFFFFF inset",
-              "caretColor": "#212529"
-            }
-          }
-        }
-      },
-      "MuiMenu": {
-        "defaultProps": {
-          "transitionDuration": {
-            "enter": 220,
-            "exit": 180
-          }
-        },
-        "styleOverrides": {
-          "paper": {
-            "boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)"
-          }
-        }
-      },
-      "MuiOutlinedInput": {
-        "styleOverrides": {
-          "input": {
-            "&:-webkit-autofill": {
-              "WebkitBoxShadow": "0 0 0 100px #FFFFFF inset",
-              "WebkitTextFillColor": "#212529",
-              "caretColor": "#212529"
-            },
-            "&:autofill": {
-              "WebkitTextFillColor": "#212529",
-              "boxShadow": "0 0 0 100px #FFFFFF inset",
-              "caretColor": "#212529"
-            }
-          },
-          "root": {
-            "& .MuiOutlinedInput-notchedOutline": {
-              "borderColor": "rgba(33,37,41,.50)"
-            },
-            "&.Mui-error .MuiOutlinedInput-notchedOutline": {
-              "borderColor": "#BF3227"
-            },
-            "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
-              "borderColor": "#0F62FE",
-              "borderWidth": 2
-            },
-            "&:hover .MuiOutlinedInput-notchedOutline": {
-              "borderColor": "rgba(33,37,41,.65)"
-            },
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "borderRadius": 3,
-            "minHeight": 40,
-            "transition": "border-color 120ms cubic-bezier(0.4, 0, 0.2, 1), color 120ms cubic-bezier(0.4, 0, 0.2, 1), background-color 120ms cubic-bezier(0.4, 0, 0.2, 1)"
-          }
-        },
-        "variants": [
-          {
-            "props": {
-              "multiline": false
-            },
-            "style": {
-              "height": 40
-            }
-          }
-        ]
-      },
-      "MuiPaper": {
-        "defaultProps": {
-          "elevation": 0,
-          "variant": "outlined"
-        },
-        "styleOverrides": {
-          "root": {
-            "borderColor": "rgba(33,37,41,.10)",
-            "borderRadius": 8,
-            "boxShadow": "none"
-          }
-        }
-      },
-      "MuiSelect": {
-        "defaultProps": {
-          "variant": "outlined"
-        },
-        "styleOverrides": {
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44
-            },
-            "boxSizing": "border-box",
-            "minHeight": 40
-          }
-        }
-      },
-      "MuiTableCell": {
-        "styleOverrides": {
-          "root": {
-            "padding": "10px 16px"
-          }
-        }
-      },
-      "MuiTextField": {
-        "defaultProps": {
-          "variant": "outlined"
-        },
-        "styleOverrides": {
-          "root": {
-            "@media (any-pointer: coarse)": {
-              "minHeight": 44,
-              "minWidth": 44
-            },
-            "minHeight": 40
-          }
-        }
-      },
-      "MuiTooltip": {
-        "defaultProps": {
-          "slotProps": {
-            "transition": {
-              "timeout": {
-                "enter": 220,
-                "exit": 180
-              }
-            }
-          }
-        },
-        "styleOverrides": {
-          "tooltip": {
-            "boxShadow": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)",
-            "transitionDuration": "220ms"
-          }
-        }
-      }
-    },
-    "containerQueries": "name => {\n    attachCq(node, name);\n    return node;\n  }",
-    "darken": "darken(color, coefficient) {\n      const obj = this || theme;\n      if (obj.colorSpace) {\n        return `color-mix(in ${obj.colorSpace}, ${color}, #000 ${coefficientToPercentage(coefficient)})`;\n      }\n      return systemDarken(color, coefficient);\n    }",
-    "density": {
-      "chip": {
-        "fontSize": 13,
-        "height": 32,
-        "radius": 16
-      },
-      "containerGutter": {
-        "default": 24,
-        "wide": 32
-      },
-      "controlHeight": 40,
-      "tableCellPadding": "10px 16px",
-      "touchTarget": 44
-    },
-    "direction": "ltr",
-    "fontLoading": {
-      "family": "DM Sans",
-      "source": "@fontsource/dm-sans",
-      "weights": [
-        400,
-        500,
-        600
-      ]
-    },
-    "lighten": "lighten(color, coefficient) {\n      const obj = this || theme;\n      if (obj.colorSpace) {\n        return `color-mix(in ${obj.colorSpace}, ${color}, #fff ${coefficientToPercentage(coefficient)})`;\n      }\n      return systemLighten(color, coefficient);\n    }",
-    "mixins": {
-      "toolbar": {
-        "@media (min-width:0px)": {
-          "@media (orientation: landscape)": {
-            "minHeight": 48
-          }
-        },
-        "@media (min-width:600px)": {
-          "minHeight": 64
-        },
-        "minHeight": 56
-      }
-    },
-    "motion": {
-      "duration": {
-        "base": 180,
-        "chart": 300,
-        "fast": 120,
-        "overlayEnter": 220,
-        "overlayExit": 180
-      },
-      "easing": {
-        "enter": "cubic-bezier(0.0, 0, 0.2, 1)",
-        "exit": "cubic-bezier(0.4, 0, 1, 1)",
-        "state": "cubic-bezier(0.4, 0, 0.2, 1)"
-      },
-      "reduced": "0.01ms"
-    },
-    "palette": {
-      "action": {
-        "activatedOpacity": 0.12,
-        "active": "rgba(0, 0, 0, 0.54)",
-        "disabled": "rgba(0, 0, 0, 0.26)",
-        "disabledBackground": "rgba(0, 0, 0, 0.12)",
-        "disabledOpacity": 0.38,
-        "focus": "rgba(0, 0, 0, 0.12)",
-        "focusOpacity": 0.12,
-        "hover": "rgba(0, 0, 0, 0.04)",
-        "hoverOpacity": 0.04,
-        "selected": "rgba(0, 0, 0, 0.08)",
-        "selectedOpacity": 0.08
-      },
-      "augmentColor": "({\n    color,\n    name,\n    mainShade = 500,\n    lightShade = 300,\n    darkShade = 700\n  }) => {\n    color = {\n      ...color\n    };\n    if (!color.main && color[mainShade]) {\n      color.main = color[mainShade];\n    }\n    if (!color.hasOwnProperty('main')) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `The color object needs to have a \\`main\\` property or a \\`${mainShade}\\` property.` : _formatErrorMessage(11, name ? ` (${name})` : '', mainShade));\n    }\n    if (typeof color.main !== 'string') {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\\n` + `\\`color.main\\` should be a string, but \\`${JSON.stringify(color.main)}\\` was provided instead.\\n` + '\\n' + 'Did you intend to use one of the following approaches?\\n' + '\\n' + 'import { green } from \"@mui/material/colors\";\\n' + '\\n' + 'const theme1 = createTheme({ palette: {\\n' + '  primary: green,\\n' + '} });\\n' + '\\n' + 'const theme2 = createTheme({ palette: {\\n' + '  primary: { main: green[500] },\\n' + '} });' : _formatErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));\n    }\n    if (colorSpace) {\n      mixLightOrDark(colorSpace, color, 'light', lightShade, tonalOffset);\n      mixLightOrDark(colorSpace, color, 'dark', darkShade, tonalOffset);\n    } else {\n      addLightOrDark(color, 'light', lightShade, tonalOffset);\n      addLightOrDark(color, 'dark', darkShade, tonalOffset);\n    }\n    if (!color.contrastText) {\n      color.contrastText = getContrastText(color.main);\n    }\n    return color;\n  }",
-      "background": {
-        "default": "#F0F2F4",
-        "paper": "#FFFFFF",
-        "subtle": "#F4F5F6"
-      },
-      "common": {
-        "black": "#000",
-        "white": "#fff"
-      },
-      "contrastThreshold": 3,
-      "controlBorder": {
-        "error": "#BF3227",
-        "focus": "#0F62FE",
-        "hover": "rgba(33,37,41,.65)",
-        "main": "rgba(33,37,41,.50)"
-      },
-      "dataSeries": {
-        "categorical": [
-          "#3D5A99",
-          "#3E80B8",
-          "#2E8F8A",
-          "#7A5FA8",
-          "#9C4F86",
-          "#8A7355"
-        ]
-      },
-      "divider": "rgba(33,37,41,.10)",
-      "error": {
-        "bg": "#FBEAE8",
-        "contrastText": "#FFFFFF",
-        "dark": "rgb(133, 35, 27)",
-        "fill": "#BF3227",
-        "fillText": "#FFFFFF",
-        "light": "rgb(203, 91, 82)",
-        "main": "#BF3227",
-        "text": "#BF3227"
-      },
-      "getContrastText": "function getContrastText(background) {\n    if (colorSpace) {\n      return contrastColor(background);\n    }\n    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;\n    if (process.env.NODE_ENV !== 'production') {\n      const contrast = getContrastRatio(background, contrastText);\n      if (contrast < 3) {\n        console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${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'));\n      }\n    }\n    return contrastText;\n  }",
-      "grey": {
-        "50": "#fafafa",
-        "100": "#f5f5f5",
-        "200": "#eeeeee",
-        "300": "#e0e0e0",
-        "400": "#bdbdbd",
-        "500": "#9e9e9e",
-        "600": "#757575",
-        "700": "#616161",
-        "800": "#424242",
-        "900": "#212121",
-        "A100": "#f5f5f5",
-        "A200": "#eeeeee",
-        "A400": "#bdbdbd",
-        "A700": "#616161"
-      },
-      "info": {
-        "bg": "#E5F6FD",
-        "contrastText": "#FFFFFF",
-        "dark": "rgb(0, 60, 108)",
-        "fill": "#01579B",
-        "fillText": "#FFFFFF",
-        "light": "rgb(51, 120, 175)",
-        "main": "#01579B",
-        "text": "#01579B"
-      },
-      "ink": {
-        "muted": "#6A7178",
-        "primary": "#212529",
-        "secondary": "#5B6670"
-      },
-      "mode": "light",
-      "primary": {
-        "contrastText": "#fff",
-        "dark": "rgb(10, 68, 177)",
-        "light": "rgb(63, 129, 254)",
-        "main": "#0F62FE"
-      },
-      "secondary": {
-        "contrastText": "#fff",
-        "dark": "#7b1fa2",
-        "light": "#ba68c8",
-        "main": "#9c27b0"
-      },
-      "stale": {
-        "bg": "#EAEDF1",
-        "fill": "#5B6B7D",
-        "fillText": "#FFFFFF",
-        "text": "#5B6B7D"
-      },
-      "success": {
-        "bg": "#E5F4E9",
-        "contrastText": "#FFFFFF",
-        "dark": "rgb(18, 89, 39)",
-        "fill": "#1B8038",
-        "fillText": "#FFFFFF",
-        "light": "rgb(72, 153, 95)",
-        "main": "#126B36",
-        "text": "#35794A"
-      },
-      "text": {
-        "disabled": "#6A7178",
-        "primary": "#212529",
-        "secondary": "#5B6670"
-      },
-      "tonalOffset": 0.2,
-      "warning": {
-        "bg": "#FBF0DC",
-        "contrastText": "#FFFFFF",
-        "dark": "rgb(105, 67, 0)",
-        "fill": "#C08A2C",
-        "fillText": "#212529",
-        "light": "rgb(171, 128, 51)",
-        "main": "#976100",
-        "text": "#976100"
-      }
-    },
-    "radius": {
-      "card": 8,
-      "control": 3
-    },
-    "shadow": {
-      "overlay": "0 8px 24px rgba(20,26,31,.16), 0 2px 8px rgba(20,26,31,.08)",
-      "rest": "none"
-    },
-    "shadows": [
-      "none",
-      "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
-      "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
-      "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
-      "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
-      "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
-      "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
-      "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
-      "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
-      "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
-      "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
-      "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
-      "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
-      "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
-      "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
-      "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
-      "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
-      "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
-      "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
-      "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
-      "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
-      "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
-      "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
-      "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
-      "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)"
-    ],
-    "shape": {
-      "borderRadius": 3
-    },
-    "spacing": "(...argsInput) => {\n    if (process.env.NODE_ENV !== 'production') {\n      if (!(argsInput.length <= 4)) {\n        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);\n      }\n    }\n    const args = argsInput.length === 0 ? [1] : argsInput;\n    return args.map(argument => {\n      const output = transform(argument);\n      return typeof output === 'number' ? `${output}px` : output;\n    }).join(' ');\n  }",
-    "themeCompleteness": {
-      "baseline": true,
-      "exemptions": [
-        {
-          "reason": "The canonical surface is deliberately MUI white.",
-          "surface": "palette.background.paper"
-        },
-        {
-          "reason": "The canonical spacing rhythm deliberately retains MUI's 8px unit.",
-          "surface": "spacing.unit"
-        },
-        {
-          "reason": "The canonical breakpoint values deliberately retain MUI's defaults.",
-          "surface": "breakpoints.values"
-        },
-        {
-          "reason": "The canonical subtitle2 weight deliberately equals MUI's numeric default.",
-          "surface": "typography.subtitle2.fontWeight"
-        },
-        {
-          "reason": "The canonical body1 weight deliberately equals MUI's numeric default.",
-          "surface": "typography.body1.fontWeight"
-        },
-        {
-          "reason": "The canonical body2 weight deliberately equals MUI's numeric default.",
-          "surface": "typography.body2.fontWeight"
-        },
-        {
-          "reason": "The canonical button weight deliberately equals MUI's numeric default.",
-          "surface": "typography.button.fontWeight"
-        },
-        {
-          "reason": "The canonical caption weight deliberately equals MUI's numeric default.",
-          "surface": "typography.caption.fontWeight"
-        }
-      ]
-    },
-    "toRuntimeSource": "function stringifyTheme(baseTheme = {}) {\n  const serializableTheme = {\n    ...baseTheme\n  };\n  function serializeTheme(object) {\n    const array = Object.entries(object);\n    // eslint-disable-next-line no-plusplus\n    for (let index = 0; index < array.length; index++) {\n      const [key, value] = array[index];\n      if (!isSerializable(value) || key.startsWith('unstable_')) {\n        delete object[key];\n      } else if (isPlainObject(value)) {\n        object[key] = {\n          ...value\n        };\n        serializeTheme(object[key]);\n      }\n    }\n  }\n  serializeTheme(serializableTheme);\n  return `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';\n\nconst theme = ${JSON.stringify(serializableTheme, null, 2)};\n\ntheme.breakpoints = createBreakpoints(theme.breakpoints || {});\ntheme.transitions = createTransitions(theme.transitions || {});\n\nexport default theme;`;\n}",
-    "transitions": {
-      "create": "(props = ['all'], options = {}) => {\n    const {\n      duration: durationOption = mergedDuration.standard,\n      easing: easingOption = mergedEasing.easeInOut,\n      delay = 0,\n      ...other\n    } = options;\n    if (process.env.NODE_ENV !== 'production') {\n      const isString = value => typeof value === 'string';\n      const isNumber = value => !Number.isNaN(parseFloat(value));\n      if (!isString(props) && !Array.isArray(props)) {\n        console.error('MUI: Argument \"props\" must be a string or Array.');\n      }\n      if (!isNumber(durationOption) && !isString(durationOption)) {\n        console.error(`MUI: Argument \"duration\" must be a number or a string but found ${durationOption}.`);\n      }\n      if (!isString(easingOption)) {\n        console.error('MUI: Argument \"easing\" must be a string.');\n      }\n      if (!isNumber(delay) && !isString(delay)) {\n        console.error('MUI: Argument \"delay\" must be a number or a string.');\n      }\n      if (typeof options !== 'object') {\n        console.error(['MUI: Secong argument of transition.create must be an object.', \"Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`\"].join('\\n'));\n      }\n      if (Object.keys(other).length !== 0) {\n        console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(',')}].`);\n      }\n    }\n    return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');\n  }",
-      "duration": {
-        "base": 180,
-        "chart": 300,
-        "complex": 375,
-        "enteringScreen": 225,
-        "fast": 120,
-        "leavingScreen": 195,
-        "overlayEnter": 220,
-        "overlayExit": 180,
-        "short": 250,
-        "shorter": 200,
-        "shortest": 150,
-        "standard": 300
-      },
-      "easing": {
-        "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
-        "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
-        "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
-        "enter": "cubic-bezier(0.0, 0, 0.2, 1)",
-        "exit": "cubic-bezier(0.4, 0, 1, 1)",
-        "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
-        "state": "cubic-bezier(0.4, 0, 0.2, 1)"
-      },
-      "getAutoHeightDuration": "function getAutoHeightDuration(height) {\n  if (!height) {\n    return 0;\n  }\n  const constant = height / 36;\n\n  // https://www.desmos.com/calculator/vbrp3ggqet\n  return Math.min(Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10), 3000);\n}"
-    },
-    "typography": {
-      "body1": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "14px",
-        "fontWeight": 400,
-        "letterSpacing": 0,
-        "lineHeight": 1.55
-      },
-      "body2": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "13px",
-        "fontWeight": 400,
-        "letterSpacing": 0,
-        "lineHeight": 1.55
-      },
-      "button": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "14px",
-        "fontWeight": 500,
-        "letterSpacing": 0,
-        "lineHeight": 1.4,
-        "textTransform": "none"
-      },
-      "caption": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "12px",
-        "fontWeight": 400,
-        "letterSpacing": 0,
-        "lineHeight": 1.4
-      },
-      "fontFamily": "Fixture Sans",
-      "fontSize": 14,
-      "fontWeightBold": 700,
-      "fontWeightLight": 300,
-      "fontWeightMedium": 500,
-      "fontWeightRegular": 400,
-      "h1": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "36px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.2
-      },
-      "h2": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "32px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.22
-      },
-      "h3": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "28px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.25
-      },
-      "h4": {
-        "@media (max-width:599.95px)": {
-          "fontSize": "23px"
-        },
-        "fontFamily": "Fixture Sans",
-        "fontSize": "24px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.3
-      },
-      "h5": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "20px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.3
-      },
-      "h6": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "16px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.35
-      },
-      "htmlFontSize": 16,
-      "inherit": {
-        "fontFamily": "inherit",
-        "fontSize": "inherit",
-        "fontWeight": "inherit",
-        "letterSpacing": "inherit",
-        "lineHeight": "inherit"
-      },
-      "overline": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "11px",
-        "fontWeight": 600,
-        "letterSpacing": "0.4px",
-        "lineHeight": 1.4,
-        "textTransform": "uppercase"
-      },
-      "pxToRem": "size => `${size / htmlFontSize * coef}rem`",
-      "subtitle1": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "13px",
-        "fontWeight": 600,
-        "letterSpacing": 0,
-        "lineHeight": 1.4
-      },
-      "subtitle2": {
-        "fontFamily": "Fixture Sans",
-        "fontSize": "13px",
-        "fontWeight": 500,
-        "letterSpacing": 0,
-        "lineHeight": 1.4
-      }
-    },
-    "unstable_sx": "function sx(props) {\n    return styleFunctionSx({\n      sx: props,\n      theme: this\n    });\n  }",
-    "unstable_sxConfig": {
-      "alignContent": {},
-      "alignItems": {},
-      "alignSelf": {},
-      "backgroundColor": {
-        "themeKey": "palette",
-        "transform": "function paletteTransform(value, userValue) {\n  if (userValue === 'grey') {\n    return userValue;\n  }\n  return value;\n}"
-      },
-      "bgcolor": {
-        "cssProperty": "backgroundColor",
-        "themeKey": "palette",
-        "transform": "function paletteTransform(value, userValue) {\n  if (userValue === 'grey') {\n    return userValue;\n  }\n  return value;\n}"
-      },
-      "border": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "borderBottom": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "borderBottomColor": {
-        "themeKey": "palette"
-      },
-      "borderColor": {
-        "themeKey": "palette"
-      },
-      "borderLeft": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "borderLeftColor": {
-        "themeKey": "palette"
-      },
-      "borderRadius": {
-        "style": "props => {\n  if (props.borderRadius !== undefined && props.borderRadius !== null) {\n    const transformer = createUnaryUnit(props.theme, 'shape.borderRadius', 4, 'borderRadius');\n    const styleFromPropValue = propValue => ({\n      borderRadius: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.borderRadius, styleFromPropValue);\n  }\n  return null;\n}",
-        "themeKey": "shape.borderRadius"
-      },
-      "borderRight": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "borderRightColor": {
-        "themeKey": "palette"
-      },
-      "borderTop": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "borderTopColor": {
-        "themeKey": "palette"
-      },
-      "bottom": {},
-      "boxShadow": {
-        "themeKey": "shadows"
-      },
-      "boxSizing": {},
-      "color": {
-        "themeKey": "palette",
-        "transform": "function paletteTransform(value, userValue) {\n  if (userValue === 'grey') {\n    return userValue;\n  }\n  return value;\n}"
-      },
-      "columnGap": {
-        "style": "props => {\n  if (props.columnGap !== undefined && props.columnGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');\n    const styleFromPropValue = propValue => ({\n      columnGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.columnGap, styleFromPropValue);\n  }\n  return null;\n}"
-      },
-      "display": {},
-      "displayPrint": {
-        "cssProperty": false,
-        "transform": "value => ({\n      '@media print': {\n        display: value\n      }\n    })"
-      },
-      "flex": {},
-      "flexBasis": {},
-      "flexDirection": {},
-      "flexGrow": {},
-      "flexShrink": {},
-      "flexWrap": {},
-      "font": {
-        "themeKey": "font"
-      },
-      "fontFamily": {
-        "themeKey": "typography"
-      },
-      "fontSize": {
-        "themeKey": "typography"
-      },
-      "fontStyle": {
-        "themeKey": "typography"
-      },
-      "fontWeight": {
-        "themeKey": "typography"
-      },
-      "gap": {
-        "style": "props => {\n  if (props.gap !== undefined && props.gap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'gap');\n    const styleFromPropValue = propValue => ({\n      gap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.gap, styleFromPropValue);\n  }\n  return null;\n}"
-      },
-      "gridArea": {},
-      "gridAutoColumns": {},
-      "gridAutoFlow": {},
-      "gridAutoRows": {},
-      "gridColumn": {},
-      "gridRow": {},
-      "gridTemplateAreas": {},
-      "gridTemplateColumns": {},
-      "gridTemplateRows": {},
-      "height": {
-        "transform": "function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
-      },
-      "justifyContent": {},
-      "justifyItems": {},
-      "justifySelf": {},
-      "left": {},
-      "letterSpacing": {},
-      "lineHeight": {},
-      "m": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "margin": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginBlock": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginBlockEnd": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginBlockStart": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginBottom": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginInline": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginInlineEnd": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginInlineStart": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginLeft": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginRight": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginTop": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginX": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "marginY": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "maxHeight": {
-        "transform": "function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
-      },
-      "maxWidth": {
-        "style": "props => {\n  if (props.maxWidth !== undefined && props.maxWidth !== null) {\n    const styleFromPropValue = propValue => {\n      const breakpoint = props.theme?.breakpoints?.values?.[propValue] || breakpointsValues[propValue];\n      if (!breakpoint) {\n        return {\n          maxWidth: sizingTransform(propValue)\n        };\n      }\n      if (props.theme?.breakpoints?.unit !== 'px') {\n        return {\n          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`\n        };\n      }\n      return {\n        maxWidth: breakpoint\n      };\n    };\n    return handleBreakpoints(props, props.maxWidth, styleFromPropValue);\n  }\n  return null;\n}"
-      },
-      "mb": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "minHeight": {
-        "transform": "function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
-      },
-      "minWidth": {
-        "transform": "function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
-      },
-      "ml": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "mr": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "mt": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "mx": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "my": {
-        "style": "function margin(props) {\n  return style(props, marginKeys);\n}"
-      },
-      "order": {},
-      "outline": {
-        "themeKey": "borders",
-        "transform": "function borderTransform(value) {\n  if (typeof value !== 'number') {\n    return value;\n  }\n  return `${value}px solid`;\n}"
-      },
-      "outlineColor": {
-        "themeKey": "palette"
-      },
-      "overflow": {},
-      "p": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "padding": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingBlock": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingBlockEnd": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingBlockStart": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingBottom": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingInline": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingInlineEnd": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingInlineStart": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingLeft": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingRight": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingTop": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingX": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "paddingY": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "pb": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "pl": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "position": {},
-      "pr": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "pt": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "px": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "py": {
-        "style": "function padding(props) {\n  return style(props, paddingKeys);\n}"
-      },
-      "right": {},
-      "rowGap": {
-        "style": "props => {\n  if (props.rowGap !== undefined && props.rowGap !== null) {\n    const transformer = createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');\n    const styleFromPropValue = propValue => ({\n      rowGap: getValue(transformer, propValue)\n    });\n    return handleBreakpoints(props, props.rowGap, styleFromPropValue);\n  }\n  return null;\n}"
-      },
-      "textAlign": {},
-      "textOverflow": {},
-      "textTransform": {},
-      "top": {},
-      "typography": {
-        "cssProperty": false,
-        "themeKey": "typography"
-      },
-      "visibility": {},
-      "whiteSpace": {},
-      "width": {
-        "transform": "function sizingTransform(value) {\n  return value <= 1 && value !== 0 ? `${value * 100}%` : value;\n}"
-      },
-      "zIndex": {
-        "themeKey": "zIndex"
-      }
-    },
-    "zIndex": {
-      "appBar": 1100,
-      "drawer": 1200,
-      "fab": 1050,
-      "mobileStepper": 1000,
-      "modal": 1300,
-      "snackbar": 1400,
-      "speedDial": 1050,
-      "tooltip": 1500
-    }
-  }
-}