@carto/meridian-ds 1.4.4-alpha-others.1 → 1.4.4-alpha-others.2

package/dist/theme/index.cjs

@@ -1 +1,3135 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@mui/material"),p=require("react/jsx-runtime"),r=require("../TablePaginationActions-Bp1DCaIE.cjs"),a=require("@mui/icons-material"),M=require("../ArrowDown-BD0WmQR3.cjs"),w=require("@mui/x-date-pickers"),B=require("../MenuItem-Dbss-WG1.cjs"),n=require("../paletteUtils-DLQVT9qo.cjs"),V=1,g=.5,u=V+g,Q="M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z",E="50%",_=.5,Y={MuiDivider:{defaultProps:{role:"separator"},styleOverrides:{root:({theme:o})=>({backgroundColor:"transparent",borderColor:o.palette.divider}),light:({theme:o})=>({borderColor:o.palette.white[12]})}},MuiTooltip:{defaultProps:{arrow:!0,placement:"top",enterDelay:1e3,leaveDelay:200},styleOverrides:{tooltip:({theme:o})=>({...o.typography.caption,fontWeight:500,maxWidth:"240px",backgroundColor:o.palette.black[90],'.MuiTooltip-popper[data-popper-placement*="top"] &':{marginBottom:o.spacing(g),"&.MuiTooltip-tooltipArrow":{marginBottom:o.spacing(u)}},'.MuiTooltip-popper[data-popper-placement*="right"] &':{marginLeft:o.spacing(g),"&.MuiTooltip-tooltipArrow":{marginLeft:o.spacing(u)}},'.MuiTooltip-popper[data-popper-placement*="bottom"] &':{marginTop:o.spacing(g),"&.MuiTooltip-tooltipArrow":{marginTop:o.spacing(u)}},'.MuiTooltip-popper[data-popper-placement*="left"] &':{marginRight:o.spacing(g),"&.MuiTooltip-tooltipArrow":{marginRight:o.spacing(u)}}}),arrow:({theme:o})=>({height:o.spacing(V),color:o.palette.black[90]})}},MuiPopper:{styleOverrides:{root:({theme:o})=>({"& .MuiPaper-root":{marginTop:o.spacing(.5)}})}},MuiPopover:{styleOverrides:{root:({theme:o})=>({"& .MuiPaper-root":{marginTop:o.spacing(.5)}})}},MuiDialog:{defaultProps:{maxWidth:"md"}},MuiDialogTitle:{defaultProps:{variant:"subtitle1"},styleOverrides:{root:({theme:o})=>({padding:o.spacing(3,3,2)})}},MuiDialogContent:{styleOverrides:{root:({theme:o})=>({"& .MuiFormGroup-root":{padding:o.spacing(1,0)}})}},MuiDialogContentText:{defaultProps:{variant:"body2"},styleOverrides:{root:({theme:o})=>({color:o.palette.text.primary})}},MuiTablePagination:{defaultProps:{SelectProps:{variant:"outlined",size:"small"},labelDisplayedRows:({from:o,to:i,count:c})=>p.jsxs(p.Fragment,{children:[p.jsx(r.Typography,{component:"span",variant:"inherit",weight:"strong",color:"textPrimary",children:`${o}-${i}`}),` of ${c}`]}),ActionsComponent:r.TablePaginationActions},styleOverrides:{root:()=>({borderBottom:0}),toolbar:({theme:o})=>({minHeight:"0 !important",padding:"0 !important",height:o.spacing(6)}),selectLabel:({theme:o})=>({margin:0,...o.typography.caption,fontWeight:o.typography.fontWeightMedium}),selectIcon:({theme:o})=>({"&.MuiSvgIcon-root":{right:o.spacing(1)}}),input:({theme:o})=>({marginRight:o.spacing(2),marginLeft:o.spacing(1),width:"auto",paddingRight:o.spacing(3)}),displayedRows:({theme:o})=>({color:o.palette.text.secondary})}},MuiTable:{defaultProps:{stickyHeader:!0}},MuiTableRow:{styleOverrides:{root:({theme:o})=>({transition:"background-color 0.25s ease",borderColor:o.palette.divider,"&.MuiTableRow-hover:hover":{cursor:"pointer"}})}},MuiTableCell:{styleOverrides:{root:({theme:o})=>({padding:o.spacing(.5,2),height:o.spacing(6),"&.MuiTableCell-sizeSmall":{height:o.spacing(4)},"&.MuiTableCell-footer":{padding:0}}),head:({theme:o})=>({...o.typography.caption,fontWeight:o.typography.fontWeightMedium,color:o.palette.text.primary}),stickyHeader:({theme:o})=>({backgroundColor:o.palette.common.white}),paddingCheckbox:({theme:o})=>({padding:o.spacing(.5,1)}),paddingNone:()=>({padding:0})}},MuiChip:{defaultProps:{color:"primary"},styleOverrides:{root:({theme:o})=>({maxWidth:"192px",padding:o.spacing(0,.5),"& .MuiAvatar-root":{width:r.ICON_SIZE_LARGE,minWidth:r.ICON_SIZE_LARGE,height:r.ICON_SIZE_LARGE,margin:0,color:o.palette.secondary.contrastText,backgroundColor:o.palette.background.paper,border:`1px solid ${o.palette.action.hover}`},"& .MuiChip-icon":{margin:0,marginLeft:o.spacing(.5)},"& img":{width:r.ICON_SIZE_LARGE,minWidth:r.ICON_SIZE_LARGE,height:r.ICON_SIZE_LARGE},"&.MuiChip-root.Mui-disabled":{color:o.palette.text.disabled,backgroundColor:o.palette.action.disabledBackground,opacity:1,"& .MuiChip-deleteIcon, & .MuiChip-icon":{color:o.palette.action.disabled},"& .MuiAvatar-root":{opacity:.6}},"& .MuiChip-deleteIcon":{color:o.palette.text.hint}}),filled:({theme:o})=>({border:0,backgroundColor:o.palette.default.main,"& .MuiChip-iconColorPrimary":{color:o.palette.primary.contrastText},"& .MuiChip-deleteIcon:hover":{color:o.palette.text.primary}}),filledPrimary:({theme:o})=>({backgroundColor:o.palette.primary.main,"& .MuiChip-deleteIcon":{color:o.palette.white[60],"&:hover":{color:o.palette.common.white}}}),filledSecondary:({theme:o})=>({backgroundColor:o.palette.secondary.main}),outlined:({theme:o})=>({borderColor:o.palette.default.outlinedBorder,"&.MuiChip-root.Mui-disabled":{borderColor:o.palette.default.outlinedBorder,backgroundColor:"transparent"},"& .MuiChip-deleteIcon:hover":{color:o.palette.text.primary}}),outlinedPrimary:({theme:o})=>({borderColor:o.palette.primary.main}),outlinedSecondary:({theme:o})=>({borderColor:o.palette.secondary.main}),colorSuccess:({theme:o})=>({"&.MuiChip-outlined":{color:o.palette.success.dark,borderColor:o.palette.success.main},"&.MuiChip-filled":{color:o.palette.success.dark,backgroundColor:o.palette.success.relatedLight},"& .MuiChip-icon":{color:o.palette.success.main}}),colorInfo:({theme:o})=>({"&.MuiChip-outlined":{color:o.palette.primary.dark,borderColor:o.palette.primary.main},"&.MuiChip-filled":{color:o.palette.primary.dark,backgroundColor:o.palette.primary.relatedLight},"& .MuiChip-icon":{color:o.palette.info.main}}),colorError:({theme:o})=>({"&.MuiChip-outlined":{color:o.palette.error.dark,borderColor:o.palette.error.main},"&.MuiChip-filled":{color:o.palette.error.dark,backgroundColor:o.palette.error.relatedLight},"& .MuiChip-icon":{color:o.palette.error.main}}),colorWarning:({theme:o})=>({"&.MuiChip-outlined":{color:o.palette.warning.relatedDark,borderColor:o.palette.warning.main},"&.MuiChip-filled":{color:o.palette.warning.relatedDark,backgroundColor:o.palette.warning.relatedLight},"& .MuiChip-icon":{color:o.palette.warning.main}}),sizeSmall:({theme:o})=>({"& img":{width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"& .MuiAvatar-root":{width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"& .MuiChip-icon":{marginLeft:o.spacing(.25)}}),label:({theme:o})=>({...o.typography.button,padding:o.spacing(0,.75)}),labelSmall:({theme:o})=>({...o.typography.caption,fontWeight:500,padding:o.spacing(0,.5)}),deleteIcon:()=>({width:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM,margin:0,marginLeft:"2px",marginRight:"3px",transition:"color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"}),deleteIconSmall:({theme:o})=>({width:o.spacing(2),height:o.spacing(2),marginRight:0}),clickable:({theme:o})=>({"&:active":{boxShadow:"none"},"&.MuiChip-outlined":{transitionProperty:"background, color, border-color",transitionDuration:"300ms",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)","&:hover":{backgroundColor:"transparent","&.MuiChip-colorPrimary":{color:o.palette.primary.dark,borderColor:o.palette.primary.dark},"&.MuiChip-colorSecondary":{color:o.palette.secondary.dark,borderColor:o.palette.secondary.dark},"&.MuiChip-colorDefault":{borderColor:o.palette.default.dark},"&.MuiChip-colorSuccess":{color:o.palette.success.dark,borderColor:o.palette.success.dark},"&.MuiChip-colorInfo":{color:o.palette.info.dark,borderColor:o.palette.info.dark},"&.MuiChip-colorError":{color:o.palette.error.dark,borderColor:o.palette.error.dark},"&.MuiChip-colorWarning":{color:o.palette.warning.dark,borderColor:o.palette.warning.dark}}},"&.MuiChip-filled":{"&:hover":{"&.MuiChip-colorSecondary":{backgroundColor:o.palette.secondary.light},"&.MuiChip-colorDefault":{backgroundColor:o.palette.default.dark},"&.MuiChip-colorSuccess":{backgroundColor:s.alpha(o.palette.success.main,.25)},"&.MuiChip-colorInfo":{backgroundColor:s.alpha(o.palette.info.main,.12)},"&.MuiChip-colorError":{backgroundColor:s.alpha(o.palette.error.main,.12)},"&.MuiChip-colorWarning":{backgroundColor:s.alpha(o.palette.warning.main,.25)}}}})}},MuiAvatar:{styleOverrides:{root:({theme:o})=>({overflow:"initial",color:o.palette.secondary.contrastText,backgroundColor:o.palette.secondary.main,"& .MuiAvatar-fallback":{path:{d:`path('${Q}') !important`}}}),img:({theme:o})=>({boxShadow:`0 0 0 1px ${o.palette.default.outlinedBorder}`}),circular:()=>({borderRadius:E,"& img":{borderRadius:E}}),rounded:({theme:o})=>({borderRadius:o.spacing(_),"& img":{borderRadius:o.spacing(_)}})}},MuiSkeleton:{defaultProps:{animation:"wave"}},MuiTypography:{defaultProps:{color:"textPrimary",variantMapping:{caption:"p",overline:"p",overlineDelicate:"p"}}},MuiSvgIcon:{styleOverrides:{root:()=>({fontSize:r.ICON_SIZE_MEDIUM}),fontSizeSmall:()=>({fontSize:r.ICON_SIZE_SMALL}),fontSizeLarge:()=>({fontSize:r.ICON_SIZE_LARGE})}}},R=r.getSpacing(2),l=r.getSpacing(3),e=r.getSpacing(4),d=r.getSpacing(6),P=r.getSpacing(.5),X={MuiButtonBase:{defaultProps:{disableRipple:!0},styleOverrides:{root:()=>({"& .MuiSvgIcon-root, & svg":{display:"flex",fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM}})}},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:({ownerState:o,theme:i})=>({"&:hover, &:focus-visible":{boxShadow:i.shadows[0],...o.variant!=="contained"&&{...o.color==="primary"&&{backgroundColor:i.palette.primary.background},...o.color==="secondary"&&{backgroundColor:i.palette.secondary.background},...o.color==="error"&&{background:i.palette.error.relatedLight}},...o.variant==="contained"&&o.color==="secondary"&&{backgroundColor:i.palette.secondary.light}},"& svg:not(.doNotFillIcon) path":{fill:"currentColor"},"& + .MuiButtonBase-root":{marginLeft:i.spacing(1)}}),contained:({theme:o})=>({boxShadow:"none","&.Mui-disabled":{color:o.palette.text.disabled,backgroundColor:o.palette.action.disabledBackground}}),text:({theme:o})=>({minWidth:o.spacing(7)}),outlined:({theme:o})=>({"&.Mui-disabled":{color:o.palette.text.disabled,borderColor:o.palette.default.outlinedBorder}}),outlinedPrimary:({theme:o})=>({borderColor:o.palette.primary.main}),outlinedSecondary:({theme:o})=>({borderColor:o.palette.secondary.main}),outlinedError:({theme:o})=>({borderColor:o.palette.error.main}),containedPrimary:({theme:o})=>({"&:hover, &:focus-visible":{backgroundColor:o.palette.primary.dark}}),containedError:({theme:o})=>({"&:hover, &:focus-visible":{backgroundColor:o.palette.error.dark}}),startIcon:({theme:o})=>({marginRight:o.spacing(.75),"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"&.MuiButton-iconSizeSmall":{marginRight:o.spacing(.5),marginLeft:o.spacing(-.5)}}),endIcon:({theme:o})=>({marginLeft:o.spacing(.75),"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"&.MuiButton-iconSizeSmall":{marginLeft:o.spacing(.5),marginRight:o.spacing(-.5)}}),sizeSmall:({theme:o,ownerState:i})=>({height:l,padding:o.spacing(0,1.5),...o.typography.caption,lineHeight:l,fontWeight:500,letterSpacing:"0.4px",...i.variant==="text"&&{padding:o.spacing(0,1)}}),sizeMedium:({theme:o,ownerState:i})=>({height:e,padding:o.spacing(0,2),lineHeight:e,...i.variant==="text"&&{padding:o.spacing(0,1)}}),sizeLarge:({theme:o,ownerState:i})=>({height:d,padding:o.spacing(0,2.5),...o.typography.body1,lineHeight:d,fontWeight:500,letterSpacing:"0.25px",...i.variant==="text"&&{padding:o.spacing(0,2)}})},variants:[{props:{variant:"contained",color:"default"},style:({theme:o})=>({color:o.palette.text.primary,backgroundColor:o.palette.default.main,borderColor:o.palette.text.primary,"&.Mui-disabled":{color:o.palette.text.disabled,backgroundColor:o.palette.action.disabledBackground},"&:hover, &:focus-visible":{backgroundColor:o.palette.default.dark}})},{props:{variant:"outlined",color:"default"},style:({theme:o})=>({color:o.palette.text.primary,borderColor:o.palette.text.primary,"&.Mui-disabled":{color:o.palette.text.disabled,borderColor:o.palette.default.outlinedBorder},"&:hover, &:focus-visible":{backgroundColor:o.palette.action.hover,borderColor:o.palette.text.primary}})},{props:{variant:"text",color:"default"},style:({theme:o})=>({color:o.palette.text.primary,"&.Mui-disabled":{color:o.palette.text.disabled},"&:hover, &:focus-visible":{backgroundColor:o.palette.action.hover}})}]},MuiButtonGroup:{defaultProps:{disableRipple:!0,disableElevation:!0},styleOverrides:{root:({ownerState:o,theme:i})=>({"& .MuiButton-root + .MuiButton-root":{marginLeft:0},...o.variant==="text"&&{boxShadow:i.shadows[1],borderColor:i.palette.default.dark,"& .MuiButtonGroup-grouped:not(:last-of-type)":{borderColor:i.palette.default.dark}},...o.variant==="outlined"&&{...o.color==="default"&&{"& .MuiButtonBase-root.Mui-disabled":{borderColor:i.palette.text.primary}},...o.color==="primary"&&{"& .MuiButtonBase-root.Mui-disabled":{borderColor:i.palette.primary.main}},...o.color==="secondary"&&{"& .MuiButtonBase-root.Mui-disabled":{borderColor:i.palette.secondary.main}},...o.orientation!=="vertical"&&{"& .MuiButtonGroup-grouped:not(:last-of-type):hover, & .Mui-disabled:not(:last-of-type)":{borderRightColor:"transparent"}}},...o.variant==="contained"&&{...o.color==="default"&&{"& .MuiButtonGroup-grouped:not(:last-of-type)":{borderRightColor:i.palette.default.dark,"&.Mui-disabled":{...o.color==="default"&&{borderColor:i.palette.default.dark}}}}}})}},MuiIconButton:{styleOverrides:{root:({ownerState:o,theme:i})=>({position:"relative",overflow:"hidden",borderRadius:i.spacing(.5),...o.color==="default"&&{color:i.palette.text.secondary},"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"& svg":{fill:"currentColor","& path":{fillOpacity:1}},"& svg:not(.doNotFillIcon) path":{fill:"currentColor"},"&.Mui-disabled svg:not(.doNotFillIcon) path":{fill:i.palette.text.disabled},"&:hover, &:focus-visible":{...o.color==="default"&&{backgroundColor:i.palette.action.hover},...o.color==="primary"&&{backgroundColor:i.palette.primary.background},...o.color==="secondary"&&{backgroundColor:i.palette.secondary.background},...o.color==="error"&&{backgroundColor:i.palette.error.relatedLight},...o.color==="warning"&&{backgroundColor:i.palette.warning.relatedLight}}}),sizeSmall:()=>({width:l,height:l}),sizeMedium:()=>({width:e,height:e}),sizeLarge:()=>({width:d,height:d})},variants:[{props:{size:"xsmall"},style:()=>({width:R,height:R,"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_SMALL,width:r.ICON_SIZE_SMALL,minWidth:r.ICON_SIZE_SMALL,height:r.ICON_SIZE_SMALL}})},{props:{variant:"contained"},style:({theme:o})=>({color:o.palette.text.primary,backgroundColor:o.palette.default.main,"&:hover":{backgroundColor:o.palette.default.dark},"&.MuiIconButton-colorSecondary":{color:o.palette.secondary.contrastText,backgroundColor:o.palette.secondary.main,"&:hover":{backgroundColor:o.palette.secondary.light}},"&.MuiIconButton-colorPrimary":{color:o.palette.primary.contrastText,backgroundColor:o.palette.primary.main,"&:hover":{backgroundColor:o.palette.primary.dark}},"&.MuiIconButton-colorError":{color:o.palette.error.contrastText,backgroundColor:o.palette.error.main,"&:hover":{backgroundColor:o.palette.error.dark}},"&.MuiIconButton-colorWarning":{color:o.palette.warning.contrastText,backgroundColor:o.palette.warning.main,"&:hover":{backgroundColor:o.palette.warning.light}},"&[disabled]":{color:o.palette.text.disabled,backgroundColor:o.palette.action.disabledBackground}})},{props:{variant:"outlined"},style:({theme:o})=>({color:o.palette.text.primary,border:`1px solid ${o.palette.text.primary}`,"&:hover":{backgroundColor:o.palette.action.hover},"&.MuiIconButton-colorSecondary":{color:o.palette.secondary.main,borderColor:o.palette.secondary.main,"&:hover":{backgroundColor:o.palette.secondary.background}},"&.MuiIconButton-colorPrimary":{color:o.palette.primary.main,borderColor:o.palette.primary.main,"&:hover":{backgroundColor:o.palette.primary.background}},"&.MuiIconButton-colorError":{color:o.palette.error.main,borderColor:o.palette.error.main,"&:hover":{backgroundColor:o.palette.error.relatedLight}},"&.MuiIconButton-colorWarning":{color:o.palette.warning.main,borderColor:o.palette.warning.main,"&:hover":{backgroundColor:o.palette.warning.relatedLight}},"&[disabled]":{color:o.palette.text.disabled,borderColor:o.palette.default.outlinedBorder}})}]},MuiToggleButton:{styleOverrides:{root:({theme:o})=>({minWidth:e,height:e,padding:o.spacing(0,1),color:o.palette.text.secondary,border:"none",borderRadius:P,transition:"background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&:hover":{backgroundColor:o.palette.action.hover},"& + &":{marginLeft:o.spacing(.5)},".MuiSvgIcon-root, & svg":{margin:o.spacing(0,-.75)},"&.Mui-selected":{color:o.palette.primary.main,backgroundColor:o.palette.primary.background,"&:hover":{backgroundColor:o.palette.action.hover}},"&.Mui-disabled":{border:"none"}}),sizeLarge:({theme:o})=>({minWidth:d,height:d,...o.typography.body1}),sizeSmall:({theme:o})=>({minWidth:l,height:l,...o.typography.caption,fontWeight:500})}},MuiToggleButtonGroup:{defaultProps:{orientation:"horizontal",exclusive:!0},styleOverrides:{root:({theme:o})=>({alignItems:"center",justifyContent:"center",borderRadius:o.spacing(1),boxShadow:o.shadows[1],backgroundColor:o.palette.background.paper,"& .MuiToggleButtonGroup-grouped:not(:first-of-type), &.Mui-Selected, & .MuiToggleButtonGroup-grouped:not(:last-of-type)":{borderRadius:P},".MuiDivider-root":{"&.MuiDivider-vertical":{height:d,margin:o.spacing(0,1),marginLeft:o.spacing(.5)},"&.MuiDivider-horizontal":{width:d,margin:o.spacing(1,0),marginTop:o.spacing(.5)}},".MuiToggleButton-sizeSmall":{"& + .MuiDivider-root.MuiDivider-vertical":{height:e},"& + .MuiDivider-root.MuiDivider-horizontal":{width:e}}}),groupedHorizontal:({theme:o})=>({height:e,margin:o.spacing(1),"&:not(:last-of-type)":{marginRight:o.spacing(.5),marginLeft:0,borderLeft:"none"},"&:first-of-type:not(.MuiDivider-root)":{marginLeft:o.spacing(1)},"&:last-of-type:not(.MuiDivider-root)":{marginLeft:0},"&.MuiToggleButton-sizeSmall:not(.MuiDivider-root)":{height:l,margin:o.spacing(.5),"&:not(:first-of-type)":{marginLeft:0}}}),groupedVertical:({theme:o})=>({width:e,margin:o.spacing(1),"&.MuiToggleButton-root":{marginLeft:o.spacing(1),marginBottom:o.spacing(.5),"&:last-of-type":{marginBottom:o.spacing(1)},"&:not(:first-of-type)":{marginTop:0}},"&.MuiToggleButton-sizeSmall":{width:l,margin:o.spacing(.5),"&:last-of-type":{marginBottom:o.spacing(.5)}}})}},MuiFab:{defaultProps:{color:"primary"},styleOverrides:{root:({ownerState:o,theme:i})=>({"&:focus":{boxShadow:i.shadows[6]},"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_LARGE,width:r.ICON_SIZE_LARGE,minWidth:r.ICON_SIZE_LARGE,height:r.ICON_SIZE_LARGE},"&.MuiFab-extended":{...i.typography.body1,fontWeight:500,width:"auto",height:i.spacing(7),paddingRight:i.spacing(3),borderRadius:i.spacing(8),"& .MuiSvgIcon-root":{marginRight:i.spacing(1.5)}},...o.color==="default"&&{color:i.palette.text.primary,backgroundColor:i.palette.background.paper,"&:hover, &:focus-visible":{backgroundColor:i.palette.default.light}}}),sizeSmall:({theme:o})=>({width:o.spacing(4),height:o.spacing(4),minHeight:o.spacing(4),"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"&.MuiFab-extended":{...o.typography.caption,width:"auto",height:o.spacing(4),paddingRight:o.spacing(2),"& .MuiSvgIcon-root":{marginRight:o.spacing(1)}}}),sizeMedium:({theme:o})=>({"&.MuiFab-extended":{...o.typography.button,height:o.spacing(6)}}),secondary:({theme:o})=>({"&:hover":{backgroundColor:o.palette.secondary.light}})}}},b=2.25,x=3,z=2,A=3,L=4,T={root:({ownerState:o,theme:i})=>({padding:i.spacing(.5),...o.size==="small"&&{padding:"3px"},...o.readOnly===!0&&{pointerEvents:"none",color:i.palette.text.disabled,"&.Mui-checked":{color:i.palette.text.disabled}},"&:hover, &:focus-visible":{backgroundColor:i.palette.primary.background},"& + .MuiFormControlLabel-label":{...i.typography.body2,marginLeft:i.spacing(.25),...o.size==="small"&&{marginLeft:i.spacing(.5)}},"& .MuiSvgIcon-root":{fontSize:i.spacing(x),width:i.spacing(x),minWidth:i.spacing(x),height:i.spacing(x),...o.size==="small"&&{fontSize:i.spacing(b),width:i.spacing(b),minWidth:i.spacing(b),height:i.spacing(b)}}})},D={root:({theme:o})=>({position:"static",transform:"none",marginBottom:o.spacing(1),...o.typography.caption,fontWeight:500,color:o.palette.text.primary}),sizeSmall:({theme:o})=>({marginBottom:o.spacing(.5)}),standard:()=>({marginBottom:0}),asterisk:({theme:o})=>({"&, &.Mui-error":{color:"transparent"},"&::after":{content:'"(required)"',marginLeft:o.spacing(-.5),color:o.palette.text.secondary,fontWeight:400,".Mui-disabled &":{color:o.palette.text.disabled}}})},J={MuiCheckbox:{defaultProps:{size:"small"},styleOverrides:{...T}},MuiRadio:{defaultProps:{size:"small"},styleOverrides:{...T}},MuiTextField:{defaultProps:{fullWidth:!0,size:"small",InputLabelProps:{shrink:!0},SelectProps:{IconComponent:M.ArrowDown,size:"small"}},styleOverrides:{root:({ownerState:o,theme:i})=>({"& legend":{display:"none"},...o.select===!0&&{"& .MuiInputBase-root":{padding:0,"&.MuiOutlinedInput-root, &.MuiFilledInput-root":{padding:0},"& .MuiInputAdornment-positionEnd":{marginRight:i.spacing(3)},"& .MuiSelect-select":{padding:i.spacing(1.5),"&.MuiInputBase-input":{paddingLeft:i.spacing(2),paddingRight:i.spacing(5),"&.MuiSelect-standard":{paddingLeft:0}},"&:focus":{background:"transparent"},"& .MuiTypography-root":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},"& .MuiSelect-icon":{right:i.spacing(2),color:i.palette.text.secondary},"& .MuiSelect-iconStandard":{right:0}},"& .MuiInputBase-sizeSmall":{"&.MuiInputBase-root.MuiFilledInput-root":{padding:0},"& .MuiSelect-select":{...i.typography.body2,padding:i.spacing(.75),"&.MuiInputBase-input":{paddingLeft:i.spacing(1.5),paddingRight:i.spacing(4)}},"&.MuiOutlinedInput-root.MuiInputBase-sizeSmall":{padding:0},"& .MuiSelect-icon":{right:i.spacing(1.5)}}}})}},MuiInputBase:{styleOverrides:{root:({theme:o})=>({height:o.spacing(6),...o.typography.body1,"& input":{padding:0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","&::placeholder":{opacity:1,color:o.palette.text.hint},"&:read-only::placeholder":{color:o.palette.text.disabled},"&.Mui-disabled::placeholder":{color:o.palette.text.disabled},"&:focus-visible":{outline:"none !important",boxShadow:"none !important"}},"&.Mui-disabled":{cursor:"not-allowed","& .Mui-disabled":{cursor:"not-allowed"}},"&.MuiInputBase-formControl::after":{top:0,transform:"none",opacity:0},"&.MuiInputBase-formControl.Mui-focused::after":{transform:"none",opacity:1},"& legend":{display:"none"},"& .MuiButtonBase-root.MuiMenuItem-root":{padding:0,"&:hover":{backgroundColor:"transparent"},[o.breakpoints.up("sm")]:{minHeight:"initial"}},"&.MuiFilledInput-root":{padding:o.spacing(1,2),borderRadius:o.spacing(.5),backgroundColor:o.palette.default.background,"&:hover":{backgroundColor:o.palette.default.background},"&::before":{top:0,borderRadius:o.spacing(.5),border:"1px solid transparent",transition:"border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"},"&:hover:not(.Mui-disabled)::before":{borderColor:o.palette.text.primary},"&::after":{borderRadius:o.spacing(.5),border:"1px solid transparent"},"&.MuiInputBase-sizeSmall":{padding:o.spacing(.5,1.5)},"&.Mui-focused":{backgroundColor:o.palette.background.paper,"&::after":{border:`2px solid ${o.palette.primary.main}`}},"&.Mui-disabled":{backgroundColor:o.palette.default.background,"&::before":{borderBottomStyle:"solid"}},"&.Mui-error::after":{opacity:1,border:`2px solid ${o.palette.error.light}`},"&.Mui-readOnly":{"&.Mui-focused":{backgroundColor:o.palette.default.background}}},"&.MuiOutlinedInput-root":{padding:o.spacing(1,2),"&.MuiInputBase-sizeSmall":{padding:o.spacing(.5,1.5)},"&.Mui-focused":{backgroundColor:o.palette.background.paper},"&.Mui-disabled":{backgroundColor:o.palette.default.background},"&.Mui-readOnly":{backgroundColor:o.palette.default.background,"&.Mui-focused":{backgroundColor:o.palette.default.background}},"& .MuiOutlinedInput-notchedOutline":{top:0,borderColor:o.palette.default.outlinedBorder,transition:"border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{transition:"none"},"&.Mui-error .MuiOutlinedInput-notchedOutline":{border:`2px solid ${o.palette.error.light}`}},"&.MuiInput-underline":{marginTop:0,padding:0,"&::before":{borderColor:o.palette.default.outlinedBorder},"&:hover:not(.Mui-disabled)::before":{borderBottom:`1px solid ${o.palette.text.primary}`},"&:not(.Mui-disabled)::after":{borderBottom:"1px solid transparent"},"&.Mui-focused::after":{borderBottom:`2px solid ${o.palette.primary.main}`},"&.Mui-error::after":{opacity:1,borderBottom:`2px solid ${o.palette.error.light}`},"&.Mui-disabled::before":{borderBottomStyle:"solid"}},"&.MuiInputBase-multiline":{height:"auto",minHeight:o.spacing(12),alignItems:"flex-start",padding:o.spacing(0,.25),"& textarea":{padding:o.spacing(1.5,1.75),...o.typography.body1,"&::placeholder":{opacity:1,color:o.palette.text.hint},"&.Mui-disabled::placeholder":{color:o.palette.text.disabled},"&:focus-visible":{outline:"none !important",boxShadow:"none !important"}},"&.MuiInputBase-sizeSmall":{minHeight:o.spacing(9),padding:o.spacing(0,.25),"& textarea":{padding:o.spacing(1,1.25),...o.typography.body2}}},"&.MuiInputBase-root .MuiSelect-multiple.MuiInputBase-input":{paddingLeft:0,paddingRight:o.spacing(3)}}),sizeSmall:({theme:o})=>({height:o.spacing(4),padding:o.spacing(0,1.5),"& input":{...o.typography.body2}})}},MuiInputAdornment:{styleOverrides:{root:({theme:o})=>({"& .MuiTypography-root":{...o.typography.body1,color:o.palette.text.secondary},"&.MuiInputAdornment-sizeSmall":{"& .MuiTypography-root":{...o.typography.body2}},"&.MuiInputAdornment-positionStart.MuiInputAdornment-root:not(.MuiInputAdornment-hiddenLabel)":{marginTop:0},"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM,color:o.palette.text.secondary},".Mui-disabled &":{"& .MuiTypography-root, & .MuiSvgIcon-root":{color:o.palette.text.disabled}}})}},MuiFormControl:{defaultProps:{fullWidth:!0}},MuiFormControlLabel:{styleOverrides:{root:({ownerState:o,theme:i})=>({marginLeft:i.spacing(-.5),"& .MuiSwitch-root":{marginLeft:i.spacing(.5)},...o.readOnly===!0&&{pointerEvents:"none"}})}},MuiFormHelperText:{styleOverrides:{root:({theme:o})=>({margin:0,marginTop:o.spacing(1)})}},MuiInputLabel:{styleOverrides:{...D}},MuiFormLabel:{styleOverrides:{...D}},MuiSelect:{defaultProps:{IconComponent:M.ArrowDown,fullWidth:!0,size:"small"},styleOverrides:{root:({theme:o})=>({padding:0,"& .MuiSelect-icon":{right:o.spacing(2),color:o.palette.text.secondary},"&.Mui-disabled .MuiSelect-icon, &.Mui-readOnly .MuiSelect-icon":{color:o.palette.text.disabled},"& .MuiSelect-iconStandard":{right:0},"& legend":{display:"none"},"&.MuiOutlinedInput-root, &.MuiFilledInput-root":{padding:0},"&.MuiFilledInput-root, &.MuiInput-underline":{"&.Mui-focused::after":{height:"100%",transition:"none"}},"&.MuiInputBase-sizeSmall":{...o.typography.body2,"& .MuiSelect-select":{"&.MuiInputBase-input":{paddingLeft:o.spacing(1.5),paddingRight:o.spacing(4)},"&.MuiSelect-standard":{paddingLeft:0}},"&.MuiOutlinedInput-root.MuiInputBase-sizeSmall, &.MuiFilledInput-root.MuiInputBase-sizeSmall":{padding:0},"& .MuiSelect-icon":{right:o.spacing(1.5)}}}),select:({theme:o})=>({padding:o.spacing(1.5),"&.MuiInputBase-input":{paddingLeft:o.spacing(2),paddingRight:o.spacing(5),"&.MuiSelect-standard":{paddingLeft:0}},"&:focus":{background:"transparent"},"&:focus-visible":{outline:"none !important",boxShadow:"none !important"},"& .MuiTypography-root":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},"&.MuiInputBase-inputSizeSmall":{padding:o.spacing(.75)}})}},MuiAutocomplete:{defaultProps:{size:"small",fullWidth:!0,popupIcon:p.jsx(M.ArrowDown,{}),clearIcon:p.jsx(s.Tooltip,{title:"Clear",children:p.jsx(a.Cancel,{"data-testid":"cancel-icon-autocomplete"})}),clearText:"",ChipProps:{color:"default"},limitTags:1,componentsProps:{paper:{elevation:8}}},styleOverrides:{root:({ownerState:o,theme:i})=>({"&.MuiAutocomplete-root .MuiFormControl-root":{".MuiInputBase-root":{gap:i.spacing(.5),height:"auto",minHeight:i.spacing(6),padding:i.spacing(1,2),paddingRight:i.spacing(5),".MuiInputBase-input":{padding:0},...o.multiple===!0&&{paddingLeft:i.spacing(1),".MuiInputBase-input":{padding:0,marginLeft:i.spacing(1)}},...o.size==="small"&&{minHeight:i.spacing(4),padding:i.spacing(.5,1.5),paddingRight:i.spacing(4),...o.multiple===!0&&{paddingLeft:i.spacing(.5)}},...o.readOnly===!0&&{backgroundColor:i.palette.default.background},"&.Mui-disabled":{pointerEvents:"none"}},".MuiFilledInput-root .MuiAutocomplete-tag":{backgroundColor:"transparent",border:`1px solid ${i.palette.default.main}`}},"&.MuiAutocomplete-hasClearIcon .MuiFormControl-root .MuiInputBase-root":{paddingRight:i.spacing(8.5),...o.size==="small"&&{paddingRight:i.spacing(7)}}}),inputRoot:({theme:o})=>({maxHeight:o.spacing(20),overflow:"auto",transition:"box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","& .MuiAutocomplete-input":{minWidth:`${o.spacing(10)} !important`,"&[readOnly]":{display:"none"}},"&::before, &::after":{content:"none"},"& fieldset":{border:"0 !important"},"&.MuiOutlinedInput-root":{boxShadow:`inset 0 0 0 1px ${o.palette.default.outlinedBorder}`},"&:hover":{boxShadow:`inset 0 0 0 1px ${o.palette.text.primary}`},"&.Mui-focused":{transition:"none",boxShadow:`inset 0 0 0 2px ${o.palette.primary.main}`},"&.Mui-error":{boxShadow:`inset 0 0 0 2px ${o.palette.error.light}`},"&.Mui-disabled.MuiOutlinedInput-root":{boxShadow:`inset 0 0 0 1px ${o.palette.default.outlinedBorder}`,"&.Mui-error":{boxShadow:`inset 0 0 0 2px ${o.palette.error.light}`}},"&.Mui-disabled.MuiFilledInput-root":{"& .MuiAutocomplete-tag":{borderColor:`${o.palette.default.outlinedBorder} !important`}}}),endAdornment:({theme:o})=>({transform:"none",top:o.spacing(2),display:"flex",alignItems:"center",justifyContent:"flex-end",marginRight:o.spacing(1),".MuiAutocomplete-hasClearIcon &":{top:o.spacing(1)},".MuiInputBase-sizeSmall &":{top:o.spacing(.5),width:o.spacing(3),height:o.spacing(3),marginRight:o.spacing(.5)}}),clearIndicator:({ownerState:o,theme:i})=>({marginRight:0,color:i.palette.text.hint,...o.size==="small"&&{width:i.spacing(3),height:i.spacing(3)}}),popupIndicator:({theme:o})=>({width:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM,cursor:"pointer","&:hover":{backgroundColor:"transparent"},"&.MuiButtonBase-root":{color:o.palette.text.secondary},".Mui-disabled &":{color:o.palette.text.disabled},"input:read-only + .MuiAutocomplete-endAdornment &":{color:o.palette.text.disabled}}),tag:({ownerState:o,theme:i})=>({margin:0,"&:not(.MuiButtonBase-root)":{display:"flex",alignItems:"center",height:i.spacing(4),padding:i.spacing(0,1.5),backgroundColor:i.palette.default.main,borderRadius:i.spacing(2),...i.typography.button,fontWeight:i.typography.fontWeightMedium,...o.size==="small"&&{height:i.spacing(3),padding:i.spacing(0,1),borderRadius:i.spacing(1.5),...i.typography.caption,fontWeight:i.typography.fontWeightMedium}}}),option:({ownerState:o,theme:i})=>({"&.MuiAutocomplete-option":{minHeight:i.spacing(4),padding:i.spacing(.5,2),...i.typography.body2,transition:"background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","& .MuiCheckbox-root svg path":{fill:i.palette.text.secondary},"&:hover":{backgroundColor:i.palette.action.hover},"&.Mui-disabled":{"& .MuiCheckbox-root svg path":{fill:i.palette.text.disabled}},'&[aria-disabled="true"]':{opacity:1},'&[aria-selected="true"]':{color:i.palette.primary.main,backgroundColor:i.palette.primary.background,".MuiTypography-root":{color:i.palette.primary.main},".MuiTypography-caption":{color:i.palette.text.secondary},"& .MuiCheckbox-root svg path":{fill:i.palette.primary.main},"&.Mui-focused:hover":{backgroundColor:i.palette.action.hover},"&.Mui-disabled":{backgroundColor:"transparent","& svg path":{fill:i.palette.text.disabled},"& .MuiCheckbox-root svg path":{fill:i.palette.text.disabled},"& .MuiTypography-root":{color:i.palette.text.disabled}}},"&:first-of-type":{marginTop:i.spacing(1)},...o.size==="small"&&{padding:i.spacing(.5,1.5)}}}),noOptions:({ownerState:o,theme:i})=>({padding:i.spacing(2.5,2),...i.typography.body2,color:i.palette.text.secondary,...o.size==="small"&&{padding:i.spacing(2,1.5)}}),listbox:({theme:o})=>({paddingTop:0,".MuiDivider-root":{display:"none"},".MuiButtonBase-root + .MuiDivider-root":{display:"block"},".MuiMenuItem-root:first-of-type":{marginTop:o.spacing(1)}})}},MuiSwitch:{defaultProps:{disableRipple:!0},styleOverrides:{root:({theme:o})=>({width:o.spacing(A),height:o.spacing(z),padding:0,overflow:"visible","& + .MuiTypography-root":{marginLeft:o.spacing(1),color:o.palette.text.primary},"& + .MuiFormControlLabel-label":{...o.typography.body2}}),switchBase:({ownerState:o,theme:i})=>({width:i.spacing(L),height:i.spacing(L),padding:i.spacing(.5),borderRadius:"50%",color:i.palette.text.secondary,transform:"translate(-8px, -8px)","&:hover":{backgroundColor:i.palette.action.hover},"&.MuiSwitch-switchBase input":{top:i.spacing(1),left:i.spacing(1)},"&.Mui-checked":{transform:"translate(0, -8px)",color:i.palette.common.white,"&.MuiSwitch-switchBase input":{left:0},"& + .MuiSwitch-track":{opacity:1,border:0}},...o.readOnly===!0&&{color:i.palette.text.disabled}}),thumb:({theme:o})=>({width:o.spacing(1),height:o.spacing(1),boxShadow:o.shadows[0],".Mui-checked &":{boxShadow:o.shadows[1]},".Mui-disabled &":{backgroundColor:o.palette.text.disabled},".Mui-disabled.Mui-checked &":{backgroundColor:o.palette.common.white}}),input:({theme:o})=>({width:o.spacing(A),height:o.spacing(z),left:0}),track:({ownerState:o,theme:i})=>({height:"auto",border:`1px solid ${i.palette.text.secondary}`,borderRadius:i.spacing(2),opacity:1,backgroundColor:i.palette.common.white,transitionDuration:"300ms",".MuiButtonBase-root.MuiSwitch-switchBase.Mui-disabled + &":{opacity:1,borderColor:i.palette.text.disabled},".MuiButtonBase-root.Mui-checked.Mui-disabled + &":{backgroundColor:i.palette.text.disabled},".MuiButtonBase-root.MuiSwitch-switchBase[readOnly] + &":{borderColor:i.palette.text.disabled},"[readOnly] .MuiButtonBase-root.Mui-checked + &":{backgroundColor:i.palette.text.disabled},...o.readOnly===!0&&{borderColor:i.palette.text.disabled}}),colorPrimary:({theme:o})=>({"&.Mui-checked:hover":{backgroundColor:o.palette.primary.background}}),colorSecondary:({theme:o})=>({"&.Mui-checked:hover":{backgroundColor:o.palette.secondary.background}})}},MuiCircularProgress:{defaultProps:{size:40,thickness:4}},MuiSlider:{defaultProps:{color:"primary",marks:!1,size:"small"},styleOverrides:{thumb:({theme:o})=>({"&:hover, &.Mui-focusVisible":{boxShadow:`0 0 0 ${o.spacing(1)} ${o.palette.primary.background}`}})}}},oo={MuiMenu:{styleOverrides:{paper:({theme:o})=>({"&.MuiMenu-paper":{minWidth:o.spacing(8),maxHeight:o.spacing(39),"&:focus-visible":{outline:"none !important",boxShadow:"none !important"}}})}},MuiMenuItem:{styleOverrides:{root:({theme:o})=>({...o.typography.body2,columnGap:o.spacing(1),minHeight:o.spacing(4),padding:o.spacing(.75,1,.75,1.5),whiteSpace:"normal",transition:"background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",[o.breakpoints.up("sm")]:{"&.MuiButtonBase-root":{minHeight:o.spacing(4)}},"&:hover":{".MuiAvatar-root, .MuiChip-root, .CartoTag-root":{cursor:"pointer"}},"&:focus-visible":{backgroundColor:"transparent",outline:"none !important",boxShadow:`inset 0 0 0 2px ${o.palette.primary.main} !important`,borderRadius:o.shape.borderRadius,"&:hover":{backgroundColor:o.palette.action.hover}},"&.Mui-selected":{color:o.palette.primary.main,"&:focus-visible":{backgroundColor:o.palette.primary.background},"&:hover":{backgroundColor:o.palette.action.hover},"& .MuiTypography-root, & .MuiSvgIcon-root":{color:o.palette.primary.main},".MuiTypography-caption":{color:o.palette.text.secondary}},"&.Mui-disabled":{opacity:1,color:o.palette.text.disabled,backgroundColor:o.palette.background.paper,"&:empty":{height:0,minHeight:0,padding:0},".MuiTypography-root":{color:o.palette.text.disabled},svg:{color:o.palette.text.disabled},".MuiListItemIcon-root svg path":{fill:o.palette.text.disabled},".MuiAvatar-root":{color:o.palette.text.disabled,backgroundColor:o.palette.action.disabledBackground}},"& > .MuiSvgIcon-root":{marginRight:o.spacing(1)},".MuiMenu-paper-sizeSmall &":{paddingLeft:o.spacing(1.5),paddingRight:o.spacing(1.5)}}),dense:({theme:o})=>({minHeight:o.spacing(3),paddingTop:0,paddingBottom:0,".MuiTypography-root":{...o.typography.caption,fontWeight:500},[o.breakpoints.up("sm")]:{"&.MuiButtonBase-root":{minHeight:o.spacing(3)}}})}},MuiList:{styleOverrides:{root:({theme:o})=>({paddingTop:0,".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &":{minWidth:o.spacing(8),maxHeight:o.spacing(39),overflowY:"auto","&:focus-visible":{outline:"none !important",boxShadow:"none !important"}},".MuiDivider-root":{margin:o.spacing(1,0)},"& .MuiList-root":{paddingTop:0,paddingBottom:0,"& .MuiListItem-root":{paddingLeft:o.spacing(4)},"& .MuiList-root":{"& .MuiListItem-root":{paddingLeft:o.spacing(6)},"& .MuiList-root":{"& .MuiListItem-root":{paddingLeft:o.spacing(8)},"& .MuiList-root":{"& .MuiListItem-root":{paddingLeft:o.spacing(10)}}}}},"& .MuiListItemButton-root":{"&:focus-visible":{backgroundColor:"transparent"}}})}},MuiListItemText:{defaultProps:{primaryTypographyProps:{variant:"body2",noWrap:!0,component:"span"},secondaryTypographyProps:{variant:"caption"}},styleOverrides:{root:({theme:o})=>({paddingRight:o.spacing(2),"& + .MuiBox-root":{marginRight:o.spacing(1)}})}},MuiListItemIcon:{styleOverrides:{root:({theme:o})=>({display:"flex",alignItems:"center",gap:o.spacing(2),"& .MuiSvgIcon-root":{fontSize:r.ICON_SIZE_LARGE},".MuiMenuItem-root.MuiButtonBase-root &":{minWidth:r.ICON_SIZE_MEDIUM}})}},MuiListItemAvatar:{styleOverrides:{root:({theme:o})=>({"& .MuiAvatar-root":{height:o.spacing(4),width:o.spacing(4)},"& .MuiSvgIcon-root":{fontSize:r.ICON_SIZE_MEDIUM}})}},MuiTabs:{styleOverrides:{root:({theme:o})=>({boxSizing:"content-box",boxShadow:`0 1px 0 0 ${o.palette.black[12]}`}),vertical:()=>({borderBottom:0})}},MuiTab:{defaultProps:{iconPosition:"start"},styleOverrides:{root:({theme:o})=>({minHeight:o.spacing(6),minWidth:o.spacing(6),padding:o.spacing(0,2),paddingTop:"2px",borderBottom:"2px solid transparent",...o.typography.subtitle2,color:o.palette.text.primary,transition:"border 300ms cubic-bezier(0.4, 0, 0.2, 1)","&:hover":{borderBottomColor:o.palette.text.primary},"&:focus-visible":{outline:"none !important",boxShadow:`inset 0 0 0 2px ${o.palette.primary.main} !important`,borderRadius:`${o.shape.borderRadius}px ${o.shape.borderRadius}px 0 0`},"&.Mui-selected":{pointerEvents:"none","& svg:not(.doNotFillIcon) path":{fill:o.palette.primary.main}},".MuiTabs-vertical &":{paddingTop:0,borderBottom:0,paddingLeft:"2px",borderRight:"2px solid transparent","&:hover":{borderRightColor:o.palette.text.primary}}}),wrapped:()=>({maxWidth:"240px"})}},MuiBreadcrumbs:{styleOverrides:{li:({theme:o})=>({"& .MuiTypography-root":{...o.typography.body2,display:"flex",flexDirection:"row",alignItems:"center"},"& .MuiSvgIcon-root":{fontSize:r.ICON_SIZE_MEDIUM,marginRight:o.spacing(1)}}),separator:({theme:o})=>({marginLeft:o.spacing(.5),marginRight:o.spacing(.5)})}},MuiLink:{defaultProps:{underline:"hover"},styleOverrides:{root:()=>({cursor:"pointer"})}}},N=35,y=39.5,io={MuiDatePicker:{defaultProps:{slotProps:{popper:{placement:"bottom-end"},textField:{InputLabelProps:{shrink:!0}}},slots:{openPickerIcon:a.EventOutlined,clearIcon:a.Cancel}}},MuiDateCalendar:{defaultProps:{dayOfWeekFormatter:o=>`${o.toLocaleDateString("en-US",{weekday:"short"})}`,slots:{rightArrowIcon:a.ChevronRightOutlined,leftArrowIcon:a.ChevronLeftOutlined,switchViewIcon:a.ExpandMoreOutlined}},styleOverrides:{root:({ownerState:o,theme:i})=>{var c,C,I,v,h,S,k,m,O;return{width:i.spacing(N),height:i.spacing(y),maxHeight:i.spacing(y),...((c=o.views)==null?void 0:c.includes("year"))&&!((C=o.views)!=null&&C.includes("month"))&&!((I=o.views)!=null&&I.includes("day"))&&{height:i.spacing(33.5),maxHeight:i.spacing(33.5)},...((v=o.views)==null?void 0:v.includes("month"))&&!((h=o.views)!=null&&h.includes("year"))&&!((S=o.views)!=null&&S.includes("day"))&&{height:i.spacing(29),maxHeight:i.spacing(29),"& .MuiPickersCalendarHeader-labelContainer":{cursor:"default"}},...((k=o.views)==null?void 0:k.includes("day"))&&!((m=o.views)!=null&&m.includes("year"))&&!((O=o.views)!=null&&O.includes("month"))&&{"& .MuiPickersCalendarHeader-labelContainer":{cursor:"default"}},"& .MuiYearCalendar-root, & .MuiMonthCalendar-root":{gap:i.spacing(.5),width:i.spacing(N),padding:i.spacing(1,2)},"& .MuiPickersYear-root":{flexBasis:"22.5%"},"& .MuiPickersMonth-root":{flexBasis:"31.1%"},"& .MuiPickersYear-yearButton, & .MuiPickersMonth-monthButton, & .MuiPickersDay-root":{width:"100%",height:i.spacing(4),margin:0,padding:0,...i.typography.button,borderRadius:i.shape.borderRadius,"&:hover":{backgroundColor:i.palette.action.hover},"&.Mui-selected":{backgroundColor:i.palette.primary.background,color:i.palette.primary.main,"&:focus":{backgroundColor:i.palette.primary.background},"&:hover":{backgroundColor:i.palette.action.hover}},"&.Mui-disabled":{color:i.palette.text.disabled}},"& .MuiPickersDay-root":{margin:i.spacing(.25)}}}}},MuiPickersPopper:{styleOverrides:{paper:({theme:o})=>({marginBottom:o.spacing(.5)})}},MuiYearCalendar:{styleOverrides:{root:({theme:o})=>({maxHeight:o.spacing(33.5)})}},MuiPickersCalendarHeader:{styleOverrides:{root:({theme:o})=>({maxHeight:o.spacing(4),minHeight:o.spacing(4),margin:0,padding:o.spacing(1,1,1,2),boxSizing:"content-box","& .MuiIconButton-root":{borderRadius:o.shape.borderRadius},"& .MuiPickersArrowSwitcher-spacer":{width:o.spacing(4)}}),label:({theme:o})=>({...o.typography.subtitle2}),switchViewButton:({theme:o})=>({width:o.spacing(4),height:o.spacing(4)})}},MuiDayCalendar:{styleOverrides:{header:({theme:o})=>({margin:o.spacing(0,2)}),weekContainer:()=>({margin:0}),weekDayLabel:({theme:o})=>({flex:1,...o.typography.caption,fontWeight:o.typography.fontWeightRegular,color:o.palette.text.secondary})}},MuiPickersDay:{styleOverrides:{root:({theme:o})=>({width:`${o.spacing(4)} !important`,height:o.spacing(4),"&:focus":{backgroundColor:"transparent"}}),today:({theme:o})=>({border:`1px solid ${o.palette.default.outlinedBorder}`,"&:hover, &:selected":{borderColor:o.palette.primary.light},"&:not(.Mui-selected)":{borderColor:o.palette.default.outlinedBorder},"&.Mui-selected":{borderColor:o.palette.primary.light,"&:focus":{borderColor:o.palette.primary.light}},"&.Mui-disabled":{color:o.palette.text.disabled,borderColor:o.palette.default.outlinedBorder,backgroundColor:"transparent","&.Mui-selected":{opacity:"1 !important",color:o.palette.text.disabled,backgroundColor:"transparent",borderColor:o.palette.default.outlinedBorder}}})}},MuiTimePicker:{defaultProps:{views:["hours"],format:"hh:mm a",ampm:!0,viewRenderers:{hours:w.renderDigitalClockTimeView},timeSteps:{minutes:30},slotProps:{actionBar:{actions:[]}},slots:{clearIcon:a.Cancel,digitalClockItem:o=>p.jsx(B.MenuItem,{...o,disableRipple:!0})}}},MuiDateTimePicker:{defaultProps:{views:["year","month","day","hours"],format:"MM/dd/yyyy hh:mm a",ampm:!0,viewRenderers:{hours:w.renderDigitalClockTimeView},timeSteps:{minutes:30},slotProps:{popper:{placement:"bottom-end"},actionBar:{actions:[]}},slots:{openPickerIcon:a.EventOutlined,clearIcon:a.Cancel,digitalClockItem:o=>p.jsx(B.MenuItem,{...o,disableRipple:!0})}}},MuiDigitalClock:{defaultProps:{timeStep:30,ampm:!0},styleOverrides:{root:({theme:o})=>({minWidth:o.spacing(15)}),list:({theme:o})=>({".MuiPopper-root &":{maxHeight:o.spacing(y),paddingBottom:o.spacing(1)}})}}};function t(o){return .0625*o+"rem"}const f={htmlFontSize:16,fontFamily:"Inter, sans-serif",fontSize:16,lineHeight:1.5,fontWeightLight:300,fontWeightRegular:400,fontWeightMedium:500,fontWeightBold:600,fontSmoothing:"antialiased",h1:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(96),lineHeight:1.167,letterSpacing:"-1.5px"},h2:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(60),lineHeight:1.2,letterSpacing:"-0.5px"},h3:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(48),lineHeight:1.167,letterSpacing:0},h4:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(32),lineHeight:1.25,letterSpacing:0},h5:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(24),lineHeight:1.167,letterSpacing:0},h6:{fontFamily:"Inter, sans-serif",fontWeight:500,fontSize:t(18),lineHeight:1.333,letterSpacing:0},subtitle1:{fontFamily:"Inter, sans-serif",fontWeight:500,fontSize:t(16),lineHeight:1.5,letterSpacing:0},subtitle2:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(13),lineHeight:1.538,letterSpacing:0},body1:{fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:t(16),lineHeight:1.5,letterSpacing:0},body2:{fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:t(13),lineHeight:1.538,letterSpacing:0},button:{fontFamily:"Inter, sans-serif",fontWeight:500,fontSize:t(13),lineHeight:1.538,letterSpacing:0,textTransform:"inherit"},caption:{fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:t(11),lineHeight:1.454,letterSpacing:0},overline:{fontFamily:"Inter, sans-serif",fontWeight:500,fontSize:t(10),lineHeight:1.2,letterSpacing:"1.2px",textTransform:"uppercase"}},ro={captionMedium:{...f.caption,fontWeight:500,letterSpacing:0},overlineDelicate:{...f.overline,fontWeight:400,letterSpacing:"1.2px"},code1:{fontFamily:'"Overpass Mono", monospace',fontWeight:400,fontSize:t(16),lineHeight:1.5,letterSpacing:0,fontVariantLigatures:"no-common-ligatures"},code2:{fontFamily:'"Overpass Mono", monospace',fontWeight:400,fontSize:t(14),lineHeight:1.428,letterSpacing:0,fontVariantLigatures:"no-common-ligatures"},code3:{fontFamily:'"Overpass Mono", monospace',fontWeight:400,fontSize:t(12),lineHeight:1.333,letterSpacing:0,fontVariantLigatures:"no-common-ligatures"}},q={...f,...ro};var W,Z,H,F,U,$,G,j;const to={"*:focus-visible":{outline:`2px solid ${(W=n.commonPalette.primary)==null?void 0:W.main} !important`,boxShadow:`0 0 0 4px ${(Z=n.commonPalette.primary)==null?void 0:Z.background} !important`,borderRadius:"4px"},"*::-webkit-scrollbar":{position:"fixed"},"*::-webkit-scrollbar:vertical":{width:"5px"},"*::-webkit-scrollbar:horizontal":{height:"5px"},"*::-webkit-scrollbar-track":{boxShadow:"none",background:"transparent"},"*::-webkit-scrollbar-thumb":{borderRadius:"3px",background:(H=n.commonPalette.action)==null?void 0:H.focus,outline:"none"},'input[type="search"]::-webkit-search-cancel-button':{WebkitAppearance:"none",appearance:"none",height:r.getSpacing(2),width:r.getSpacing(2),display:"block",backgroundImage:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)",backgroundRepeat:"no-repeat",backgroundSize:r.getSpacing(2)},".mapboxgl-ctrl.mapboxgl-ctrl-attrib":{padding:r.getSpacing(0,1),borderRadius:r.getSpacing(.5,0,0,0),"& .mapboxgl-ctrl-attrib-inner":{...q.overline,textTransform:"none",letterSpacing:"0.75px","& a":{color:(F=n.commonPalette.primary)==null?void 0:F.main}},"&.mapboxgl-compact":{backgroundColor:"transparent",right:r.getSpacing(.5),bottom:r.getSpacing(2.5),"@media (max-width: 600px)":{bottom:r.getSpacing(.5)},"& .mapboxgl-ctrl-attrib-button":{backgroundImage:`url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(U=n.commonPalette.text)==null?void 0:U.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,backgroundColor:"rgba(255,255,255,.8)",top:"auto",bottom:0,right:0,"&:not(:disabled):hover":{backgroundColor:"rgba(255,255,255,.8)"}},"& .mapboxgl-ctrl-attrib-inner":{backgroundColor:"rgba(255,255,255,.8)",padding:r.getSpacing(.5,1),borderRadius:r.getSpacing(1.5),marginRight:r.getSpacing(2.5),color:($=n.commonPalette.text)==null?void 0:$.secondary},"&.mapboxgl-compact-show":{"& .mapboxgl-ctrl-attrib-button":{backgroundImage:`url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%20fill='white'/%3E%3C/svg%3E")`,backgroundColor:(G=n.commonPalette.common)==null?void 0:G.black,"&:not(:disabled):hover":{backgroundColor:(j=n.commonPalette.common)==null?void 0:j.black}}}}}},ao={MuiSnackbar:{defaultProps:{anchorOrigin:{vertical:"bottom",horizontal:"center"}}},MuiSkeleton:{defaultProps:{animation:"wave",variant:"rounded"},styleOverrides:{root:({theme:o})=>({backgroundColor:o.palette.black[8]}),rounded:({theme:o})=>({borderRadius:o.spacing(.5)}),text:({theme:o})=>({borderRadius:o.spacing(.5)}),wave:({theme:o})=>({"&::after":{background:`linear-gradient( 90deg, transparent, ${o.palette.black[4]}, transparent )`}})}},MuiAlert:{defaultProps:{iconMapping:{success:p.jsx(a.CheckCircleOutlined,{})}},styleOverrides:{root:({theme:o})=>({borderRadius:o.spacing(1),alignSelf:"start",width:"100%",padding:o.spacing(1.5)}),icon:({theme:o})=>({height:o.spacing(3),display:"flex",alignItems:"center",padding:0,marginRight:o.spacing(1),svg:{width:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM}}),action:()=>({paddingTop:0,marginRight:0}),message:({theme:o})=>({paddingTop:o.spacing(.5),paddingBottom:0,...o.typography.caption})}},MuiAlertTitle:{defaultProps:{variant:"body2"},styleOverrides:{root:({theme:o})=>({marginBottom:o.spacing(.5),fontWeight:o.typography.fontWeightBold,color:"inherit"})}}},eo={MuiAppBar:{styleOverrides:{root:({theme:o})=>({flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:r.APPBAR_SIZE,backgroundColor:o.palette.brand.navyBlue,color:o.palette.common.white,boxShadow:o.shadows[0],"& .MuiToolbar-root":{justifyContent:"space-between",width:"100%",padding:o.spacing(0,1),minHeight:r.APPBAR_SIZE},"& .MuiAvatar-root":{width:o.spacing(4),height:o.spacing(4)}})}},MuiAccordion:{defaultProps:{disableGutters:!0,elevation:0},styleOverrides:{root:({theme:o})=>({...o.typography.body2,backgroundColor:"transparent",boxShadow:`inset 0 -1px 0 0 ${o.palette.divider}`,"&:last-of-type":{boxShadow:"none"},"&::before":{content:"none"},"&.Mui-disabled":{backgroundColor:"transparent"}})}},MuiAccordionSummary:{defaultProps:{expandIcon:p.jsx(a.ExpandMoreOutlined,{})},styleOverrides:{root:({theme:o})=>({...o.typography.button,"&.Mui-disabled":{opacity:1,color:o.palette.text.disabled},"&.Mui-focusVisible":{backgroundColor:"transparent",borderRadius:o.shape.borderRadius}}),expandIconWrapper:({theme:o})=>({"& svg":{color:o.palette.text.secondary,".Mui-disabled &":{color:o.palette.text.disabled}}})}},MuiAccordionDetails:{styleOverrides:{root:({theme:o})=>({paddingBottom:o.spacing(3)})}}},no=["none","0px 2px 1px -1px rgba(44, 48, 50, 0.12), 0px 1px 1px rgba(44, 48, 50, 0.08), 0px 1px 3px rgba(44, 48, 50, 0.04)","0px 3px 1px -2px rgba(44, 48, 50, 0.12), 0px 2px 2px rgba(44, 48, 50, 0.08), 0px 1px 5px rgba(44, 48, 50, 0.04)","0px 3px 3px -2px rgba(0,0,0,0.16),0px 3px 4px 0px rgba(0,0,0,0.08),0px 1px 8px 0px rgba(0,0,0,0.04)","0px 2px 4px -1px rgba(44, 48, 50, 0.12), 0px 4px 5px rgba(44, 48, 50, 0.08), 0px 1px 10px rgba(44, 48, 50, 0.04)","0px 3px 5px -1px rgba(0,0,0,0.16),0px 5px 8px 0px rgba(0,0,0,0.08),0px 1px 14px 0px rgba(0,0,0,0.04)","0px 3px 5px -1px rgba(44, 48, 50, 0.12), 0px 6px 10px rgba(44, 48, 50, 0.08), 0px 1px 18px rgba(44, 48, 50, 0.04)","0px 4px 5px -2px rgba(0,0,0,0.16),0px 7px 10px 1px rgba(0,0,0,0.08),0px 2px 16px 1px rgba(0,0,0,0.04)","0px 5px 5px -3px rgba(44, 48, 50, 0.12), 0px 8px 10px 1px rgba(44, 48, 50, 0.08), 0px 3px 14px 2px rgba(44, 48, 50, 0.04)","0px 5px 6px -3px rgba(0,0,0,0.16),0px 9px 12px 1px rgba(0,0,0,0.08),0px 3px 16px 2px rgba(0,0,0,0.04)","0px 6px 6px -3px rgba(0,0,0,0.16),0px 10px 14px 1px rgba(0,0,0,0.08),0px 4px 18px 3px rgba(0,0,0,0.04)","0px 6px 7px -4px rgba(0,0,0,0.16),0px 11px 15px 1px rgba(0,0,0,0.08),0px 4px 20px 3px rgba(0,0,0,0.04)","0px 7px 8px -4px rgba(0,0,0,0.16),0px 12px 17px 2px rgba(0,0,0,0.08),0px 5px 22px 4px rgba(0,0,0,0.04)","0px 7px 8px -4px rgba(0,0,0,0.16),0px 13px 19px 2px rgba(0,0,0,0.08),0px 5px 24px 4px rgba(0,0,0,0.04)","0px 7px 9px -4px rgba(0,0,0,0.16),0px 14px 21px 2px rgba(0,0,0,0.08),0px 5px 26px 4px rgba(0,0,0,0.04)","0px 8px 9px -5px rgba(0,0,0,0.16),0px 15px 22px 2px rgba(0,0,0,0.08),0px 6px 28px 5px rgba(0,0,0,0.04)","0px 8px 10px -5px rgba(44, 48, 50, 0.12), 0px 16px 24px 2px rgba(44, 48, 50, 0.08), 0px 6px 30px 5px rgba(44, 48, 50, 0.04)","0px 8px 11px -5px rgba(0,0,0,0.16),0px 17px 26px 2px rgba(0,0,0,0.08),0px 6px 32px 5px rgba(0,0,0,0.04)","0px 9px 11px -5px rgba(0,0,0,0.16),0px 18px 28px 2px rgba(0,0,0,0.08),0px 7px 34px 6px rgba(0,0,0,0.04)","0px 9px 12px -6px rgba(0,0,0,0.16),0px 19px 29px 2px rgba(0,0,0,0.08),0px 7px 36px 6px rgba(0,0,0,0.04)","0px 10px 13px -6px rgba(0,0,0,0.16),0px 20px 31px 3px rgba(0,0,0,0.08),0px 8px 38px 7px rgba(0,0,0,0.04)","0px 10px 13px -6px rgba(0,0,0,0.16),0px 21px 33px 3px rgba(0,0,0,0.08),0px 8px 40px 7px rgba(0,0,0,0.04)","0px 10px 14px -6px rgba(0,0,0,0.16),0px 22px 35px 3px rgba(0,0,0,0.08),0px 8px 42px 7px rgba(0,0,0,0.04)","0px 11px 14px -7px rgba(0,0,0,0.16),0px 23px 36px 3px rgba(0,0,0,0.08),0px 9px 44px 8px rgba(0,0,0,0.04)","0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"],K={themeName:"CARTO",breakpoints:{keys:["xs","sm","md","lg","xl"],values:{xs:r.BREAKPOINTS.XS,sm:r.BREAKPOINTS.SM,md:r.BREAKPOINTS.MD,lg:r.BREAKPOINTS.LG,xl:r.BREAKPOINTS.XL},unit:"px",step:5},direction:"ltr",mixins:{toolbar:{minHeight:56,"@media (min-width:0px) and (orientation: landscape)":{minHeight:48},"@media (min-width:600px)":{minHeight:56}}},palette:n.commonPalette,shadows:no,typography:q,spacingValue:r.SPACING,spacing:r.SPACING,shape:{borderRadius:4},transitions:{easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},duration:{shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195}},zIndex:{mobileStepper:1e3,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500},components:{MuiCssBaseline:{styleOverrides:{...to}},...X,...J,...oo,...Y,...ao,...eo,...io}},po=s.responsiveFontSizes(s.createTheme(K));exports.APPBAR_SIZE=r.APPBAR_SIZE;exports.BREAKPOINTS=r.BREAKPOINTS;exports.ICON_SIZE_LARGE=r.ICON_SIZE_LARGE;exports.ICON_SIZE_MEDIUM=r.ICON_SIZE_MEDIUM;exports.ICON_SIZE_SMALL=r.ICON_SIZE_SMALL;exports.NOTIFICATION_DURATION_IN_MS=r.NOTIFICATION_DURATION_IN_MS;exports.SPACING=r.SPACING;exports.getSpacing=r.getSpacing;exports.getCartoColorStylePropsForItem=n.getCartoColorStylePropsForItem;exports.cartoThemeOptions=K;exports.theme=po;
+"use strict";
+var _a, _b, _c, _d, _e, _f, _g, _h;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const material = require("@mui/material");
+const jsxRuntime = require("react/jsx-runtime");
+const TablePaginationActions = require("../TablePaginationActions-CFGXm44W.cjs");
+const iconsMaterial = require("@mui/icons-material");
+const ArrowDown = require("../ArrowDown-8fLj23Ge.cjs");
+const xDatePickers = require("@mui/x-date-pickers");
+const MenuItem = require("../MenuItem-Br2jY2lt.cjs");
+const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
+const tooltipArrowSize = 1;
+const tooltipSeparation = 0.5;
+const tooltipMargin = tooltipArrowSize + tooltipSeparation;
+const avatarFallbackImage = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z";
+const avatarCircularRadius = "50%";
+const avatarRoundedRadius = 0.5;
+const dataDisplayOverrides = {
+  // Divider
+  MuiDivider: {
+    defaultProps: {
+      role: "separator"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        backgroundColor: "transparent",
+        borderColor: theme2.palette.divider
+      }),
+      light: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.white[12]
+      })
+    }
+  },
+  // Tooltip
+  MuiTooltip: {
+    defaultProps: {
+      arrow: true,
+      placement: "top",
+      enterDelay: 1e3,
+      leaveDelay: 200
+    },
+    styleOverrides: {
+      tooltip: ({ theme: theme2 }) => ({
+        ...theme2.typography.caption,
+        fontWeight: 500,
+        maxWidth: "240px",
+        backgroundColor: theme2.palette.black[90],
+        '.MuiTooltip-popper[data-popper-placement*="top"] &': {
+          marginBottom: theme2.spacing(tooltipSeparation),
+          "&.MuiTooltip-tooltipArrow": {
+            marginBottom: theme2.spacing(tooltipMargin)
+          }
+        },
+        '.MuiTooltip-popper[data-popper-placement*="right"] &': {
+          marginLeft: theme2.spacing(tooltipSeparation),
+          "&.MuiTooltip-tooltipArrow": {
+            marginLeft: theme2.spacing(tooltipMargin)
+          }
+        },
+        '.MuiTooltip-popper[data-popper-placement*="bottom"] &': {
+          marginTop: theme2.spacing(tooltipSeparation),
+          "&.MuiTooltip-tooltipArrow": {
+            marginTop: theme2.spacing(tooltipMargin)
+          }
+        },
+        '.MuiTooltip-popper[data-popper-placement*="left"] &': {
+          marginRight: theme2.spacing(tooltipSeparation),
+          "&.MuiTooltip-tooltipArrow": {
+            marginRight: theme2.spacing(tooltipMargin)
+          }
+        }
+      }),
+      arrow: ({ theme: theme2 }) => ({
+        height: theme2.spacing(tooltipArrowSize),
+        color: theme2.palette.black[90]
+      })
+    }
+  },
+  // Popper
+  MuiPopper: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        "& .MuiPaper-root": {
+          marginTop: theme2.spacing(0.5)
+        }
+      })
+    }
+  },
+  // Popover
+  MuiPopover: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        "& .MuiPaper-root": {
+          marginTop: theme2.spacing(0.5)
+        }
+      })
+    }
+  },
+  // Dialog
+  MuiDialog: {
+    defaultProps: {
+      maxWidth: "md"
+    }
+  },
+  MuiDialogTitle: {
+    defaultProps: {
+      variant: "subtitle1"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        padding: theme2.spacing(3, 3, 2)
+      })
+    }
+  },
+  MuiDialogContent: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        "& .MuiFormGroup-root": {
+          padding: theme2.spacing(1, 0)
+        }
+      })
+    }
+  },
+  MuiDialogContentText: {
+    defaultProps: {
+      variant: "body2"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        color: theme2.palette.text.primary
+      })
+    }
+  },
+  // Table
+  MuiTablePagination: {
+    defaultProps: {
+      SelectProps: {
+        variant: "outlined",
+        size: "small"
+      },
+      labelDisplayedRows: ({ from, to, count }) => {
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TablePaginationActions.Typography,
+            {
+              component: "span",
+              variant: "inherit",
+              weight: "strong",
+              color: "textPrimary",
+              children: `${from}-${to}`
+            }
+          ),
+          ` of ${count}`
+        ] });
+      },
+      ActionsComponent: TablePaginationActions.TablePaginationActions
+    },
+    styleOverrides: {
+      root: () => ({
+        borderBottom: 0
+      }),
+      toolbar: ({ theme: theme2 }) => ({
+        minHeight: "0 !important",
+        padding: "0 !important",
+        height: theme2.spacing(6)
+      }),
+      selectLabel: ({ theme: theme2 }) => ({
+        margin: 0,
+        ...theme2.typography.caption,
+        fontWeight: theme2.typography.fontWeightMedium
+      }),
+      selectIcon: ({ theme: theme2 }) => ({
+        "&.MuiSvgIcon-root": {
+          right: theme2.spacing(1)
+        }
+      }),
+      input: ({ theme: theme2 }) => ({
+        marginRight: theme2.spacing(2),
+        marginLeft: theme2.spacing(1),
+        width: "auto",
+        paddingRight: theme2.spacing(3)
+      }),
+      displayedRows: ({ theme: theme2 }) => ({
+        color: theme2.palette.text.secondary
+      })
+    }
+  },
+  MuiTable: {
+    defaultProps: {
+      stickyHeader: true
+    }
+  },
+  MuiTableRow: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        transition: "background-color 0.25s ease",
+        borderColor: theme2.palette.divider,
+        "&.MuiTableRow-hover:hover": {
+          cursor: "pointer"
+        }
+      })
+    }
+  },
+  MuiTableCell: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        padding: theme2.spacing(0.5, 2),
+        height: theme2.spacing(6),
+        "&.MuiTableCell-sizeSmall": {
+          height: theme2.spacing(4)
+        },
+        "&.MuiTableCell-footer": {
+          padding: 0
+        }
+      }),
+      head: ({ theme: theme2 }) => ({
+        ...theme2.typography.caption,
+        fontWeight: theme2.typography.fontWeightMedium,
+        color: theme2.palette.text.primary
+      }),
+      stickyHeader: ({ theme: theme2 }) => ({
+        backgroundColor: theme2.palette.common.white
+      }),
+      paddingCheckbox: ({ theme: theme2 }) => ({
+        padding: theme2.spacing(0.5, 1)
+      }),
+      paddingNone: () => ({
+        padding: 0
+      })
+    }
+  },
+  // Chip
+  MuiChip: {
+    defaultProps: {
+      color: "primary"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        maxWidth: "192px",
+        padding: theme2.spacing(0, 0.5),
+        "& .MuiAvatar-root": {
+          width: TablePaginationActions.ICON_SIZE_LARGE,
+          minWidth: TablePaginationActions.ICON_SIZE_LARGE,
+          height: TablePaginationActions.ICON_SIZE_LARGE,
+          margin: 0,
+          color: theme2.palette.secondary.contrastText,
+          backgroundColor: theme2.palette.background.paper,
+          border: `1px solid ${theme2.palette.action.hover}`
+        },
+        "& .MuiChip-icon": {
+          margin: 0,
+          marginLeft: theme2.spacing(0.5)
+        },
+        "& img": {
+          width: TablePaginationActions.ICON_SIZE_LARGE,
+          minWidth: TablePaginationActions.ICON_SIZE_LARGE,
+          height: TablePaginationActions.ICON_SIZE_LARGE
+        },
+        "&.MuiChip-root.Mui-disabled": {
+          color: theme2.palette.text.disabled,
+          backgroundColor: theme2.palette.action.disabledBackground,
+          opacity: 1,
+          "& .MuiChip-deleteIcon, & .MuiChip-icon": {
+            color: theme2.palette.action.disabled
+          },
+          "& .MuiAvatar-root": {
+            opacity: 0.6
+          }
+        },
+        "& .MuiChip-deleteIcon": {
+          color: theme2.palette.text.hint
+        }
+      }),
+      // Variants
+      filled: ({ theme: theme2 }) => ({
+        border: 0,
+        backgroundColor: theme2.palette.default.main,
+        "& .MuiChip-iconColorPrimary": {
+          color: theme2.palette.primary.contrastText
+        },
+        "& .MuiChip-deleteIcon:hover": {
+          color: theme2.palette.text.primary
+        }
+      }),
+      filledPrimary: ({ theme: theme2 }) => ({
+        backgroundColor: theme2.palette.primary.main,
+        "& .MuiChip-deleteIcon": {
+          color: theme2.palette.white[60],
+          "&:hover": {
+            color: theme2.palette.common.white
+          }
+        }
+      }),
+      filledSecondary: ({ theme: theme2 }) => ({
+        backgroundColor: theme2.palette.secondary.main
+      }),
+      outlined: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.default.outlinedBorder,
+        "&.MuiChip-root.Mui-disabled": {
+          borderColor: theme2.palette.default.outlinedBorder,
+          backgroundColor: "transparent"
+        },
+        "& .MuiChip-deleteIcon:hover": {
+          color: theme2.palette.text.primary
+        }
+      }),
+      outlinedPrimary: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.primary.main
+      }),
+      outlinedSecondary: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.secondary.main
+      }),
+      // Status colors
+      colorSuccess: ({ theme: theme2 }) => ({
+        "&.MuiChip-outlined": {
+          color: theme2.palette.success.dark,
+          borderColor: theme2.palette.success.main
+        },
+        "&.MuiChip-filled": {
+          color: theme2.palette.success.dark,
+          backgroundColor: theme2.palette.success.relatedLight
+        },
+        "& .MuiChip-icon": {
+          color: theme2.palette.success.main
+        }
+      }),
+      colorInfo: ({ theme: theme2 }) => ({
+        "&.MuiChip-outlined": {
+          color: theme2.palette.primary.dark,
+          borderColor: theme2.palette.primary.main
+        },
+        "&.MuiChip-filled": {
+          color: theme2.palette.primary.dark,
+          backgroundColor: theme2.palette.primary.relatedLight
+        },
+        "& .MuiChip-icon": {
+          color: theme2.palette.info.main
+        }
+      }),
+      colorError: ({ theme: theme2 }) => ({
+        "&.MuiChip-outlined": {
+          color: theme2.palette.error.dark,
+          borderColor: theme2.palette.error.main
+        },
+        "&.MuiChip-filled": {
+          color: theme2.palette.error.dark,
+          backgroundColor: theme2.palette.error.relatedLight
+        },
+        "& .MuiChip-icon": {
+          color: theme2.palette.error.main
+        }
+      }),
+      colorWarning: ({ theme: theme2 }) => ({
+        "&.MuiChip-outlined": {
+          color: theme2.palette.warning.relatedDark,
+          borderColor: theme2.palette.warning.main
+        },
+        "&.MuiChip-filled": {
+          color: theme2.palette.warning.relatedDark,
+          backgroundColor: theme2.palette.warning.relatedLight
+        },
+        "& .MuiChip-icon": {
+          color: theme2.palette.warning.main
+        }
+      }),
+      // Sizes
+      sizeSmall: ({ theme: theme2 }) => ({
+        "& img": {
+          width: TablePaginationActions.ICON_SIZE_MEDIUM,
+          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
+          height: TablePaginationActions.ICON_SIZE_MEDIUM
+        },
+        "& .MuiAvatar-root": {
+          width: TablePaginationActions.ICON_SIZE_MEDIUM,
+          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
+          height: TablePaginationActions.ICON_SIZE_MEDIUM
+        },
+        "& .MuiChip-icon": {
+          marginLeft: theme2.spacing(0.25)
+        }
+      }),
+      // Inner elements
+      label: ({ theme: theme2 }) => ({
+        ...theme2.typography.button,
+        padding: theme2.spacing(0, 0.75)
+      }),
+      labelSmall: ({ theme: theme2 }) => ({
+        ...theme2.typography.caption,
+        fontWeight: 500,
+        padding: theme2.spacing(0, 0.5)
+      }),
+      deleteIcon: () => ({
+        width: TablePaginationActions.ICON_SIZE_MEDIUM,
+        height: TablePaginationActions.ICON_SIZE_MEDIUM,
+        margin: 0,
+        marginLeft: "2px",
+        // Forced to a non-standard value to meet with design
+        marginRight: "3px",
+        // Forced to a non-standard value to meet with design
+        transition: "color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
+      }),
+      deleteIconSmall: ({ theme: theme2 }) => ({
+        width: theme2.spacing(2),
+        height: theme2.spacing(2),
+        marginRight: 0
+      }),
+      clickable: ({ theme: theme2 }) => ({
+        "&:active": {
+          boxShadow: "none"
+        },
+        "&.MuiChip-outlined": {
+          transitionProperty: "background, color, border-color",
+          transitionDuration: "300ms",
+          transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+          "&:hover": {
+            backgroundColor: "transparent",
+            "&.MuiChip-colorPrimary": {
+              color: theme2.palette.primary.dark,
+              borderColor: theme2.palette.primary.dark
+            },
+            "&.MuiChip-colorSecondary": {
+              color: theme2.palette.secondary.dark,
+              borderColor: theme2.palette.secondary.dark
+            },
+            "&.MuiChip-colorDefault": {
+              borderColor: theme2.palette.default.dark
+            },
+            "&.MuiChip-colorSuccess": {
+              color: theme2.palette.success.dark,
+              borderColor: theme2.palette.success.dark
+            },
+            "&.MuiChip-colorInfo": {
+              color: theme2.palette.info.dark,
+              borderColor: theme2.palette.info.dark
+            },
+            "&.MuiChip-colorError": {
+              color: theme2.palette.error.dark,
+              borderColor: theme2.palette.error.dark
+            },
+            "&.MuiChip-colorWarning": {
+              color: theme2.palette.warning.dark,
+              borderColor: theme2.palette.warning.dark
+            }
+          }
+        },
+        "&.MuiChip-filled": {
+          "&:hover": {
+            "&.MuiChip-colorSecondary": {
+              backgroundColor: theme2.palette.secondary.light
+            },
+            "&.MuiChip-colorDefault": {
+              backgroundColor: theme2.palette.default.dark
+            },
+            "&.MuiChip-colorSuccess": {
+              backgroundColor: material.alpha(theme2.palette.success.main, 0.25)
+            },
+            "&.MuiChip-colorInfo": {
+              backgroundColor: material.alpha(theme2.palette.info.main, 0.12)
+            },
+            "&.MuiChip-colorError": {
+              backgroundColor: material.alpha(theme2.palette.error.main, 0.12)
+            },
+            "&.MuiChip-colorWarning": {
+              backgroundColor: material.alpha(theme2.palette.warning.main, 0.25)
+            }
+          }
+        }
+      })
+    }
+  },
+  // Avatar
+  MuiAvatar: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        overflow: "initial",
+        color: theme2.palette.secondary.contrastText,
+        backgroundColor: theme2.palette.secondary.main,
+        //  Default fallback image override
+        // https://github.com/mui/material-ui/issues/33229
+        "& .MuiAvatar-fallback": {
+          path: {
+            d: `path('${avatarFallbackImage}') !important`
+          }
+        }
+      }),
+      img: ({ theme: theme2 }) => ({
+        boxShadow: `0 0 0 1px ${theme2.palette.default.outlinedBorder}`
+      }),
+      circular: () => ({
+        borderRadius: avatarCircularRadius,
+        "& img": {
+          borderRadius: avatarCircularRadius
+        }
+      }),
+      rounded: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(avatarRoundedRadius),
+        "& img": {
+          borderRadius: theme2.spacing(avatarRoundedRadius)
+        }
+      })
+    }
+  },
+  // Skeleton
+  MuiSkeleton: {
+    defaultProps: {
+      animation: "wave"
+    }
+  },
+  // Typography
+  MuiTypography: {
+    defaultProps: {
+      color: "textPrimary",
+      variantMapping: {
+        caption: "p",
+        overline: "p",
+        overlineDelicate: "p"
+      }
+    }
+  },
+  // Svg Icons
+  MuiSvgIcon: {
+    styleOverrides: {
+      root: () => ({
+        fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
+      }),
+      fontSizeSmall: () => ({
+        fontSize: TablePaginationActions.ICON_SIZE_SMALL
+      }),
+      fontSizeLarge: () => ({
+        fontSize: TablePaginationActions.ICON_SIZE_LARGE
+      })
+    }
+  }
+};
+const sizeXsmall = TablePaginationActions.getSpacing(2);
+const sizeSmall = TablePaginationActions.getSpacing(3);
+const sizeMedium = TablePaginationActions.getSpacing(4);
+const sizeLarge = TablePaginationActions.getSpacing(6);
+const radius = TablePaginationActions.getSpacing(0.5);
+const buttonsOverrides = {
+  // Button Base
+  MuiButtonBase: {
+    defaultProps: {
+      disableRipple: true
+    },
+    styleOverrides: {
+      root: () => ({
+        "& .MuiSvgIcon-root, & svg": {
+          display: "flex",
+          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
+          width: TablePaginationActions.ICON_SIZE_MEDIUM,
+          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
+          height: TablePaginationActions.ICON_SIZE_MEDIUM
+        }
+      })
+    }
+  },
+  // Button
+  MuiButton: {
+    defaultProps: {
+      disableElevation: true
+    },
+    styleOverrides: {
+      root: ({ ownerState, theme: theme2 }) => ({
+        // maxWidth: '192px', TODO temporary disabled waiting for a design definition
+        "&:hover, &:focus-visible": {
+          boxShadow: theme2.shadows[0],
+          ...ownerState.variant !== "contained" && {
+            ...ownerState.color === "primary" && {
+              backgroundColor: theme2.palette.primary.background
+            },
+            ...ownerState.color === "secondary" && {
+              backgroundColor: theme2.palette.secondary.background
+            },
+            ...ownerState.color === "error" && {
+              background: theme2.palette.error.relatedLight
+            }
+          },
+          ...ownerState.variant === "contained" && ownerState.color === "secondary" && {
+            backgroundColor: theme2.palette.secondary.light
+          }
+        },
+        "& svg:not(.doNotFillIcon) path": {
+          fill: "currentColor"
+        },
+        // Pairing buttons separation
+        "& + .MuiButtonBase-root": {
+          marginLeft: theme2.spacing(1)
+        }
+      }),
+      contained: ({ theme: theme2 }) => ({
+        boxShadow: "none",
+        "&.Mui-disabled": {
+          color: theme2.palette.text.disabled,
+          backgroundColor: theme2.palette.action.disabledBackground
+        }
+      }),
+      text: ({ theme: theme2 }) => ({
+        minWidth: theme2.spacing(7)
+      }),
+      outlined: ({ theme: theme2 }) => ({
+        "&.Mui-disabled": {
+          color: theme2.palette.text.disabled,
+          borderColor: theme2.palette.default.outlinedBorder
+        }
+      }),
+      outlinedPrimary: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.primary.main
+      }),
+      outlinedSecondary: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.secondary.main
+      }),
+      outlinedError: ({ theme: theme2 }) => ({
+        borderColor: theme2.palette.error.main
+      }),
+      containedPrimary: ({ theme: theme2 }) => ({
+        "&:hover, &:focus-visible": {
+          backgroundColor: theme2.palette.primary.dark
+        }
+      }),
+      containedError: ({ theme: theme2 }) => ({
+        "&:hover, &:focus-visible": {
+          backgroundColor: theme2.palette.error.dark
+        }
+      }),
+      startIcon: ({ theme: theme2 }) => ({
+        marginRight: theme2.spacing(0.75),
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
+          width: TablePaginationActions.ICON_SIZE_MEDIUM,
+          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
+          height: TablePaginationActions.ICON_SIZE_MEDIUM
+        },
+        "&.MuiButton-iconSizeSmall": {
+          marginRight: theme2.spacing(0.5),
+          marginLeft: theme2.spacing(-0.5)
+        }
+      }),
+      endIcon: ({ theme: theme2 }) => ({
+        marginLeft: theme2.spacing(0.75),
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
+          width: TablePaginationActions.ICON_SIZE_MEDIUM,
+          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
+          height: TablePaginationActions.ICON_SIZE_MEDIUM
+        },
+        "&.MuiButton-iconSizeSmall": {
+          marginLeft: theme2.spacing(0.5),
+          marginRight: theme2.spacing(-0.5)
+        }
+      }),
+      sizeSmall: ({ theme: theme2, ownerState }) => ({
+        height: sizeSmall,
+        padding: theme2.spacing(0, 1.5),
+        ...theme2.typography.caption,
+        lineHeight: sizeSmall,
+        fontWeight: 500,
+        letterSpacing: "0.4px",
+        ...ownerState.variant === "text" && {
+          padding: theme2.spacing(0, 1)
+        }
+      }),
+      sizeMedium: ({ theme: theme2, ownerState }) => ({
+        height: sizeMedium,
+        padding: theme2.spacing(0, 2),
+        lineHeight: sizeMedium,
+        ...ownerState.variant === "text" && {
+          padding: theme2.spacing(0, 1)
+        }
+      }),
+      sizeLarge: ({ theme: theme2, ownerState }) => ({
+        height: sizeLarge,
+        padding: theme2.spacing(0, 2.5),
+        ...theme2.typography.body1,
+        lineHeight: sizeLarge,
+        fontWeight: 500,
+        letterSpacing: "0.25px",
+        ...ownerState.variant === "text" && {
+          padding: theme2.spacing(0, 2)
+        }
+      })
+    },
+    variants: [
+      // Custom color and its variants
+      {
+        props: { variant: "contained", color: "default" },
+        style: ({ theme: theme2 }) => ({
+          color: theme2.palette.text.primary,
+          backgroundColor: theme2.palette.default.main,
+          borderColor: theme2.palette.text.primary,
+          "&.Mui-disabled": {
+            color: theme2.palette.text.disabled,
+            backgroundColor: theme2.palette.action.disabledBackground
+          },
+          "&:hover, &:focus-visible": {
+            backgroundColor: theme2.palette.default.dark
+          }
+        })
+      },
+      {
+        props: { variant: "outlined", color: "default" },
+        style: ({ theme: theme2 }) => ({
+          color: theme2.palette.text.primary,
+          borderColor: theme2.palette.text.primary,
+          "&.Mui-disabled": {
+            color: theme2.palette.text.disabled,
+            borderColor: theme2.palette.default.outlinedBorder
+          },
+          "&:hover, &:focus-visible": {
+            backgroundColor: theme2.palette.action.hover,
+            borderColor: theme2.palette.text.primary
+          }
+        })
+      },
+      {
+        props: { variant: "text", color: "default" },
+        style: ({ theme: theme2 }) => ({
+          color: theme2.palette.text.primary,
+          "&.Mui-disabled": {
+            color: theme2.palette.text.disabled
+          },
+          "&:hover, &:focus-visible": {
+            backgroundColor: theme2.palette.action.hover
+          }
+        })
+      }
+    ]
+  },
+  // Mui Button Group
+  MuiButtonGroup: {
+    defaultProps: {
+      disableRipple: true,
+      disableElevation: true
+    },
+    styleOverrides: {
+      root: ({ ownerState, theme: theme2 }) => ({
+        "& .MuiButton-root + .MuiButton-root": {
+          marginLeft: 0
+        },
+        ...ownerState.variant === "text" && {
+          boxShadow: theme2.shadows[1],
+          borderColor: theme2.palette.default.dark,
+          "& .MuiButtonGroup-grouped:not(:last-of-type)": {
+            borderColor: theme2.palette.default.dark
+          }
+        },
+        ...ownerState.variant === "outlined" && {
+          ...ownerState.color === "default" && {
+            "& .MuiButtonBase-root.Mui-disabled": {
+              borderColor: theme2.palette.text.primary
+            }
+          },
+          ...ownerState.color === "primary" && {
+            "& .MuiButtonBase-root.Mui-disabled": {
+              borderColor: theme2.palette.primary.main
+            }
+          },
+          ...ownerState.color === "secondary" && {
+            "& .MuiButtonBase-root.Mui-disabled": {
+              borderColor: theme2.palette.secondary.main
+            }
+          },
+          ...ownerState.orientation !== "vertical" && {
+            "& .MuiButtonGroup-grouped:not(:last-of-type):hover, & .Mui-disabled:not(:last-of-type)": {
+              borderRightColor: "transparent"
+            }
+          }
+        },
+        ...ownerState.variant === "contained" && {
+          ...ownerState.color === "default" && {
+            "& .MuiButtonGroup-grouped:not(:last-of-type)": {
+              borderRightColor: theme2.palette.default.dark,
+              "&.Mui-disabled": {
+                ...ownerState.color === "default" && {
+                  borderColor: theme2.palette.default.dark
+                }
+              }
+            }
+          }
+        }
+      })
+    }
+  },
+  // Icon Button
+  MuiIconButton: {
+    styleOverrides: {
+      root: ({ ownerState, theme: theme2 }) => ({
+        position: "relative",
+        overflow: "hidden",
+        borderRadius: theme2.spacing(0.5),
+        ...ownerState.color === "default" && {
+          color: theme2.palette.text.secondary
+        },
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
+          width: TablePaginationActions.ICON_SIZE_MEDIUM,
+          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
+          height: TablePaginationActions.ICON_SIZE_MEDIUM
+        },
+        "& svg": {
+          fill: "currentColor",
+          "& path": {
+            fillOpacity: 1
+          }
+        },
+        "& svg:not(.doNotFillIcon) path": {
+          fill: "currentColor"
+        },
+        "&.Mui-disabled svg:not(.doNotFillIcon) path": {
+          fill: theme2.palette.text.disabled
+        },
+        "&:hover, &:focus-visible": {
+          ...ownerState.color === "default" && {
+            backgroundColor: theme2.palette.action.hover
+          },
+          ...ownerState.color === "primary" && {
+            backgroundColor: theme2.palette.primary.background
+          },
+          ...ownerState.color === "secondary" && {
+            backgroundColor: theme2.palette.secondary.background
+          },
+          ...ownerState.color === "error" && {
+            backgroundColor: theme2.palette.error.relatedLight
+          },
+          ...ownerState.color === "warning" && {
+            backgroundColor: theme2.palette.warning.relatedLight
+          }
+        }
+      }),
+      sizeSmall: () => ({
+        width: sizeSmall,
+        height: sizeSmall
+      }),
+      sizeMedium: () => ({
+        width: sizeMedium,
+        height: sizeMedium
+      }),
+      sizeLarge: () => ({
+        width: sizeLarge,
+        height: sizeLarge
+      })
+    },
+    variants: [
+      // Custom props and its variants
+      {
+        props: { size: "xsmall" },
+        style: () => ({
+          width: sizeXsmall,
+          height: sizeXsmall,
+          "& .MuiSvgIcon-root, & svg": {
+            fontSize: TablePaginationActions.ICON_SIZE_SMALL,
+            width: TablePaginationActions.ICON_SIZE_SMALL,
+            minWidth: TablePaginationActions.ICON_SIZE_SMALL,
+            height: TablePaginationActions.ICON_SIZE_SMALL
+          }
+        })
+      },
+      {
+        props: { variant: "contained" },
+        style: ({ theme: theme2 }) => ({
+          // Default
+          color: theme2.palette.text.primary,
+          backgroundColor: theme2.palette.default.main,
+          "&:hover": {
+            backgroundColor: theme2.palette.default.dark
+          },
+          "&.MuiIconButton-colorSecondary": {
+            color: theme2.palette.secondary.contrastText,
+            backgroundColor: theme2.palette.secondary.main,
+            "&:hover": {
+              backgroundColor: theme2.palette.secondary.light
+            }
+          },
+          "&.MuiIconButton-colorPrimary": {
+            color: theme2.palette.primary.contrastText,
+            backgroundColor: theme2.palette.primary.main,
+            "&:hover": {
+              backgroundColor: theme2.palette.primary.dark
+            }
+          },
+          "&.MuiIconButton-colorError": {
+            color: theme2.palette.error.contrastText,
+            backgroundColor: theme2.palette.error.main,
+            "&:hover": {
+              backgroundColor: theme2.palette.error.dark
+            }
+          },
+          "&.MuiIconButton-colorWarning": {
+            color: theme2.palette.warning.contrastText,
+            backgroundColor: theme2.palette.warning.main,
+            "&:hover": {
+              backgroundColor: theme2.palette.warning.light
+            }
+          },
+          "&[disabled]": {
+            color: theme2.palette.text.disabled,
+            backgroundColor: theme2.palette.action.disabledBackground
+          }
+        })
+      },
+      {
+        props: { variant: "outlined" },
+        style: ({ theme: theme2 }) => ({
+          // Default
+          color: theme2.palette.text.primary,
+          border: `1px solid ${theme2.palette.text.primary}`,
+          "&:hover": {
+            backgroundColor: theme2.palette.action.hover
+          },
+          "&.MuiIconButton-colorSecondary": {
+            color: theme2.palette.secondary.main,
+            borderColor: theme2.palette.secondary.main,
+            "&:hover": {
+              backgroundColor: theme2.palette.secondary.background
+            }
+          },
+          "&.MuiIconButton-colorPrimary": {
+            color: theme2.palette.primary.main,
+            borderColor: theme2.palette.primary.main,
+            "&:hover": {
+              backgroundColor: theme2.palette.primary.background
+            }
+          },
+          "&.MuiIconButton-colorError": {
+            color: theme2.palette.error.main,
+            borderColor: theme2.palette.error.main,
+            "&:hover": {
+              backgroundColor: theme2.palette.error.relatedLight
+            }
+          },
+          "&.MuiIconButton-colorWarning": {
+            color: theme2.palette.warning.main,
+            borderColor: theme2.palette.warning.main,
+            "&:hover": {
+              backgroundColor: theme2.palette.warning.relatedLight
+            }
+          },
+          "&[disabled]": {
+            color: theme2.palette.text.disabled,
+            borderColor: theme2.palette.default.outlinedBorder
+          }
+        })
+      }
+    ]
+  },
+  // MuiToggleButton
+  MuiToggleButton: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        minWidth: sizeMedium,
+        height: sizeMedium,
+        padding: theme2.spacing(0, 1),
+        color: theme2.palette.text.secondary,
+        border: "none",
+        borderRadius: radius,
+        transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+        "&:hover": {
+          backgroundColor: theme2.palette.action.hover
+        },
+        // Pairing buttons separation
+        "& + &": {
+          marginLeft: theme2.spacing(0.5)
+        },
+        ".MuiSvgIcon-root, & svg": {
+          margin: theme2.spacing(0, -0.75)
+        },
+        "&.Mui-selected": {
+          color: theme2.palette.primary.main,
+          backgroundColor: theme2.palette.primary.background,
+          "&:hover": {
+            backgroundColor: theme2.palette.action.hover
+          }
+        },
+        "&.Mui-disabled": {
+          border: "none"
+        }
+      }),
+      sizeLarge: ({ theme: theme2 }) => ({
+        minWidth: sizeLarge,
+        height: sizeLarge,
+        ...theme2.typography.body1
+      }),
+      sizeSmall: ({ theme: theme2 }) => ({
+        minWidth: sizeSmall,
+        height: sizeSmall,
+        ...theme2.typography.caption,
+        fontWeight: 500
+      })
+    }
+  },
+  // MuiToggleButtonGroup
+  MuiToggleButtonGroup: {
+    defaultProps: {
+      orientation: "horizontal",
+      exclusive: true
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: theme2.spacing(1),
+        boxShadow: theme2.shadows[1],
+        backgroundColor: theme2.palette.background.paper,
+        "& .MuiToggleButtonGroup-grouped:not(:first-of-type), &.Mui-Selected, & .MuiToggleButtonGroup-grouped:not(:last-of-type)": {
+          borderRadius: radius
+        },
+        ".MuiDivider-root": {
+          "&.MuiDivider-vertical": {
+            height: sizeLarge,
+            margin: theme2.spacing(0, 1),
+            marginLeft: theme2.spacing(0.5)
+          },
+          "&.MuiDivider-horizontal": {
+            width: sizeLarge,
+            margin: theme2.spacing(1, 0),
+            marginTop: theme2.spacing(0.5)
+          }
+        },
+        ".MuiToggleButton-sizeSmall": {
+          "& + .MuiDivider-root.MuiDivider-vertical": {
+            height: sizeMedium
+          },
+          "& + .MuiDivider-root.MuiDivider-horizontal": {
+            width: sizeMedium
+          }
+        }
+      }),
+      // Styles applied to the children if orientation="horizontal"
+      groupedHorizontal: ({ theme: theme2 }) => ({
+        height: sizeMedium,
+        margin: theme2.spacing(1),
+        "&:not(:last-of-type)": {
+          marginRight: theme2.spacing(0.5),
+          marginLeft: 0,
+          borderLeft: "none"
+        },
+        "&:first-of-type:not(.MuiDivider-root)": {
+          marginLeft: theme2.spacing(1)
+        },
+        "&:last-of-type:not(.MuiDivider-root)": {
+          marginLeft: 0
+        },
+        "&.MuiToggleButton-sizeSmall:not(.MuiDivider-root)": {
+          height: sizeSmall,
+          margin: theme2.spacing(0.5),
+          "&:not(:first-of-type)": {
+            marginLeft: 0
+          }
+        }
+      }),
+      // Styles applied to the children if orientation="vertical"
+      groupedVertical: ({ theme: theme2 }) => ({
+        width: sizeMedium,
+        margin: theme2.spacing(1),
+        "&.MuiToggleButton-root": {
+          marginLeft: theme2.spacing(1),
+          marginBottom: theme2.spacing(0.5),
+          "&:last-of-type": {
+            marginBottom: theme2.spacing(1)
+          },
+          "&:not(:first-of-type)": {
+            marginTop: 0
+          }
+        },
+        "&.MuiToggleButton-sizeSmall": {
+          width: sizeSmall,
+          margin: theme2.spacing(0.5),
+          "&:last-of-type": {
+            marginBottom: theme2.spacing(0.5)
+          }
+        }
+      })
+    }
+  },
+  // FAB button
+  MuiFab: {
+    defaultProps: {
+      color: "primary"
+    },
+    styleOverrides: {
+      root: ({ ownerState, theme: theme2 }) => ({
+        "&:focus": {
+          boxShadow: theme2.shadows[6]
+        },
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: TablePaginationActions.ICON_SIZE_LARGE,
+          width: TablePaginationActions.ICON_SIZE_LARGE,
+          minWidth: TablePaginationActions.ICON_SIZE_LARGE,
+          height: TablePaginationActions.ICON_SIZE_LARGE
+        },
+        "&.MuiFab-extended": {
+          ...theme2.typography.body1,
+          fontWeight: 500,
+          width: "auto",
+          height: theme2.spacing(7),
+          paddingRight: theme2.spacing(3),
+          borderRadius: theme2.spacing(8),
+          "& .MuiSvgIcon-root": {
+            marginRight: theme2.spacing(1.5)
+          }
+        },
+        ...ownerState.color === "default" && {
+          color: theme2.palette.text.primary,
+          backgroundColor: theme2.palette.background.paper,
+          "&:hover, &:focus-visible": {
+            backgroundColor: theme2.palette.default.light
+          }
+        }
+      }),
+      sizeSmall: ({ theme: theme2 }) => ({
+        width: theme2.spacing(4),
+        height: theme2.spacing(4),
+        minHeight: theme2.spacing(4),
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
+          width: TablePaginationActions.ICON_SIZE_MEDIUM,
+          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
+          height: TablePaginationActions.ICON_SIZE_MEDIUM
+        },
+        "&.MuiFab-extended": {
+          ...theme2.typography.caption,
+          width: "auto",
+          height: theme2.spacing(4),
+          paddingRight: theme2.spacing(2),
+          "& .MuiSvgIcon-root": {
+            marginRight: theme2.spacing(1)
+          }
+        }
+      }),
+      sizeMedium: ({ theme: theme2 }) => ({
+        "&.MuiFab-extended": {
+          ...theme2.typography.button,
+          height: theme2.spacing(6)
+        }
+      }),
+      secondary: ({ theme: theme2 }) => ({
+        "&:hover": {
+          backgroundColor: theme2.palette.secondary.light
+        }
+      })
+    }
+  }
+};
+const controlSizeS = 2.25;
+const controlSizeM = 3;
+const switchSizeS = 2;
+const switchSizeM = 3;
+const switchSizeL = 4;
+const checkboxRadioOverrides = {
+  root: ({ ownerState, theme: theme2 }) => ({
+    padding: theme2.spacing(0.5),
+    ...ownerState.size === "small" && {
+      padding: "3px"
+      // Forced to a non-standard value to meet with design
+    },
+    ...ownerState.readOnly === true && {
+      pointerEvents: "none",
+      color: theme2.palette.text.disabled,
+      "&.Mui-checked": {
+        color: theme2.palette.text.disabled
+      }
+    },
+    "&:hover, &:focus-visible": {
+      backgroundColor: theme2.palette.primary.background
+    },
+    "& + .MuiFormControlLabel-label": {
+      ...theme2.typography.body2,
+      marginLeft: theme2.spacing(0.25),
+      ...ownerState.size === "small" && {
+        marginLeft: theme2.spacing(0.5)
+      }
+    },
+    "& .MuiSvgIcon-root": {
+      fontSize: theme2.spacing(controlSizeM),
+      width: theme2.spacing(controlSizeM),
+      minWidth: theme2.spacing(controlSizeM),
+      height: theme2.spacing(controlSizeM),
+      ...ownerState.size === "small" && {
+        fontSize: theme2.spacing(controlSizeS),
+        width: theme2.spacing(controlSizeS),
+        minWidth: theme2.spacing(controlSizeS),
+        height: theme2.spacing(controlSizeS)
+      }
+    }
+  })
+};
+const LabelOverrides = {
+  root: ({ theme: theme2 }) => ({
+    position: "static",
+    transform: "none",
+    marginBottom: theme2.spacing(1),
+    ...theme2.typography.caption,
+    fontWeight: 500,
+    color: theme2.palette.text.primary
+  }),
+  sizeSmall: ({ theme: theme2 }) => ({
+    marginBottom: theme2.spacing(0.5)
+  }),
+  standard: () => ({
+    marginBottom: 0
+  }),
+  // Temporal workaroud to give a faster solution for a Workflows demand: https://app.shortcut.com/cartoteam/story/294539/distinction-among-parameters-optional-inputs-units-in-the-ui
+  // These styles avoid (by now) the need to review current forms and change those with a required mark.
+  // TODO: remored asterisk completely and use instead LabelWithIndicator component to mark also required ones.
+  asterisk: ({ theme: theme2 }) => ({
+    "&, &.Mui-error": {
+      color: "transparent"
+    },
+    "&::after": {
+      content: '"(required)"',
+      marginLeft: theme2.spacing(-0.5),
+      color: theme2.palette.text.secondary,
+      fontWeight: 400,
+      ".Mui-disabled &": {
+        color: theme2.palette.text.disabled
+      }
+    }
+  })
+};
+const formsOverrides = {
+  // Checkbox
+  MuiCheckbox: {
+    defaultProps: {
+      size: "small"
+    },
+    styleOverrides: {
+      ...checkboxRadioOverrides
+    }
+  },
+  // Radio Button
+  MuiRadio: {
+    defaultProps: {
+      size: "small"
+    },
+    styleOverrides: {
+      ...checkboxRadioOverrides
+    }
+  },
+  // Text Field
+  MuiTextField: {
+    defaultProps: {
+      fullWidth: true,
+      size: "small",
+      InputLabelProps: {
+        shrink: true
+      },
+      SelectProps: {
+        IconComponent: ArrowDown.ArrowDown,
+        size: "small"
+      }
+    },
+    styleOverrides: {
+      root: ({ ownerState, theme: theme2 }) => ({
+        "& legend": {
+          display: "none"
+        },
+        // Select bool
+        ...ownerState.select === true && {
+          "& .MuiInputBase-root": {
+            padding: 0,
+            "&.MuiOutlinedInput-root, &.MuiFilledInput-root": {
+              padding: 0
+            },
+            "& .MuiInputAdornment-positionEnd": {
+              marginRight: theme2.spacing(3)
+            },
+            "& .MuiSelect-select": {
+              padding: theme2.spacing(1.5),
+              "&.MuiInputBase-input": {
+                paddingLeft: theme2.spacing(2),
+                paddingRight: theme2.spacing(5),
+                "&.MuiSelect-standard": {
+                  paddingLeft: 0
+                }
+              },
+              "&:focus": {
+                background: "transparent"
+              },
+              "& .MuiTypography-root": {
+                whiteSpace: "nowrap",
+                overflow: "hidden",
+                textOverflow: "ellipsis"
+              }
+            },
+            "& .MuiSelect-icon": {
+              right: theme2.spacing(2),
+              color: theme2.palette.text.secondary
+            },
+            "& .MuiSelect-iconStandard": {
+              right: 0
+            }
+          },
+          "& .MuiInputBase-sizeSmall": {
+            "&.MuiInputBase-root.MuiFilledInput-root": {
+              padding: 0
+            },
+            "& .MuiSelect-select": {
+              ...theme2.typography.body2,
+              padding: theme2.spacing(0.75),
+              "&.MuiInputBase-input": {
+                paddingLeft: theme2.spacing(1.5),
+                paddingRight: theme2.spacing(4)
+              }
+            },
+            "&.MuiOutlinedInput-root.MuiInputBase-sizeSmall": {
+              padding: 0
+            },
+            "& .MuiSelect-icon": {
+              right: theme2.spacing(1.5)
+            }
+          }
+        }
+      })
+    }
+  },
+  // Input Base
+  MuiInputBase: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        height: theme2.spacing(6),
+        ...theme2.typography.body1,
+        "& input": {
+          padding: 0,
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          "&::placeholder": {
+            opacity: 1,
+            color: theme2.palette.text.hint
+          },
+          "&:read-only::placeholder": {
+            color: theme2.palette.text.disabled
+          },
+          "&.Mui-disabled::placeholder": {
+            color: theme2.palette.text.disabled
+          },
+          // Remove focus on keyboard navigation as the parent element has focus
+          "&:focus-visible": {
+            outline: "none !important",
+            boxShadow: "none !important"
+          }
+        },
+        "&.Mui-disabled": {
+          cursor: "not-allowed",
+          "& .Mui-disabled": {
+            cursor: "not-allowed"
+          }
+        },
+        "&.MuiInputBase-formControl::after": {
+          top: 0,
+          transform: "none",
+          opacity: 0
+        },
+        "&.MuiInputBase-formControl.Mui-focused::after": {
+          transform: "none",
+          opacity: 1
+        },
+        "& legend": { display: "none" },
+        "& .MuiButtonBase-root.MuiMenuItem-root": {
+          padding: 0,
+          "&:hover": {
+            backgroundColor: "transparent"
+          },
+          [theme2.breakpoints.up("sm")]: {
+            minHeight: "initial"
+          }
+        },
+        // Variants
+        "&.MuiFilledInput-root": {
+          padding: theme2.spacing(1, 2),
+          borderRadius: theme2.spacing(0.5),
+          backgroundColor: theme2.palette.default.background,
+          "&:hover": {
+            backgroundColor: theme2.palette.default.background
+          },
+          "&::before": {
+            top: 0,
+            borderRadius: theme2.spacing(0.5),
+            border: "1px solid transparent",
+            transition: "border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
+          },
+          "&:hover:not(.Mui-disabled)::before": {
+            borderColor: theme2.palette.text.primary
+          },
+          "&::after": {
+            borderRadius: theme2.spacing(0.5),
+            border: "1px solid transparent"
+          },
+          "&.MuiInputBase-sizeSmall": {
+            padding: theme2.spacing(0.5, 1.5)
+          },
+          "&.Mui-focused": {
+            backgroundColor: theme2.palette.background.paper,
+            "&::after": {
+              border: `2px solid ${theme2.palette.primary.main}`
+            }
+          },
+          "&.Mui-disabled": {
+            backgroundColor: theme2.palette.default.background,
+            "&::before": {
+              borderBottomStyle: "solid"
+            }
+          },
+          "&.Mui-error::after": {
+            opacity: 1,
+            border: `2px solid ${theme2.palette.error.light}`
+          },
+          "&.Mui-readOnly": {
+            "&.Mui-focused": {
+              backgroundColor: theme2.palette.default.background
+            }
+          }
+        },
+        "&.MuiOutlinedInput-root": {
+          padding: theme2.spacing(1, 2),
+          "&.MuiInputBase-sizeSmall": {
+            padding: theme2.spacing(0.5, 1.5)
+          },
+          "&.Mui-focused": {
+            backgroundColor: theme2.palette.background.paper
+          },
+          "&.Mui-disabled": {
+            backgroundColor: theme2.palette.default.background
+          },
+          "&.Mui-readOnly": {
+            backgroundColor: theme2.palette.default.background,
+            "&.Mui-focused": {
+              backgroundColor: theme2.palette.default.background
+            }
+          },
+          "& .MuiOutlinedInput-notchedOutline": {
+            top: 0,
+            borderColor: theme2.palette.default.outlinedBorder,
+            transition: "border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
+          },
+          "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+            transition: "none"
+          },
+          "&.Mui-error .MuiOutlinedInput-notchedOutline": {
+            border: `2px solid ${theme2.palette.error.light}`
+          }
+        },
+        "&.MuiInput-underline": {
+          marginTop: 0,
+          padding: 0,
+          "&::before": {
+            borderColor: theme2.palette.default.outlinedBorder
+          },
+          "&:hover:not(.Mui-disabled)::before": {
+            borderBottom: `1px solid ${theme2.palette.text.primary}`
+          },
+          "&:not(.Mui-disabled)::after": {
+            borderBottom: "1px solid transparent"
+          },
+          "&.Mui-focused::after": {
+            borderBottom: `2px solid ${theme2.palette.primary.main}`
+          },
+          "&.Mui-error::after": {
+            opacity: 1,
+            borderBottom: `2px solid ${theme2.palette.error.light}`
+          },
+          "&.Mui-disabled::before": {
+            borderBottomStyle: "solid"
+          }
+        },
+        // TextArea (multiline)
+        "&.MuiInputBase-multiline": {
+          height: "auto",
+          minHeight: theme2.spacing(12),
+          alignItems: "flex-start",
+          padding: theme2.spacing(0, 0.25),
+          "& textarea": {
+            padding: theme2.spacing(1.5, 1.75),
+            ...theme2.typography.body1,
+            "&::placeholder": {
+              opacity: 1,
+              color: theme2.palette.text.hint
+            },
+            "&.Mui-disabled::placeholder": {
+              color: theme2.palette.text.disabled
+            },
+            // Remove focus on keyboard navigation as the parent element has focus
+            "&:focus-visible": {
+              outline: "none !important",
+              boxShadow: "none !important"
+            }
+          },
+          "&.MuiInputBase-sizeSmall": {
+            minHeight: theme2.spacing(9),
+            padding: theme2.spacing(0, 0.25),
+            "& textarea": {
+              padding: theme2.spacing(1, 1.25),
+              ...theme2.typography.body2
+            }
+          }
+        },
+        // Select Multiple selection
+        "&.MuiInputBase-root .MuiSelect-multiple.MuiInputBase-input": {
+          paddingLeft: 0,
+          paddingRight: theme2.spacing(3)
+        }
+      }),
+      // size
+      sizeSmall: ({ theme: theme2 }) => ({
+        height: theme2.spacing(4),
+        padding: theme2.spacing(0, 1.5),
+        "& input": {
+          ...theme2.typography.body2
+        }
+      })
+    }
+  },
+  // Input Adornment
+  MuiInputAdornment: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        "& .MuiTypography-root": {
+          ...theme2.typography.body1,
+          color: theme2.palette.text.secondary
+        },
+        "&.MuiInputAdornment-sizeSmall": {
+          "& .MuiTypography-root": {
+            ...theme2.typography.body2
+          }
+        },
+        "&.MuiInputAdornment-positionStart.MuiInputAdornment-root:not(.MuiInputAdornment-hiddenLabel)": {
+          marginTop: 0
+        },
+        "& .MuiSvgIcon-root, & svg": {
+          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
+          width: TablePaginationActions.ICON_SIZE_MEDIUM,
+          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
+          height: TablePaginationActions.ICON_SIZE_MEDIUM,
+          color: theme2.palette.text.secondary
+        },
+        ".Mui-disabled &": {
+          "& .MuiTypography-root, & .MuiSvgIcon-root": {
+            color: theme2.palette.text.disabled
+          }
+        }
+      })
+    }
+  },
+  // Form Control
+  MuiFormControl: {
+    defaultProps: {
+      fullWidth: true
+    }
+  },
+  // Form Control Label (radio, checkbox and switch wrapper)
+  MuiFormControlLabel: {
+    styleOverrides: {
+      root: ({ ownerState, theme: theme2 }) => ({
+        marginLeft: theme2.spacing(-0.5),
+        "& .MuiSwitch-root": {
+          marginLeft: theme2.spacing(0.5)
+        },
+        ...ownerState.readOnly === true && {
+          pointerEvents: "none"
+        }
+      })
+    }
+  },
+  // Form Helper Text
+  MuiFormHelperText: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        margin: 0,
+        marginTop: theme2.spacing(1)
+      })
+    }
+  },
+  // Label
+  MuiInputLabel: {
+    styleOverrides: {
+      ...LabelOverrides
+    }
+  },
+  MuiFormLabel: {
+    styleOverrides: {
+      ...LabelOverrides
+    }
+  },
+  // Select
+  MuiSelect: {
+    defaultProps: {
+      IconComponent: ArrowDown.ArrowDown,
+      fullWidth: true,
+      size: "small"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        padding: 0,
+        "& .MuiSelect-icon": {
+          right: theme2.spacing(2),
+          color: theme2.palette.text.secondary
+        },
+        "&.Mui-disabled .MuiSelect-icon, &.Mui-readOnly .MuiSelect-icon": {
+          color: theme2.palette.text.disabled
+        },
+        "& .MuiSelect-iconStandard": {
+          right: 0
+        },
+        "& legend": {
+          display: "none"
+        },
+        // Variants
+        "&.MuiOutlinedInput-root, &.MuiFilledInput-root": {
+          padding: 0
+        },
+        "&.MuiFilledInput-root, &.MuiInput-underline": {
+          "&.Mui-focused::after": {
+            height: "100%",
+            transition: "none"
+          }
+        },
+        // Size Small
+        "&.MuiInputBase-sizeSmall": {
+          ...theme2.typography.body2,
+          "& .MuiSelect-select": {
+            "&.MuiInputBase-input": {
+              paddingLeft: theme2.spacing(1.5),
+              paddingRight: theme2.spacing(4)
+            },
+            "&.MuiSelect-standard": {
+              paddingLeft: 0
+            }
+          },
+          "&.MuiOutlinedInput-root.MuiInputBase-sizeSmall, &.MuiFilledInput-root.MuiInputBase-sizeSmall": {
+            padding: 0
+          },
+          "& .MuiSelect-icon": {
+            right: theme2.spacing(1.5)
+          }
+        }
+      }),
+      select: ({ theme: theme2 }) => ({
+        padding: theme2.spacing(1.5),
+        "&.MuiInputBase-input": {
+          paddingLeft: theme2.spacing(2),
+          paddingRight: theme2.spacing(5),
+          "&.MuiSelect-standard": {
+            paddingLeft: 0
+          }
+        },
+        "&:focus": {
+          background: "transparent"
+        },
+        // Remove focus on keyboard navigation as the parent element has focus
+        "&:focus-visible": {
+          outline: "none !important",
+          boxShadow: "none !important"
+        },
+        "& .MuiTypography-root": {
+          whiteSpace: "nowrap",
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        },
+        "&.MuiInputBase-inputSizeSmall": {
+          padding: theme2.spacing(0.75)
+        }
+      })
+    }
+  },
+  // Autocomplete
+  MuiAutocomplete: {
+    defaultProps: {
+      size: "small",
+      fullWidth: true,
+      popupIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ArrowDown, {}),
+      clearIcon: /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: "Clear", children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Cancel, { "data-testid": "cancel-icon-autocomplete" }) }),
+      clearText: "",
+      ChipProps: { color: "default" },
+      limitTags: 1,
+      componentsProps: {
+        paper: {
+          elevation: 8
+        }
+      }
+    },
+    styleOverrides: {
+      root: ({ ownerState, theme: theme2 }) => ({
+        "&.MuiAutocomplete-root .MuiFormControl-root": {
+          //Needed to overide Mui default styles
+          ".MuiInputBase-root": {
+            gap: theme2.spacing(0.5),
+            height: "auto",
+            minHeight: theme2.spacing(6),
+            padding: theme2.spacing(1, 2),
+            paddingRight: theme2.spacing(5),
+            ".MuiInputBase-input": {
+              padding: 0
+            },
+            // Multiple
+            ...ownerState.multiple === true && {
+              paddingLeft: theme2.spacing(1),
+              ".MuiInputBase-input": {
+                padding: 0,
+                marginLeft: theme2.spacing(1)
+              }
+            },
+            ...ownerState.size === "small" && {
+              minHeight: theme2.spacing(4),
+              padding: theme2.spacing(0.5, 1.5),
+              paddingRight: theme2.spacing(4),
+              ...ownerState.multiple === true && {
+                paddingLeft: theme2.spacing(0.5)
+              }
+            },
+            ...ownerState.readOnly === true && {
+              backgroundColor: theme2.palette.default.background
+            },
+            "&.Mui-disabled": {
+              pointerEvents: "none"
+            }
+          },
+          // Variants
+          ".MuiFilledInput-root .MuiAutocomplete-tag": {
+            backgroundColor: "transparent",
+            border: `1px solid ${theme2.palette.default.main}`
+          }
+        },
+        "&.MuiAutocomplete-hasClearIcon .MuiFormControl-root .MuiInputBase-root": {
+          paddingRight: theme2.spacing(8.5),
+          ...ownerState.size === "small" && {
+            paddingRight: theme2.spacing(7)
+          }
+        }
+      }),
+      inputRoot: ({ theme: theme2 }) => ({
+        maxHeight: theme2.spacing(20),
+        // 160px
+        overflow: "auto",
+        transition: "box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+        "& .MuiAutocomplete-input": {
+          minWidth: `${theme2.spacing(10)} !important`,
+          "&[readOnly]": {
+            display: "none"
+          }
+        },
+        // Overrides in variants needed to allow scrollbar to appear correctly at max height
+        "&::before, &::after": {
+          content: "none"
+        },
+        "& fieldset": {
+          border: "0 !important"
+        },
+        "&.MuiOutlinedInput-root": {
+          boxShadow: `inset 0 0 0 1px ${theme2.palette.default.outlinedBorder}`
+        },
+        "&:hover": {
+          boxShadow: `inset 0 0 0 1px ${theme2.palette.text.primary}`
+        },
+        "&.Mui-focused": {
+          transition: "none",
+          boxShadow: `inset 0 0 0 2px ${theme2.palette.primary.main}`
+        },
+        "&.Mui-error": {
+          boxShadow: `inset 0 0 0 2px ${theme2.palette.error.light}`
+        },
+        "&.Mui-disabled.MuiOutlinedInput-root": {
+          boxShadow: `inset 0 0 0 1px ${theme2.palette.default.outlinedBorder}`,
+          "&.Mui-error": {
+            boxShadow: `inset 0 0 0 2px ${theme2.palette.error.light}`
+          }
+        },
+        "&.Mui-disabled.MuiFilledInput-root": {
+          "& .MuiAutocomplete-tag": {
+            borderColor: `${theme2.palette.default.outlinedBorder} !important`
+          }
+        }
+      }),
+      endAdornment: ({ theme: theme2 }) => ({
+        transform: "none",
+        top: theme2.spacing(2),
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-end",
+        marginRight: theme2.spacing(1),
+        ".MuiAutocomplete-hasClearIcon &": {
+          top: theme2.spacing(1)
+        },
+        ".MuiInputBase-sizeSmall &": {
+          top: theme2.spacing(0.5),
+          width: theme2.spacing(3),
+          height: theme2.spacing(3),
+          marginRight: theme2.spacing(0.5)
+        }
+      }),
+      clearIndicator: ({ ownerState, theme: theme2 }) => ({
+        marginRight: 0,
+        color: theme2.palette.text.hint,
+        ...ownerState.size === "small" && {
+          width: theme2.spacing(3),
+          height: theme2.spacing(3)
+        }
+      }),
+      popupIndicator: ({ theme: theme2 }) => ({
+        width: TablePaginationActions.ICON_SIZE_MEDIUM,
+        height: TablePaginationActions.ICON_SIZE_MEDIUM,
+        cursor: "pointer",
+        "&:hover": {
+          backgroundColor: "transparent"
+        },
+        "&.MuiButtonBase-root": {
+          color: theme2.palette.text.secondary
+        },
+        ".Mui-disabled &": {
+          color: theme2.palette.text.disabled
+        },
+        "input:read-only + .MuiAutocomplete-endAdornment &": {
+          color: theme2.palette.text.disabled
+        }
+      }),
+      tag: ({ ownerState, theme: theme2 }) => ({
+        margin: 0,
+        "&:not(.MuiButtonBase-root)": {
+          display: "flex",
+          alignItems: "center",
+          height: theme2.spacing(4),
+          padding: theme2.spacing(0, 1.5),
+          backgroundColor: theme2.palette.default.main,
+          borderRadius: theme2.spacing(2),
+          ...theme2.typography.button,
+          fontWeight: theme2.typography.fontWeightMedium,
+          ...ownerState.size === "small" && {
+            height: theme2.spacing(3),
+            padding: theme2.spacing(0, 1),
+            borderRadius: theme2.spacing(1.5),
+            ...theme2.typography.caption,
+            fontWeight: theme2.typography.fontWeightMedium
+          }
+        }
+      }),
+      option: ({ ownerState, theme: theme2 }) => ({
+        "&.MuiAutocomplete-option": {
+          minHeight: theme2.spacing(4),
+          padding: theme2.spacing(0.5, 2),
+          ...theme2.typography.body2,
+          transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+          "& .MuiCheckbox-root svg path": {
+            fill: theme2.palette.text.secondary
+          },
+          "&:hover": {
+            backgroundColor: theme2.palette.action.hover
+          },
+          "&.Mui-disabled": {
+            "& .MuiCheckbox-root svg path": {
+              fill: theme2.palette.text.disabled
+            }
+          },
+          '&[aria-disabled="true"]': {
+            opacity: 1
+          },
+          '&[aria-selected="true"]': {
+            color: theme2.palette.primary.main,
+            backgroundColor: theme2.palette.primary.background,
+            ".MuiTypography-root": {
+              color: theme2.palette.primary.main
+            },
+            ".MuiTypography-caption": {
+              color: theme2.palette.text.secondary
+            },
+            "& .MuiCheckbox-root svg path": {
+              fill: theme2.palette.primary.main
+            },
+            "&.Mui-focused:hover": {
+              backgroundColor: theme2.palette.action.hover
+            },
+            "&.Mui-disabled": {
+              backgroundColor: "transparent",
+              "& svg path": {
+                fill: theme2.palette.text.disabled
+              },
+              "& .MuiCheckbox-root svg path": {
+                fill: theme2.palette.text.disabled
+              },
+              "& .MuiTypography-root": {
+                color: theme2.palette.text.disabled
+              }
+            }
+          },
+          "&:first-of-type": {
+            marginTop: theme2.spacing(1)
+          },
+          ...ownerState.size === "small" && {
+            padding: theme2.spacing(0.5, 1.5)
+          }
+        }
+      }),
+      noOptions: ({ ownerState, theme: theme2 }) => ({
+        padding: theme2.spacing(2.5, 2),
+        ...theme2.typography.body2,
+        color: theme2.palette.text.secondary,
+        ...ownerState.size === "small" && {
+          padding: theme2.spacing(2, 1.5)
+        }
+      }),
+      listbox: ({ theme: theme2 }) => ({
+        paddingTop: 0,
+        ".MuiDivider-root": {
+          display: "none"
+        },
+        ".MuiButtonBase-root + .MuiDivider-root": {
+          display: "block"
+        },
+        ".MuiMenuItem-root:first-of-type": {
+          marginTop: theme2.spacing(1)
+        }
+      })
+    }
+  },
+  // Switch
+  MuiSwitch: {
+    defaultProps: {
+      disableRipple: true
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        width: theme2.spacing(switchSizeM),
+        height: theme2.spacing(switchSizeS),
+        padding: 0,
+        overflow: "visible",
+        "& + .MuiTypography-root": {
+          marginLeft: theme2.spacing(1),
+          color: theme2.palette.text.primary
+        },
+        "& + .MuiFormControlLabel-label": {
+          ...theme2.typography.body2
+        }
+      }),
+      switchBase: ({ ownerState, theme: theme2 }) => ({
+        width: theme2.spacing(switchSizeL),
+        height: theme2.spacing(switchSizeL),
+        padding: theme2.spacing(0.5),
+        borderRadius: "50%",
+        color: theme2.palette.text.secondary,
+        transform: "translate(-8px, -8px)",
+        "&:hover": {
+          backgroundColor: theme2.palette.action.hover
+        },
+        "&.MuiSwitch-switchBase input": {
+          top: theme2.spacing(1),
+          left: theme2.spacing(1)
+        },
+        "&.Mui-checked": {
+          transform: "translate(0, -8px)",
+          color: theme2.palette.common.white,
+          "&.MuiSwitch-switchBase input": {
+            left: 0
+          },
+          "& + .MuiSwitch-track": {
+            opacity: 1,
+            border: 0
+          }
+        },
+        ...ownerState.readOnly === true && {
+          color: theme2.palette.text.disabled
+        }
+      }),
+      thumb: ({ theme: theme2 }) => ({
+        width: theme2.spacing(1),
+        height: theme2.spacing(1),
+        boxShadow: theme2.shadows[0],
+        ".Mui-checked &": {
+          boxShadow: theme2.shadows[1]
+        },
+        ".Mui-disabled &": {
+          backgroundColor: theme2.palette.text.disabled
+        },
+        ".Mui-disabled.Mui-checked &": {
+          backgroundColor: theme2.palette.common.white
+        }
+      }),
+      input: ({ theme: theme2 }) => ({
+        width: theme2.spacing(switchSizeM),
+        height: theme2.spacing(switchSizeS),
+        left: 0
+      }),
+      track: ({ ownerState, theme: theme2 }) => ({
+        height: "auto",
+        border: `1px solid ${theme2.palette.text.secondary}`,
+        borderRadius: theme2.spacing(2),
+        opacity: 1,
+        backgroundColor: theme2.palette.common.white,
+        transitionDuration: "300ms",
+        ".MuiButtonBase-root.MuiSwitch-switchBase.Mui-disabled + &": {
+          opacity: 1,
+          borderColor: theme2.palette.text.disabled
+        },
+        ".MuiButtonBase-root.Mui-checked.Mui-disabled + &": {
+          backgroundColor: theme2.palette.text.disabled
+        },
+        ".MuiButtonBase-root.MuiSwitch-switchBase[readOnly] + &": {
+          borderColor: theme2.palette.text.disabled
+        },
+        "[readOnly] .MuiButtonBase-root.Mui-checked + &": {
+          backgroundColor: theme2.palette.text.disabled
+        },
+        ...ownerState.readOnly === true && {
+          borderColor: theme2.palette.text.disabled
+        }
+      }),
+      colorPrimary: ({ theme: theme2 }) => ({
+        "&.Mui-checked:hover": {
+          backgroundColor: theme2.palette.primary.background
+        }
+      }),
+      colorSecondary: ({ theme: theme2 }) => ({
+        "&.Mui-checked:hover": {
+          backgroundColor: theme2.palette.secondary.background
+        }
+      })
+    }
+  },
+  // Circular Progress
+  MuiCircularProgress: {
+    defaultProps: {
+      size: 40,
+      thickness: 4
+    }
+  },
+  // Slider
+  MuiSlider: {
+    defaultProps: {
+      color: "primary",
+      marks: false,
+      size: "small"
+    },
+    styleOverrides: {
+      thumb: ({ theme: theme2 }) => ({
+        "&:hover, &.Mui-focusVisible": {
+          boxShadow: `0 0 0 ${theme2.spacing(1)} ${theme2.palette.primary.background}`
+        }
+      })
+    }
+  }
+};
+const navigationOverrides = {
+  // Menu
+  MuiMenu: {
+    styleOverrides: {
+      paper: ({ theme: theme2 }) => ({
+        "&.MuiMenu-paper": {
+          minWidth: theme2.spacing(8),
+          // 64px, defined by design
+          maxHeight: theme2.spacing(39),
+          // 312px, defined by design
+          "&:focus-visible": {
+            outline: "none !important",
+            boxShadow: "none !important"
+          }
+        }
+      })
+    }
+  },
+  // Menu Item
+  MuiMenuItem: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        ...theme2.typography.body2,
+        columnGap: theme2.spacing(1),
+        minHeight: theme2.spacing(4),
+        padding: theme2.spacing(0.75, 1, 0.75, 1.5),
+        whiteSpace: "normal",
+        transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+        [theme2.breakpoints.up("sm")]: {
+          // Overrides an unwanted Mui default style
+          "&.MuiButtonBase-root": {
+            minHeight: theme2.spacing(4)
+          }
+        },
+        "&:hover": {
+          ".MuiAvatar-root, .MuiChip-root, .CartoTag-root": {
+            cursor: "pointer"
+          }
+        },
+        "&:focus-visible": {
+          // Solves a known Mui issue: https://github.com/mui/material-ui/issues/23747
+          backgroundColor: "transparent",
+          outline: `none !important`,
+          boxShadow: `inset 0 0 0 2px ${theme2.palette.primary.main} !important`,
+          borderRadius: theme2.shape.borderRadius,
+          "&:hover": {
+            backgroundColor: theme2.palette.action.hover
+          }
+        },
+        "&.Mui-selected": {
+          color: theme2.palette.primary.main,
+          "&:focus-visible": {
+            // Solves a known Mui issue: https://github.com/mui/material-ui/issues/23747
+            backgroundColor: theme2.palette.primary.background
+          },
+          "&:hover": {
+            backgroundColor: theme2.palette.action.hover
+          },
+          "& .MuiTypography-root, & .MuiSvgIcon-root": {
+            color: theme2.palette.primary.main
+          },
+          ".MuiTypography-caption": {
+            // secondary text
+            color: theme2.palette.text.secondary
+          }
+        },
+        "&.Mui-disabled": {
+          opacity: 1,
+          color: theme2.palette.text.disabled,
+          backgroundColor: theme2.palette.background.paper,
+          "&:empty": {
+            height: 0,
+            minHeight: 0,
+            padding: 0
+          },
+          ".MuiTypography-root": {
+            color: theme2.palette.text.disabled
+          },
+          svg: {
+            color: theme2.palette.text.disabled
+          },
+          ".MuiListItemIcon-root svg path": {
+            fill: theme2.palette.text.disabled
+          },
+          ".MuiAvatar-root": {
+            color: theme2.palette.text.disabled,
+            backgroundColor: theme2.palette.action.disabledBackground
+          }
+        },
+        "& > .MuiSvgIcon-root": {
+          marginRight: theme2.spacing(1)
+        },
+        ".MuiMenu-paper-sizeSmall &": {
+          paddingLeft: theme2.spacing(1.5),
+          paddingRight: theme2.spacing(1.5)
+        }
+      }),
+      dense: ({ theme: theme2 }) => ({
+        minHeight: theme2.spacing(3),
+        paddingTop: 0,
+        paddingBottom: 0,
+        ".MuiTypography-root": {
+          ...theme2.typography.caption,
+          fontWeight: 500
+        },
+        [theme2.breakpoints.up("sm")]: {
+          // Overrides an unwanted Mui default style
+          "&.MuiButtonBase-root": {
+            minHeight: theme2.spacing(3)
+          }
+        }
+      })
+    }
+  },
+  // List
+  MuiList: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        paddingTop: 0,
+        ".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &": {
+          minWidth: theme2.spacing(8),
+          // 64px, defined by design
+          maxHeight: theme2.spacing(39),
+          // 312px, defined by design
+          overflowY: "auto",
+          "&:focus-visible": {
+            outline: "none !important",
+            boxShadow: "none !important"
+          }
+        },
+        ".MuiDivider-root": {
+          margin: theme2.spacing(1, 0)
+        },
+        // Indent sublevels, ugly but needed to avoid issues with hover
+        "& .MuiList-root": {
+          paddingTop: 0,
+          paddingBottom: 0,
+          "& .MuiListItem-root": {
+            paddingLeft: theme2.spacing(4)
+          },
+          "& .MuiList-root": {
+            "& .MuiListItem-root": {
+              paddingLeft: theme2.spacing(6)
+            },
+            "& .MuiList-root": {
+              "& .MuiListItem-root": {
+                paddingLeft: theme2.spacing(8)
+              },
+              "& .MuiList-root": {
+                "& .MuiListItem-root": {
+                  paddingLeft: theme2.spacing(10)
+                }
+              }
+            }
+          }
+        },
+        "& .MuiListItemButton-root": {
+          "&:focus-visible": {
+            backgroundColor: "transparent"
+          }
+        }
+      })
+    }
+  },
+  // List Item
+  MuiListItemText: {
+    defaultProps: {
+      primaryTypographyProps: {
+        variant: "body2",
+        noWrap: true,
+        component: "span"
+      },
+      secondaryTypographyProps: { variant: "caption" }
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        paddingRight: theme2.spacing(2),
+        "& + .MuiBox-root": {
+          marginRight: theme2.spacing(1)
+        }
+      })
+    }
+  },
+  MuiListItemIcon: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        display: "flex",
+        alignItems: "center",
+        gap: theme2.spacing(2),
+        "& .MuiSvgIcon-root": {
+          fontSize: TablePaginationActions.ICON_SIZE_LARGE
+        },
+        ".MuiMenuItem-root.MuiButtonBase-root &": {
+          minWidth: TablePaginationActions.ICON_SIZE_MEDIUM
+        }
+      })
+    }
+  },
+  MuiListItemAvatar: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        "& .MuiAvatar-root": {
+          height: theme2.spacing(4),
+          width: theme2.spacing(4)
+        },
+        "& .MuiSvgIcon-root": {
+          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
+        }
+      })
+    }
+  },
+  // Tabs
+  MuiTabs: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        boxSizing: "content-box",
+        boxShadow: `0 1px 0 0 ${theme2.palette.black[12]}`
+      }),
+      vertical: () => ({
+        borderBottom: 0
+      })
+    }
+  },
+  // Tab
+  MuiTab: {
+    defaultProps: {
+      iconPosition: "start"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        minHeight: theme2.spacing(6),
+        minWidth: theme2.spacing(6),
+        padding: theme2.spacing(0, 2),
+        paddingTop: "2px",
+        borderBottom: "2px solid transparent",
+        ...theme2.typography.subtitle2,
+        color: theme2.palette.text.primary,
+        transition: "border 300ms cubic-bezier(0.4, 0, 0.2, 1)",
+        "&:hover": {
+          borderBottomColor: theme2.palette.text.primary
+        },
+        "&:focus-visible": {
+          outline: `none !important`,
+          boxShadow: `inset 0 0 0 2px ${theme2.palette.primary.main} !important`,
+          borderRadius: `${theme2.shape.borderRadius}px ${theme2.shape.borderRadius}px 0 0`
+        },
+        "&.Mui-selected": {
+          pointerEvents: "none",
+          "& svg:not(.doNotFillIcon) path": {
+            fill: theme2.palette.primary.main
+          }
+        },
+        ".MuiTabs-vertical &": {
+          paddingTop: 0,
+          borderBottom: 0,
+          paddingLeft: "2px",
+          borderRight: "2px solid transparent",
+          "&:hover": {
+            borderRightColor: theme2.palette.text.primary
+          }
+        }
+      }),
+      wrapped: () => ({
+        maxWidth: "240px"
+      })
+    }
+  },
+  // Breadcrumbs
+  MuiBreadcrumbs: {
+    styleOverrides: {
+      li: ({ theme: theme2 }) => ({
+        "& .MuiTypography-root": {
+          ...theme2.typography.body2,
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center"
+        },
+        "& .MuiSvgIcon-root": {
+          fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
+          marginRight: theme2.spacing(1)
+        }
+      }),
+      separator: ({ theme: theme2 }) => ({
+        marginLeft: theme2.spacing(0.5),
+        marginRight: theme2.spacing(0.5)
+      })
+    }
+  },
+  // Links
+  MuiLink: {
+    defaultProps: {
+      underline: "hover"
+    },
+    styleOverrides: {
+      root: () => ({
+        cursor: "pointer"
+      })
+    }
+  }
+};
+const calendarSize = 35;
+const dropdownHeight = 39.5;
+const datePickersOverrides = {
+  // https://mui.com/x/react-date-pickers/date-picker/#customization
+  MuiDatePicker: {
+    defaultProps: {
+      slotProps: {
+        popper: { placement: "bottom-end" },
+        textField: {
+          InputLabelProps: {
+            shrink: true
+          }
+        }
+      },
+      slots: {
+        openPickerIcon: iconsMaterial.EventOutlined,
+        clearIcon: iconsMaterial.Cancel
+      }
+    }
+  },
+  MuiDateCalendar: {
+    defaultProps: {
+      dayOfWeekFormatter: (weekday) => `${weekday.toLocaleDateString("en-US", { weekday: "short" })}`,
+      slots: {
+        rightArrowIcon: iconsMaterial.ChevronRightOutlined,
+        leftArrowIcon: iconsMaterial.ChevronLeftOutlined,
+        switchViewIcon: iconsMaterial.ExpandMoreOutlined
+      }
+    },
+    styleOverrides: {
+      root: ({ ownerState, theme: theme2 }) => {
+        var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i;
+        return {
+          width: theme2.spacing(calendarSize),
+          height: theme2.spacing(dropdownHeight),
+          maxHeight: theme2.spacing(dropdownHeight),
+          // Year only view
+          ...((_a2 = ownerState.views) == null ? void 0 : _a2.includes("year")) && !((_b2 = ownerState.views) == null ? void 0 : _b2.includes("month")) && !((_c2 = ownerState.views) == null ? void 0 : _c2.includes("day")) && {
+            height: theme2.spacing(33.5),
+            // 268px
+            maxHeight: theme2.spacing(33.5)
+          },
+          // Month only view
+          ...((_d2 = ownerState.views) == null ? void 0 : _d2.includes("month")) && !((_e2 = ownerState.views) == null ? void 0 : _e2.includes("year")) && !((_f2 = ownerState.views) == null ? void 0 : _f2.includes("day")) && {
+            height: theme2.spacing(29),
+            // 232px
+            maxHeight: theme2.spacing(29),
+            "& .MuiPickersCalendarHeader-labelContainer": {
+              cursor: "default"
+            }
+          },
+          // Day only view
+          ...((_g2 = ownerState.views) == null ? void 0 : _g2.includes("day")) && !((_h2 = ownerState.views) == null ? void 0 : _h2.includes("year")) && !((_i = ownerState.views) == null ? void 0 : _i.includes("month")) && {
+            "& .MuiPickersCalendarHeader-labelContainer": {
+              cursor: "default"
+            }
+          },
+          "& .MuiYearCalendar-root, & .MuiMonthCalendar-root": {
+            gap: theme2.spacing(0.5),
+            width: theme2.spacing(calendarSize),
+            padding: theme2.spacing(1, 2)
+          },
+          "& .MuiPickersYear-root": {
+            flexBasis: "22.5%"
+          },
+          "& .MuiPickersMonth-root": {
+            flexBasis: "31.1%"
+          },
+          "& .MuiPickersYear-yearButton, & .MuiPickersMonth-monthButton, & .MuiPickersDay-root": {
+            width: "100%",
+            height: theme2.spacing(4),
+            margin: 0,
+            padding: 0,
+            ...theme2.typography.button,
+            borderRadius: theme2.shape.borderRadius,
+            "&:hover": {
+              backgroundColor: theme2.palette.action.hover
+            },
+            "&.Mui-selected": {
+              backgroundColor: theme2.palette.primary.background,
+              color: theme2.palette.primary.main,
+              "&:focus": {
+                backgroundColor: theme2.palette.primary.background
+              },
+              "&:hover": {
+                backgroundColor: theme2.palette.action.hover
+              }
+            },
+            "&.Mui-disabled": {
+              color: theme2.palette.text.disabled
+            }
+          },
+          "& .MuiPickersDay-root": {
+            margin: theme2.spacing(0.25)
+          }
+        };
+      }
+    }
+  },
+  MuiPickersPopper: {
+    styleOverrides: {
+      paper: ({ theme: theme2 }) => ({
+        marginBottom: theme2.spacing(0.5)
+      })
+    }
+  },
+  MuiYearCalendar: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        maxHeight: theme2.spacing(33.5)
+        // 268px
+      })
+    }
+  },
+  MuiPickersCalendarHeader: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        maxHeight: theme2.spacing(4),
+        minHeight: theme2.spacing(4),
+        margin: 0,
+        padding: theme2.spacing(1, 1, 1, 2),
+        boxSizing: "content-box",
+        "& .MuiIconButton-root": {
+          borderRadius: theme2.shape.borderRadius
+        },
+        "& .MuiPickersArrowSwitcher-spacer": {
+          width: theme2.spacing(4)
+        }
+      }),
+      label: ({ theme: theme2 }) => ({
+        ...theme2.typography.subtitle2
+      }),
+      switchViewButton: ({ theme: theme2 }) => ({
+        width: theme2.spacing(4),
+        height: theme2.spacing(4)
+      })
+    }
+  },
+  MuiDayCalendar: {
+    styleOverrides: {
+      header: ({ theme: theme2 }) => ({
+        margin: theme2.spacing(0, 2)
+      }),
+      weekContainer: () => ({
+        margin: 0
+      }),
+      weekDayLabel: ({ theme: theme2 }) => ({
+        flex: 1,
+        ...theme2.typography.caption,
+        fontWeight: theme2.typography.fontWeightRegular,
+        color: theme2.palette.text.secondary
+      })
+    }
+  },
+  MuiPickersDay: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        width: `${theme2.spacing(4)} !important`,
+        height: theme2.spacing(4),
+        "&:focus": {
+          backgroundColor: "transparent"
+        }
+      }),
+      today: ({ theme: theme2 }) => ({
+        border: `1px solid ${theme2.palette.default.outlinedBorder}`,
+        "&:hover, &:selected": {
+          borderColor: theme2.palette.primary.light
+        },
+        "&:not(.Mui-selected)": {
+          borderColor: theme2.palette.default.outlinedBorder
+        },
+        "&.Mui-selected": {
+          borderColor: theme2.palette.primary.light,
+          "&:focus": {
+            borderColor: theme2.palette.primary.light
+          }
+        },
+        "&.Mui-disabled": {
+          color: theme2.palette.text.disabled,
+          borderColor: theme2.palette.default.outlinedBorder,
+          backgroundColor: "transparent",
+          "&.Mui-selected": {
+            opacity: "1 !important",
+            color: theme2.palette.text.disabled,
+            backgroundColor: "transparent",
+            borderColor: theme2.palette.default.outlinedBorder
+          }
+        }
+      })
+    }
+  },
+  MuiTimePicker: {
+    defaultProps: {
+      views: ["hours"],
+      format: "hh:mm a",
+      ampm: true,
+      viewRenderers: {
+        hours: xDatePickers.renderDigitalClockTimeView
+      },
+      timeSteps: { minutes: 30 },
+      slotProps: {
+        actionBar: { actions: [] }
+        // Remove ok button at bottom
+      },
+      slots: {
+        clearIcon: iconsMaterial.Cancel,
+        digitalClockItem: (props) => {
+          return /* @__PURE__ */ jsxRuntime.jsx(MenuItem.MenuItem, { ...props, disableRipple: true });
+        }
+      }
+    }
+  },
+  MuiDateTimePicker: {
+    defaultProps: {
+      views: ["year", "month", "day", "hours"],
+      format: "MM/dd/yyyy hh:mm a",
+      ampm: true,
+      viewRenderers: {
+        hours: xDatePickers.renderDigitalClockTimeView
+      },
+      timeSteps: { minutes: 30 },
+      slotProps: {
+        popper: {
+          placement: "bottom-end"
+        },
+        actionBar: { actions: [] }
+        // Remove ok button at bottom
+      },
+      slots: {
+        openPickerIcon: iconsMaterial.EventOutlined,
+        clearIcon: iconsMaterial.Cancel,
+        digitalClockItem: (props) => {
+          return /* @__PURE__ */ jsxRuntime.jsx(MenuItem.MenuItem, { ...props, disableRipple: true });
+        }
+      }
+    }
+  },
+  MuiDigitalClock: {
+    defaultProps: {
+      timeStep: 30,
+      ampm: true
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        minWidth: theme2.spacing(15)
+        // 120px defined in design specs
+      }),
+      list: ({ theme: theme2 }) => ({
+        ".MuiPopper-root &": {
+          maxHeight: theme2.spacing(dropdownHeight),
+          paddingBottom: theme2.spacing(1)
+        }
+      })
+    }
+  }
+};
+function getPixelToRem(px) {
+  const fontBase = 16;
+  const rem = 1 / fontBase * px + "rem";
+  return rem;
+}
+const baseTypography = {
+  htmlFontSize: 16,
+  fontFamily: "Inter, sans-serif",
+  fontSize: 16,
+  lineHeight: 1.5,
+  fontWeightLight: 300,
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightBold: 600,
+  fontSmoothing: "antialiased",
+  h1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(96),
+    lineHeight: 1.167,
+    letterSpacing: "-1.5px"
+  },
+  h2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(60),
+    lineHeight: 1.2,
+    letterSpacing: "-0.5px"
+  },
+  h3: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(48),
+    lineHeight: 1.167,
+    letterSpacing: 0
+  },
+  h4: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(32),
+    lineHeight: 1.25,
+    letterSpacing: 0
+  },
+  h5: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(24),
+    lineHeight: 1.167,
+    letterSpacing: 0
+  },
+  h6: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(18),
+    lineHeight: 1.333,
+    letterSpacing: 0
+  },
+  subtitle1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(16),
+    lineHeight: 1.5,
+    letterSpacing: 0
+  },
+  subtitle2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 600,
+    fontSize: getPixelToRem(13),
+    lineHeight: 1.538,
+    letterSpacing: 0
+  },
+  body1: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: getPixelToRem(16),
+    lineHeight: 1.5,
+    letterSpacing: 0
+  },
+  body2: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: getPixelToRem(13),
+    lineHeight: 1.538,
+    letterSpacing: 0
+  },
+  button: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(13),
+    lineHeight: 1.538,
+    letterSpacing: 0,
+    textTransform: "inherit"
+  },
+  caption: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 400,
+    fontSize: getPixelToRem(11),
+    lineHeight: 1.454,
+    letterSpacing: 0
+  },
+  overline: {
+    fontFamily: "Inter, sans-serif",
+    fontWeight: 500,
+    fontSize: getPixelToRem(10),
+    lineHeight: 1.2,
+    letterSpacing: "1.2px",
+    textTransform: "uppercase"
+  }
+};
+const customTypography = {
+  captionMedium: {
+    ...baseTypography.caption,
+    fontWeight: 500,
+    letterSpacing: 0
+  },
+  overlineDelicate: {
+    ...baseTypography.overline,
+    fontWeight: 400,
+    letterSpacing: "1.2px"
+  },
+  code1: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: getPixelToRem(16),
+    lineHeight: 1.5,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  },
+  code2: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: getPixelToRem(14),
+    lineHeight: 1.428,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  },
+  code3: {
+    fontFamily: '"Overpass Mono", monospace',
+    fontWeight: 400,
+    fontSize: getPixelToRem(12),
+    lineHeight: 1.333,
+    letterSpacing: 0,
+    fontVariantLigatures: "no-common-ligatures"
+  }
+};
+const themeTypography = {
+  ...baseTypography,
+  ...customTypography
+};
+const CssBaseline = {
+  // Accessibility focus (keyboard only)
+  "*:focus-visible": {
+    outline: `2px solid ${(_a = paletteUtils.commonPalette.primary) == null ? void 0 : _a.main} !important`,
+    boxShadow: `0 0 0 4px ${(_b = paletteUtils.commonPalette.primary) == null ? void 0 : _b.background} !important`,
+    borderRadius: "4px"
+  },
+  // Custom scrollbars
+  "*::-webkit-scrollbar": {
+    position: "fixed"
+  },
+  "*::-webkit-scrollbar:vertical": {
+    width: "5px"
+  },
+  "*::-webkit-scrollbar:horizontal": {
+    height: "5px"
+  },
+  "*::-webkit-scrollbar-track": {
+    boxShadow: "none",
+    background: "transparent"
+  },
+  "*::-webkit-scrollbar-thumb": {
+    borderRadius: "3px",
+    background: (_c = paletteUtils.commonPalette.action) == null ? void 0 : _c.focus,
+    outline: "none"
+  },
+  // iOS Search clear button
+  'input[type="search"]::-webkit-search-cancel-button': {
+    WebkitAppearance: "none",
+    appearance: "none",
+    height: TablePaginationActions.getSpacing(2),
+    width: TablePaginationActions.getSpacing(2),
+    display: "block",
+    backgroundImage: `url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)`,
+    backgroundRepeat: "no-repeat",
+    backgroundSize: TablePaginationActions.getSpacing(2)
+  },
+  // Mapbox controls
+  ".mapboxgl-ctrl.mapboxgl-ctrl-attrib": {
+    padding: TablePaginationActions.getSpacing(0, 1),
+    borderRadius: TablePaginationActions.getSpacing(0.5, 0, 0, 0),
+    "& .mapboxgl-ctrl-attrib-inner": {
+      ...themeTypography.overline,
+      textTransform: "none",
+      letterSpacing: "0.75px",
+      "& a": {
+        color: (_d = paletteUtils.commonPalette.primary) == null ? void 0 : _d.main
+      }
+    },
+    "&.mapboxgl-compact": {
+      backgroundColor: "transparent",
+      right: TablePaginationActions.getSpacing(0.5),
+      bottom: TablePaginationActions.getSpacing(2.5),
+      // Mobile
+      "@media (max-width: 600px)": {
+        bottom: TablePaginationActions.getSpacing(0.5)
+      },
+      "& .mapboxgl-ctrl-attrib-button": {
+        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(_e = paletteUtils.commonPalette.text) == null ? void 0 : _e.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
+        backgroundColor: "rgba(255,255,255,.8)",
+        top: "auto",
+        bottom: 0,
+        right: 0,
+        "&:not(:disabled):hover": {
+          backgroundColor: "rgba(255,255,255,.8)"
+        }
+      },
+      "& .mapboxgl-ctrl-attrib-inner": {
+        backgroundColor: "rgba(255,255,255,.8)",
+        padding: TablePaginationActions.getSpacing(0.5, 1),
+        borderRadius: TablePaginationActions.getSpacing(1.5),
+        marginRight: TablePaginationActions.getSpacing(2.5),
+        color: (_f = paletteUtils.commonPalette.text) == null ? void 0 : _f.secondary
+      },
+      "&.mapboxgl-compact-show": {
+        "& .mapboxgl-ctrl-attrib-button": {
+          backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%20fill='white'/%3E%3C/svg%3E")`,
+          backgroundColor: (_g = paletteUtils.commonPalette.common) == null ? void 0 : _g.black,
+          "&:not(:disabled):hover": {
+            backgroundColor: (_h = paletteUtils.commonPalette.common) == null ? void 0 : _h.black
+          }
+        }
+      }
+    }
+  }
+};
+const feedbackOverrides = {
+  // SnackBar
+  MuiSnackbar: {
+    defaultProps: {
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "center"
+      }
+    }
+  },
+  // Skeleton
+  MuiSkeleton: {
+    defaultProps: {
+      animation: "wave",
+      variant: "rounded"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        backgroundColor: theme2.palette.black[8]
+      }),
+      rounded: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(0.5)
+      }),
+      text: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(0.5)
+      }),
+      wave: ({ theme: theme2 }) => ({
+        "&::after": {
+          background: `linear-gradient( 90deg, transparent, ${theme2.palette.black[4]}, transparent )`
+        }
+      })
+    }
+  },
+  // Alert
+  MuiAlert: {
+    defaultProps: {
+      iconMapping: {
+        success: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.CheckCircleOutlined, {})
+      }
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        borderRadius: theme2.spacing(1),
+        alignSelf: "start",
+        width: "100%",
+        padding: theme2.spacing(1.5)
+      }),
+      icon: ({ theme: theme2 }) => ({
+        height: theme2.spacing(3),
+        display: "flex",
+        alignItems: "center",
+        padding: 0,
+        marginRight: theme2.spacing(1),
+        svg: {
+          width: TablePaginationActions.ICON_SIZE_MEDIUM,
+          height: TablePaginationActions.ICON_SIZE_MEDIUM
+        }
+      }),
+      action: () => ({
+        paddingTop: 0,
+        marginRight: 0
+      }),
+      message: ({ theme: theme2 }) => ({
+        paddingTop: theme2.spacing(0.5),
+        paddingBottom: 0,
+        ...theme2.typography.caption
+      })
+    }
+  },
+  // AlertTitle
+  MuiAlertTitle: {
+    defaultProps: {
+      variant: "body2"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        marginBottom: theme2.spacing(0.5),
+        fontWeight: theme2.typography.fontWeightBold,
+        color: "inherit"
+      })
+    }
+  }
+};
+const surfacesOverrides = {
+  // AppBar
+  MuiAppBar: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        height: TablePaginationActions.APPBAR_SIZE,
+        backgroundColor: theme2.palette.brand.navyBlue,
+        color: theme2.palette.common.white,
+        boxShadow: theme2.shadows[0],
+        "& .MuiToolbar-root": {
+          justifyContent: "space-between",
+          width: "100%",
+          padding: theme2.spacing(0, 1),
+          minHeight: TablePaginationActions.APPBAR_SIZE
+        },
+        "& .MuiAvatar-root": {
+          width: theme2.spacing(4),
+          height: theme2.spacing(4)
+        }
+      })
+    }
+  },
+  // MuiAccordion
+  MuiAccordion: {
+    defaultProps: {
+      disableGutters: true,
+      elevation: 0
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        ...theme2.typography.body2,
+        backgroundColor: "transparent",
+        boxShadow: `inset 0 -1px 0 0 ${theme2.palette.divider}`,
+        "&:last-of-type": {
+          boxShadow: "none"
+        },
+        "&::before": {
+          content: "none"
+        },
+        "&.Mui-disabled": {
+          backgroundColor: "transparent"
+        }
+      })
+    }
+  },
+  // MuiAccordionSummary
+  MuiAccordionSummary: {
+    defaultProps: {
+      expandIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ExpandMoreOutlined, {})
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        ...theme2.typography.button,
+        "&.Mui-disabled": {
+          opacity: 1,
+          color: theme2.palette.text.disabled
+        },
+        "&.Mui-focusVisible": {
+          backgroundColor: "transparent",
+          borderRadius: theme2.shape.borderRadius
+        }
+      }),
+      expandIconWrapper: ({ theme: theme2 }) => ({
+        "& svg": {
+          color: theme2.palette.text.secondary,
+          ".Mui-disabled &": {
+            color: theme2.palette.text.disabled
+          }
+        }
+      })
+    }
+  },
+  // MuiAccordionDetails
+  MuiAccordionDetails: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        paddingBottom: theme2.spacing(3)
+      })
+    }
+  }
+};
+const themeShadows = [
+  "none",
+  // 0
+  "0px 2px 1px -1px rgba(44, 48, 50, 0.12), 0px 1px 1px rgba(44, 48, 50, 0.08), 0px 1px 3px rgba(44, 48, 50, 0.04)",
+  // 1
+  "0px 3px 1px -2px rgba(44, 48, 50, 0.12), 0px 2px 2px rgba(44, 48, 50, 0.08), 0px 1px 5px rgba(44, 48, 50, 0.04)",
+  // 2
+  "0px 3px 3px -2px rgba(0,0,0,0.16),0px 3px 4px 0px rgba(0,0,0,0.08),0px 1px 8px 0px rgba(0,0,0,0.04)",
+  "0px 2px 4px -1px rgba(44, 48, 50, 0.12), 0px 4px 5px rgba(44, 48, 50, 0.08), 0px 1px 10px rgba(44, 48, 50, 0.04)",
+  // 4
+  "0px 3px 5px -1px rgba(0,0,0,0.16),0px 5px 8px 0px rgba(0,0,0,0.08),0px 1px 14px 0px rgba(0,0,0,0.04)",
+  "0px 3px 5px -1px rgba(44, 48, 50, 0.12), 0px 6px 10px rgba(44, 48, 50, 0.08), 0px 1px 18px rgba(44, 48, 50, 0.04)",
+  // 6
+  "0px 4px 5px -2px rgba(0,0,0,0.16),0px 7px 10px 1px rgba(0,0,0,0.08),0px 2px 16px 1px rgba(0,0,0,0.04)",
+  "0px 5px 5px -3px rgba(44, 48, 50, 0.12), 0px 8px 10px 1px rgba(44, 48, 50, 0.08), 0px 3px 14px 2px rgba(44, 48, 50, 0.04)",
+  // 8
+  "0px 5px 6px -3px rgba(0,0,0,0.16),0px 9px 12px 1px rgba(0,0,0,0.08),0px 3px 16px 2px rgba(0,0,0,0.04)",
+  "0px 6px 6px -3px rgba(0,0,0,0.16),0px 10px 14px 1px rgba(0,0,0,0.08),0px 4px 18px 3px rgba(0,0,0,0.04)",
+  "0px 6px 7px -4px rgba(0,0,0,0.16),0px 11px 15px 1px rgba(0,0,0,0.08),0px 4px 20px 3px rgba(0,0,0,0.04)",
+  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 12px 17px 2px rgba(0,0,0,0.08),0px 5px 22px 4px rgba(0,0,0,0.04)",
+  "0px 7px 8px -4px rgba(0,0,0,0.16),0px 13px 19px 2px rgba(0,0,0,0.08),0px 5px 24px 4px rgba(0,0,0,0.04)",
+  "0px 7px 9px -4px rgba(0,0,0,0.16),0px 14px 21px 2px rgba(0,0,0,0.08),0px 5px 26px 4px rgba(0,0,0,0.04)",
+  "0px 8px 9px -5px rgba(0,0,0,0.16),0px 15px 22px 2px rgba(0,0,0,0.08),0px 6px 28px 5px rgba(0,0,0,0.04)",
+  "0px 8px 10px -5px rgba(44, 48, 50, 0.12), 0px 16px 24px 2px rgba(44, 48, 50, 0.08), 0px 6px 30px 5px rgba(44, 48, 50, 0.04)",
+  // 16
+  "0px 8px 11px -5px rgba(0,0,0,0.16),0px 17px 26px 2px rgba(0,0,0,0.08),0px 6px 32px 5px rgba(0,0,0,0.04)",
+  "0px 9px 11px -5px rgba(0,0,0,0.16),0px 18px 28px 2px rgba(0,0,0,0.08),0px 7px 34px 6px rgba(0,0,0,0.04)",
+  "0px 9px 12px -6px rgba(0,0,0,0.16),0px 19px 29px 2px rgba(0,0,0,0.08),0px 7px 36px 6px rgba(0,0,0,0.04)",
+  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 20px 31px 3px rgba(0,0,0,0.08),0px 8px 38px 7px rgba(0,0,0,0.04)",
+  "0px 10px 13px -6px rgba(0,0,0,0.16),0px 21px 33px 3px rgba(0,0,0,0.08),0px 8px 40px 7px rgba(0,0,0,0.04)",
+  "0px 10px 14px -6px rgba(0,0,0,0.16),0px 22px 35px 3px rgba(0,0,0,0.08),0px 8px 42px 7px rgba(0,0,0,0.04)",
+  "0px 11px 14px -7px rgba(0,0,0,0.16),0px 23px 36px 3px rgba(0,0,0,0.08),0px 9px 44px 8px rgba(0,0,0,0.04)",
+  "0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"
+  // 24
+];
+const cartoThemeOptions = {
+  themeName: "CARTO",
+  breakpoints: {
+    keys: ["xs", "sm", "md", "lg", "xl"],
+    values: {
+      xs: TablePaginationActions.BREAKPOINTS.XS,
+      // 320 - 599
+      sm: TablePaginationActions.BREAKPOINTS.SM,
+      // 600 - 959
+      md: TablePaginationActions.BREAKPOINTS.MD,
+      // 960 - 1279
+      lg: TablePaginationActions.BREAKPOINTS.LG,
+      // 1280 - 1599
+      xl: TablePaginationActions.BREAKPOINTS.XL
+      // 1600+
+    },
+    unit: "px",
+    step: 5
+    // For more information about use this helper functions: https://mui.com/material-ui/customization/breakpoints/#css-media-queries
+    // up: f d(),
+    // down: f down(),
+    // between: f p(),
+    // only: f only(),
+    // width: f width(),
+  },
+  direction: "ltr",
+  mixins: {
+    // gutters: f gutters(),
+    toolbar: {
+      minHeight: 56,
+      "@media (min-width:0px) and (orientation: landscape)": {
+        minHeight: 48
+      },
+      "@media (min-width:600px)": {
+        minHeight: 56
+      }
+    }
+  },
+  palette: paletteUtils.commonPalette,
+  shadows: themeShadows,
+  typography: themeTypography,
+  spacingValue: TablePaginationActions.SPACING,
+  // For situations where we can't use theme.spacing(), mainly math calculations.er
+  spacing: TablePaginationActions.SPACING,
+  // For custom spacing: https://material-ui.com/customization/spacing/#custom-spacing
+  shape: {
+    borderRadius: 4
+  },
+  transitions: {
+    easing: {
+      easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+      easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+      easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+      sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+    },
+    duration: {
+      shortest: 150,
+      shorter: 200,
+      short: 250,
+      standard: 300,
+      complex: 375,
+      enteringScreen: 225,
+      leavingScreen: 195
+    }
+    // create: f create(), => Research
+    // getAutoHeightDuration: f getAutoHeightDuration(), => Research
+  },
+  zIndex: {
+    mobileStepper: 1e3,
+    speedDial: 1050,
+    appBar: 1100,
+    drawer: 1200,
+    modal: 1300,
+    snackbar: 1400,
+    tooltip: 1500
+  },
+  // Styles and props overrides for components
+  components: {
+    MuiCssBaseline: {
+      styleOverrides: {
+        ...CssBaseline
+      }
+    },
+    ...buttonsOverrides,
+    ...formsOverrides,
+    ...navigationOverrides,
+    ...dataDisplayOverrides,
+    ...feedbackOverrides,
+    ...surfacesOverrides,
+    ...datePickersOverrides
+  }
+};
+const theme = material.responsiveFontSizes(material.createTheme(cartoThemeOptions));
+exports.APPBAR_SIZE = TablePaginationActions.APPBAR_SIZE;
+exports.BREAKPOINTS = TablePaginationActions.BREAKPOINTS;
+exports.ICON_SIZE_LARGE = TablePaginationActions.ICON_SIZE_LARGE;
+exports.ICON_SIZE_MEDIUM = TablePaginationActions.ICON_SIZE_MEDIUM;
+exports.ICON_SIZE_SMALL = TablePaginationActions.ICON_SIZE_SMALL;
+exports.NOTIFICATION_DURATION_IN_MS = TablePaginationActions.NOTIFICATION_DURATION_IN_MS;
+exports.SPACING = TablePaginationActions.SPACING;
+exports.getSpacing = TablePaginationActions.getSpacing;
+exports.getCartoColorStylePropsForItem = paletteUtils.getCartoColorStylePropsForItem;
+exports.cartoThemeOptions = cartoThemeOptions;
+exports.theme = theme;