{
  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
  "version": 1.1,
  "properties": [
    {
      "name": "--m3e-collapsible-animation-duration",
      "description": "The duration of the expand / collapse animation.",
      "values": []
    },
    {
      "name": "--m3e-elevation-color",
      "description": "Color used to depict elevation.",
      "values": []
    },
    {
      "name": "--m3e-elevation-lift-duration",
      "description": "Duration when lifting.",
      "values": []
    },
    {
      "name": "--m3e-elevation-lift-easing",
      "description": "Easing curve when lifting.",
      "values": []
    },
    {
      "name": "--m3e-elevation-settle-duration",
      "description": "Duration when settling.",
      "values": []
    },
    {
      "name": "--m3e-elevation-settle-easing",
      "description": "Easing curve when settling.",
      "values": []
    },
    {
      "name": "--m3e-elevation-level",
      "description": "Elevation when resting (box-shadow).",
      "values": []
    },
    {
      "name": "--m3e-elevation-hover-level",
      "description": "Elevation on hover (box-shadow).",
      "values": []
    },
    {
      "name": "--m3e-elevation-focus-level",
      "description": "Elevation on focus (box-shadow).",
      "values": []
    },
    {
      "name": "--m3e-elevation-pressed-level",
      "description": "Elevation on pressed (box-shadow).",
      "values": []
    },
    {
      "name": "--m3e-focus-ring-color",
      "description": "The color of the focus ring.",
      "values": []
    },
    {
      "name": "--m3e-focus-ring-duration",
      "description": "The duration of the focus ring animation.",
      "values": []
    },
    {
      "name": "--m3e-focus-ring-growth-factor",
      "description": "The factor by which the focus ring grows.",
      "values": []
    },
    {
      "name": "--m3e-focus-ring-thickness",
      "description": "The thickness of the focus ring.",
      "values": []
    },
    {
      "name": "--m3e-focus-ring-visibility",
      "description": "The visibility of the focus ring.",
      "values": []
    },
    {
      "name": "--m3e-focus-ring-outward-offset",
      "description": "Offset of an outward focus ring.",
      "values": []
    },
    {
      "name": "--m3e-focus-ring-inward-offset",
      "description": "Offset of an inward focus ring.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-icon-size",
      "description": "Size of the checkbox icon.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-container-shape",
      "description": "Border radius of the checkbox container.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-outline-thickness",
      "description": "Outline thickness for unselected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-outline-color",
      "description": "Outline color for unselected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-container-color",
      "description": "Background color for selected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-icon-color",
      "description": "Icon color for selected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-disabled-outline-color",
      "description": "Outline color for unselected disabled state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
      "description": "Outline opacity for unselected disabled state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-disabled-container-color",
      "description": "Background color for selected disabled state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-disabled-container-opacity",
      "description": "Background opacity for selected disabled state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-disabled-icon-color",
      "description": "Icon color for selected disabled state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
      "description": "Icon opacity for selected disabled state.",
      "values": []
    },
    {
      "name": "--m3e-radio-icon-size",
      "description": "Size of the radio icon.",
      "values": []
    },
    {
      "name": "--m3e-radio-unselected-icon-color",
      "description": "Color of the unselected radio icon.",
      "values": []
    },
    {
      "name": "--m3e-radio-selected-icon-color",
      "description": "Color of the selected radio icon.",
      "values": []
    },
    {
      "name": "--m3e-radio-disabled-icon-color",
      "description": "Color of the disabled radio icon.",
      "values": []
    },
    {
      "name": "--m3e-ripple-color",
      "description": "The color of the ripple.",
      "values": []
    },
    {
      "name": "--m3e-ripple-enter-duration",
      "description": "The duration for the enter animation (expansion from point of contact).",
      "values": []
    },
    {
      "name": "--m3e-ripple-exit-duration",
      "description": "The duration for the exit animation (fade-out).",
      "values": []
    },
    {
      "name": "--m3e-ripple-opacity",
      "description": "The opacity of the ripple.",
      "values": []
    },
    {
      "name": "--m3e-ripple-scale-factor",
      "description": "The factor by which to scale the ripple.",
      "values": []
    },
    {
      "name": "--m3e-ripple-shape",
      "description": "The shape of the ripple.",
      "values": []
    },
    {
      "name": "--m3e-divider-thickness",
      "description": "Thickness of the divider lines above and below content.",
      "values": []
    },
    {
      "name": "--m3e-divider-color",
      "description": "Color of the divider lines when visible.",
      "values": []
    },
    {
      "name": "--m3e-focus-ring-color",
      "description": "Color of the focus ring outline.",
      "values": []
    },
    {
      "name": "--m3e-focus-ring-thickness",
      "description": "Thickness of the focus ring outline.",
      "values": []
    },
    {
      "name": "--m3e-focus-ring-factor",
      "description": "Animation factor for focus ring thickness.",
      "values": []
    },
    {
      "name": "--m3e-focus-ring-duration",
      "description": "Duration of the focus ring animation.",
      "values": []
    },
    {
      "name": "--m3e-slide-animation-duration",
      "description": "The duration of transitions between slotted items.",
      "values": []
    },
    {
      "name": "--m3e-state-layer-duration",
      "description": "Duration of state layer changes.",
      "values": []
    },
    {
      "name": "--m3e-state-layer-easing",
      "description": "Easing curve of state layer changes.",
      "values": []
    },
    {
      "name": "--m3e-state-layer-focus-color",
      "description": "Color on hover.",
      "values": []
    },
    {
      "name": "--m3e-state-layer-focus-opacity",
      "description": "Opacity on focus.",
      "values": []
    },
    {
      "name": "--m3e-state-layer-hover-color",
      "description": "Color on hover.",
      "values": []
    },
    {
      "name": "--m3e-state-layer-hover-opacity",
      "description": "Opacity on hover.",
      "values": []
    },
    {
      "name": "--m3e-text-highlight-container-color",
      "description": "Background color applied to highlighted text ranges.",
      "values": []
    },
    {
      "name": "--m3e-text-highlight-color",
      "description": "Foreground color of highlighted text content.",
      "values": []
    },
    {
      "name": "--m3e-text-highlight-decoration",
      "description": "Optional text decoration (e.g., underline, line-through) for highlighted text.",
      "values": []
    },
    {
      "name": "--m3e-text-highlight-shadow",
      "description": "Optional text shadow for emphasis or contrast.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-container-color",
      "description": "Background color of the app bar container.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-container-color-on-scroll",
      "description": "Background color of the app bar container when scrolled.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-container-elevation",
      "description": "Elevation (shadow) of the app bar container.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-container-elevation-on-scroll",
      "description": "Elevation (shadow) of the app bar container when scrolled.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-title-text-color",
      "description": "Color of the app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-subtitle-text-color",
      "description": "Color of the app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-padding-left",
      "description": "Left padding for the app bar container.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-padding-right",
      "description": "Right padding for the app bar container.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-small-container-height",
      "description": "Height of the small app bar container.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-small-title-text-font-size",
      "description": "Font size for the small app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-small-title-text-font-weight",
      "description": "Font weight for the small app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-small-title-text-line-height",
      "description": "Line height for the small app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-small-subtitle-text-tracking",
      "description": "Letter spacing (tracking) for the small app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-small-subtitle-text-font-size",
      "description": "Font size for the small app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-small-subtitle-text-font-weight",
      "description": "Font weight for the small app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-small-subtitle-text-line-height",
      "description": "Line height for the small app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-small-subtitle-text-tracking",
      "description": "Letter spacing (tracking) for the small app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-small-heading-padding-left",
      "description": "Left padding for the small app bar heading.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-small-heading-padding-right",
      "description": "Right padding for the small app bar heading.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-container-height",
      "description": "Height of the medium app bar container.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-container-height-with-subtitle",
      "description": "Height of the medium app bar container with subtitle.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-title-text-font-size",
      "description": "Font size for the medium app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-title-text-font-weight",
      "description": "Font weight for the medium app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-title-text-line-height",
      "description": "Line height for the medium app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-subtitle-text-tracking",
      "description": "Letter spacing (tracking) for the medium app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-subtitle-text-font-size",
      "description": "Font size for the medium app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-subtitle-text-font-weight",
      "description": "Font weight for the medium app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-subtitle-text-line-height",
      "description": "Line height for the medium app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-subtitle-text-tracking",
      "description": "Letter spacing (tracking) for the medium app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-heading-padding-left",
      "description": "Left padding for the medium app bar heading.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-heading-padding-right",
      "description": "Right padding for the medium app bar heading.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-padding-top",
      "description": "Top padding for the medium app bar.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-padding-bottom",
      "description": "Bottom padding for the medium app bar.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-title-max-lines",
      "description": "Maximum number of lines for the medium app bar title.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-medium-subtitle-max-lines",
      "description": "Maximum number of lines for the medium app bar subtitle.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-container-height",
      "description": "Height of the large app bar container.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-container-height-with-subtitle",
      "description": "Height of the large app bar container with subtitle.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-title-text-font-size",
      "description": "Font size for the large app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-title-text-font-weight",
      "description": "Font weight for the large app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-title-text-line-height",
      "description": "Line height for the large app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-subtitle-text-tracking",
      "description": "Letter spacing (tracking) for the large app bar title text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-subtitle-text-font-size",
      "description": "Font size for the large app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-subtitle-text-font-weight",
      "description": "Font weight for the large app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-subtitle-text-line-height",
      "description": "Line height for the large app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-subtitle-text-tracking",
      "description": "Letter spacing (tracking) for the large app bar subtitle text.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-heading-padding-left",
      "description": "Left padding for the large app bar heading.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-heading-padding-right",
      "description": "Right padding for the large app bar heading.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-padding-top",
      "description": "Top padding for the large app bar.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-padding-bottom",
      "description": "Bottom padding for the large app bar.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-title-max-lines",
      "description": "Maximum number of lines for the large app bar title.",
      "values": []
    },
    {
      "name": "--m3e-app-bar-large-subtitle-max-lines",
      "description": "Maximum number of lines for the large app bar subtitle.",
      "values": []
    },
    {
      "name": "--m3e-option-container-height",
      "description": "The height of the option container.",
      "values": []
    },
    {
      "name": "--m3e-option-color",
      "description": "The text color of the option.",
      "values": []
    },
    {
      "name": "--m3e-option-container-hover-color",
      "description": "The color for the hover state layer.",
      "values": []
    },
    {
      "name": "--m3e-option-container-focus-color",
      "description": "The color for the focus state layer.",
      "values": []
    },
    {
      "name": "--m3e-option-ripple-color",
      "description": "The color of the ripple effect.",
      "values": []
    },
    {
      "name": "--m3e-option-selected-color",
      "description": "The text color when the option is selected.",
      "values": []
    },
    {
      "name": "--m3e-option-selected-container-color",
      "description": "The background color when the option is selected.",
      "values": []
    },
    {
      "name": "--m3e-option-selected-container-hover-color",
      "description": "The hover color for the selected state layer.",
      "values": []
    },
    {
      "name": "--m3e-option-selected-container-focus-color",
      "description": "The focus color for the selected state layer.",
      "values": []
    },
    {
      "name": "--m3e-option-selected-ripple-color",
      "description": "The ripple color when the option is selected.",
      "values": []
    },
    {
      "name": "--m3e-option-disabled-color",
      "description": "The text color when the option is disabled.",
      "values": []
    },
    {
      "name": "--m3e-option-disabled-opacity",
      "description": "The opacity level applied to the disabled text color.",
      "values": []
    },
    {
      "name": "--m3e-option-icon-label-space",
      "description": "The spacing between the icon and label.",
      "values": []
    },
    {
      "name": "--m3e-option-padding-start",
      "description": "The left padding of the option content.",
      "values": []
    },
    {
      "name": "--m3e-option-padding-end",
      "description": "The right padding of the option content.",
      "values": []
    },
    {
      "name": "--m3e-option-label-text-font-size",
      "description": "The font size of the option label.",
      "values": []
    },
    {
      "name": "--m3e-option-label-text-font-weight",
      "description": "The font weight of the option label.",
      "values": []
    },
    {
      "name": "--m3e-option-label-text-line-height",
      "description": "The line height of the option label.",
      "values": []
    },
    {
      "name": "--m3e-option-label-text-tracking",
      "description": "The letter spacing of the option label.",
      "values": []
    },
    {
      "name": "--m3e-option-focus-ring-shape",
      "description": "The corner radius of the focus ring.",
      "values": []
    },
    {
      "name": "--m3e-option-icon-size",
      "description": "The size of the option icons.",
      "values": []
    },
    {
      "name": "--m3e-option-shape",
      "description": "Base shape of the option.",
      "values": []
    },
    {
      "name": "--m3e-option-selected-shape",
      "description": "Shape used for a selected option.",
      "values": []
    },
    {
      "name": "--m3e-option-first-child-shape",
      "description": "Shape for the first option in a list.",
      "values": []
    },
    {
      "name": "--m3e-option-last-child-shape",
      "description": "Shape for the last option in a list.",
      "values": []
    },
    {
      "name": "--m3e-option-height",
      "description": "The height of the group label container.",
      "values": []
    },
    {
      "name": "--m3e-option-font-size",
      "description": "The font size of the group label.",
      "values": []
    },
    {
      "name": "--m3e-option-font-weight",
      "description": "The font weight of the group label.",
      "values": []
    },
    {
      "name": "--m3e-option-line-height",
      "description": "The line height of the group label.",
      "values": []
    },
    {
      "name": "--m3e-option-tracking",
      "description": "The letter spacing of the group label.",
      "values": []
    },
    {
      "name": "--m3e-option-padding-end",
      "description": "The right padding of the label.",
      "values": []
    },
    {
      "name": "--m3e-option-padding-start",
      "description": "The left padding of the label.",
      "values": []
    },
    {
      "name": "--m3e-option-color",
      "description": "The text color of the group label.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-shape",
      "description": "Corner radius of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-min-width",
      "description": "Minimum width of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-max-width",
      "description": "Maximum width of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-max-height",
      "description": "Maximum height of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-padding-block",
      "description": "Vertical padding inside the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-padding-inline",
      "description": "Horizontal padding inside the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-color",
      "description": "Background color of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-elevation",
      "description": "Box shadow elevation of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-container-shape",
      "description": "Corner radius of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-container-min-width",
      "description": "Minimum width of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-container-max-width",
      "description": "Maximum width of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-container-max-height",
      "description": "Maximum height of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-container-padding-block",
      "description": "Vertical padding inside the panel container.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-container-padding-inline",
      "description": "Horizontal padding inside the panel container.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-container-color",
      "description": "Background color of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-container-elevation",
      "description": "Box shadow elevation of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-gap",
      "description": "Vertical spacing between option items.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-divider-spacing",
      "description": "Vertical spacing around slotted `m3e-divider` elements.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-text-highlight-container-color",
      "description": "Background color used for text highlight matches.",
      "values": []
    },
    {
      "name": "--m3e-option-panel-text-highlight-color",
      "description": "Text color used for text highlight matches.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-shape",
      "description": "Corner radius of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-min-width",
      "description": "Minimum width of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-max-width",
      "description": "Maximum width of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-max-height",
      "description": "Maximum height of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-padding-block",
      "description": "Vertical padding inside the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-padding-inline",
      "description": "Horizontal padding inside the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-color",
      "description": "Background color of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-floating-panel-container-elevation",
      "description": "Box shadow elevation of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-form-field-font-size",
      "description": "Font size for the form field container text.",
      "values": []
    },
    {
      "name": "--m3e-form-field-font-weight",
      "description": "Font weight for the form field container text.",
      "values": []
    },
    {
      "name": "--m3e-form-field-line-height",
      "description": "Line height for the form field container text.",
      "values": []
    },
    {
      "name": "--m3e-form-field-tracking",
      "description": "Letter spacing for the form field container text.",
      "values": []
    },
    {
      "name": "--m3e-form-field-label-font-size",
      "description": "Font size for the floating label.",
      "values": []
    },
    {
      "name": "--m3e-form-field-label-font-weight",
      "description": "Font weight for the floating label.",
      "values": []
    },
    {
      "name": "--m3e-form-field-label-line-height",
      "description": "Line height for the floating label.",
      "values": []
    },
    {
      "name": "--m3e-form-field-label-tracking",
      "description": "Letter spacing for the floating label.",
      "values": []
    },
    {
      "name": "--m3e-form-field-subscript-font-size",
      "description": "Font size for hint and error text.",
      "values": []
    },
    {
      "name": "--m3e-form-field-subscript-font-weight",
      "description": "Font weight for hint and error text.",
      "values": []
    },
    {
      "name": "--m3e-form-field-subscript-line-height",
      "description": "Line height for hint and error text.",
      "values": []
    },
    {
      "name": "--m3e-form-field-subscript-tracking",
      "description": "Letter spacing for hint and error text.",
      "values": []
    },
    {
      "name": "--m3e-form-field-color",
      "description": "Text color for the form field container.",
      "values": []
    },
    {
      "name": "--m3e-form-field-subscript-color",
      "description": "Color for hint and error text.",
      "values": []
    },
    {
      "name": "--m3e-form-field-invalid-color",
      "description": "Color used when the control is invalid.",
      "values": []
    },
    {
      "name": "--m3e-form-field-focused-outline-color",
      "description": "Outline color when focused.",
      "values": []
    },
    {
      "name": "--m3e-form-field-focused-color",
      "description": "Label color when focused.",
      "values": []
    },
    {
      "name": "--m3e-form-field-outline-color",
      "description": "Outline color in outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-form-field-container-color",
      "description": "Background color in filled variant.",
      "values": []
    },
    {
      "name": "--m3e-form-field-hover-container-color",
      "description": "Hover background color in filled variant.",
      "values": []
    },
    {
      "name": "--m3e-form-field-width",
      "description": "Width of the form field container.",
      "values": []
    },
    {
      "name": "--m3e-form-field-icon-size",
      "description": "Size of prefix and suffix icons.",
      "values": []
    },
    {
      "name": "--m3e-outlined-form-field-container-shape",
      "description": "Corner radius for outlined container.",
      "values": []
    },
    {
      "name": "--m3e-form-field-container-shape",
      "description": "Corner radius for filled container.",
      "values": []
    },
    {
      "name": "--m3e-form-field-hover-container-opacity",
      "description": "Opacity for hover background in filled variant.",
      "values": []
    },
    {
      "name": "--m3e-form-field-disabled-opacity",
      "description": "Opacity for disabled text.",
      "values": []
    },
    {
      "name": "--m3e-form-field-disabled-container-opacity",
      "description": "Opacity for disabled container background.",
      "values": []
    },
    {
      "name": "--m3e-avatar-size",
      "description": "Size of the avatar.",
      "values": []
    },
    {
      "name": "--m3e-avatar-shape",
      "description": "Border radius of the avatar.",
      "values": []
    },
    {
      "name": "--m3e-avatar-font-size",
      "description": "Font size for the avatar.",
      "values": []
    },
    {
      "name": "--m3e-avatar-font-weight",
      "description": "Font weight for the avatar.",
      "values": []
    },
    {
      "name": "--m3e-avatar-line-height",
      "description": "Line height for the avatar.",
      "values": []
    },
    {
      "name": "--m3e-avatar-tracking",
      "description": "Letter spacing for the avatar.",
      "values": []
    },
    {
      "name": "--m3e-avatar-color",
      "description": "Background color of the avatar.",
      "values": []
    },
    {
      "name": "--m3e-avatar-label-color",
      "description": "Text color of the avatar.",
      "values": []
    },
    {
      "name": "--m3e-badge-shape",
      "description": "Corner radius of the badge.",
      "values": []
    },
    {
      "name": "--m3e-badge-color",
      "description": "Foreground color of badge content.",
      "values": []
    },
    {
      "name": "--m3e-badge-container-color",
      "description": "Background color of the badge.",
      "values": []
    },
    {
      "name": "--m3e-badge-small-size",
      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
      "values": []
    },
    {
      "name": "--m3e-badge-medium-size",
      "description": "Height and min-width for medium badge.",
      "values": []
    },
    {
      "name": "--m3e-badge-medium-font-size",
      "description": "Font size for medium badge label.",
      "values": []
    },
    {
      "name": "--m3e-badge-medium-font-weight",
      "description": "Font weight for medium badge label.",
      "values": []
    },
    {
      "name": "--m3e-badge-medium-line-height",
      "description": "Line height for medium badge label.",
      "values": []
    },
    {
      "name": "--m3e-badge-medium-tracking",
      "description": "Letter spacing for medium badge label.",
      "values": []
    },
    {
      "name": "--m3e-badge-large-size",
      "description": "Height and min-width for large badge.",
      "values": []
    },
    {
      "name": "--m3e-badge-large-font-size",
      "description": "Font size for large badge label.",
      "values": []
    },
    {
      "name": "--m3e-badge-large-font-weight",
      "description": "Font weight for large badge label.",
      "values": []
    },
    {
      "name": "--m3e-badge-large-line-height",
      "description": "Line height for large badge label.",
      "values": []
    },
    {
      "name": "--m3e-badge-large-tracking",
      "description": "Letter spacing for large badge label.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-width",
      "description": "The width of the sheet.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-max-width",
      "description": "The maximum width of the sheet.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-container-color",
      "description": "The background color of the sheet container.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-elevation",
      "description": "The elevation level when not modal.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-modal-elevation",
      "description": "The elevation level when modal.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-full-elevation",
      "description": "The elevation level when full height.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-z-index",
      "description": "The z-index of the non-modal sheet.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-minimized-container-shape",
      "description": "The border radius when minimized.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-container-shape",
      "description": "The border radius of the sheet container.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-full-container-shape",
      "description": "The border radius when full height.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-scrim-color",
      "description": "The color of the scrim overlay.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-scrim-opacity",
      "description": "The opacity of the scrim overlay.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-peek-height",
      "description": "The visible height when minimized.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-compact-top-space",
      "description": "The top space in compact mode.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-top-space",
      "description": "The top space in standard mode.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-padding-block",
      "description": "The vertical padding.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-padding-inline",
      "description": "The horizontal padding.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-handle-container-height",
      "description": "The height of the drag handle container.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-handle-width",
      "description": "The width of the drag handle.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-handle-height",
      "description": "The height of the drag handle.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-handle-shape",
      "description": "The border radius of the handle.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-handle-color",
      "description": "The color of the drag handle.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-handle-focus-ring-offset",
      "description": "The offset of the focus ring around the handle.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-color",
      "description": "The foreground (text) color of the sheet.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-content-font-size",
      "description": "Font size for the sheet content.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-content-font-weight",
      "description": "Font weight for the sheet content.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-content-line-height",
      "description": "Line height for the sheet content.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-content-tracking",
      "description": "Letter spacing (tracking) for the sheet content.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-header-font-size",
      "description": "Font size for the sheet header.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-header-font-weight",
      "description": "Font weight for the sheet header.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-header-line-height",
      "description": "Line height for the sheet header.",
      "values": []
    },
    {
      "name": "--m3e-bottom-sheet-header-tracking",
      "description": "Letter spacing (tracking) for the sheet header.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-shape",
      "description": "Shape of the internal breadcrumb item button.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-container-height",
      "description": "Height of the internal breadcrumb item button container.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-icon-color",
      "description": "Color of breadcrumb item icon-only content.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-icon-padding-inline",
      "description": "Horizontal padding for icon-only breadcrumb items.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-icon-hover-state-layer-color",
      "description": "Hover state layer color for icon-only breadcrumb items.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-icon-focus-state-layer-color",
      "description": "Focus state layer color for icon-only breadcrumb items.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-icon-pressed-state-layer-color",
      "description": "Pressed state layer color for icon-only breadcrumb items.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-label-color",
      "description": "Color of breadcrumb item label content.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-label-font-size",
      "description": "Font size of breadcrumb item label content.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-label-font-weight",
      "description": "Font weight of breadcrumb item label content.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-label-line-height",
      "description": "Line height of breadcrumb item label content.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-label-tracking",
      "description": "Letter spacing of breadcrumb item label content.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-label-padding-inline",
      "description": "Horizontal padding for label breadcrumb items.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-label-hover-state-layer-color",
      "description": "Hover state layer color for label breadcrumb items.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-label-focus-state-layer-color",
      "description": "Focus state layer color for label breadcrumb items.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-label-pressed-state-layer-color",
      "description": "Pressed state layer color for label breadcrumb items.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-last-color",
      "description": "Color used for the current breadcrumb item.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-icon-label-space",
      "description": "Space between icon and label.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-icon-size",
      "description": "Size of the icon.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-disabled-color",
      "description": "Disabled color used by the breadcrumb item button.",
      "values": []
    },
    {
      "name": "--m3e-breadcrumb-item-disabled-opacity",
      "description": "Disabled opacity used by the breadcrumb item button.",
      "values": []
    },
    {
      "name": "--m3e-button-container-height",
      "description": "Height of the button container, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-outline-thickness",
      "description": "Thickness of the button outline, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-label-text-font-size",
      "description": "Font size for the label text, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-label-text-font-weight",
      "description": "Font weight for the label text, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-label-text-line-height",
      "description": "Line height for the label text, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-label-text-tracking",
      "description": "Letter tracking for the label text, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-icon-size",
      "description": "Size of the icon, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-shape-round",
      "description": "Corner radius for round shape, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-shape-square",
      "description": "Corner radius for square shape, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-selected-shape-round",
      "description": "Corner radius when selected (round), for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-selected-shape-square",
      "description": "Corner radius when selected (square), for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-shape-pressed-morph",
      "description": "Corner radius when pressed, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-leading-space",
      "description": "Space before icon or label, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-trailing-space",
      "description": "Space after icon or label, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-icon-label-space",
      "description": "Space between icon and label, for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-container-height",
      "description": "Height of the button container, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-outline-thickness",
      "description": "Thickness of the button outline, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-label-text-font-size",
      "description": "Font size for the label text, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-label-text-font-weight",
      "description": "Font weight for the label text, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-label-text-line-height",
      "description": "Line height for the label text, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-label-text-tracking",
      "description": "Letter tracking for the label text, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-icon-size",
      "description": "Size of the icon, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-shape-round",
      "description": "Corner radius for round shape, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-shape-square",
      "description": "Corner radius for square shape, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-selected-shape-round",
      "description": "Corner radius when selected (round), for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-selected-shape-square",
      "description": "Corner radius when selected (square), for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-shape-pressed-morph",
      "description": "Corner radius when pressed, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-leading-space",
      "description": "Space before icon or label, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-trailing-space",
      "description": "Space after icon or label, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-small-icon-label-space",
      "description": "Space between icon and label, for the extra-small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-container-height",
      "description": "Height of the button container, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-outline-thickness",
      "description": "Thickness of the button outline, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-label-text-font-size",
      "description": "Font size for the label text, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-label-text-font-weight",
      "description": "Font weight for the label text, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-label-text-line-height",
      "description": "Line height for the label text, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-label-text-tracking",
      "description": "Letter tracking for the label text, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-icon-size",
      "description": "Size of the icon, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-shape-round",
      "description": "Corner radius for round shape, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-shape-square",
      "description": "Corner radius for square shape, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-selected-shape-round",
      "description": "Corner radius when selected (round), for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-selected-shape-square",
      "description": "Corner radius when selected (square), for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-shape-pressed-morph",
      "description": "Corner radius when pressed, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-leading-space",
      "description": "Space before icon or label, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-trailing-space",
      "description": "Space after icon or label, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-small-icon-label-space",
      "description": "Space between icon and label, for the small size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-container-height",
      "description": "Height of the button container, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-outline-thickness",
      "description": "Thickness of the button outline, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-label-text-font-size",
      "description": "Font size for the label text, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-label-text-font-weight",
      "description": "Font weight for the label text, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-label-text-line-height",
      "description": "Line height for the label text, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-label-text-tracking",
      "description": "Letter tracking for the label text, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-icon-size",
      "description": "Size of the icon, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-shape-round",
      "description": "Corner radius for round shape, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-shape-square",
      "description": "Corner radius for square shape, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-selected-shape-round",
      "description": "Corner radius when selected (round), for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-selected-shape-square",
      "description": "Corner radius when selected (square), for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-shape-pressed-morph",
      "description": "Corner radius when pressed, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-leading-space",
      "description": "Space before icon or label, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-trailing-space",
      "description": "Space after icon or label, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-medium-icon-label-space",
      "description": "Space between icon and label, for the medium size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-container-height",
      "description": "Height of the button container, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-outline-thickness",
      "description": "Thickness of the button outline, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-label-text-font-size",
      "description": "Font size for the label text, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-label-text-font-weight",
      "description": "Font weight for the label text, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-label-text-line-height",
      "description": "Line height for the label text, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-label-text-tracking",
      "description": "Letter tracking for the label text, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-icon-size",
      "description": "Size of the icon, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-shape-round",
      "description": "Corner radius for round shape, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-shape-square",
      "description": "Corner radius for square shape, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-selected-shape-round",
      "description": "Corner radius when selected (round), for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-selected-shape-square",
      "description": "Corner radius when selected (square), for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-shape-pressed-morph",
      "description": "Corner radius when pressed, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-leading-space",
      "description": "Space before icon or label, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-trailing-space",
      "description": "Space after icon or label, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-large-icon-label-space",
      "description": "Space between icon and label, for the large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-container-height",
      "description": "Height of the button container, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-outline-thickness",
      "description": "Thickness of the button outline, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-label-text-font-size",
      "description": "Font size for the label text, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-label-text-font-weight",
      "description": "Font weight for the label text, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-label-text-line-height",
      "description": "Line height for the label text, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-label-text-tracking",
      "description": "Letter tracking for the label text, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-icon-size",
      "description": "Size of the icon, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-shape-round",
      "description": "Corner radius for round shape, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-shape-square",
      "description": "Corner radius for square shape, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-selected-shape-round",
      "description": "Corner radius when selected (round), for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-selected-shape-square",
      "description": "Corner radius when selected (square), for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-shape-pressed-morph",
      "description": "Corner radius when pressed, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-leading-space",
      "description": "Space before icon or label, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-trailing-space",
      "description": "Space after icon or label, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-extra-large-icon-label-space",
      "description": "Space between icon and label, for the extra-large size variant.",
      "values": []
    },
    {
      "name": "--m3e-button-outline-color",
      "description": "Outline color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-disabled-outline-color",
      "description": "Disabled outline color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-outline-color",
      "description": "Hover outline color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-outline-color",
      "description": "Focus outline color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-outline-color",
      "description": "Pressed outline color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-container-color",
      "description": "Container background color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-container-elevation",
      "description": "Elevation, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-unselected-container-color",
      "description": "Unselected container color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-selected-container-color",
      "description": "Selected container color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-disabled-container-elevation",
      "description": "Disabled elevation, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-container-elevation",
      "description": "Hover elevation, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-container-elevation",
      "description": "Focus elevation, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-container-elevation",
      "description": "Pressed elevation, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-label-text-color",
      "description": "Label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-icon-color",
      "description": "Icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-unselected-label-text-color",
      "description": "Unselected label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-unselected-icon-color",
      "description": "Unselected icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-selected-label-text-color",
      "description": "Selected label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-selected-icon-color",
      "description": "Selected icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-disabled-container-color",
      "description": "Disabled container color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-disabled-container-opacity",
      "description": "Disabled container opacity, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-disabled-icon-color",
      "description": "Disabled icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-disabled-icon-opacity",
      "description": "Disabled icon opacity, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-disabled-label-text-color",
      "description": "Disabled label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-disabled-label-text-opacity",
      "description": "Disabled label opacity, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-icon-color",
      "description": "Hover icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-label-text-color",
      "description": "Hover label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-state-layer-color",
      "description": "Hover state layer color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-state-layer-opacity",
      "description": "Hover state layer opacity, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-unselected-icon-color",
      "description": "Hover unselected icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-unselected-label-text-color",
      "description": "Hover unselected label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-unselected-state-layer-color",
      "description": "Hover unselected state layer color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-selected-icon-color",
      "description": "Hover selected icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-selected-label-text-color",
      "description": "Hover selected label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-hover-selected-state-layer-color",
      "description": "Hover selected state layer color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-icon-color",
      "description": "Focus icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-label-text-color",
      "description": "Focus label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-state-layer-color",
      "description": "Focus state layer color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-state-layer-opacity",
      "description": "Focus state layer opacity, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-unselected-icon-color",
      "description": "Focus unselected icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-unselected-label-text-color",
      "description": "Focus unselected label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-unselected-state-layer-color",
      "description": "Focus unselected state layer color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-selected-icon-color",
      "description": "Focus selected icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-selected-label-text-color",
      "description": "Focus selected label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-focus-selected-state-layer-color",
      "description": "Focus selected state layer color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-icon-color",
      "description": "Pressed icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-label-text-color",
      "description": "Pressed label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-state-layer-color",
      "description": "Pressed state layer color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-state-layer-opacity",
      "description": "Pressed state layer opacity, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-unselected-icon-color",
      "description": "Pressed unselected icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-unselected-label-text-color",
      "description": "Pressed unselected label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-unselected-state-layer-color",
      "description": "Pressed unselected state layer color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-selected-icon-color",
      "description": "Pressed selected icon color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-selected-label-text-color",
      "description": "Pressed selected label color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-button-pressed-selected-state-layer-color",
      "description": "Pressed selected state layer color, for all variants.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-label-text-color",
      "description": "Label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-icon-color",
      "description": "Icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-container-color",
      "description": "Container background color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-container-elevation",
      "description": "Elevation, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-unselected-label-text-color",
      "description": "Unselected label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-unselected-icon-color",
      "description": "Unselected icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-unselected-container-color",
      "description": "Unselected container color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-selected-label-text-color",
      "description": "Selected label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-selected-icon-color",
      "description": "Selected icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-selected-container-color",
      "description": "Selected container color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-disabled-container-color",
      "description": "Disabled container color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-disabled-container-opacity",
      "description": "Disabled container opacity, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-disabled-icon-color",
      "description": "Disabled icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-disabled-icon-opacity",
      "description": "Disabled icon opacity, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-disabled-label-text-color",
      "description": "Disabled label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-disabled-label-text-opacity",
      "description": "Disabled label opacity, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-disabled-container-elevation",
      "description": "Disabled elevation, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-hover-icon-color",
      "description": "Hover icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-hover-label-text-color",
      "description": "Hover label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-hover-state-layer-color",
      "description": "Hover state layer color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-hover-state-layer-opacity",
      "description": "Hover state layer opacity, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-hover-container-elevation",
      "description": "Hover elevation, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-hover-unselected-icon-color",
      "description": "Hover unselected icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-hover-unselected-label-text-color",
      "description": "Hover unselected label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-hover-unselected-state-layer-color",
      "description": "Hover unselected state layer color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-hover-selected-icon-color",
      "description": "Hover selected icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-hover-selected-label-text-color",
      "description": "Hover selected label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-hover-selected-state-layer-color",
      "description": "Hover selected state layer color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-focus-icon-color",
      "description": "Focus icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-focus-label-text-color",
      "description": "Focus label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-focus-state-layer-color",
      "description": "Focus state layer color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-focus-state-layer-opacity",
      "description": "Focus state layer opacity, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-focus-container-elevation",
      "description": "Focus elevation, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-focus-unselected-label-text-color",
      "description": "Focus unselected label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-focus-unselected-icon-color",
      "description": "Focus unselected icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-focus-unselected-state-layer-color",
      "description": "Focus unselected state layer color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-focus-selected-icon-color",
      "description": "Focus selected icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-focus-selected-label-text-color",
      "description": "Focus selected label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-focus-selected-state-layer-color",
      "description": "Focus selected state layer color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-pressed-icon-color",
      "description": "Pressed icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-pressed-label-text-color",
      "description": "Pressed label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-pressed-state-layer-color",
      "description": "Pressed state layer color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-pressed-state-layer-opacity",
      "description": "Pressed state layer opacity, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-pressed-container-elevation",
      "description": "Pressed elevation, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-pressed-unselected-label-text-color",
      "description": "Pressed unselected label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-pressed-unselected-icon-color",
      "description": "Pressed unselected icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-pressed-unselected-state-layer-color",
      "description": "Pressed unselected state layer color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-pressed-selected-icon-color",
      "description": "Pressed selected icon color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-pressed-selected-label-text-color",
      "description": "Pressed selected label color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-button-pressed-selected-state-layer-color",
      "description": "Pressed selected state layer color, for the elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-label-text-color",
      "description": "Label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-icon-color",
      "description": "Icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-outline-color",
      "description": "Outline color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-unselected-label-text-color",
      "description": "Unselected label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-unselected-icon-color",
      "description": "Unselected icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-selected-label-text-color",
      "description": "Selected label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-selected-icon-color",
      "description": "Selected icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-selected-container-color",
      "description": "Selected container color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-disabled-container-color",
      "description": "Disabled container color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-disabled-container-opacity",
      "description": "Disabled container opacity, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-disabled-icon-color",
      "description": "Disabled icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-disabled-icon-opacity",
      "description": "Disabled icon opacity, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-disabled-label-text-color",
      "description": "Disabled label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-disabled-label-text-opacity",
      "description": "Disabled label opacity, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-disabled-outline-color",
      "description": "Disabled outline color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-hover-icon-color",
      "description": "Hover icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-hover-label-text-color",
      "description": "Hover label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-hover-outline-color",
      "description": "Hover outline color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-hover-state-layer-color",
      "description": "Hover state layer color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-hover-state-layer-opacity",
      "description": "Hover state layer opacity, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-hover-unselected-icon-color",
      "description": "Hover unselected icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-hover-unselected-label-text-color",
      "description": "Hover unselected label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-hover-unselected-state-layer-color",
      "description": "Hover unselected state layer color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-hover-selected-icon-color",
      "description": "Hover selected icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-hover-selected-label-text-color",
      "description": "Hover selected label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-hover-selected-state-layer-color",
      "description": "Hover selected state layer color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-focus-icon-color",
      "description": "Focus icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-focus-label-text-color",
      "description": "Focus label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-focus-outline-color",
      "description": "Focus outline color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-focus-state-layer-color",
      "description": "Focus state layer color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-focus-state-layer-opacity",
      "description": "Focus state layer opacity, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-focus-unselected-icon-color",
      "description": "Focus unselected icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-focus-unselected-label-text-color",
      "description": "Focus unselected label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-focus-unselected-state-layer-color",
      "description": "Focus unselected state layer color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-focus-selected-icon-color",
      "description": "Focus selected icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-focus-selected-label-text-color",
      "description": "Focus selected label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-focus-selected-state-layer-color",
      "description": "Focus selected state layer color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-pressed-icon-color",
      "description": "Pressed icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-pressed-label-text-color",
      "description": "Pressed label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-pressed-outline-color",
      "description": "Pressed outline color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-pressed-state-layer-color",
      "description": "Pressed state layer color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-pressed-state-layer-opacity",
      "description": "Pressed state layer opacity, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-pressed-unselected-icon-color",
      "description": "Pressed unselected icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-pressed-unselected-label-text-color",
      "description": "Pressed unselected label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-pressed-unselected-state-layer-color",
      "description": "Pressed unselected state layer color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-pressed-selected-icon-color",
      "description": "Pressed selected icon color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-pressed-selected-label-text-color",
      "description": "Pressed selected label color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-button-pressed-selected-state-layer-color",
      "description": "Pressed selected state layer color, for the outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-label-text-color",
      "description": "Label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-icon-color",
      "description": "Icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-container-color",
      "description": "Container background color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-container-elevation",
      "description": "Elevation, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-unselected-label-text-color",
      "description": "Unselected label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-unselected-icon-color",
      "description": "Unselected icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-unselected-container-color",
      "description": "Unselected container color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-selected-label-text-color",
      "description": "Selected label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-selected-icon-color",
      "description": "Selected icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-selected-container-color",
      "description": "Selected container color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-disabled-container-color",
      "description": "Disabled container color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-disabled-container-opacity",
      "description": "Disabled container opacity, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-disabled-icon-color",
      "description": "Disabled icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-disabled-icon-opacity",
      "description": "Disabled icon opacity, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-disabled-label-text-color",
      "description": "Disabled label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-disabled-label-text-opacity",
      "description": "Disabled label opacity, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-disabled-container-elevation",
      "description": "Disabled elevation, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-hover-icon-color",
      "description": "Hover icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-hover-label-text-color",
      "description": "Hover label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-hover-state-layer-color",
      "description": "Hover state layer color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-hover-state-layer-opacity",
      "description": "Hover state layer opacity, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-hover-container-elevation",
      "description": "Hover elevation, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-hover-unselected-icon-color",
      "description": "Hover unselected icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-hover-unselected-label-text-color",
      "description": "Hover unselected label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-hover-unselected-state-layer-color",
      "description": "Hover unselected state layer color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-hover-selected-icon-color",
      "description": "Hover selected icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-hover-selected-label-text-color",
      "description": "Hover selected label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-hover-selected-state-layer-color",
      "description": "Hover selected state layer color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-focus-icon-color",
      "description": "Focus icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-focus-label-text-color",
      "description": "Focus label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-focus-state-layer-color",
      "description": "Focus state layer color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-focus-state-layer-opacity",
      "description": "Focus state layer opacity, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-focus-container-elevation",
      "description": "Focus elevation, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-focus-unselected-icon-color",
      "description": "Focus unselected icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-focus-unselected-label-text-color",
      "description": "Focus unselected label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-focus-unselected-state-layer-color",
      "description": "Focus unselected state layer color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-focus-selected-icon-color",
      "description": "Focus selected icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-focus-selected-label-text-color",
      "description": "Focus selected label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-focus-selected-state-layer-color",
      "description": "Focus selected state layer color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-pressed-icon-color",
      "description": "Pressed icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-pressed-label-text-color",
      "description": "Pressed label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-pressed-state-layer-color",
      "description": "Pressed state layer color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-pressed-state-layer-opacity",
      "description": "Pressed state layer opacity, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-pressed-container-elevation",
      "description": "Pressed elevation, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-pressed-unselected-icon-color",
      "description": "Pressed unselected icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-pressed-unselected-label-text-color",
      "description": "Pressed unselected label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-pressed-unselected-state-layer-color",
      "description": "Pressed unselected state layer color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-pressed-selected-icon-color",
      "description": "Pressed selected icon color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-pressed-selected-label-text-color",
      "description": "Pressed selected label color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-button-pressed-selected-state-layer-color",
      "description": "Pressed selected state layer color, for the filled variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-label-text-color",
      "description": "Label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-icon-color",
      "description": "Icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-container-color",
      "description": "Container background color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-container-elevation",
      "description": "Elevation, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-unselected-label-text-color",
      "description": "Unselected label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-unselected-icon-color",
      "description": "Unselected icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-unselected-container-color",
      "description": "Unselected container color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-selected-label-text-color",
      "description": "Selected label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-selected-icon-color",
      "description": "Selected icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-selected-container-color",
      "description": "Selected container color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-disabled-container-color",
      "description": "Disabled container color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-disabled-container-opacity",
      "description": "Disabled container opacity, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-disabled-icon-color",
      "description": "Disabled icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-disabled-icon-opacity",
      "description": "Disabled icon opacity, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-disabled-label-text-color",
      "description": "Disabled label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-disabled-label-text-opacity",
      "description": "Disabled label opacity, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-disabled-container-elevation",
      "description": "Disabled elevation, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-hover-icon-color",
      "description": "Hover icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-hover-label-text-color",
      "description": "Hover label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-hover-state-layer-color",
      "description": "Hover state layer color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-hover-state-layer-opacity",
      "description": "Hover state layer opacity, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-hover-container-elevation",
      "description": "Hover elevation, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-hover-unselected-icon-color",
      "description": "Hover unselected icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-hover-unselected-label-text-color",
      "description": "Hover unselected label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-hover-unselected-state-layer-color",
      "description": "Hover unselected state layer color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-hover-selected-icon-color",
      "description": "Hover selected icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-hover-selected-label-text-color",
      "description": "Hover selected label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-hover-selected-state-layer-color",
      "description": "Hover selected state layer color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-focus-icon-color",
      "description": "Focus icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-focus-label-text-color",
      "description": "Focus label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-focus-state-layer-color",
      "description": "Focus state layer color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-focus-state-layer-opacity",
      "description": "Focus state layer opacity, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-focus-container-elevation",
      "description": "Focus elevation, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-focus-unselected-icon-color",
      "description": "Focus unselected icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-focus-unselected-label-text-color",
      "description": "Focus unselected label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-focus-unselected-state-layer-color",
      "description": "Focus unselected state layer color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-focus-selected-icon-color",
      "description": "Focus selected icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-focus-selected-label-text-color",
      "description": "Focus selected label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-focus-selected-state-layer-color",
      "description": "Focus selected state layer color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-pressed-icon-color",
      "description": "Pressed icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-pressed-label-text-color",
      "description": "Pressed label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-pressed-state-layer-color",
      "description": "Pressed state layer color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-pressed-state-layer-opacity",
      "description": "Pressed state layer opacity, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-pressed-container-elevation",
      "description": "Pressed elevation, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-pressed-unselected-icon-color",
      "description": "Pressed unselected icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-pressed-unselected-label-text-color",
      "description": "Pressed unselected label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-pressed-unselected-state-layer-color",
      "description": "Pressed unselected state layer color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-pressed-selected-icon-color",
      "description": "Pressed selected icon color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-pressed-selected-label-text-color",
      "description": "Pressed selected label color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-button-pressed-selected-state-layer-color",
      "description": "Pressed selected state layer color, for the tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-label-text-color",
      "description": "Label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-icon-color",
      "description": "Icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-unselected-label-text-color",
      "description": "Unselected label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-unselected-icon-color",
      "description": "Unselected icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-selected-label-text-color",
      "description": "Selected label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-selected-icon-color",
      "description": "Selected icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-disabled-container-color",
      "description": "Disabled container color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-disabled-container-opacity",
      "description": "Disabled container opacity, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-disabled-icon-color",
      "description": "Disabled icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-disabled-icon-opacity",
      "description": "Disabled icon opacity, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-disabled-label-text-color",
      "description": "Disabled label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-disabled-label-text-opacity",
      "description": "Disabled label opacity, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-hover-icon-color",
      "description": "Hover icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-hover-label-text-color",
      "description": "Hover label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-hover-state-layer-color",
      "description": "Hover state layer color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-hover-state-layer-opacity",
      "description": "Hover state layer opacity, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-hover-unselected-icon-color",
      "description": "Hover unselected icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-hover-unselected-label-text-color",
      "description": "Hover unselected label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-hover-unselected-state-layer-color",
      "description": "Hover unselected state layer color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-hover-selected-icon-color",
      "description": "Hover selected icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-hover-selected-label-text-color",
      "description": "Hover selected label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-hover-selected-state-layer-color",
      "description": "Hover selected state layer color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-focus-icon-color",
      "description": "Focus icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-focus-label-text-color",
      "description": "Focus label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-focus-state-layer-color",
      "description": "Focus state layer color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-focus-state-layer-opacity",
      "description": "Focus state layer opacity, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-focus-unselected-icon-color",
      "description": "Focus unselected icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-focus-unselected-label-text-color",
      "description": "Focus unselected label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-focus-unselected-state-layer-color",
      "description": "Focus unselected state layer color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-focus-selected-icon-color",
      "description": "Focus selected icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-focus-selected-label-text-color",
      "description": "Focus selected label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-focus-selected-state-layer-color",
      "description": "Focus selected state layer color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-pressed-icon-color",
      "description": "Pressed icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-pressed-label-text-color",
      "description": "Pressed label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-pressed-state-layer-color",
      "description": "Pressed state layer color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-pressed-state-layer-opacity",
      "description": "Pressed state layer opacity, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-pressed-unselected-icon-color",
      "description": "Pressed unselected icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-pressed-unselected-label-text-color",
      "description": "Pressed unselected label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-pressed-unselected-state-layer-color",
      "description": "Pressed unselected state layer color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-pressed-selected-icon-color",
      "description": "Pressed selected icon color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-pressed-selected-label-text-color",
      "description": "Pressed selected label color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-text-button-pressed-selected-state-layer-color",
      "description": "Pressed selected state layer color, for the text variant.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-container-height",
      "description": "Height of the container for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-outline-thickness",
      "description": "Outline thickness for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-icon-size",
      "description": "Icon size for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-shape-round",
      "description": "Corner radius for all round size variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-shape-square",
      "description": "Corner radius for all square size variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-selected-shape-round",
      "description": "Corner radius for all selected round size variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-selected-shape-square",
      "description": "Corner radius for all selected square size variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-shape-pressed-morph",
      "description": "Corner radius for all pressed size variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-narrow-leading-space",
      "description": "Leading space for all size variants (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-narrow-trailing-space",
      "description": "Trailing space for all size variants (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-default-leading-space",
      "description": "Leading space for all size variants (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-default-trailing-space",
      "description": "Trailing space for all size variants (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-wide-leading-space",
      "description": "Leading space for all size variants (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-wide-trailing-space",
      "description": "Trailing space for all size variants (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-container-height",
      "description": "Height of the extra-small container.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-outline-thickness",
      "description": "Outline thickness for extra-small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-icon-size",
      "description": "Icon size for extra-small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-shape-round",
      "description": "Corner radius for round extra-small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-shape-square",
      "description": "Corner radius for square extra-small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-selected-shape-round",
      "description": "Corner radius for selected round extra-small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-selected-shape-square",
      "description": "Corner radius for selected square extra-small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-shape-pressed-morph",
      "description": "Corner radius for pressed extra-small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-narrow-leading-space",
      "description": "Leading space for extra-small (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-narrow-trailing-space",
      "description": "Trailing space for extra-small (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-default-leading-space",
      "description": "Leading space for extra-small (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-default-trailing-space",
      "description": "Trailing space for extra-small (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-wide-leading-space",
      "description": "Leading space for extra-small (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-small-wide-trailing-space",
      "description": "Trailing space for extra-small (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-container-height",
      "description": "Height of the small container.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-outline-thickness",
      "description": "Outline thickness for small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-icon-size",
      "description": "Icon size for small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-shape-round",
      "description": "Corner radius for round small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-shape-square",
      "description": "Corner radius for square small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-selected-shape-round",
      "description": "Corner radius for selected round small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-selected-shape-square",
      "description": "Corner radius for selected square small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-shape-pressed-morph",
      "description": "Corner radius for pressed small.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-narrow-leading-space",
      "description": "Leading space for small (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-narrow-trailing-space",
      "description": "Trailing space for small (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-default-leading-space",
      "description": "Leading space for small (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-default-trailing-space",
      "description": "Trailing space for small (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-wide-leading-space",
      "description": "Leading space for small (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-small-wide-trailing-space",
      "description": "Trailing space for small (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-container-height",
      "description": "Height of the medium container.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-outline-thickness",
      "description": "Outline thickness for medium.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-icon-size",
      "description": "Icon size for medium.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-shape-round",
      "description": "Corner radius for round medium.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-shape-square",
      "description": "Corner radius for square medium.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-selected-shape-round",
      "description": "Corner radius for selected round medium.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-selected-shape-square",
      "description": "Corner radius for selected square medium.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-shape-pressed-morph",
      "description": "Corner radius for pressed medium.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-narrow-leading-space",
      "description": "Leading space for medium (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-narrow-trailing-space",
      "description": "Trailing space for medium (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-default-leading-space",
      "description": "Leading space for medium (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-default-trailing-space",
      "description": "Trailing space for medium (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-wide-leading-space",
      "description": "Leading space for medium (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-medium-wide-trailing-space",
      "description": "Trailing space for medium (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-container-height",
      "description": "Height of the large container.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-outline-thickness",
      "description": "Outline thickness for large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-icon-size",
      "description": "Icon size for large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-shape-round",
      "description": "Corner radius for round large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-shape-square",
      "description": "Corner radius for square large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-selected-shape-round",
      "description": "Corner radius for selected round large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-selected-shape-square",
      "description": "Corner radius for selected square large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-shape-pressed-morph",
      "description": "Corner radius for pressed large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-narrow-leading-space",
      "description": "Leading space for large (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-narrow-trailing-space",
      "description": "Trailing space for large (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-default-leading-space",
      "description": "Leading space for large (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-default-trailing-space",
      "description": "Trailing space for large (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-wide-leading-space",
      "description": "Leading space for large (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-large-wide-trailing-space",
      "description": "Trailing space for large (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-container-height",
      "description": "Height of the extra-large container.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-outline-thickness",
      "description": "Outline thickness for extra-large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-icon-size",
      "description": "Icon size for extra-large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-shape-round",
      "description": "Corner radius for round extra-large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-shape-square",
      "description": "Corner radius for square extra-large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-selected-shape-round",
      "description": "Corner radius for selected round extra-large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-selected-shape-square",
      "description": "Corner radius for selected square extra-large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-shape-pressed-morph",
      "description": "Corner radius for pressed extra-large.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-narrow-leading-space",
      "description": "Leading space for extra-large (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-narrow-trailing-space",
      "description": "Trailing space for extra-large (narrow).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-default-leading-space",
      "description": "Leading space for extra-large (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-default-trailing-space",
      "description": "Trailing space for extra-large (default).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-wide-leading-space",
      "description": "Leading space for extra-large (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-extra-large-wide-trailing-space",
      "description": "Trailing space for extra-large (wide).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-outline-color",
      "description": "Default outline color for all variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-disabled-outline-color",
      "description": "Outline color when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-hover-outline-color",
      "description": "Outline color on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-focus-outline-color",
      "description": "Outline color on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-pressed-outline-color",
      "description": "Outline color on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-container-color",
      "description": "Default container background color for all variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-unselected-container-color",
      "description": "Unselected container background color for all variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-selected-container-color",
      "description": "Selected container background color for all variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-icon-color",
      "description": "Default icon color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-container-color",
      "description": "Default container background color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-unselected-icon-color",
      "description": "Unselected icon color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-unselected-container-color",
      "description": "Unselected container background color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-selected-icon-color",
      "description": "Selected icon color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-selected-container-color",
      "description": "Selected container background color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-icon-color",
      "description": "Default icon color for all variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-unselected-icon-color",
      "description": "Unselected icon color for all variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-selected-icon-color",
      "description": "Selected icon color for all variants.",
      "values": []
    },
    {
      "name": "--m3e-icon-button-disabled-container-color",
      "description": "Container background color when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-disabled-container-opacity",
      "description": "Opacity of container when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-disabled-icon-color",
      "description": "Icon color when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-disabled-icon-opacity",
      "description": "Icon opacity when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-hover-icon-color",
      "description": "Icon color on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-hover-state-layer-color",
      "description": "State layer color on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-hover-state-layer-opacity",
      "description": "State layer opacity on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-hover-unselected-icon-color",
      "description": "Unselected icon color on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-hover-unselected-state-layer-color",
      "description": "Unselected state layer color on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-hover-selected-icon-color",
      "description": "Selected icon color on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-hover-selected-state-layer-color",
      "description": "Selected state layer color on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-focus-icon-color",
      "description": "Icon color on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-focus-state-layer-color",
      "description": "State layer color on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-focus-state-layer-opacity",
      "description": "State layer opacity on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-focus-unselected-icon-color",
      "description": "Unselected icon color on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-focus-unselected-state-layer-color",
      "description": "Unselected state layer color on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-focus-selected-icon-color",
      "description": "Selected icon color on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-focus-selected-state-layer-color",
      "description": "Selected state layer color on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-pressed-icon-color",
      "description": "Icon color on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-pressed-state-layer-color",
      "description": "State layer color on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-pressed-unselected-icon-color",
      "description": "Unselected icon color on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-pressed-unselected-state-layer-color",
      "description": "Unselected state layer color on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-pressed-selected-icon-color",
      "description": "Selected icon color on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-icon-button-pressed-selected-state-layer-color",
      "description": "Selected state layer color on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-icon-color",
      "description": "Default icon color for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-outline-color",
      "description": "Default outline color for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-unselected-icon-color",
      "description": "Unselected icon color for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-selected-icon-color",
      "description": "Selected icon color for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-selected-container-color",
      "description": "Selected container background color for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-disabled-container-color",
      "description": "Container background color when disabled (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-disabled-container-opacity",
      "description": "Opacity of container when disabled (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-disabled-icon-color",
      "description": "Icon color when disabled (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-disabled-icon-opacity",
      "description": "Icon opacity when disabled (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-disabled-outline-color",
      "description": "Outline color when disabled (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-hover-icon-color",
      "description": "Icon color on hover (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-hover-outline-color",
      "description": "Outline color on hover (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-hover-state-layer-color",
      "description": "State layer color on hover (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-hover-state-layer-opacity",
      "description": "State layer opacity on hover (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-hover-unselected-icon-color",
      "description": "Unselected icon color on hover (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-hover-unselected-state-layer-color",
      "description": "Unselected state layer color on hover (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-hover-selected-icon-color",
      "description": "Selected icon color on hover (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-hover-selected-state-layer-color",
      "description": "Selected state layer color on hover (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-focus-icon-color",
      "description": "Icon color on focus (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-focus-outline-color",
      "description": "Outline color on focus (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-focus-state-layer-color",
      "description": "State layer color on focus (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-focus-state-layer-opacity",
      "description": "State layer opacity on focus (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-focus-unselected-icon-color",
      "description": "Unselected icon color on focus (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-focus-unselected-state-layer-color",
      "description": "Unselected state layer color on focus (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-focus-selected-icon-color",
      "description": "Selected icon color on focus (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-focus-selected-state-layer-color",
      "description": "Selected state layer color on focus (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-pressed-icon-color",
      "description": "Icon color on pressed (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-pressed-outline-color",
      "description": "Outline color on pressed (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-pressed-state-layer-color",
      "description": "State layer color on pressed (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-pressed-unselected-icon-color",
      "description": "Unselected icon color on pressed (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-pressed-unselected-state-layer-color",
      "description": "Unselected state layer color on pressed (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-pressed-selected-icon-color",
      "description": "Selected icon color on pressed (outlined).",
      "values": []
    },
    {
      "name": "--m3e-outlined-icon-button-pressed-selected-state-layer-color",
      "description": "Selected state layer color on pressed (outlined).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-icon-color",
      "description": "Default icon color for filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-container-color",
      "description": "Default container background color for filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-unselected-icon-color",
      "description": "Unselected icon color for filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-unselected-container-color",
      "description": "Unselected container background color for filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-selected-icon-color",
      "description": "Selected icon color for filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-selected-container-color",
      "description": "Selected container background color for filled variant.",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-disabled-container-color",
      "description": "Container background color when disabled (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-disabled-container-opacity",
      "description": "Opacity of container when disabled (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-disabled-icon-color",
      "description": "Icon color when disabled (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-disabled-icon-opacity",
      "description": "Icon opacity when disabled (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-hover-icon-color",
      "description": "Icon color on hover (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-hover-state-layer-color",
      "description": "State layer color on hover (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-hover-state-layer-opacity",
      "description": "State layer opacity on hover (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-hover-unselected-icon-color",
      "description": "Unselected icon color on hover (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-hover-unselected-state-layer-color",
      "description": "Unselected state layer color on hover (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-hover-selected-icon-color",
      "description": "Selected icon color on hover (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-hover-selected-state-layer-color",
      "description": "Selected state layer color on hover (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-focus-icon-color",
      "description": "Icon color on focus (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-focus-state-layer-color",
      "description": "State layer color on focus (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-focus-state-layer-opacity",
      "description": "State layer opacity on focus (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-focus-unselected-icon-color",
      "description": "Unselected icon color on focus (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-focus-unselected-state-layer-color",
      "description": "Unselected state layer color on focus (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-focus-selected-icon-color",
      "description": "Selected icon color on focus (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-focus-selected-state-layer-color",
      "description": "Selected state layer color on focus (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-pressed-icon-color",
      "description": "Icon color on pressed (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-pressed-state-layer-color",
      "description": "State layer color on pressed (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-pressed-unselected-icon-color",
      "description": "Unselected icon color on pressed (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-pressed-unselected-state-layer-color",
      "description": "Unselected state layer color on pressed (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-pressed-selected-icon-color",
      "description": "Selected icon color on pressed (filled).",
      "values": []
    },
    {
      "name": "--m3e-filled-icon-button-pressed-selected-state-layer-color",
      "description": "Selected state layer color on pressed (filled).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-icon-color",
      "description": "Default icon color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-container-color",
      "description": "Default container background color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-unselected-icon-color",
      "description": "Unselected icon color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-unselected-container-color",
      "description": "Unselected container background color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-selected-icon-color",
      "description": "Selected icon color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-selected-container-color",
      "description": "Selected container background color for tonal variant.",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-disabled-container-color",
      "description": "Container background color when disabled (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-disabled-container-opacity",
      "description": "Opacity of container when disabled (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-disabled-icon-color",
      "description": "Icon color when disabled (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-disabled-icon-opacity",
      "description": "Icon opacity when disabled (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-hover-icon-color",
      "description": "Icon color on hover (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-hover-state-layer-color",
      "description": "State layer color on hover (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-hover-state-layer-opacity",
      "description": "State layer opacity on hover (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-hover-unselected-icon-color",
      "description": "Unselected icon color on hover (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-hover-unselected-state-layer-color",
      "description": "Unselected state layer color on hover (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-hover-selected-icon-color",
      "description": "Selected icon color on hover (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-hover-selected-state-layer-color",
      "description": "Selected state layer color on hover (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-focus-icon-color",
      "description": "Icon color on focus (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-focus-state-layer-color",
      "description": "State layer color on focus (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-focus-state-layer-opacity",
      "description": "State layer opacity on focus (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-focus-unselected-icon-color",
      "description": "Unselected icon color on focus (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-focus-unselected-state-layer-color",
      "description": "Unselected state layer color on focus (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-focus-selected-icon-color",
      "description": "Selected icon color on focus (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-focus-selected-state-layer-color",
      "description": "Selected state layer color on focus (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-pressed-icon-color",
      "description": "Icon color on pressed (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-pressed-state-layer-color",
      "description": "State layer color on pressed (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-pressed-unselected-icon-color",
      "description": "Unselected icon color on pressed (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-pressed-unselected-state-layer-color",
      "description": "Unselected state layer color on pressed (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-pressed-selected-icon-color",
      "description": "Selected icon color on pressed (tonal).",
      "values": []
    },
    {
      "name": "--m3e-tonal-icon-button-pressed-selected-state-layer-color",
      "description": "Selected state layer color on pressed (tonal).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-icon-color",
      "description": "Default icon color for standard variant.",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-unselected-icon-color",
      "description": "Unselected icon color for standard variant.",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-selected-icon-color",
      "description": "Selected icon color for standard variant.",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-disabled-container-color",
      "description": "Container background color when disabled (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-disabled-container-opacity",
      "description": "Opacity of container when disabled (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-disabled-icon-color",
      "description": "Icon color when disabled (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-disabled-icon-opacity",
      "description": "Icon opacity when disabled (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-hover-icon-color",
      "description": "Icon color on hover (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-hover-state-layer-color",
      "description": "State layer color on hover (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-hover-state-layer-opacity",
      "description": "State layer opacity on hover (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-hover-unselected-icon-color",
      "description": "Unselected icon color on hover (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-hover-unselected-state-layer-color",
      "description": "Unselected state layer color on hover (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-hover-selected-icon-color",
      "description": "Selected icon color on hover (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-hover-selected-state-layer-color",
      "description": "Selected state layer color on hover (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-focus-icon-color",
      "description": "Icon color on focus (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-focus-state-layer-color",
      "description": "State layer color on focus (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-focus-state-layer-opacity",
      "description": "State layer opacity on focus (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-focus-unselected-icon-color",
      "description": "Unselected icon color on focus (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-focus-unselected-state-layer-color",
      "description": "Unselected state layer color on focus (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-focus-selected-icon-color",
      "description": "Selected icon color on focus (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-focus-selected-state-layer-color",
      "description": "Selected state layer color on focus (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-pressed-icon-color",
      "description": "Icon color on pressed (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-pressed-state-layer-color",
      "description": "State layer color on pressed (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-pressed-unselected-icon-color",
      "description": "Unselected icon color on pressed (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-pressed-unselected-state-layer-color",
      "description": "Unselected state layer color on pressed (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-pressed-selected-icon-color",
      "description": "Selected icon color on pressed (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-icon-button-pressed-selected-state-layer-color",
      "description": "Selected state layer color on pressed (standard).",
      "values": []
    },
    {
      "name": "--m3e-standard-button-group-extra-small-spacing",
      "description": "Spacing between buttons in standard variant, extra-small size.",
      "values": []
    },
    {
      "name": "--m3e-standard-button-group-small-spacing",
      "description": "Spacing between buttons in standard variant, small size.",
      "values": []
    },
    {
      "name": "--m3e-standard-button-group-medium-spacing",
      "description": "Spacing between buttons in standard variant, medium size.",
      "values": []
    },
    {
      "name": "--m3e-standard-button-group-large-spacing",
      "description": "Spacing between buttons in standard variant, large size.",
      "values": []
    },
    {
      "name": "--m3e-standard-button-group-extra-large-spacing",
      "description": "Spacing between buttons in standard variant, extra-large size.",
      "values": []
    },
    {
      "name": "--m3e-connected-button-group-spacing",
      "description": "Spacing between buttons in connected variant.",
      "values": []
    },
    {
      "name": "--m3e-connected-button-group-extra-small-inner-shape",
      "description": "Corner shape for connected variant, extra-small size.",
      "values": []
    },
    {
      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
      "description": "Pressed corner shape for connected variant, extra-small size.",
      "values": []
    },
    {
      "name": "--m3e-connected-button-group-small-inner-shape",
      "description": "Corner shape for connected variant, small size.",
      "values": []
    },
    {
      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
      "description": "Pressed corner shape for connected variant, small size.",
      "values": []
    },
    {
      "name": "--m3e-connected-button-group-medium-inner-shape",
      "description": "Corner shape for connected variant, medium size.",
      "values": []
    },
    {
      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
      "description": "Pressed corner shape for connected variant, medium size.",
      "values": []
    },
    {
      "name": "--m3e-connected-button-group-large-inner-shape",
      "description": "Corner shape for connected variant, large size.",
      "values": []
    },
    {
      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
      "description": "Pressed corner shape for connected variant, large size.",
      "values": []
    },
    {
      "name": "--m3e-connected-button-group-extra-large-inner-shape",
      "description": "Corner shape for connected variant, extra-large size.",
      "values": []
    },
    {
      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
      "description": "Pressed corner shape for connected variant, extra-large size.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-padding-top",
      "description": "Top padding of the tooltip container.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-padding-bottom",
      "description": "Bottom padding of the tooltip container (when no actions are present).",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-padding-inline",
      "description": "Horizontal padding of the tooltip container.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-max-width",
      "description": "Maximum width of the tooltip surface.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-shape",
      "description": "Border‑radius of the tooltip container.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-container-color",
      "description": "Background color of the tooltip surface.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-subhead-color",
      "description": "Color of the subhead text.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-subhead-font-size",
      "description": "Font size of the subhead text.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-subhead-font-weight",
      "description": "Font weight of the subhead text.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-subhead-line-height",
      "description": "Line height of the subhead text.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-subhead-tracking",
      "description": "Letter‑spacing of the subhead text.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-subhead-bottom-space",
      "description": "Space below the subhead before the supporting text.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-supporting-text-color",
      "description": "Color of the supporting text.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-supporting-text-font-size",
      "description": "Font size of the supporting text.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-supporting-text-font-weight",
      "description": "Font weight of the supporting text.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-supporting-text-line-height",
      "description": "Line height of the supporting text.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-supporting-text-tracking",
      "description": "Letter‑spacing of the supporting text.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-actions-padding-inline",
      "description": "Horizontal padding applied to the actions slot area.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-actions-top-space",
      "description": "Space above the actions slot.",
      "values": []
    },
    {
      "name": "--m3e-rich-tooltip-actions-bottom-space",
      "description": "Space below the actions slot.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-padding",
      "description": "Internal spacing of the tooltip container.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-min-width",
      "description": "Minimum width of the tooltip.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-max-width",
      "description": "Maximum width of the tooltip.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-min-height",
      "description": "Minimum height of the tooltip container.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-max-height",
      "description": "Maximum height of the tooltip.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-shape",
      "description": "Border radius of the tooltip container.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-container-color",
      "description": "Background color of the tooltip.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-supporting-text-color",
      "description": "Text color of supporting text.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-supporting-text-font-size",
      "description": "Font size of supporting text.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-supporting-text-font-weight",
      "description": "Font weight of supporting text.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-supporting-text-line-height",
      "description": "Line height of supporting text.",
      "values": []
    },
    {
      "name": "--m3e-tooltip-supporting-text-tracking",
      "description": "Letter spacing of supporting text.",
      "values": []
    },
    {
      "name": "--m3e-calendar-container-color",
      "description": "Background color of the container surface.",
      "values": []
    },
    {
      "name": "--m3e-calendar-container-elevation",
      "description": "Elevation shadow applied to the container surface.",
      "values": []
    },
    {
      "name": "--m3e-calendar-container-shape",
      "description": "Corner radius of the container surface.",
      "values": []
    },
    {
      "name": "--m3e-calendar-padding",
      "description": "Padding applied to the calendar header and body.",
      "values": []
    },
    {
      "name": "--m3e-calendar-period-button-text-color",
      "description": "Text color used for the period‑navigation buttons in the header.",
      "values": []
    },
    {
      "name": "--m3e-calendar-weekday-font-size",
      "description": "Font size of weekday labels in month view.",
      "values": []
    },
    {
      "name": "--m3e-calendar-weekday-font-weight",
      "description": "Font weight of weekday labels in month view.",
      "values": []
    },
    {
      "name": "--m3e-calendar-weekday-line-height",
      "description": "Line height of weekday labels in month view.",
      "values": []
    },
    {
      "name": "--m3e-calendar-weekday-tracking",
      "description": "Letter spacing of weekday labels in month view.",
      "values": []
    },
    {
      "name": "--m3e-calendar-weekday-color",
      "description": "Text color for weekday labels in month view.",
      "values": []
    },
    {
      "name": "--m3e-calendar-date-font-size",
      "description": "Font size of date cells in month view.",
      "values": []
    },
    {
      "name": "--m3e-calendar-date-font-weight",
      "description": "Font weight of date cells in month view.",
      "values": []
    },
    {
      "name": "--m3e-calendar-date-line-height",
      "description": "Line height of date cells in month view.",
      "values": []
    },
    {
      "name": "--m3e-calendar-date-tracking",
      "description": "Letter spacing of date cells in month view.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-font-size",
      "description": "Font size of items in year and multi‑year views.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-font-weight",
      "description": "Font weight of items in year and multi‑year views.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-line-height",
      "description": "Line height of items in year and multi‑year views.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-tracking",
      "description": "Letter spacing of items in year and multi‑year views.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-color",
      "description": "Text color for date items.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-selected-color",
      "description": "Text color for selected date items.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-selected-container-color",
      "description": "Background color for selected date items.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-selected-ripple-color",
      "description": "Ripple color used when interacting with selected date items.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-selected-hover-color",
      "description": "Hover color used when interacting with selected date items.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-selected-focus-color",
      "description": "Focus color used when interacting with selected date items.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-current-outline-thickness",
      "description": "Outline thickness used to indicate the current date.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-current-outline-color",
      "description": "Outline color used to indicate the current date.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-special-color",
      "description": "Text color for dates marked as special.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-special-container-color",
      "description": "Background color for dates marked as special.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-special-ripple-color",
      "description": "Ripple color used when interacting with dates marked as special.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-special-hover-color",
      "description": "Hover color used when interacting with dates marked as special.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-special-focus-color",
      "description": "Focus color used when interacting with dates marked as special.",
      "values": []
    },
    {
      "name": "--m3e-calendar-range-container-color",
      "description": "Background color applied to the selected date range.",
      "values": []
    },
    {
      "name": "--m3e-calendar-range-color",
      "description": "Text color for dates within a selected range.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-disabled-color",
      "description": "Color used for disabled date items.",
      "values": []
    },
    {
      "name": "--m3e-calendar-item-disabled-color-opacity",
      "description": "Opacity applied to the disabled item color.",
      "values": []
    },
    {
      "name": "--m3e-calendar-slide-animation-duration",
      "description": "Duration of slide transitions between calendar views.",
      "values": []
    },
    {
      "name": "--m3e-card-padding",
      "description": "Internal spacing for all slotted regions",
      "values": []
    },
    {
      "name": "--m3e-card-shape",
      "description": "Corner radius of the card container.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-text-color",
      "description": "Foreground color for text content in filled cards.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-container-color",
      "description": "Background color of the filled card container.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-container-elevation",
      "description": "Elevation level for filled card container.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-disabled-text-color",
      "description": "Text color when filled card is disabled.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-disabled-text-opacity",
      "description": "Opacity applied to text when disabled.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-disabled-container-color",
      "description": "Background color when disabled.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-disabled-container-elevation",
      "description": "Elevation level when disabled.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-disabled-container-elevation-color",
      "description": "Shadow color when disabled.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-disabled-container-elevation-opacity",
      "description": "Shadow opacity when disabled.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-disabled-container-opacity",
      "description": "Overall container opacity when disabled.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-hover-text-color",
      "description": "Text color on hover.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-hover-state-layer-color",
      "description": "State layer color on hover.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-hover-state-layer-opacity",
      "description": "State layer opacity on hover.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-hover-container-elevation",
      "description": "Elevation level on hover.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-focus-text-color",
      "description": "Text color on focus.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-focus-state-layer-color",
      "description": "State layer color on focus.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-focus-state-layer-opacity",
      "description": "State layer opacity on focus.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-focus-container-elevation",
      "description": "Elevation level on focus.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-pressed-text-color",
      "description": "Text color on press.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-pressed-state-layer-color",
      "description": "State layer color on press.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-pressed-state-layer-opacity",
      "description": "State layer opacity on press.",
      "values": []
    },
    {
      "name": "--m3e-filled-card-pressed-container-elevation",
      "description": "Elevation level on press.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-text-color",
      "description": "Foreground color for text content in elevated cards.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-container-color",
      "description": "Background color of the elevated card container.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-container-elevation",
      "description": "Elevation level for elevated card container.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-disabled-text-color",
      "description": "Text color when elevated card is disabled.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-disabled-text-opacity",
      "description": "Opacity applied to text when disabled.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-disabled-container-color",
      "description": "Background color when disabled.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-disabled-container-elevation",
      "description": "Elevation level when disabled.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-disabled-container-elevation-color",
      "description": "Shadow color when disabled.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-disabled-container-elevation-opacity",
      "description": "Shadow opacity when disabled.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-disabled-container-opacity",
      "description": "Overall container opacity when disabled.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-hover-text-color",
      "description": "Text color on hover.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-hover-state-layer-color",
      "description": "State layer color on hover.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-hover-state-layer-opacity",
      "description": "State layer opacity on hover.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-hover-container-elevation",
      "description": "Elevation level on hover.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-focus-text-color",
      "description": "Text color on focus.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-focus-state-layer-color",
      "description": "State layer color on focus.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-focus-state-layer-opacity",
      "description": "State layer opacity on focus.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-focus-container-elevation",
      "description": "Elevation level on focus.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-pressed-text-color",
      "description": "Text color on press.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-pressed-state-layer-color",
      "description": "State layer color on press.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-pressed-state-layer-opacity",
      "description": "State layer opacity on press.",
      "values": []
    },
    {
      "name": "--m3e-elevated-card-pressed-container-elevation",
      "description": "Elevation level on press.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-text-color",
      "description": "Foreground color for text content in outlined cards.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-container-color",
      "description": "Background color of the outlined card container.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-container-elevation",
      "description": "Elevation level for outlined card container.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-outline-color",
      "description": "Border color for outlined cards.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-outline-thickness",
      "description": "Border thickness for outlined cards.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-disabled-text-color",
      "description": "Text color when outlined card is disabled.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-disabled-text-opacity",
      "description": "Opacity applied to text when disabled.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-disabled-container-elevation",
      "description": "Elevation level when disabled.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-disabled-container-elevation-color",
      "description": "Shadow color when disabled.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-disabled-container-elevation-opacity",
      "description": "Shadow opacity when disabled.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-disabled-outline-color",
      "description": "Border color when disabled.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-disabled-outline-opacity",
      "description": "Border opacity when disabled.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-hover-text-color",
      "description": "Text color on hover.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-hover-state-layer-color",
      "description": "State layer color on hover.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-hover-state-layer-opacity",
      "description": "State layer opacity on hover.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-hover-container-elevation",
      "description": "Elevation level on hover.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-hover-outline-color",
      "description": "Border color on hover.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-focus-text-color",
      "description": "Text color on focus.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-focus-state-layer-color",
      "description": "State layer color on focus.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-focus-state-layer-opacity",
      "description": "State layer opacity on focus.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-focus-container-elevation",
      "description": "Elevation level on focus.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-focus-outline-color",
      "description": "Border color on focus.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-pressed-text-color",
      "description": "Text color on press.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-pressed-state-layer-color",
      "description": "State layer color on press.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-pressed-state-layer-opacity",
      "description": "State layer opacity on press.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-pressed-container-elevation",
      "description": "Elevation level on press.",
      "values": []
    },
    {
      "name": "--m3e-outlined-card-pressed-outline-color",
      "description": "Border color on press.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-icon-size",
      "description": "Size of the checkbox icon inside the container.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-container-size",
      "description": "Base size of the checkbox container.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-container-shape",
      "description": "Border radius of the icon container.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-outline-thickness",
      "description": "Border thickness for unselected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-outline-color",
      "description": "Border color for unselected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-hover-outline-color",
      "description": "Border color on hover when unselected.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-disabled-outline-color",
      "description": "Base color for disabled unselected outline.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
      "description": "Opacity for disabled unselected outline.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-error-outline-color",
      "description": "Border color for invalid unselected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-container-color",
      "description": "Background color for selected container.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-icon-color",
      "description": "Icon color for selected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-disabled-container-color",
      "description": "Base color for disabled selected container.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-disabled-container-opacity",
      "description": "Opacity for disabled selected container.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-disabled-icon-color",
      "description": "Base color for disabled selected icon.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
      "description": "Opacity for disabled selected icon.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-hover-color",
      "description": "Ripple hover color for unselected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-focus-color",
      "description": "Ripple focus color for unselected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-ripple-color",
      "description": "Ripple base color for unselected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-hover-color",
      "description": "Ripple hover color for selected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-focus-color",
      "description": "Ripple focus color for selected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-ripple-color",
      "description": "Ripple base color for selected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-error-hover-color",
      "description": "Ripple hover color for invalid unselected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-error-focus-color",
      "description": "Ripple focus color for invalid unselected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-unselected-error-ripple-color",
      "description": "Ripple base color for invalid unselected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-error-hover-color",
      "description": "Ripple hover color for invalid selected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-error-focus-color",
      "description": "Ripple focus color for invalid selected state.",
      "values": []
    },
    {
      "name": "--m3e-checkbox-selected-error-ripple-color",
      "description": "Ripple base color for invalid selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-container-shape",
      "description": "Border radius of the chip container.",
      "values": []
    },
    {
      "name": "--m3e-chip-container-height",
      "description": "Base height of the chip container before density adjustment.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-font-size",
      "description": "Font size of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-font-weight",
      "description": "Font weight of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-line-height",
      "description": "Line height of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-tracking",
      "description": "Letter spacing of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-color",
      "description": "Label text color in default state.",
      "values": []
    },
    {
      "name": "--m3e-chip-icon-color",
      "description": "Icon color in default state.",
      "values": []
    },
    {
      "name": "--m3e-chip-icon-size",
      "description": "Font size of leading/trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-chip-spacing",
      "description": "Horizontal gap between chip content elements.",
      "values": []
    },
    {
      "name": "--m3e-chip-padding-start",
      "description": "Default start padding when no icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-padding-end",
      "description": "Default end padding when no trailing icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-with-icon-padding-start",
      "description": "Start padding when leading icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-with-icon-padding-end",
      "description": "End padding when trailing icon is present.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-container-color",
      "description": "Background color for elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-elevation",
      "description": "Elevation level for elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-hover-elevation",
      "description": "Elevation level on hover.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-outline-thickness",
      "description": "Outline thickness for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-outline-color",
      "description": "Outline color for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-chip-container-shape",
      "description": "Border radius of the chip container.",
      "values": []
    },
    {
      "name": "--m3e-chip-container-height",
      "description": "Base height of the chip container before density adjustment.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-font-size",
      "description": "Font size of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-font-weight",
      "description": "Font weight of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-line-height",
      "description": "Line height of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-tracking",
      "description": "Letter spacing of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-color",
      "description": "Label text color in default state.",
      "values": []
    },
    {
      "name": "--m3e-chip-icon-color",
      "description": "Icon color in default state.",
      "values": []
    },
    {
      "name": "--m3e-chip-icon-size",
      "description": "Font size of leading/trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-chip-spacing",
      "description": "Horizontal gap between chip content elements.",
      "values": []
    },
    {
      "name": "--m3e-chip-padding-start",
      "description": "Default start padding when no icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-padding-end",
      "description": "Default end padding when no trailing icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-with-icon-padding-start",
      "description": "Start padding when leading icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-with-icon-padding-end",
      "description": "End padding when trailing icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-label-text-color",
      "description": "Base color for disabled label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-label-text-opacity",
      "description": "Opacity applied to disabled label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-icon-color",
      "description": "Base color for disabled icons.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-icon-opacity",
      "description": "Opacity applied to disabled icons.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-container-color",
      "description": "Background color for elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-elevation",
      "description": "Elevation level for elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-hover-elevation",
      "description": "Elevation level on hover.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-container-color",
      "description": "Background color for disabled elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-container-opacity",
      "description": "Opacity applied to disabled elevated background.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-elevation",
      "description": "Elevation level for disabled elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-outline-thickness",
      "description": "Outline thickness for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-outline-color",
      "description": "Outline color for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-disabled-outline-color",
      "description": "Outline color for disabled outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-disabled-outline-opacity",
      "description": "Opacity applied to disabled outline.",
      "values": []
    },
    {
      "name": "--m3e-chip-set-spacing",
      "description": "The spacing (gap) between chips in the set.",
      "values": []
    },
    {
      "name": "--m3e-chip-container-shape",
      "description": "Border radius of the chip container.",
      "values": []
    },
    {
      "name": "--m3e-chip-container-height",
      "description": "Base height of the chip container before density adjustment.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-font-size",
      "description": "Font size of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-font-weight",
      "description": "Font weight of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-line-height",
      "description": "Line height of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-tracking",
      "description": "Letter spacing of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-icon-size",
      "description": "Font size of leading/trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-chip-spacing",
      "description": "Horizontal gap between chip content elements.",
      "values": []
    },
    {
      "name": "--m3e-chip-padding-start",
      "description": "Default start padding when no icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-padding-end",
      "description": "Default end padding when no trailing icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-with-icon-padding-start",
      "description": "Start padding when leading icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-with-icon-padding-end",
      "description": "End padding when trailing icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-label-text-color",
      "description": "Base color for disabled label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-label-text-opacity",
      "description": "Opacity applied to disabled label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-icon-color",
      "description": "Base color for disabled icons.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-icon-opacity",
      "description": "Opacity applied to disabled icons.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-container-color",
      "description": "Background color for elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-elevation",
      "description": "Elevation level for elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-hover-elevation",
      "description": "Elevation level on hover.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-container-color",
      "description": "Background color for disabled elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-container-opacity",
      "description": "Opacity applied to disabled elevated background.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-elevation",
      "description": "Elevation level for disabled elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-outline-thickness",
      "description": "Outline thickness for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-outline-color",
      "description": "Outline color for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-disabled-outline-color",
      "description": "Outline color for disabled outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-disabled-outline-opacity",
      "description": "Opacity applied to disabled outline.",
      "values": []
    },
    {
      "name": "--m3e-chip-selected-outline-thickness",
      "description": "Outline thickness for selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-selected-label-text-color",
      "description": "Text color in selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-selected-container-color",
      "description": "Background color in selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-selected-container-hover-color",
      "description": "Hover state layer color in selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-selected-container-focus-color",
      "description": "Focus state layer color in selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-selected-hover-elevation",
      "description": "Elevation on hover in selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-selected-ripple-color",
      "description": "Ripple color in selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-selected-state-layer-focus-color",
      "description": "Focus state layer color in selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-selected-state-layer-hover-color",
      "description": "Hover state layer color in selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-selected-leading-icon-color",
      "description": "Leading icon color in selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-selected-trailing-icon-color",
      "description": "Trailing icon color in selected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-unselected-label-text-color",
      "description": "Text color in unselected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-unselected-ripple-color",
      "description": "Ripple color in unselected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-unselected-state-layer-focus-color",
      "description": "Focus state layer color in unselected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-unselected-state-layer-hover-color",
      "description": "Hover state layer color in unselected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-unselected-leading-icon-color",
      "description": "Leading icon color in unselected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-unselected-trailing-icon-color",
      "description": "Trailing icon color in unselected state.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-color",
      "description": "Label text color in default state.",
      "values": []
    },
    {
      "name": "--m3e-chip-icon-color",
      "description": "Icon color in default state.",
      "values": []
    },
    {
      "name": "--m3e-chip-set-spacing",
      "description": "The spacing (gap) between chips in the set.",
      "values": []
    },
    {
      "name": "--m3e-chip-container-shape",
      "description": "Border radius of the chip container.",
      "values": []
    },
    {
      "name": "--m3e-chip-container-height",
      "description": "Base height of the chip container before density adjustment.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-font-size",
      "description": "Font size of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-font-weight",
      "description": "Font weight of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-line-height",
      "description": "Line height of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-tracking",
      "description": "Letter spacing of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-color",
      "description": "Label text color in default state.",
      "values": []
    },
    {
      "name": "--m3e-chip-icon-color",
      "description": "Icon color in default state.",
      "values": []
    },
    {
      "name": "--m3e-chip-icon-size",
      "description": "Font size of leading/trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-chip-spacing",
      "description": "Horizontal gap between chip content elements.",
      "values": []
    },
    {
      "name": "--m3e-chip-padding-start",
      "description": "Default start padding when no icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-padding-end",
      "description": "Default end padding when no trailing icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-with-icon-padding-start",
      "description": "Start padding when leading icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-with-icon-padding-end",
      "description": "End padding when trailing icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-label-text-color",
      "description": "Base color for disabled label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-label-text-opacity",
      "description": "Opacity applied to disabled label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-icon-color",
      "description": "Base color for disabled icons.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-icon-opacity",
      "description": "Opacity applied to disabled icons.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-container-color",
      "description": "Background color for elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-elevation",
      "description": "Elevation level for elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-hover-elevation",
      "description": "Elevation level on hover.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-container-color",
      "description": "Background color for disabled elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-container-opacity",
      "description": "Opacity applied to disabled elevated background.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-elevation",
      "description": "Elevation level for disabled elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-outline-thickness",
      "description": "Outline thickness for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-outline-color",
      "description": "Outline color for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-disabled-outline-color",
      "description": "Outline color for disabled outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-disabled-outline-opacity",
      "description": "Opacity applied to disabled outline.",
      "values": []
    },
    {
      "name": "--m3e-chip-avatar-size",
      "description": "Font size of the avatar slot content.",
      "values": []
    },
    {
      "name": "--m3e-chip-avatar-icon-size",
      "description": "Size of the icon displayed inside the avatar when used in a chip.",
      "values": []
    },
    {
      "name": "--m3e-chip-avatar-font-size",
      "description": "Font size of text initials inside the avatar when used in a chip.",
      "values": []
    },
    {
      "name": "--m3e-chip-avatar-font-weight",
      "description": "Font weight of text initials inside the avatar when used in a chip.",
      "values": []
    },
    {
      "name": "--m3e-chip-avatar-line-height",
      "description": "Line height of text initials inside the avatar when used in a chip.",
      "values": []
    },
    {
      "name": "--m3e-chip-avatar-tracking",
      "description": "Letter spacing (tracking) of text initials inside the avatar when used in a chip.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-avatar-opacity",
      "description": "Opacity applied to the avatar when disabled.",
      "values": []
    },
    {
      "name": "--m3e-chip-with-avatar-padding-start",
      "description": "Start padding when an avatar is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-set-spacing",
      "description": "The spacing (gap) between chips in the set.",
      "values": []
    },
    {
      "name": "--m3e-chip-container-shape",
      "description": "Border radius of the chip container.",
      "values": []
    },
    {
      "name": "--m3e-chip-container-height",
      "description": "Base height of the chip container before density adjustment.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-font-size",
      "description": "Font size of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-font-weight",
      "description": "Font weight of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-line-height",
      "description": "Line height of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-tracking",
      "description": "Letter spacing of the chip label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-label-text-color",
      "description": "Label text color in default state.",
      "values": []
    },
    {
      "name": "--m3e-chip-icon-color",
      "description": "Icon color in default state.",
      "values": []
    },
    {
      "name": "--m3e-chip-icon-size",
      "description": "Font size of leading/trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-chip-spacing",
      "description": "Horizontal gap between chip content elements.",
      "values": []
    },
    {
      "name": "--m3e-chip-padding-start",
      "description": "Default start padding when no icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-padding-end",
      "description": "Default end padding when no trailing icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-with-icon-padding-start",
      "description": "Start padding when leading icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-with-icon-padding-end",
      "description": "End padding when trailing icon is present.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-label-text-color",
      "description": "Base color for disabled label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-label-text-opacity",
      "description": "Opacity applied to disabled label text.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-icon-color",
      "description": "Base color for disabled icons.",
      "values": []
    },
    {
      "name": "--m3e-chip-disabled-icon-opacity",
      "description": "Opacity applied to disabled icons.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-container-color",
      "description": "Background color for elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-elevation",
      "description": "Elevation level for elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-hover-elevation",
      "description": "Elevation level on hover.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-container-color",
      "description": "Background color for disabled elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-container-opacity",
      "description": "Opacity applied to disabled elevated background.",
      "values": []
    },
    {
      "name": "--m3e-elevated-chip-disabled-elevation",
      "description": "Elevation level for disabled elevated variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-outline-thickness",
      "description": "Outline thickness for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-outline-color",
      "description": "Outline color for outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-disabled-outline-color",
      "description": "Outline color for disabled outlined variant.",
      "values": []
    },
    {
      "name": "--m3e-outlined-chip-disabled-outline-opacity",
      "description": "Opacity applied to disabled outline.",
      "values": []
    },
    {
      "name": "--m3e-content-pane-container-shape",
      "description": "Corner radius applied to the pane’s outer surface.",
      "values": []
    },
    {
      "name": "--m3e-content-pane-container-color",
      "description": "Background color of the pane’s surface.",
      "values": []
    },
    {
      "name": "--m3e-content-pane-container-padding",
      "description": "Internal padding applied to all sides of the scrollable content.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-container-padding-block",
      "description": "Block‑axis padding of the date picker container.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-container-padding-inline",
      "description": "Inline‑axis padding of the date picker container.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-container-color",
      "description": "Background color of the standard container surface.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-container-elevation",
      "description": "Elevation shadow applied to the container surface.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-headline-color",
      "description": "Color used for the modal headline text.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-headline-font-size",
      "description": "Font size used for the modal headline text.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-headline-font-weight",
      "description": "Font weight used for the modal headline text.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-headline-line-height",
      "description": "Line height used for the modal headline text.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-headline-tracking",
      "description": "Letter spacing used for the modal headline text.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-supporting-text-color",
      "description": "Color used for supporting text in modal mode.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-supporting-text-font-size",
      "description": "Font size used for supporting text in modal mode.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-supporting-text-font-weight",
      "description": "Font weight used for supporting text in modal mode.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-supporting-text-line-height",
      "description": "Line height used for supporting text in modal mode.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-supporting-text-tracking",
      "description": "Letter spacing used for supporting text in modal mode.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-actions-padding-inline",
      "description": "Inline‑axis padding of the action row.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-docked-container-color",
      "description": "Background color of the container in docked mode.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-docked-container-shape",
      "description": "Corner radius of the container in docked mode.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-container-color",
      "description": "Background color of the container in modal mode.",
      "values": []
    },
    {
      "name": "--m3e-datepicker-modal-container-shape",
      "description": "Corner radius of the container in modal mode.",
      "values": []
    },
    {
      "name": "--m3e-divider-thickness",
      "description": "Thickness of divider elements within the picker.",
      "values": []
    },
    {
      "name": "--m3e-divider-color",
      "description": "Color of divider rules within the picker.",
      "values": []
    },
    {
      "name": "--m3e-dialog-scrim-color",
      "description": "Base color used for the modal scrim behind the picker.",
      "values": []
    },
    {
      "name": "--m3e-dialog-scrim-opacity",
      "description": "Opacity applied to the scrim color in modal mode.",
      "values": []
    },
    {
      "name": "--m3e-dialog-shape",
      "description": "Border radius of the dialog container.",
      "values": []
    },
    {
      "name": "--m3e-dialog-min-width",
      "description": "Minimum width of the dialog.",
      "values": []
    },
    {
      "name": "--m3e-dialog-max-width",
      "description": "Maximum width of the dialog.",
      "values": []
    },
    {
      "name": "--m3e-dialog-color",
      "description": "Foreground color of the dialog.",
      "values": []
    },
    {
      "name": "--m3e-dialog-container-color",
      "description": "Background color of the dialog container.",
      "values": []
    },
    {
      "name": "--m3e-dialog-scrim-color",
      "description": "Color of the scrim (backdrop overlay).",
      "values": []
    },
    {
      "name": "--m3e-dialog-scrim-opacity",
      "description": "Opacity of the scrim when open.",
      "values": []
    },
    {
      "name": "--m3e-dialog-header-container-color",
      "description": "Background color of the dialog header.",
      "values": []
    },
    {
      "name": "--m3e-dialog-header-color",
      "description": "Foreground color of the dialog header.",
      "values": []
    },
    {
      "name": "--m3e-dialog-header-font-size",
      "description": "Font size for the dialog header.",
      "values": []
    },
    {
      "name": "--m3e-dialog-header-font-weight",
      "description": "Font weight for the dialog header.",
      "values": []
    },
    {
      "name": "--m3e-dialog-header-line-height",
      "description": "Line height for the dialog header.",
      "values": []
    },
    {
      "name": "--m3e-dialog-header-tracking",
      "description": "Letter spacing for the dialog header.",
      "values": []
    },
    {
      "name": "--m3e-dialog-content-color",
      "description": "Foreground color of the dialog content.",
      "values": []
    },
    {
      "name": "--m3e-dialog-content-font-size",
      "description": "Font size for the dialog content.",
      "values": []
    },
    {
      "name": "--m3e-dialog-content-font-weight",
      "description": "Font weight for the dialog content.",
      "values": []
    },
    {
      "name": "--m3e-dialog-content-line-height",
      "description": "Line height for the dialog content.",
      "values": []
    },
    {
      "name": "--m3e-dialog-content-tracking",
      "description": "Letter spacing for the dialog content.",
      "values": []
    },
    {
      "name": "--m3e-divider-thickness",
      "description": "Thickness of the divider line.",
      "values": []
    },
    {
      "name": "--m3e-divider-color",
      "description": "Color of the divider line.",
      "values": []
    },
    {
      "name": "--m3e-divider-inset-size",
      "description": "When inset, fallback inset size used when no specific start or end inset is provided.",
      "values": []
    },
    {
      "name": "--m3e-divider-inset-start-size",
      "description": "When inset, leading inset size.",
      "values": []
    },
    {
      "name": "--m3e-divider-inset-end-size",
      "description": "When inset, trailing inset size.",
      "values": []
    },
    {
      "name": "--m3e-drawer-container-color",
      "description": "The background color of the drawer container.",
      "values": []
    },
    {
      "name": "--m3e-drawer-container-elevation",
      "description": "The elevation level of the drawer container.",
      "values": []
    },
    {
      "name": "--m3e-drawer-container-width",
      "description": "The width of the drawer container.",
      "values": []
    },
    {
      "name": "--m3e-drawer-container-scrim-opacity",
      "description": "The opacity of the scrim behind the drawer.",
      "values": []
    },
    {
      "name": "--m3e-modal-drawer-start-shape",
      "description": "The shape of the drawer's start edge (typically left in LTR).",
      "values": []
    },
    {
      "name": "--m3e-modal-drawer-end-shape",
      "description": "The shape of the drawer's end edge (typically right in LTR).",
      "values": []
    },
    {
      "name": "--m3e-modal-drawer-container-color",
      "description": "The background color of the modal drawer container.",
      "values": []
    },
    {
      "name": "--m3e-modal-drawer-elevation",
      "description": "The elevation level of the modal drawer container.",
      "values": []
    },
    {
      "name": "--m3e-drawer-divider-color",
      "description": "The color of the divider between drawer sections.",
      "values": []
    },
    {
      "name": "--m3e-drawer-divider-thickness",
      "description": "The thickness of the divider line.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-collapsed-height",
      "description": "Height of the header when the panel is collapsed.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-expanded-height",
      "description": "Height of the header when the panel is expanded.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-padding-left",
      "description": "Left padding inside the header.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-padding-right",
      "description": "Right padding inside the header.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-spacing",
      "description": "Spacing between header elements.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-toggle-icon-size",
      "description": "Size of the toggle icon (e.g. chevron).",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-font-size",
      "description": "The font size of the header text.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-font-weight",
      "description": "The font weight of the header text.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-line-height",
      "description": "The line height of the header text.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-tracking",
      "description": "Letter spacing (tracking) of the header text.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-collapsed-height",
      "description": "Height of the header when the panel is collapsed.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-expanded-height",
      "description": "Height of the header when the panel is expanded.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-padding-left",
      "description": "Left padding inside the header.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-padding-right",
      "description": "Right padding inside the header.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-spacing",
      "description": "Spacing between header elements.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-toggle-icon-size",
      "description": "Size of the toggle icon (e.g. chevron).",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-font-size",
      "description": "The font size of the header text.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-font-weight",
      "description": "The font weight of the header text.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-line-height",
      "description": "The line height of the header text.",
      "values": []
    },
    {
      "name": "--m3e-expansion-header-tracking",
      "description": "Letter spacing (tracking) of the header text.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-text-color",
      "description": "Color of the panel's text content.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-disabled-text-color",
      "description": "Color of the panel's text content, when disabled.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-disabled-text-opacity",
      "description": "Opacity of the panel's text content, when disabled.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-container-color",
      "description": "Background color of the panel container.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-elevation",
      "description": "Elevation level when the panel is collapsed.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-shape",
      "description": "Shape (e.g. border radius) of the panel when collapsed.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-open-elevation",
      "description": "Elevation level when the panel is expanded.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-open-shape",
      "description": "Shape (e.g. border radius) of the panel when expanded.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-content-padding",
      "description": "Padding around the panel's content area.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-actions-spacing",
      "description": "Spacing between action buttons or elements.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-actions-padding",
      "description": "Padding around the actions section.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-actions-divider-thickness",
      "description": "Thickness of the divider above actions.",
      "values": []
    },
    {
      "name": "--m3e-expansion-panel-actions-divider-color",
      "description": "Color of the divider above actions.",
      "values": []
    },
    {
      "name": "--m3e-fab-container-height",
      "description": "Height of the FAB container for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-fab-label-text-font-size",
      "description": "Font size for the FAB label text for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-fab-label-text-font-weight",
      "description": "Font weight for the FAB label text for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-fab-label-text-line-height",
      "description": "Line height for the FAB label text for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-fab-label-text-tracking",
      "description": "Letter spacing (tracking) for the FAB label text for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-fab-icon-size",
      "description": "Icon size for the FAB for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-fab-shape",
      "description": "Border radius for the FAB for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-fab-leading-space",
      "description": "Leading space for the FAB for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-fab-trailing-space",
      "description": "Trailing space for the FAB for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-fab-icon-label-space",
      "description": "Space between icon and label for the FAB for all size variants.",
      "values": []
    },
    {
      "name": "--m3e-fab-small-container-height",
      "description": "Height of the small FAB container.",
      "values": []
    },
    {
      "name": "--m3e-fab-small-label-text-font-size",
      "description": "Font size for the small FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-small-label-text-font-weight",
      "description": "Font weight for the small FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-small-label-text-line-height",
      "description": "Line height for the small FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-small-label-text-tracking",
      "description": "Letter spacing (tracking) for the small FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-small-icon-size",
      "description": "Icon size for the small FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-small-shape",
      "description": "Border radius for the small FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-small-leading-space",
      "description": "Leading space for the small FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-small-trailing-space",
      "description": "Trailing space for the small FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-small-icon-label-space",
      "description": "Space between icon and label for the small FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-medium-container-height",
      "description": "Height of the medium FAB container.",
      "values": []
    },
    {
      "name": "--m3e-fab-medium-label-text-font-size",
      "description": "Font size for the medium FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-medium-label-text-font-weight",
      "description": "Font weight for the medium FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-medium-label-text-line-height",
      "description": "Line height for the medium FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-medium-label-text-tracking",
      "description": "Letter spacing (tracking) for the medium FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-medium-icon-size",
      "description": "Icon size for the medium FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-medium-shape",
      "description": "Border radius for the medium FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-medium-leading-space",
      "description": "Leading space for the medium FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-medium-trailing-space",
      "description": "Trailing space for the medium FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-medium-icon-label-space",
      "description": "Space between icon and label for the medium FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-large-container-height",
      "description": "Height of the large FAB container.",
      "values": []
    },
    {
      "name": "--m3e-fab-large-label-text-font-size",
      "description": "Font size for the large FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-large-label-text-font-weight",
      "description": "Font weight for the large FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-large-label-text-line-height",
      "description": "Line height for the large FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-large-label-text-tracking",
      "description": "Letter spacing (tracking) for the large FAB label text.",
      "values": []
    },
    {
      "name": "--m3e-fab-large-icon-size",
      "description": "Icon size for the large FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-large-shape",
      "description": "Border radius for the large FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-large-leading-space",
      "description": "Leading space for the large FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-large-trailing-space",
      "description": "Trailing space for the large FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-large-icon-label-space",
      "description": "Space between icon and label for the large FAB.",
      "values": []
    },
    {
      "name": "--m3e-fab-label-text-color",
      "description": "Default label text color for FAB (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-icon-color",
      "description": "Default icon color for FAB (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-container-color",
      "description": "Default container background color for FAB (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-container-elevation",
      "description": "Resting elevation for FAB (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-lowered-container-elevation",
      "description": "Lowered resting elevation for FAB (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-disabled-container-color",
      "description": "Container background color when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-disabled-container-opacity",
      "description": "Opacity of container when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-disabled-icon-color",
      "description": "Icon color when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-disabled-icon-opacity",
      "description": "Icon opacity when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-disabled-label-text-color",
      "description": "Label text color when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-disabled-label-text-opacity",
      "description": "Label text opacity when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-disabled-container-elevation",
      "description": "Elevation when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-lowered-disabled-container-elevation",
      "description": "Lowered elevation when disabled (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-hover-icon-color",
      "description": "Icon color on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-hover-label-text-color",
      "description": "Label text color on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-hover-state-layer-color",
      "description": "State layer color on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-hover-state-layer-opacity",
      "description": "State layer opacity on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-hover-container-elevation",
      "description": "Elevation on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-lowered-hover-container-elevation",
      "description": "Lowered elevation on hover (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-focus-icon-color",
      "description": "Icon color on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-focus-label-text-color",
      "description": "Label text color on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-focus-state-layer-color",
      "description": "State layer color on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-focus-state-layer-opacity",
      "description": "State layer opacity on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-focus-container-elevation",
      "description": "Elevation on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-lowered-focus-container-elevation",
      "description": "Lowered elevation on focus (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-pressed-icon-color",
      "description": "Icon color on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-pressed-label-text-color",
      "description": "Label text color on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-pressed-state-layer-color",
      "description": "State layer color on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-pressed-container-elevation",
      "description": "Elevation on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-fab-lowered-pressed-container-elevation",
      "description": "Lowered elevation on pressed (all variants).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-label-text-color",
      "description": "Default label text color for primary FAB.",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-icon-color",
      "description": "Default icon color for primary FAB.",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-container-color",
      "description": "Default container background color for primary FAB.",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-container-elevation",
      "description": "Resting elevation for primary FAB.",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-lowered-container-elevation",
      "description": "Lowered resting elevation for primary FAB.",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-disabled-container-color",
      "description": "Container background color when disabled (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-disabled-container-opacity",
      "description": "Opacity of container when disabled (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-disabled-icon-color",
      "description": "Icon color when disabled (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-disabled-icon-opacity",
      "description": "Icon opacity when disabled (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-disabled-label-text-color",
      "description": "Label text color when disabled (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-disabled-label-text-opacity",
      "description": "Label text opacity when disabled (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-disabled-container-elevation",
      "description": "Elevation when disabled (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-lowered-disabled-container-elevation",
      "description": "Lowered elevation when disabled (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-hover-icon-color",
      "description": "Icon color on hover (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-hover-label-text-color",
      "description": "Label text color on hover (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-hover-state-layer-color",
      "description": "State layer color on hover (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-hover-state-layer-opacity",
      "description": "State layer opacity on hover (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-hover-container-elevation",
      "description": "Elevation on hover (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-lowered-hover-container-elevation",
      "description": "Lowered elevation on hover (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-focus-icon-color",
      "description": "Icon color on focus (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-focus-label-text-color",
      "description": "Label text color on focus (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-focus-state-layer-color",
      "description": "State layer color on focus (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-focus-state-layer-opacity",
      "description": "State layer opacity on focus (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-focus-container-elevation",
      "description": "Elevation on focus (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-lowered-focus-container-elevation",
      "description": "Lowered elevation on focus (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-pressed-icon-color",
      "description": "Icon color on pressed (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-pressed-label-text-color",
      "description": "Label text color on pressed (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-pressed-state-layer-color",
      "description": "State layer color on pressed (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-pressed-container-elevation",
      "description": "Elevation on pressed (primary).",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-lowered-pressed-container-elevation",
      "description": "Lowered elevation on pressed (primary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-label-text-color",
      "description": "Default label text color for secondary FAB.",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-icon-color",
      "description": "Default icon color for secondary FAB.",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-container-color",
      "description": "Default container background color for secondary FAB.",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-container-elevation",
      "description": "Resting elevation for secondary FAB.",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-lowered-container-elevation",
      "description": "Lowered resting elevation for secondary FAB.",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-disabled-container-color",
      "description": "Container background color when disabled (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-disabled-container-opacity",
      "description": "Opacity of container when disabled (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-disabled-icon-color",
      "description": "Icon color when disabled (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-disabled-icon-opacity",
      "description": "Icon opacity when disabled (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-disabled-label-text-color",
      "description": "Label text color when disabled (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-disabled-label-text-opacity",
      "description": "Label text opacity when disabled (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-disabled-container-elevation",
      "description": "Elevation when disabled (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-lowered-disabled-container-elevation",
      "description": "Lowered elevation when disabled (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-hover-icon-color",
      "description": "Icon color on hover (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-hover-label-text-color",
      "description": "Label text color on hover (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-hover-state-layer-color",
      "description": "State layer color on hover (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-hover-state-layer-opacity",
      "description": "State layer opacity on hover (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-hover-container-elevation",
      "description": "Elevation on hover (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-lowered-hover-container-elevation",
      "description": "Lowered elevation on hover (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-focus-icon-color",
      "description": "Icon color on focus (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-focus-label-text-color",
      "description": "Label text color on focus (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-focus-state-layer-color",
      "description": "State layer color on focus (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-focus-state-layer-opacity",
      "description": "State layer opacity on focus (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-focus-container-elevation",
      "description": "Elevation on focus (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-lowered-focus-container-elevation",
      "description": "Lowered elevation on focus (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-pressed-icon-color",
      "description": "Icon color on pressed (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-pressed-label-text-color",
      "description": "Label text color on pressed (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-pressed-state-layer-color",
      "description": "State layer color on pressed (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-pressed-container-elevation",
      "description": "Elevation on pressed (secondary).",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-lowered-pressed-container-elevation",
      "description": "Lowered elevation on pressed (secondary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-label-text-color",
      "description": "Default label text color for tertiary FAB.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-icon-color",
      "description": "Default icon color for tertiary FAB.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-container-color",
      "description": "Default container background color for tertiary FAB.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-container-elevation",
      "description": "Resting elevation for tertiary FAB.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-lowered-container-elevation",
      "description": "Lowered resting elevation for tertiary FAB.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-disabled-container-color",
      "description": "Container background color when disabled (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-disabled-container-opacity",
      "description": "Opacity of container when disabled (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-disabled-icon-color",
      "description": "Icon color when disabled (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-disabled-icon-opacity",
      "description": "Icon opacity when disabled (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-disabled-label-text-color",
      "description": "Label text color when disabled (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-disabled-label-text-opacity",
      "description": "Label text opacity when disabled (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-disabled-container-elevation",
      "description": "Elevation when disabled (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-lowered-disabled-container-elevation",
      "description": "Lowered elevation when disabled (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-hover-icon-color",
      "description": "Icon color on hover (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-hover-label-text-color",
      "description": "Label text color on hover (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-hover-state-layer-color",
      "description": "State layer color on hover (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-hover-state-layer-opacity",
      "description": "State layer opacity on hover (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-hover-container-elevation",
      "description": "Elevation on hover (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-lowered-hover-container-elevation",
      "description": "Lowered elevation on hover (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-focus-icon-color",
      "description": "Icon color on focus (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-focus-label-text-color",
      "description": "Label text color on focus (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-focus-state-layer-color",
      "description": "State layer color on focus (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-focus-state-layer-opacity",
      "description": "State layer opacity on focus (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-focus-container-elevation",
      "description": "Elevation on focus (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-lowered-focus-container-elevation",
      "description": "Lowered elevation on focus (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-pressed-icon-color",
      "description": "Icon color on pressed (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-pressed-label-text-color",
      "description": "Label text color on pressed (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-pressed-state-layer-color",
      "description": "State layer color on pressed (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-pressed-container-elevation",
      "description": "Elevation on pressed (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-lowered-pressed-container-elevation",
      "description": "Lowered elevation on pressed (tertiary).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-label-text-color",
      "description": "Default label text color for primary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-icon-color",
      "description": "Default icon color for primary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-container-color",
      "description": "Default container background color for primary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-container-elevation",
      "description": "Resting elevation for primary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-lowered-container-elevation",
      "description": "Lowered resting elevation for primary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-disabled-container-color",
      "description": "Container background color when disabled (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-disabled-container-opacity",
      "description": "Opacity of container when disabled (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-disabled-icon-color",
      "description": "Icon color when disabled (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-disabled-icon-opacity",
      "description": "Icon opacity when disabled (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-disabled-label-text-color",
      "description": "Label text color when disabled (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-disabled-label-text-opacity",
      "description": "Label text opacity when disabled (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-disabled-container-elevation",
      "description": "Elevation when disabled (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-lowered-disabled-container-elevation",
      "description": "Lowered elevation when disabled (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-hover-icon-color",
      "description": "Icon color on hover (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-hover-label-text-color",
      "description": "Label text color on hover (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-hover-state-layer-color",
      "description": "State layer color on hover (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-hover-state-layer-opacity",
      "description": "State layer opacity on hover (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-hover-container-elevation",
      "description": "Elevation on hover (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-lowered-hover-container-elevation",
      "description": "Lowered elevation on hover (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-focus-icon-color",
      "description": "Icon color on focus (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-focus-label-text-color",
      "description": "Label text color on focus (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-focus-state-layer-color",
      "description": "State layer color on focus (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-focus-state-layer-opacity",
      "description": "State layer opacity on focus (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-focus-container-elevation",
      "description": "Elevation on focus (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-lowered-focus-container-elevation",
      "description": "Lowered elevation on focus (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-pressed-icon-color",
      "description": "Icon color on pressed (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-pressed-label-text-color",
      "description": "Label text color on pressed (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-pressed-state-layer-color",
      "description": "State layer color on pressed (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-pressed-container-elevation",
      "description": "Elevation on pressed (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-primary-container-fab-lowered-pressed-container-elevation",
      "description": "Lowered elevation on pressed (primary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-label-text-color",
      "description": "Default label text color for secondary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-icon-color",
      "description": "Default icon color for secondary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-container-color",
      "description": "Default container background color for secondary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-container-elevation",
      "description": "Resting elevation for secondary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-lowered-container-elevation",
      "description": "Lowered resting elevation for secondary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-disabled-container-color",
      "description": "Container background color when disabled (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-disabled-container-opacity",
      "description": "Opacity of container when disabled (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-disabled-icon-color",
      "description": "Icon color when disabled (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-disabled-icon-opacity",
      "description": "Icon opacity when disabled (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-disabled-label-text-color",
      "description": "Label text color when disabled (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-disabled-label-text-opacity",
      "description": "Label text opacity when disabled (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-disabled-container-elevation",
      "description": "Elevation when disabled (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-lowered-disabled-container-elevation",
      "description": "Lowered elevation when disabled (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-hover-icon-color",
      "description": "Icon color on hover (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-hover-label-text-color",
      "description": "Label text color on hover (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-hover-state-layer-color",
      "description": "State layer color on hover (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-hover-state-layer-opacity",
      "description": "State layer opacity on hover (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-hover-container-elevation",
      "description": "Elevation on hover (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-lowered-hover-container-elevation",
      "description": "Lowered elevation on hover (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-focus-icon-color",
      "description": "Icon color on focus (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-focus-label-text-color",
      "description": "Label text color on focus (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-focus-state-layer-color",
      "description": "State layer color on focus (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-focus-state-layer-opacity",
      "description": "State layer opacity on focus (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-focus-container-elevation",
      "description": "Elevation on focus (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-lowered-focus-container-elevation",
      "description": "Lowered elevation on focus (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-pressed-icon-color",
      "description": "Icon color on pressed (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-pressed-label-text-color",
      "description": "Label text color on pressed (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-pressed-state-layer-color",
      "description": "State layer color on pressed (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-pressed-container-elevation",
      "description": "Elevation on pressed (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-secondary-container-fab-lowered-pressed-container-elevation",
      "description": "Lowered elevation on pressed (secondary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-label-text-color",
      "description": "Default label text color for tertiary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-icon-color",
      "description": "Default icon color for tertiary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-container-color",
      "description": "Default container background color for tertiary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-container-elevation",
      "description": "Resting elevation for tertiary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-lowered-container-elevation",
      "description": "Lowered resting elevation for tertiary-container FAB.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-disabled-container-color",
      "description": "Container background color when disabled (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-disabled-container-opacity",
      "description": "Opacity of container when disabled (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-disabled-icon-color",
      "description": "Icon color when disabled (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-disabled-icon-opacity",
      "description": "Icon opacity when disabled (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-disabled-label-text-color",
      "description": "Label text color when disabled (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-disabled-label-text-opacity",
      "description": "Label text opacity when disabled (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-disabled-container-elevation",
      "description": "Elevation when disabled (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-lowered-disabled-container-elevation",
      "description": "Lowered elevation when disabled (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-hover-icon-color",
      "description": "Icon color on hover (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-hover-label-text-color",
      "description": "Label text color on hover (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-hover-state-layer-color",
      "description": "State layer color on hover (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-hover-state-layer-opacity",
      "description": "State layer opacity on hover (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-hover-container-elevation",
      "description": "Elevation on hover (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-lowered-hover-container-elevation",
      "description": "Lowered elevation on hover (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-focus-icon-color",
      "description": "Icon color on focus (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-focus-label-text-color",
      "description": "Label text color on focus (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-focus-state-layer-color",
      "description": "State layer color on focus (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-focus-state-layer-opacity",
      "description": "State layer opacity on focus (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-focus-container-elevation",
      "description": "Elevation on focus (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-lowered-focus-container-elevation",
      "description": "Lowered elevation on focus (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-pressed-icon-color",
      "description": "Icon color on pressed (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-pressed-label-text-color",
      "description": "Label text color on pressed (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-pressed-state-layer-color",
      "description": "State layer color on pressed (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-pressed-container-elevation",
      "description": "Elevation on pressed (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-tertiary-container-fab-lowered-pressed-container-elevation",
      "description": "Lowered elevation on pressed (tertiary-container).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-label-text-color",
      "description": "Default label text color for surface FAB.",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-icon-color",
      "description": "Default icon color for surface FAB.",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-container-color",
      "description": "Default container background color for surface FAB.",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-container-elevation",
      "description": "Resting elevation for surface FAB.",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-lowered-container-elevation",
      "description": "Lowered resting elevation for surface FAB.",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-lowered-container-color",
      "description": "Lowered container background color for surface FAB.",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-disabled-container-color",
      "description": "Container background color when disabled (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-disabled-container-opacity",
      "description": "Opacity of container when disabled (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-disabled-icon-color",
      "description": "Icon color when disabled (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-disabled-icon-opacity",
      "description": "Icon opacity when disabled (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-disabled-label-text-color",
      "description": "Label text color when disabled (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-disabled-label-text-opacity",
      "description": "Label text opacity when disabled (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-disabled-container-elevation",
      "description": "Elevation when disabled (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-lowered-disabled-container-elevation",
      "description": "Lowered elevation when disabled (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-hover-icon-color",
      "description": "Icon color on hover (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-hover-label-text-color",
      "description": "Label text color on hover (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-hover-state-layer-color",
      "description": "State layer color on hover (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-hover-state-layer-opacity",
      "description": "State layer opacity on hover (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-hover-container-elevation",
      "description": "Elevation on hover (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-lowered-hover-container-elevation",
      "description": "Lowered elevation on hover (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-focus-icon-color",
      "description": "Icon color on focus (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-focus-label-text-color",
      "description": "Label text color on focus (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-focus-state-layer-color",
      "description": "State layer color on focus (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-focus-state-layer-opacity",
      "description": "State layer opacity on focus (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-focus-container-elevation",
      "description": "Elevation on focus (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-lowered-focus-container-elevation",
      "description": "Lowered elevation on focus (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-pressed-icon-color",
      "description": "Icon color on pressed (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-pressed-label-text-color",
      "description": "Label text color on pressed (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-pressed-state-layer-color",
      "description": "State layer color on pressed (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-pressed-state-layer-opacity",
      "description": "State layer opacity on pressed (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-pressed-container-elevation",
      "description": "Elevation on pressed (surface).",
      "values": []
    },
    {
      "name": "--m3e-surface-fab-lowered-pressed-container-elevation",
      "description": "Lowered elevation on pressed (surface).",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-item-height",
      "description": "Height of the menu item.",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-item-font-size",
      "description": "Font size of the menu item label.",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-item-font-weight",
      "description": "Font weight of the menu item label.",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-item-line-height",
      "description": "Line height of the menu item label.",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-item-tracking",
      "description": "Letter spacing of the menu item label.",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-item-shape",
      "description": "Border radius of the menu item.",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-item-leading-space",
      "description": "Padding at the start of the menu item.",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-item-trailing-space",
      "description": "Padding at the end of the menu item.",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-item-spacing",
      "description": "Gap between icon and label.",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-item-icon-size",
      "description": "Size of the icon in the menu item.",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-spacing",
      "description": "Vertical gap between menu items.",
      "values": []
    },
    {
      "name": "--m3e-fab-menu-max-width",
      "description": "Maximum width of the menu.",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-color",
      "description": "Foreground color for primary variant items.",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-container-color",
      "description": "Container color for primary variant items.",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-hover-color",
      "description": "Hover background color for primary variant items.",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-focus-color",
      "description": "Focus background color for primary variant items.",
      "values": []
    },
    {
      "name": "--m3e-primary-fab-ripple-color",
      "description": "Ripple color for primary variant items.",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-color",
      "description": "Foreground color for secondary variant items.",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-container-color",
      "description": "Container color for secondary variant items.",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-hover-color",
      "description": "Hover background color for secondary variant items.",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-focus-color",
      "description": "Focus background color for secondary variant items.",
      "values": []
    },
    {
      "name": "--m3e-secondary-fab-ripple-color",
      "description": "Ripple color for secondary variant items.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-color",
      "description": "Foreground color for tertiary variant items.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-container-color",
      "description": "Container color for tertiary variant items.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-hover-color",
      "description": "Hover background color for tertiary variant items.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-focus-color",
      "description": "Focus background color for tertiary variant items.",
      "values": []
    },
    {
      "name": "--m3e-tertiary-fab-ripple-color",
      "description": "Ripple color for tertiary variant items.",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-large-font-size",
      "description": "Font size for Display Large text, ideal for hero headlines",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-large-font-weight",
      "description": "Font weight for Display Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-large-tracking",
      "description": "Letter spacing for Display Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-large-line-height",
      "description": "Line height for Display Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-medium-font-size",
      "description": "Font size for Display Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-medium-font-weight",
      "description": "Font weight for Display Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-medium-tracking",
      "description": "Letter spacing for Display Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-medium-line-height",
      "description": "Line height for Display Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-small-font-size",
      "description": "Font size for Display Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-small-font-weight",
      "description": "Font weight for Display Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-small-tracking",
      "description": "Letter spacing for Display Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-display-small-line-height",
      "description": "Line height for Display Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-large-font-size",
      "description": "Font size for Headline Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-large-font-weight",
      "description": "Font weight for Headline Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-large-tracking",
      "description": "Letter spacing for Headline Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-large-line-height",
      "description": "Line height for Headline Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-medium-font-size",
      "description": "Font size for Headline Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-medium-font-weight",
      "description": "Font weight for Headline Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-medium-tracking",
      "description": "Letter spacing for Headline Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-medium-line-height",
      "description": "Line height for Headline Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-small-font-size",
      "description": "Font size for Headline Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-small-font-weight",
      "description": "Font weight for Headline Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-small-tracking",
      "description": "Letter spacing for Headline Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-headline-small-line-height",
      "description": "Line height for Headline Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-large-font-size",
      "description": "Font size for Title Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-large-font-weight",
      "description": "Font weight for Title Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-large-tracking",
      "description": "Letter spacing for Title Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-large-line-height",
      "description": "Line height for Title Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-medium-font-size",
      "description": "Font size for Title Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-medium-font-weight",
      "description": "Font weight for Title Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-medium-tracking",
      "description": "Letter spacing for Title Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-medium-line-height",
      "description": "Line height for Title Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-small-font-size",
      "description": "Font size for Title Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-small-font-weight",
      "description": "Font weight for Title Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-small-tracking",
      "description": "Letter spacing for Title Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-title-small-line-height",
      "description": "Line height for Title Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-large-font-size",
      "description": "Font size for Label Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-large-font-weight",
      "description": "Font weight for Label Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-large-tracking",
      "description": "Letter spacing for Label Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-large-line-height",
      "description": "Line height for Label Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-medium-font-size",
      "description": "Font size for Label Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-medium-font-weight",
      "description": "Font weight for Label Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-medium-tracking",
      "description": "Letter spacing for Label Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-medium-line-height",
      "description": "Line height for Label Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-small-font-size",
      "description": "Font size for Label Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-small-font-weight",
      "description": "Font weight for Label Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-small-tracking",
      "description": "Letter spacing for Label Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-label-small-line-height",
      "description": "Line height for Label Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-large-font-size",
      "description": "Font size for emphasized Display Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-large-font-weight",
      "description": "Font weight for emphasized Display Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-large-tracking",
      "description": "Letter spacing for emphasized Display Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-large-line-height",
      "description": "Line height for emphasized Display Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-medium-font-size",
      "description": "Font size for emphasized Display Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-medium-font-weight",
      "description": "Font weight for emphasized Display Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-medium-tracking",
      "description": "Letter spacing for emphasized Display Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-medium-line-height",
      "description": "Line height for emphasized Display Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-small-font-size",
      "description": "Font size for emphasized Display Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-small-font-weight",
      "description": "Font weight for emphasized Display Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-small-tracking",
      "description": "Letter spacing for emphasized Display Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-display-small-line-height",
      "description": "Line height for emphasized Display Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-large-font-size",
      "description": "Font size for emphasized Headline Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-large-font-weight",
      "description": "Font weight for emphasized Headline Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-large-tracking",
      "description": "Letter spacing for emphasized Headline Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-large-line-height",
      "description": "Line height for emphasized Headline Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-medium-font-size",
      "description": "Font size for emphasized Headline Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-medium-font-weight",
      "description": "Font weight for emphasized Headline Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-medium-tracking",
      "description": "Letter spacing for emphasized Headline Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-medium-line-height",
      "description": "Line height for emphasized Headline Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-small-font-size",
      "description": "Font size for emphasized Headline Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-small-font-weight",
      "description": "Font weight for emphasized Headline Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-small-tracking",
      "description": "Letter spacing for emphasized Headline Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-headline-small-line-height",
      "description": "Line height for emphasized Headline Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-large-font-size",
      "description": "Font size for emphasized Title Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-large-font-weight",
      "description": "Font weight for emphasized Title Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-large-tracking",
      "description": "Letter spacing for emphasized Title Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-large-line-height",
      "description": "Line height for emphasized Title Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-medium-font-size",
      "description": "Font size for emphasized Title Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-medium-font-weight",
      "description": "Font weight for emphasized Title Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-medium-tracking",
      "description": "Letter spacing for emphasized Title Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-medium-line-height",
      "description": "Line height for emphasized Title Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-small-font-size",
      "description": "Font size for emphasized Title Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-small-font-weight",
      "description": "Font weight for emphasized Title Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-small-tracking",
      "description": "Letter spacing for emphasized Title Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-title-small-line-height",
      "description": "Line height for emphasized Title Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-large-font-size",
      "description": "Font size for emphasized Label Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-large-font-weight",
      "description": "Font weight for emphasized Label Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-large-tracking",
      "description": "Letter spacing for emphasized Label Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-large-line-height",
      "description": "Line height for emphasized Label Large text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-medium-font-size",
      "description": "Font size for emphasized Label Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-medium-font-weight",
      "description": "Font weight for emphasized Label Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-medium-tracking",
      "description": "Letter spacing for emphasized Label Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-medium-line-height",
      "description": "Line height for emphasized Label Medium text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-small-font-size",
      "description": "Font size for emphasized Label Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-small-font-weight",
      "description": "Font weight for emphasized Label Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-small-tracking",
      "description": "Letter spacing for emphasized Label Small text",
      "values": []
    },
    {
      "name": "--md-sys-typescale-emphasized-label-small-line-height",
      "description": "Line height for emphasized Label Small text",
      "values": []
    },
    {
      "name": "--m3e-list-item-between-space",
      "description": "Horizontal gap between elements.",
      "values": []
    },
    {
      "name": "--m3e-list-item-leading-space",
      "description": "Horizontal padding for the leading side.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-space",
      "description": "Horizontal padding for the trailing side.",
      "values": []
    },
    {
      "name": "--m3e-list-item-padding-inline",
      "description": "Horizontal padding for the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-padding-block",
      "description": "Vertical padding for the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-top-space",
      "description": "Top padding for one-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-bottom-space",
      "description": "Bottom padding for one-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-top-space",
      "description": "Top padding for two-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-bottom-space",
      "description": "Bottom padding for two-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-top-space",
      "description": "Top padding for three-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-bottom-space",
      "description": "Bottom padding for three-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-font-size",
      "description": "Font size for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-font-weight",
      "description": "Font weight for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-line-height",
      "description": "Line height for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-tracking",
      "description": "Letter spacing for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-font-size",
      "description": "Font size for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-font-weight",
      "description": "Font weight for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-line-height",
      "description": "Line height for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-tracking",
      "description": "Letter spacing for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-font-size",
      "description": "Font size for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-font-weight",
      "description": "Font weight for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-line-height",
      "description": "Line height for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-tracking",
      "description": "Letter spacing for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-font-size",
      "description": "Font size for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-font-weight",
      "description": "Font weight for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-line-height",
      "description": "Line height for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-tracking",
      "description": "Letter spacing for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-icon-size",
      "description": "Size for leading/trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-list-item-label-text-color",
      "description": "Color for the main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-color",
      "description": "Color for the overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-color",
      "description": "Color for the supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-leading-color",
      "description": "Color for the leading content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-color",
      "description": "Color for the trailing content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-container-color",
      "description": "Background color of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-container-shape",
      "description": "Border radius of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-hover-container-shape",
      "description": "Border radius of the list item on hover.",
      "values": []
    },
    {
      "name": "--m3e-list-item-focus-container-shape",
      "description": "Border radius of the list item on focus.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-width",
      "description": "Width of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-height",
      "description": "Height of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-shape",
      "description": "Border radius of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-width",
      "description": "Width of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-height",
      "description": "Height of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-shape",
      "description": "Border radius of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-top-offset",
      "description": "Top offset for media in three line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-height",
      "description": "Minimum height of a one line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-height",
      "description": "Minimum height of a two line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-height",
      "description": "Minimum height of a three line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-divider-inset-start-size",
      "description": "Start inset for dividers within the list.",
      "values": []
    },
    {
      "name": "--m3e-list-divider-inset-end-size",
      "description": "End inset for dividers within the list.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-segment-gap",
      "description": "Gap between list items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-container-shape",
      "description": "Border radius of the segmented list container.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-container-color",
      "description": "Background color of items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-disabled-container-color",
      "description": "Background color of disabled items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-container-shape",
      "description": "Border radius of items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-hover-container-shape",
      "description": "Border radius of items in segmented variant on hover.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-focus-container-shape",
      "description": "Border radius of items in segmented variant on focus.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-selected-container-shape",
      "description": "Border radius of items in segmented variant when selected.",
      "values": []
    },
    {
      "name": "--m3e-list-item-between-space",
      "description": "Horizontal gap between elements.",
      "values": []
    },
    {
      "name": "--m3e-list-item-leading-space",
      "description": "Horizontal padding for the leading side.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-space",
      "description": "Horizontal padding for the trailing side.",
      "values": []
    },
    {
      "name": "--m3e-list-item-padding-inline",
      "description": "Horizontal padding for the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-padding-block",
      "description": "Vertical padding for the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-top-space",
      "description": "Top padding for one-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-bottom-space",
      "description": "Bottom padding for one-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-top-space",
      "description": "Top padding for two-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-bottom-space",
      "description": "Bottom padding for two-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-top-space",
      "description": "Top padding for three-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-bottom-space",
      "description": "Bottom padding for three-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-font-size",
      "description": "Font size for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-font-weight",
      "description": "Font weight for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-line-height",
      "description": "Line height for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-tracking",
      "description": "Letter spacing for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-font-size",
      "description": "Font size for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-font-weight",
      "description": "Font weight for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-line-height",
      "description": "Line height for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-tracking",
      "description": "Letter spacing for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-font-size",
      "description": "Font size for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-font-weight",
      "description": "Font weight for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-line-height",
      "description": "Line height for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-tracking",
      "description": "Letter spacing for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-font-size",
      "description": "Font size for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-font-weight",
      "description": "Font weight for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-line-height",
      "description": "Line height for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-tracking",
      "description": "Letter spacing for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-icon-size",
      "description": "Size for leading/trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-list-item-label-text-color",
      "description": "Color for the main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-color",
      "description": "Color for the overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-color",
      "description": "Color for the supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-leading-color",
      "description": "Color for the leading content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-color",
      "description": "Color for the trailing content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-container-color",
      "description": "Background color of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-container-shape",
      "description": "Border radius of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-hover-container-shape",
      "description": "Border radius of the list item on hover.",
      "values": []
    },
    {
      "name": "--m3e-list-item-focus-container-shape",
      "description": "Border radius of the list item on focus.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-width",
      "description": "Width of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-height",
      "description": "Height of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-shape",
      "description": "Border radius of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-width",
      "description": "Width of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-height",
      "description": "Height of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-shape",
      "description": "Border radius of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-top-offset",
      "description": "Top offset for media in three line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-height",
      "description": "Minimum height of a one line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-height",
      "description": "Minimum height of a two line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-height",
      "description": "Minimum height of a three line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-between-space",
      "description": "Horizontal gap between elements.",
      "values": []
    },
    {
      "name": "--m3e-list-item-padding-inline",
      "description": "Horizontal padding for the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-padding-block",
      "description": "Vertical padding for the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-height",
      "description": "Minimum height of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-font-size",
      "description": "Font size for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-font-weight",
      "description": "Font weight for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-line-height",
      "description": "Line height for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-tracking",
      "description": "Letter spacing for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-font-size",
      "description": "Font size for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-font-weight",
      "description": "Font weight for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-line-height",
      "description": "Line height for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-tracking",
      "description": "Letter spacing for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-font-size",
      "description": "Font size for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-font-weight",
      "description": "Font weight for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-line-height",
      "description": "Line height for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-tracking",
      "description": "Letter spacing for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-font-size",
      "description": "Font size for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-font-weight",
      "description": "Font weight for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-line-height",
      "description": "Line height for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-tracking",
      "description": "Letter spacing for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-icon-size",
      "description": "Size for leading/trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-list-item-label-text-color",
      "description": "Color for the main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-color",
      "description": "Color for the overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-color",
      "description": "Color for the supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-leading-color",
      "description": "Color for the leading content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-color",
      "description": "Color for the trailing content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-container-color",
      "description": "Background color of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-container-shape",
      "description": "Border radius of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-hover-container-shape",
      "description": "Border radius of the list item on hover.",
      "values": []
    },
    {
      "name": "--m3e-list-item-focus-container-shape",
      "description": "Border radius of the list item on focus.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-width",
      "description": "Width of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-height",
      "description": "Height of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-shape",
      "description": "Border radius of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-width",
      "description": "Width of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-height",
      "description": "Height of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-shape",
      "description": "Border radius of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-container-color",
      "description": "Background color of the list item when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-label-text-color",
      "description": "Color for the main content when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-label-text-opacity",
      "description": "Opacity for the main content when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-overline-color",
      "description": "Color for the overline slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-overline-opacity",
      "description": "Opacity for the overline slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-supporting-text-color",
      "description": "Color for the supporting text slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-supporting-text-opacity",
      "description": "Opacity for the supporting text slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-leading-color",
      "description": "Color for the leading icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-leading-opacity",
      "description": "Opacity for the leading icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-trailing-color",
      "description": "Color for the trailing icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-trailing-opacity",
      "description": "Opacity for the trailing icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-hover-state-layer-color",
      "description": "Color for the hover state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-hover-state-layer-opacity",
      "description": "Opacity for the hover state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-focus-state-layer-color",
      "description": "Color for the focus state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-focus-state-layer-opacity",
      "description": "Opacity for the focus state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-pressed-state-layer-color",
      "description": "Color for the pressed state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-pressed-state-layer-opacity",
      "description": "Opacity for the pressed state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-top-offset",
      "description": "Top offset for media in three line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-media-opacity",
      "description": "Opacity for media when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-leading-space",
      "description": "Horizontal padding for the leading side.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-space",
      "description": "Horizontal padding for the trailing side.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-top-space",
      "description": "Top padding for one-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-bottom-space",
      "description": "Bottom padding for one-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-top-space",
      "description": "Top padding for two-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-bottom-space",
      "description": "Bottom padding for two-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-top-space",
      "description": "Top padding for three-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-bottom-space",
      "description": "Bottom padding for three-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-height",
      "description": "Minimum height of a one line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-height",
      "description": "Minimum height of a two line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-height",
      "description": "Minimum height of a three line list item.",
      "values": []
    },
    {
      "name": "--m3e-expandable-list-item-toggle-icon-container-width",
      "description": "Width of the toggle icon container.",
      "values": []
    },
    {
      "name": "--m3e-expandable-list-item-toggle-icon-container-shape",
      "description": "Border radius of the toggle icon container.",
      "values": []
    },
    {
      "name": "--m3e-expandable-list-item-toggle-icon-size",
      "description": "Size of the toggle icon.",
      "values": []
    },
    {
      "name": "--m3e-expandable-list-item-expanded-toggle-icon-container-color",
      "description": "Background color of the toggle icon container when expanded.",
      "values": []
    },
    {
      "name": "--m3e-expandable-list-item-bounce-duration",
      "description": "Duration of the bounce animation when expanding.",
      "values": []
    },
    {
      "name": "--m3e-expandable-list-item-bounce-factor",
      "description": "Multiplication factor for the bounce effect.",
      "values": []
    },
    {
      "name": "--m3e-expandable-list-item-expand-duration",
      "description": "Duration of the expand/collapse animation.",
      "values": []
    },
    {
      "name": "--m3e-list-item-between-space",
      "description": "Horizontal gap between elements.",
      "values": []
    },
    {
      "name": "--m3e-list-item-padding-inline",
      "description": "Horizontal padding for the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-padding-block",
      "description": "Vertical padding for the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-height",
      "description": "Minimum height of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-font-size",
      "description": "Font size for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-font-weight",
      "description": "Font weight for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-line-height",
      "description": "Line height for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-tracking",
      "description": "Letter spacing for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-font-size",
      "description": "Font size for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-font-weight",
      "description": "Font weight for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-line-height",
      "description": "Line height for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-tracking",
      "description": "Letter spacing for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-font-size",
      "description": "Font size for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-font-weight",
      "description": "Font weight for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-line-height",
      "description": "Line height for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-tracking",
      "description": "Letter spacing for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-font-size",
      "description": "Font size for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-font-weight",
      "description": "Font weight for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-line-height",
      "description": "Line height for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-tracking",
      "description": "Letter spacing for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-icon-size",
      "description": "Size for leading/trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-list-item-label-text-color",
      "description": "Color for the main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-color",
      "description": "Color for the overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-color",
      "description": "Color for the supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-leading-color",
      "description": "Color for the leading content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-color",
      "description": "Color for the trailing content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-container-color",
      "description": "Background color of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-container-shape",
      "description": "Border radius of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-hover-container-shape",
      "description": "Border radius of the list item on hover.",
      "values": []
    },
    {
      "name": "--m3e-list-item-focus-container-shape",
      "description": "Border radius of the list item on focus.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-width",
      "description": "Width of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-height",
      "description": "Height of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-shape",
      "description": "Border radius of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-width",
      "description": "Width of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-height",
      "description": "Height of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-shape",
      "description": "Border radius of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-label-text-color",
      "description": "Color for the main content when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-label-text-opacity",
      "description": "Opacity for the main content when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-overline-color",
      "description": "Color for the overline slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-overline-opacity",
      "description": "Opacity for the overline slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-supporting-text-color",
      "description": "Color for the supporting text slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-supporting-text-opacity",
      "description": "Opacity for the supporting text slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-leading-color",
      "description": "Color for the leading icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-leading-opacity",
      "description": "Opacity for the leading icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-trailing-color",
      "description": "Color for the trailing icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-trailing-opacity",
      "description": "Opacity for the trailing icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-hover-state-layer-color",
      "description": "Color for the hover state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-hover-state-layer-opacity",
      "description": "Opacity for the hover state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-focus-state-layer-color",
      "description": "Color for the focus state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-focus-state-layer-opacity",
      "description": "Opacity for the focus state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-pressed-state-layer-color",
      "description": "Color for the pressed state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-pressed-state-layer-opacity",
      "description": "Opacity for the pressed state layer.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-container-shape",
      "description": "Border radius of the segmented list container shape.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-segment-gap",
      "description": "Gap between list item segments.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-top-offset",
      "description": "Top offset for media in three line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-media-opacity",
      "description": "Opacity for media when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-leading-space",
      "description": "Horizontal padding for the leading side.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-space",
      "description": "Horizontal padding for the trailing side.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-top-space",
      "description": "Top padding for one-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-bottom-space",
      "description": "Bottom padding for one-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-top-space",
      "description": "Top padding for two-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-bottom-space",
      "description": "Bottom padding for two-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-top-space",
      "description": "Top padding for three-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-bottom-space",
      "description": "Bottom padding for three-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-height",
      "description": "Minimum height of a one line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-height",
      "description": "Minimum height of a two line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-height",
      "description": "Minimum height of a three line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-divider-inset-start-size",
      "description": "Start inset for dividers within the list.",
      "values": []
    },
    {
      "name": "--m3e-list-divider-inset-end-size",
      "description": "End inset for dividers within the list.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-segment-gap",
      "description": "Gap between list items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-container-shape",
      "description": "Border radius of the segmented list container.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-container-color",
      "description": "Background color of items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-disabled-container-color",
      "description": "Background color of disabled items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-container-shape",
      "description": "Border radius of items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-hover-container-shape",
      "description": "Border radius of items in segmented variant on hover.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-focus-container-shape",
      "description": "Border radius of items in segmented variant on focus.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-selected-container-shape",
      "description": "Border radius of items in segmented variant when selected.",
      "values": []
    },
    {
      "name": "--m3e-list-item-between-space",
      "description": "Horizontal gap between elements.",
      "values": []
    },
    {
      "name": "--m3e-list-item-padding-inline",
      "description": "Horizontal padding for the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-padding-block",
      "description": "Vertical padding for the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-height",
      "description": "Minimum height of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-font-size",
      "description": "Font size for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-font-weight",
      "description": "Font weight for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-line-height",
      "description": "Line height for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-tracking",
      "description": "Letter spacing for main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-font-size",
      "description": "Font size for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-font-weight",
      "description": "Font weight for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-line-height",
      "description": "Line height for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-tracking",
      "description": "Letter spacing for overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-font-size",
      "description": "Font size for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-font-weight",
      "description": "Font weight for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-line-height",
      "description": "Line height for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-tracking",
      "description": "Letter spacing for supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-font-size",
      "description": "Font size for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-font-weight",
      "description": "Font weight for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-line-height",
      "description": "Line height for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-text-tracking",
      "description": "Letter spacing for trailing supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-icon-size",
      "description": "Size for leading/trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-list-item-label-text-color",
      "description": "Color for the main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-overline-color",
      "description": "Color for the overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-supporting-text-color",
      "description": "Color for the supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-leading-color",
      "description": "Color for the leading content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-color",
      "description": "Color for the trailing content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-container-color",
      "description": "Background color of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-container-shape",
      "description": "Border radius of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-hover-container-shape",
      "description": "Border radius of the list item on hover.",
      "values": []
    },
    {
      "name": "--m3e-list-item-focus-container-shape",
      "description": "Border radius of the list item on focus.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-width",
      "description": "Width of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-height",
      "description": "Height of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-video-shape",
      "description": "Border radius of the video slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-width",
      "description": "Width of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-height",
      "description": "Height of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-image-shape",
      "description": "Border radius of the image slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-container-color",
      "description": "Background color of the list item when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-label-text-color",
      "description": "Color for the main content when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-label-text-opacity",
      "description": "Opacity for the main content when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-overline-color",
      "description": "Color for the overline slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-overline-opacity",
      "description": "Opacity for the overline slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-supporting-text-color",
      "description": "Color for the supporting text slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-supporting-text-opacity",
      "description": "Opacity for the supporting text slot when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-leading-color",
      "description": "Color for the leading icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-leading-opacity",
      "description": "Opacity for the leading icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-trailing-color",
      "description": "Color for the trailing icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-trailing-opacity",
      "description": "Opacity for the trailing icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-hover-state-layer-color",
      "description": "Color for the hover state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-hover-state-layer-opacity",
      "description": "Opacity for the hover state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-focus-state-layer-color",
      "description": "Color for the focus state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-focus-state-layer-opacity",
      "description": "Opacity for the focus state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-pressed-state-layer-color",
      "description": "Color for the pressed state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-pressed-state-layer-opacity",
      "description": "Opacity for the pressed state layer.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-label-text-color",
      "description": "Selected color for the main content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-overline-color",
      "description": "Selected color for the overline slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-supporting-text-color",
      "description": "Selected color for the supporting text slot.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-leading-color",
      "description": "Selected color for the leading content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-trailing-color",
      "description": "Selected color for the trailing content.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-container-color",
      "description": "Selected background color of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-container-shape",
      "description": "Selected border radius of the list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-disabled-container-color",
      "description": "Selected background color when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-disabled-container-opacity",
      "description": "Selected opacity when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-hover-state-layer-color",
      "description": "Color for the hover state layer when selected.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-hover-state-layer-opacity",
      "description": "Opacity for the hover state layer when selected.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-focus-state-layer-color",
      "description": "Color for the focus state layer when selected.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-focus-state-layer-opacity",
      "description": "Opacity for the focus state layer when selected.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-pressed-state-layer-color",
      "description": "Color for the pressed state layer when selected.",
      "values": []
    },
    {
      "name": "--m3e-list-item-selected-pressed-state-layer-opacity",
      "description": "Opacity for the pressed state layer when selected.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-top-offset",
      "description": "Top offset for media in three line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-disabled-media-opacity",
      "description": "Opacity for media when disabled.",
      "values": []
    },
    {
      "name": "--m3e-list-item-leading-space",
      "description": "Horizontal padding for the leading side.",
      "values": []
    },
    {
      "name": "--m3e-list-item-trailing-space",
      "description": "Horizontal padding for the trailing side.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-top-space",
      "description": "Top padding for one-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-bottom-space",
      "description": "Bottom padding for one-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-top-space",
      "description": "Top padding for two-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-bottom-space",
      "description": "Bottom padding for two-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-top-space",
      "description": "Top padding for three-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-bottom-space",
      "description": "Bottom padding for three-line items.",
      "values": []
    },
    {
      "name": "--m3e-list-item-one-line-height",
      "description": "Minimum height of a one line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-two-line-height",
      "description": "Minimum height of a two line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-item-three-line-height",
      "description": "Minimum height of a three line list item.",
      "values": []
    },
    {
      "name": "--m3e-list-divider-inset-start-size",
      "description": "Start inset for dividers within the list.",
      "values": []
    },
    {
      "name": "--m3e-list-divider-inset-end-size",
      "description": "End inset for dividers within the list.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-segment-gap",
      "description": "Gap between list items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-container-shape",
      "description": "Border radius of the segmented list container.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-container-color",
      "description": "Background color of items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-disabled-container-color",
      "description": "Background color of disabled items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-container-shape",
      "description": "Border radius of items in segmented variant.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-hover-container-shape",
      "description": "Border radius of items in segmented variant on hover.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-focus-container-shape",
      "description": "Border radius of items in segmented variant on focus.",
      "values": []
    },
    {
      "name": "--m3e-segmented-list-item-selected-container-shape",
      "description": "Border radius of items in segmented variant when selected.",
      "values": []
    },
    {
      "name": "--m3e-loading-indicator-active-indicator-color",
      "description": "Uncontained active indicator color.",
      "values": []
    },
    {
      "name": "--m3e-loading-indicator-contained-active-indicator-color",
      "description": "Contained active indicator color.",
      "values": []
    },
    {
      "name": "--m3e-loading-indicator-contained-container-color",
      "description": "Contained container (background) color.",
      "values": []
    },
    {
      "name": "--m3e-loading-indicator-active-indicator-size",
      "description": "Size of the active indicator.",
      "values": []
    },
    {
      "name": "--m3e-loading-indicator-container-shape",
      "description": "Container shape.",
      "values": []
    },
    {
      "name": "--m3e-loading-indicator-container-size",
      "description": "Container size.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-container-height",
      "description": "Height of the menu item container.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-color",
      "description": "Text color for unselected, enabled menu items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-container-hover-color",
      "description": "State layer hover color for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-container-focus-color",
      "description": "State layer focus color for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-ripple-color",
      "description": "Ripple color for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-color",
      "description": "Text color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-container-color",
      "description": "Background color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-container-hover-color",
      "description": "State layer hover color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-container-focus-color",
      "description": "State layer focus color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-ripple-color",
      "description": "Ripple color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-active-state-layer-color",
      "description": "State layer color for expanded items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-active-state-layer-opacity",
      "description": "State layer opacity for expanded items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-disabled-color",
      "description": "Base color for disabled items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-disabled-opacity",
      "description": "Opacity percentage for disabled item color mix.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-color",
      "description": "Text color for unselected, enabled menu items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-container-hover-color",
      "description": "State layer hover color for unselected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-container-focus-color",
      "description": "State layer focus color for unselected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-ripple-color",
      "description": "Ripple color for unselected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-color",
      "description": "Text color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-container-color",
      "description": "Background color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-container-hover-color",
      "description": "State layer hover color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-container-focus-color",
      "description": "State layer focus color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-ripple-color",
      "description": "Ripple color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-active-state-layer-color",
      "description": "State layer color for expanded items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-disabled-color",
      "description": "Base color for disabled items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-icon-label-space",
      "description": "Horizontal gap between icon and content.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-padding-start",
      "description": "Start padding for the item wrapper.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-padding-end",
      "description": "End padding for the item wrapper.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-font-size",
      "description": "Font size for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-font-weight",
      "description": "Font weight for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-line-height",
      "description": "Line height for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-tracking",
      "description": "Letter spacing for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-focus-ring-shape",
      "description": "Border radius for the focus ring.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-icon-size",
      "description": "Font size for leading and trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-shape",
      "description": "Base shape of the menu item.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-first-child-shape",
      "description": "Shape for the first menu item in a menu.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-last-child-shape",
      "description": "Shape for the last menu item in a menu.",
      "values": []
    },
    {
      "name": "--m3e-menu-container-shape",
      "description": "Controls the corner radius of the menu container.",
      "values": []
    },
    {
      "name": "--m3e-menu-active-container-shape",
      "description": "Controls the corner radius of the menu container when active.",
      "values": []
    },
    {
      "name": "--m3e-menu-container-min-width",
      "description": "Minimum width of the menu container.",
      "values": []
    },
    {
      "name": "--m3e-menu-container-max-width",
      "description": "Maximum width of the menu container.",
      "values": []
    },
    {
      "name": "--m3e-menu-container-max-height",
      "description": "Maximum height of the menu container.",
      "values": []
    },
    {
      "name": "--m3e-menu-container-padding-block",
      "description": "Vertical padding inside the menu container.",
      "values": []
    },
    {
      "name": "--m3e-menu-container-padding-inline",
      "description": "Horizontal padding inside the menu container.",
      "values": []
    },
    {
      "name": "--m3e-menu-container-color",
      "description": "Background color of the menu container.",
      "values": []
    },
    {
      "name": "--m3e-menu-container-elevation",
      "description": "Box shadow elevation of the menu container.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-container-color",
      "description": "Background color of the menu container for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-menu-divider-spacing",
      "description": "Vertical spacing around slotted `m3e-divider` elements.",
      "values": []
    },
    {
      "name": "--m3e-menu-gap",
      "description": "Gap between content in the menu.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-container-height",
      "description": "Height of the menu item container.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-color",
      "description": "Text color for unselected, enabled menu items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-container-hover-color",
      "description": "State layer hover color for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-container-focus-color",
      "description": "State layer focus color for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-ripple-color",
      "description": "Ripple color for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-color",
      "description": "Text color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-container-color",
      "description": "Background color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-container-hover-color",
      "description": "State layer hover color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-container-focus-color",
      "description": "State layer focus color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-ripple-color",
      "description": "Ripple color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-active-state-layer-color",
      "description": "State layer color for expanded items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-active-state-layer-opacity",
      "description": "State layer opacity for expanded items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-disabled-color",
      "description": "Base color for disabled items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-disabled-opacity",
      "description": "Opacity percentage for disabled item color mix.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-color",
      "description": "Text color for unselected, enabled menu items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-container-hover-color",
      "description": "State layer hover color for unselected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-container-focus-color",
      "description": "State layer focus color for unselected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-ripple-color",
      "description": "Ripple color for unselected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-color",
      "description": "Text color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-container-color",
      "description": "Background color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-container-hover-color",
      "description": "State layer hover color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-container-focus-color",
      "description": "State layer focus color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-ripple-color",
      "description": "Ripple color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-active-state-layer-color",
      "description": "State layer color for expanded items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-disabled-color",
      "description": "Base color for disabled items for vibrant variant",
      "values": []
    },
    {
      "name": "--m3e-menu-item-icon-label-space",
      "description": "Horizontal gap between icon and content.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-padding-start",
      "description": "Start padding for the item wrapper.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-padding-end",
      "description": "End padding for the item wrapper.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-font-size",
      "description": "Font size for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-font-weight",
      "description": "Font weight for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-line-height",
      "description": "Line height for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-tracking",
      "description": "Letter spacing for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-focus-ring-shape",
      "description": "Border radius for the focus ring.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-icon-size",
      "description": "Font size for leading and trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-shape",
      "description": "Base shape of the menu item.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-shape",
      "description": "Shape used for a selected menu item.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-first-child-shape",
      "description": "Shape for the first menu item in a menu.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-last-child-shape",
      "description": "Shape for the last menu item in a menu.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-container-height",
      "description": "Height of the menu item container.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-color",
      "description": "Text color for unselected, enabled menu items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-container-hover-color",
      "description": "State layer hover color for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-container-focus-color",
      "description": "State layer focus color for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-ripple-color",
      "description": "Ripple color for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-color",
      "description": "Text color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-container-color",
      "description": "Background color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-container-hover-color",
      "description": "State layer hover color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-container-focus-color",
      "description": "State layer focus color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-ripple-color",
      "description": "Ripple color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-active-state-layer-color",
      "description": "State layer color for expanded items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-active-state-layer-opacity",
      "description": "State layer opacity for expanded items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-disabled-color",
      "description": "Base color for disabled items.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-disabled-opacity",
      "description": "Opacity percentage for disabled item color mix.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-color",
      "description": "Text color for unselected, enabled menu items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-container-hover-color",
      "description": "State layer hover color for unselected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-container-focus-color",
      "description": "State layer focus color for unselected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-ripple-color",
      "description": "Ripple color for unselected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-color",
      "description": "Text color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-container-color",
      "description": "Background color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-container-hover-color",
      "description": "State layer hover color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-container-focus-color",
      "description": "State layer focus color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-selected-ripple-color",
      "description": "Ripple color for selected items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-active-state-layer-color",
      "description": "State layer color for expanded items for vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-vibrant-menu-item-disabled-color",
      "description": "Base color for disabled items for vibrant variant",
      "values": []
    },
    {
      "name": "--m3e-menu-item-icon-label-space",
      "description": "Horizontal gap between icon and content.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-padding-start",
      "description": "Start padding for the item wrapper.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-padding-end",
      "description": "End padding for the item wrapper.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-font-size",
      "description": "Font size for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-font-weight",
      "description": "Font weight for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-line-height",
      "description": "Line height for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-label-text-tracking",
      "description": "Letter spacing for menu item text.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-focus-ring-shape",
      "description": "Border radius for the focus ring.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-icon-size",
      "description": "Font size for leading and trailing icons.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-shape",
      "description": "Base shape of the menu item.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-selected-shape",
      "description": "Shape used for a selected menu item.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-first-child-shape",
      "description": "Shape for the first menu item in a menu.",
      "values": []
    },
    {
      "name": "--m3e-menu-item-last-child-shape",
      "description": "Shape for the last menu item in a menu.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-label-text-font-size",
      "description": "Font size for the label text.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-label-text-font-weight",
      "description": "Font weight for the label text.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-label-text-line-height",
      "description": "Line height for the label text.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-label-text-tracking",
      "description": "Letter spacing for the label text.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-shape",
      "description": "Border radius of the nav item.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-icon-size",
      "description": "Size of the icon.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-spacing",
      "description": "Spacing between icon and label.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-inactive-label-text-color",
      "description": "Color of the label text when inactive.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-inactive-icon-color",
      "description": "Color of the icon when inactive.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-inactive-hover-state-layer-color",
      "description": "State layer color on hover when inactive.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-inactive-focus-state-layer-color",
      "description": "State layer color on focus when inactive.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-inactive-pressed-state-layer-color",
      "description": "State layer color on press when inactive.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-active-label-text-color",
      "description": "Color of the label text when active/selected.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-active-icon-color",
      "description": "Color of the icon when active/selected.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-active-container-color",
      "description": "Container color when active/selected.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-active-hover-state-layer-color",
      "description": "State layer color on hover when active.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-active-focus-state-layer-color",
      "description": "State layer color on focus when active.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-active-pressed-state-layer-color",
      "description": "State layer color on press when active.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-focus-ring-shape",
      "description": "Border radius for the focus ring.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-disabled-label-text-color",
      "description": "Color of the label text when disabled.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-disabled-label-text-opacity",
      "description": "Opacity of the label text when disabled.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-disabled-icon-color",
      "description": "Color of the icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-nav-item-disabled-icon-opacity",
      "description": "Opacity of the icon when disabled.",
      "values": []
    },
    {
      "name": "--m3e-horizontal-nav-item-padding",
      "description": "Padding for horizontal orientation.",
      "values": []
    },
    {
      "name": "--m3e-horizontal-nav-item-active-indicator-height",
      "description": "Height of the active indicator in horizontal orientation.",
      "values": []
    },
    {
      "name": "--m3e-vertical-nav-item-active-indicator-width",
      "description": "Width of the active indicator in vertical orientation.",
      "values": []
    },
    {
      "name": "--m3e-vertical-nav-item-active-indicator-height",
      "description": "Height of the active indicator in vertical orientation.",
      "values": []
    },
    {
      "name": "--m3e-vertical-nav-item-active-indicator-margin",
      "description": "Margin for the active indicator in vertical orientation.",
      "values": []
    },
    {
      "name": "--m3e-nav-bar-height",
      "description": "Height of the navigation bar.",
      "values": []
    },
    {
      "name": "--m3e-nav-bar-container-color",
      "description": "Background color of the navigation bar container.",
      "values": []
    },
    {
      "name": "--m3e-nav-bar-vertical-item-width",
      "description": "Minimum width of vertical nav items.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-font-size",
      "description": "Font size for the item label.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-font-weight",
      "description": "Font weight for the item label.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-line-height",
      "description": "Line height for the item label.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-tracking",
      "description": "Letter spacing for the item label.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-padding",
      "description": "Inline padding for the item.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-height",
      "description": "Height of the item.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-spacing",
      "description": "Spacing between icon and label.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-shape",
      "description": "Border radius of the item and focus ring.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-icon-size",
      "description": "Size of the icon.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-inset",
      "description": "Indentation for nested items.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-label-color",
      "description": "Text color for the item label.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-selected-label-color",
      "description": "Text color for selected item label.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-selected-container-color",
      "description": "Background color for selected item.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-selected-container-focus-color",
      "description": "Focus color for selected item container.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-selected-container-hover-color",
      "description": "Hover color for selected item container.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-selected-ripple-color",
      "description": "Ripple color for selected item.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-unselected-container-focus-color",
      "description": "Focus color for unselected item container.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-unselected-container-hover-color",
      "description": "Hover color for unselected item container.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-unselected-ripple-color",
      "description": "Ripple color for unselected item.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-open-container-color",
      "description": "Background color for open item with children.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-open-container-focus-color",
      "description": "Focus color for open item container.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-open-container-hover-color",
      "description": "Hover color for open item container.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-open-ripple-color",
      "description": "Ripple color for open item.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-disabled-color",
      "description": "Text color for disabled item.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-disabled-color-opacity",
      "description": "Opacity for disabled item text color.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-badge-font-size",
      "description": "Font size for badge slot.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-badge-font-weight",
      "description": "Font weight for badge slot.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-badge-line-height",
      "description": "Line height for badge slot.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-badge-tracking",
      "description": "Letter spacing for badge slot.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-divider-margin",
      "description": "Margin for divider elements.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-vertical-inset",
      "description": "Vertical margin for first/last child items.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-padding-top",
      "description": "Top padding for the menu.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-padding-bottom",
      "description": "Bottom padding for the menu.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-padding-left",
      "description": "Left padding for the menu.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-padding-right",
      "description": "Right padding for the menu.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-divider-margin",
      "description": "Margin for divider elements in the menu.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-scrollbar-width",
      "description": "Width of the menu scrollbar.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-scrollbar-color",
      "description": "Color of the menu scrollbar.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-group-label-inset",
      "description": "Insets the label from the start edge of the group.",
      "values": []
    },
    {
      "name": "--m3e-nav-menu-item-group-label-space",
      "description": "Vertical spacing around the group's label.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-top-space",
      "description": "Top block padding for the nav rail.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-bottom-space",
      "description": "Bottom block padding for the nav rail.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-compact-width",
      "description": "Width of the nav rail in compact mode.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-inline-padding",
      "description": "Inline padding for nav rail.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-expanded-width",
      "description": "Width of the nav rail in expanded mode.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-expanded-item-height",
      "description": "Height of nav items in expanded mode.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-button-item-space",
      "description": "Space below icon buttons and FABs.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-icon-button-inset",
      "description": "Inset for icon buttons.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-expanded-inline-padding",
      "description": "Deprecated, use `--m3e-nav-rail-inline-padding`.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-expanded-min-width",
      "description": "Deprecated, use `--m3e-nav-rail-expanded-width`.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-expanded-max-width",
      "description": "Deprecated, use `--m3e-nav-rail-expanded-width`.",
      "values": []
    },
    {
      "name": "--m3e-nav-rail-expanded-icon-button-inset",
      "description": "Deprecated, use `--m3e-nav-rail-icon-button-inset`.",
      "values": []
    },
    {
      "name": "--m3e-nav-bar-height",
      "description": "Height of the navigation bar.",
      "values": []
    },
    {
      "name": "--m3e-nav-bar-container-color",
      "description": "Background color of the navigation bar container.",
      "values": []
    },
    {
      "name": "--m3e-nav-bar-vertical-item-width",
      "description": "Minimum width of vertical nav items.",
      "values": []
    },
    {
      "name": "--m3e-form-field-font-size",
      "description": "The font size of the select control.",
      "values": []
    },
    {
      "name": "--m3e-form-field-font-weight",
      "description": "The font weight of the select control.",
      "values": []
    },
    {
      "name": "--m3e-form-field-line-height",
      "description": "The line height of the select control.",
      "values": []
    },
    {
      "name": "--m3e-form-field-tracking",
      "description": "The letter spacing of the select control.",
      "values": []
    },
    {
      "name": "--m3e-select-container-shape",
      "description": "The corner radius of the select container.",
      "values": []
    },
    {
      "name": "--m3e-select-disabled-color",
      "description": "The text color when the select is disabled.",
      "values": []
    },
    {
      "name": "--m3e-select-disabled-color-opacity",
      "description": "The opacity level applied to the disabled text color.",
      "values": []
    },
    {
      "name": "--m3e-select-icon-size",
      "description": "The size of the dropdown arrow icon.",
      "values": []
    },
    {
      "name": "--m3e-paginator-font-size",
      "description": "The font size used for paginator text.",
      "values": []
    },
    {
      "name": "--m3e-paginator-font-weight",
      "description": "The font weight used for paginator text.",
      "values": []
    },
    {
      "name": "--m3e-paginator-line-height",
      "description": "The line height used for paginator text.",
      "values": []
    },
    {
      "name": "--m3e-paginator-tracking",
      "description": "The letter-spacing used for paginator text.",
      "values": []
    },
    {
      "name": "--m3e-circular-flat-progress-indicator-diameter",
      "description": "Diameter of the `flat` variant.",
      "values": []
    },
    {
      "name": "--m3e-circular-wavy-progress-indicator-diameter",
      "description": "Diameter of the `wavy` variant.",
      "values": []
    },
    {
      "name": "--m3e-circular-wavy-progress-indicator-amplitude",
      "description": "Amplitude of the `wavy` variant.",
      "values": []
    },
    {
      "name": "--m3e-circular-wavy-progress-indicator-wavelength",
      "description": "Wavelength of the `wavy` variant.",
      "values": []
    },
    {
      "name": "--m3e-circular-progress-indicator-thickness",
      "description": "Thickness of the progress indicator.",
      "values": []
    },
    {
      "name": "--m3e-progress-indicator-track-color",
      "description": "Track color of the progress indicator (background).",
      "values": []
    },
    {
      "name": "--m3e-progress-indicator-color",
      "description": "Color of the progress indicator (foreground).",
      "values": []
    },
    {
      "name": "--m3e-linear-progress-indicator-thickness",
      "description": "Thickness (height) of the progress bar.",
      "values": []
    },
    {
      "name": "--m3e-linear-progress-indicator-shape",
      "description": "Border radius of the progress bar.",
      "values": []
    },
    {
      "name": "--m3e-progress-indicator-track-color",
      "description": "Track color of the progress bar (background/buffer).",
      "values": []
    },
    {
      "name": "--m3e-progress-indicator-color",
      "description": "Color of the progress indicator (foreground).",
      "values": []
    },
    {
      "name": "--m3e-linear-wavy-progress-indicator-amplitude",
      "description": "Amplitude of the `wavy` variant.",
      "values": []
    },
    {
      "name": "--m3e-linear-wavy-progress-indicator-wavelength",
      "description": "Wavelength of the `wavy` variant.",
      "values": []
    },
    {
      "name": "--m3e-linear-wavy-indeterminate-progress-indicator-wavelength",
      "description": "Wavelength of the indeterminate/query `wavy` variant.",
      "values": []
    },
    {
      "name": "--m3e-radio-container-size",
      "description": "Base size of the radio button container.",
      "values": []
    },
    {
      "name": "--m3e-radio-icon-size",
      "description": "Size of the radio icon inside the wrapper.",
      "values": []
    },
    {
      "name": "--m3e-radio-unselected-hover-color",
      "description": "Hover state layer color when radio is not selected.",
      "values": []
    },
    {
      "name": "--m3e-radio-unselected-focus-color",
      "description": "Focus state layer color when radio is not selected.",
      "values": []
    },
    {
      "name": "--m3e-radio-unselected-ripple-color",
      "description": "Ripple color when radio is not selected.",
      "values": []
    },
    {
      "name": "--m3e-radio-unselected-icon-color",
      "description": "Icon color when radio is not selected.",
      "values": []
    },
    {
      "name": "--m3e-radio-selected-hover-color",
      "description": "Hover state layer color when radio is selected.",
      "values": []
    },
    {
      "name": "--m3e-radio-selected-focus-color",
      "description": "Focus state layer color when radio is selected.",
      "values": []
    },
    {
      "name": "--m3e-radio-selected-ripple-color",
      "description": "Ripple color when radio is selected.",
      "values": []
    },
    {
      "name": "--m3e-radio-selected-icon-color",
      "description": "Icon color when radio is selected.",
      "values": []
    },
    {
      "name": "--m3e-radio-disabled-icon-color",
      "description": "Icon color when radio is disabled.",
      "values": []
    },
    {
      "name": "--m3e-radio-error-hover-color",
      "description": "Fallback hover color used when the radio is invalid and touched.",
      "values": []
    },
    {
      "name": "--m3e-radio-error-focus-color",
      "description": "Fallback focus color used when the radio is invalid and touched.",
      "values": []
    },
    {
      "name": "--m3e-radio-error-ripple-color",
      "description": "Fallback ripple color used when the radio is invalid and touched.",
      "values": []
    },
    {
      "name": "--m3e-radio-error-icon-color",
      "description": "Fallback icon color used when the radio is invalid and touched.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-container-color",
      "description": "Background color of the search bar container.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-leading-icon-color",
      "description": "Color of the leading icon.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-trailing-icon-color",
      "description": "Color of the trailing icon.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-container-height",
      "description": "Height of the search bar container.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-container-shape",
      "description": "Shape (border radius) of the search bar container.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-icon-size",
      "description": "Size of icons inside the search bar.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-supporting-text-color",
      "description": "Color of the supporting text.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-supporting-text-font-size",
      "description": "Font size of the supporting text.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-supporting-text-font-weight",
      "description": "Font weight of the supporting text.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-supporting-text-line-height",
      "description": "Line height of the supporting text.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-supporting-text-tracking",
      "description": "Letter spacing of the supporting text.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-input-color",
      "description": "Color of the input text.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-input-text-font-size",
      "description": "Font size of the input text.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-input-text-font-weight",
      "description": "Font weight of the input text.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-input-text-line-height",
      "description": "Line height of the input text.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-input-text-tracking",
      "description": "Letter spacing of the input text.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-leading-space",
      "description": "Space before the leading icon.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-trailing-space",
      "description": "Space after the trailing icon.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-no-actions-leading-space",
      "description": "Leading padding when no actions are present.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-no-actions-trailing-space",
      "description": "Trailing padding when no actions are present.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-leading-actions-trailing-space",
      "description": "Space between leading actions and the input.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-trailing-actions-leading-space",
      "description": "Space between the input and trailing actions.",
      "values": []
    },
    {
      "name": "--m3e-search-bar-actions-gap",
      "description": "Gap between action icons.",
      "values": []
    },
    {
      "name": "--m3e-search-view-container-color",
      "description": "Background color of the view container.",
      "values": []
    },
    {
      "name": "--m3e-search-view-contained-container-color",
      "description": "Background color of the contained view container.",
      "values": []
    },
    {
      "name": "--m3e-search-view-divider-color",
      "description": "Color of the divider separating header and results.",
      "values": []
    },
    {
      "name": "--m3e-search-view-divider-thickness",
      "description": "Thickness of the divider separating header and results.",
      "values": []
    },
    {
      "name": "--m3e-search-view-full-screen-container-shape",
      "description": "Shape of the fullscreen view container.",
      "values": []
    },
    {
      "name": "--m3e-search-view-full-screen-header-container-height",
      "description": "Height of the header container in fullscreen mode.",
      "values": []
    },
    {
      "name": "--m3e-search-view-docked-container-shape",
      "description": "Shape of the docked view container.",
      "values": []
    },
    {
      "name": "--m3e-search-view-docked-header-container-height",
      "description": "Height of the header container in docked mode.",
      "values": []
    },
    {
      "name": "--m3e-search-view-contained-leading-margin",
      "description": "Leading margin for the contained view.",
      "values": []
    },
    {
      "name": "--m3e-search-view-contained-trailing-margin",
      "description": "Trailing margin for the contained view.",
      "values": []
    },
    {
      "name": "--m3e-search-view-contained-focused-leading-margin",
      "description": "Leading margin when the contained view is focused.",
      "values": []
    },
    {
      "name": "--m3e-search-view-contained-focused-trailing-margin",
      "description": "Trailing margin when the contained view is focused.",
      "values": []
    },
    {
      "name": "--m3e-search-view-contained-docked-bar-results-gap",
      "description": "Gap between the contained docked bar and results.",
      "values": []
    },
    {
      "name": "--m3e-search-view-contained-docked-results-shape",
      "description": "Shape of the results container in contained docked mode.",
      "values": []
    },
    {
      "name": "--m3e-search-view-contained-docked-bar-shape",
      "description": "Shape of the bar in contained docked mode.",
      "values": []
    },
    {
      "name": "--m3e-search-view-contained-full-screen-bar-container-height",
      "description": "Height of the bar container in contained fullscreen mode.",
      "values": []
    },
    {
      "name": "--m3e-search-view-docked-container-min-height",
      "description": "Minimum height of the docked view container.",
      "values": []
    },
    {
      "name": "--m3e-search-view-docked-container-max-height",
      "description": "Maximum height of the docked view container.",
      "values": []
    },
    {
      "name": "--m3e-search-view-contained-docked-results-space",
      "description": "Space above the results in contained docked mode.",
      "values": []
    },
    {
      "name": "--m3e-search-view-docked-results-bottom-space",
      "description": "Space below the results in docked mode.",
      "values": []
    },
    {
      "name": "--m3e-search-view-docked-scrim-color",
      "description": "Color of the scrim behind the docked view.",
      "values": []
    },
    {
      "name": "--m3e-search-view-docked-scrim-opacity",
      "description": "Opacity of the scrim behind the docked view.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-height",
      "description": "Total height of the segmented button.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-outline-thickness",
      "description": "Thickness of the button's border.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-outline-color",
      "description": "Color of the button's border.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-padding-start",
      "description": "Padding on the leading edge of the button content.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-padding-end",
      "description": "Padding on the trailing edge of the button content.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-spacing",
      "description": "Horizontal gap between icon and label.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-font-size",
      "description": "Font size of the label text.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-font-weight",
      "description": "Font weight of the label text.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-line-height",
      "description": "Line height of the label text.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-tracking",
      "description": "Letter spacing of the label text.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-with-icon-padding-start",
      "description": "Leading padding when an icon is present.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-selected-container-color",
      "description": "Background color of a selected segment.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-selected-container-hover-color",
      "description": "Hover state-layer color for selected segments.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-selected-container-focus-color",
      "description": "Focus state-layer color for selected segments.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-selected-ripple-color",
      "description": "Ripple color for selected segments.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-selected-label-text-color",
      "description": "Label text color for selected segments.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-selected-icon-color",
      "description": "Icon color for selected segments.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-unselected-container-hover-color",
      "description": "Hover state-layer color for unselected segments.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-unselected-container-focus-color",
      "description": "Focus state-layer color for unselected segments.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-unselected-ripple-color",
      "description": "Ripple color for unselected segments.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-unselected-label-text-color",
      "description": "Label text color for unselected segments.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-unselected-icon-color",
      "description": "Icon color for unselected segments.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-icon-size",
      "description": "Font size of the icon.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-disabled-outline-color",
      "description": "Base color for disabled segment borders.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-disabled-outline-opacity",
      "description": "Opacity applied to disabled segment borders.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-disabled-label-text-color",
      "description": "Base color for disabled label text.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-disabled-label-text-opacity",
      "description": "Opacity applied to disabled label text.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-disabled-icon-color",
      "description": "Base color for disabled icons.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-disabled-icon-opacity",
      "description": "Opacity applied to disabled icons.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-start-shape",
      "description": "Border radius for the first segment in a segmented button.",
      "values": []
    },
    {
      "name": "--m3e-segmented-button-end-shape",
      "description": "Border radius for the last segment in a segmented button.",
      "values": []
    },
    {
      "name": "--m3e-shape-size",
      "description": "Default size of the shape.",
      "values": []
    },
    {
      "name": "--m3e-shape-container-color",
      "description": "Container (background) color of the shape.",
      "values": []
    },
    {
      "name": "--m3e-shape-transition",
      "description": "Transition used to morph between shapes.",
      "values": []
    },
    {
      "name": "--m3e-skeleton-color",
      "description": "Base fill color for the skeleton surface.",
      "values": []
    },
    {
      "name": "--m3e-skeleton-tint-color",
      "description": "Tint fill color for the skeleton surface.",
      "values": []
    },
    {
      "name": "--m3e-skeleton-tint-opacity",
      "description": "Tint Opacity applied when the skeleton animation is not pulsating.",
      "values": []
    },
    {
      "name": "--m3e-skeleton-accent-color",
      "description": "Accent color used in wave animation.",
      "values": []
    },
    {
      "name": "--m3e-skeleton-accent-opacity",
      "description": "Opacity of the accent effect in animations.",
      "values": []
    },
    {
      "name": "--m3e-skeleton-rounded-shape",
      "description": "Corner radius for the rounded skeleton shape.",
      "values": []
    },
    {
      "name": "--m3e-skeleton-circular-shape",
      "description": "Corner radius for the circular skeleton shape.",
      "values": []
    },
    {
      "name": "--m3e-skeleton-square-shape",
      "description": "Corner radius for the square skeleton shape.",
      "values": []
    },
    {
      "name": "--m3e-skeleton-shape",
      "description": "Corner radius for the skeleton shape.",
      "values": []
    },
    {
      "name": "--m3e-slide-group-button-icon-size",
      "description": "Sets icon size for scroll buttons; overrides default small icon size.",
      "values": []
    },
    {
      "name": "--m3e-slide-group-button-size",
      "description": "Defines scroll button size; used for width (horizontal) or height (vertical).",
      "values": []
    },
    {
      "name": "--m3e-slide-group-divider-top",
      "description": "Adds top border to content container for visual separation.",
      "values": []
    },
    {
      "name": "--m3e-slide-group-divider-bottom",
      "description": "Adds bottom border to content container for visual separation.",
      "values": []
    },
    {
      "name": "--m3e-slider-thumb-width",
      "description": "Width of the slider thumb.",
      "values": []
    },
    {
      "name": "--m3e-slider-thumb-padding",
      "description": "Horizontal padding around the thumb.",
      "values": []
    },
    {
      "name": "--m3e-slider-thumb-color",
      "description": "Active color of the slider thumb when enabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-thumb-pressed-width",
      "description": "Width of the thumb when pressed.",
      "values": []
    },
    {
      "name": "--m3e-slider-thumb-disabled-color",
      "description": "Color of the thumb when disabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-thumb-disabled-opacity",
      "description": "Opacity of the thumb when disabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-label-width",
      "description": "Width of the floating label above the thumb.",
      "values": []
    },
    {
      "name": "--m3e-slider-label-container-color",
      "description": "Background color of the label container.",
      "values": []
    },
    {
      "name": "--m3e-slider-label-color",
      "description": "Text color of the label.",
      "values": []
    },
    {
      "name": "--m3e-slider-label-font-size",
      "description": "Font size of the label text.",
      "values": []
    },
    {
      "name": "--m3e-slider-label-font-weight",
      "description": "Font weight of the label text.",
      "values": []
    },
    {
      "name": "--m3e-slider-label-line-height",
      "description": "Line height of the label text.",
      "values": []
    },
    {
      "name": "--m3e-slider-label-tracking",
      "description": "Letter spacing of the label text.",
      "values": []
    },
    {
      "name": "--m3e-slider-min-width",
      "description": "Minimum inline size of the slider host.",
      "values": []
    },
    {
      "name": "--m3e-slider-small-height",
      "description": "Height of the slider when size is small or extra-small.",
      "values": []
    },
    {
      "name": "--m3e-slider-medium-height",
      "description": "Height of the slider when size is medium.",
      "values": []
    },
    {
      "name": "--m3e-slider-large-height",
      "description": "Height of the slider when size is large.",
      "values": []
    },
    {
      "name": "--m3e-slider-extra-large-height",
      "description": "Height of the slider when size is extra-large.",
      "values": []
    },
    {
      "name": "--m3e-slider-small-active-track-shape",
      "description": "Corner shape of the active track for small sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-small-inactive-active-track-start-shape",
      "description": "Corner shape of the inactive track start for small sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-small-inactive-track-end-shape",
      "description": "Corner shape of the inactive track end for small sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-medium-active-track-shape",
      "description": "Corner shape of the active track for medium sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-medium-inactive-active-track-start-shape",
      "description": "Corner shape of the inactive track start for medium sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-medium-inactive-track-end-shape",
      "description": "Corner shape of the inactive track end for medium sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-large-active-track-shape",
      "description": "Corner shape of the active track for large sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-large-inactive-active-track-start-shape",
      "description": "Corner shape of the inactive track start for large sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-large-inactive-track-end-shape",
      "description": "Corner shape of the inactive track end for large sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-extra-large-active-track-shape",
      "description": "Corner shape of the active track for extra-large sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-extra-large-inactive-active-track-start-shape",
      "description": "Corner shape of the inactive track start for extra-large sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-extra-large-inactive-track-end-shape",
      "description": "Corner shape of the inactive track end for extra-large sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-extra-small-track-height",
      "description": "Height of the track for extra-small sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-small-track-height",
      "description": "Height of the track for small sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-medium-track-height",
      "description": "Height of the track for medium sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-large-track-height",
      "description": "Height of the track for large sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-extra-large-track-height",
      "description": "Height of the track for extra-large sliders.",
      "values": []
    },
    {
      "name": "--m3e-slider-tick-size",
      "description": "Size of each tick mark.",
      "values": []
    },
    {
      "name": "--m3e-slider-tick-shape",
      "description": "Corner shape of each tick mark.",
      "values": []
    },
    {
      "name": "--m3e-slider-inactive-track-color",
      "description": "Background color of the inactive track when enabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-disabled-inactive-track-color",
      "description": "Base color of the inactive track when disabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-disabled-inactive-track-opacity",
      "description": "Opacity of the inactive track when disabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-active-track-color",
      "description": "Background color of the active track when enabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-disabled-active-track-color",
      "description": "Base color of the active track when disabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-disabled-active-track-opacity",
      "description": "Opacity of the active track when disabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-tick-active-color",
      "description": "Color of active ticks when enabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-disabled-tick-active-color",
      "description": "Color of active ticks when disabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-tick-inactive-color",
      "description": "Color of inactive ticks when enabled.",
      "values": []
    },
    {
      "name": "--m3e-slider-disabled-tick-inactive-color",
      "description": "Color of inactive ticks when disabled.",
      "values": []
    },
    {
      "name": "--m3e-snackbar-margin",
      "description": "Vertical offset from the bottom of the viewport.",
      "values": []
    },
    {
      "name": "--m3e-snackbar-container-shape",
      "description": "Border radius of the snackbar container.",
      "values": []
    },
    {
      "name": "--m3e-snackbar-container-color",
      "description": "Background color of the snackbar.",
      "values": []
    },
    {
      "name": "--m3e-snackbar-padding",
      "description": "Internal spacing of the snackbar container.",
      "values": []
    },
    {
      "name": "--m3e-snackbar-min-width",
      "description": "Minimum width of the snackbar.",
      "values": []
    },
    {
      "name": "--m3e-snackbar-max-width",
      "description": "Maximum width of the snackbar.",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-small-trailing-button-unselected-leading-space",
      "description": "Leading space for the trailing button (extra-small, unselected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-small-trailing-button-unselected-trailing-space",
      "description": "Trailing space for the trailing button (extra-small, unselected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-small-trailing-button-unselected-leading-space",
      "description": "Leading space for the trailing button (small, unselected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-small-trailing-button-unselected-trailing-space",
      "description": "Trailing space for the trailing button (small, unselected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-medium-trailing-button-unselected-leading-space",
      "description": "Leading space for the trailing button (medium, unselected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-medium-trailing-button-unselected-trailing-space",
      "description": "Trailing space for the trailing button (medium, unselected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-large-trailing-button-unselected-leading-space",
      "description": "Leading space for the trailing button (large, unselected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-large-trailing-button-unselected-trailing-space",
      "description": "Trailing space for the trailing button (large, unselected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-large-trailing-button-unselected-leading-space",
      "description": "Leading space for the trailing button (extra-large, unselected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-large-trailing-button-unselected-trailing-space",
      "description": "Trailing space for the trailing button (extra-large, unselected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-small-trailing-button-selected-leading-space",
      "description": "Leading space for the trailing button (extra-small, selected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-small-trailing-button-selected-trailing-space",
      "description": "Trailing space for the trailing button (extra-small, selected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-small-trailing-button-selected-leading-space",
      "description": "Leading space for the trailing button (small, selected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-small-trailing-button-selected-trailing-space",
      "description": "Trailing space for the trailing button (small, selected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-medium-trailing-button-selected-leading-space",
      "description": "Leading space for the trailing button (medium, selected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-medium-trailing-button-selected-trailing-space",
      "description": "Trailing space for the trailing button (medium, selected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-large-trailing-button-selected-leading-space",
      "description": "Leading space for the trailing button (large, selected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-large-trailing-button-selected-trailing-space",
      "description": "Trailing space for the trailing button (large, selected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-large-trailing-button-selected-leading-space",
      "description": "Leading space for the trailing button (extra-large, selected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-large-trailing-button-selected-trailing-space",
      "description": "Trailing space for the trailing button (extra-large, selected).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-small-inner-corner-size",
      "description": "Inner corner size for the leading/trailing button (extra-small).",
      "values": []
    },
    {
      "name": "--m3e-split-button-small-inner-corner-size",
      "description": "Inner corner size for the leading/trailing button (small).",
      "values": []
    },
    {
      "name": "--m3e-split-button-medium-inner-corner-size",
      "description": "Inner corner size for the leading/trailing button (medium).",
      "values": []
    },
    {
      "name": "--m3e-split-button-large-inner-corner-size",
      "description": "Inner corner size for the leading/trailing button (large).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-large-inner-corner-size",
      "description": "Inner corner size for the leading/trailing button (extra-large).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-small-inner-corner-hover-size",
      "description": "Inner corner size on hover (extra-small).",
      "values": []
    },
    {
      "name": "--m3e-split-button-small-inner-corner-hover-size",
      "description": "Inner corner size on hover (small).",
      "values": []
    },
    {
      "name": "--m3e-split-button-medium-inner-corner-hover-size",
      "description": "Inner corner size on hover (medium).",
      "values": []
    },
    {
      "name": "--m3e-split-button-large-inner-corner-hover-size",
      "description": "Inner corner size on hover (large).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-large-inner-corner-hover-size",
      "description": "Inner corner size on hover (extra-large).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-small-inner-corner-pressed-size",
      "description": "Inner corner size on press (extra-small).",
      "values": []
    },
    {
      "name": "--m3e-split-button-small-inner-corner-pressed-size",
      "description": "Inner corner size on press (small).",
      "values": []
    },
    {
      "name": "--m3e-split-button-medium-inner-corner-pressed-size",
      "description": "Inner corner size on press (medium).",
      "values": []
    },
    {
      "name": "--m3e-split-button-large-inner-corner-pressed-size",
      "description": "Inner corner size on press (large).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-large-inner-corner-pressed-size",
      "description": "Inner corner size on press (extra-large).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-small-between-spacing",
      "description": "Spacing between leading and trailing buttons (extra-small).",
      "values": []
    },
    {
      "name": "--m3e-split-button-small-between-spacing",
      "description": "Spacing between leading and trailing buttons (small).",
      "values": []
    },
    {
      "name": "--m3e-split-button-medium-between-spacing",
      "description": "Spacing between leading and trailing buttons (medium).",
      "values": []
    },
    {
      "name": "--m3e-split-button-large-between-spacing",
      "description": "Spacing between leading and trailing buttons (large).",
      "values": []
    },
    {
      "name": "--m3e-split-button-extra-large-between-spacing",
      "description": "Spacing between leading and trailing buttons (extra-large).",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-hover-color",
      "description": "Color used for the drag handle hover state.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-hover-opacity",
      "description": "Opacity used for the drag handle hover state.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-focus-color",
      "description": "Color used for the drag handle focus state.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-focus-opacity",
      "description": "Opacity used for the drag handle focus state.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-color",
      "description": "Background color of the drag handle when not pressed.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-shape",
      "description": "Corner shape of the drag handle when not pressed.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-pressed-color",
      "description": "Background color of the drag handle when pressed.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-pressed-shape",
      "description": "Corner shape of the drag handle when pressed.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-container-width",
      "description": "Width of the drag handle container.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-width",
      "description": "Thickness of the drag handle when not pressed.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-height",
      "description": "Length of the drag handle when not pressed.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-pressed-width",
      "description": "Thickness of the drag handle when pressed.",
      "values": []
    },
    {
      "name": "--m3e-split-pane-drag-handle-pressed-height",
      "description": "Length of the drag handle when pressed.",
      "values": []
    },
    {
      "name": "--m3e-step-divider-thickness",
      "description": "Thickness of the divider line between steps.",
      "values": []
    },
    {
      "name": "--m3e-step-divider-color",
      "description": "Color of the divider line between steps.",
      "values": []
    },
    {
      "name": "--m3e-step-divider-inset",
      "description": "Inset offset for divider alignment within step layout.",
      "values": []
    },
    {
      "name": "--m3e-step-panel-padding",
      "description": "Padding inside the step panel container, defining internal spacing around content.",
      "values": []
    },
    {
      "name": "--m3e-step-panel-spacing",
      "description": "Vertical gap between stacked elements within the step panel.",
      "values": []
    },
    {
      "name": "--m3e-step-panel-actions-height",
      "description": "Minimum height of the slotted actions container.",
      "values": []
    },
    {
      "name": "--m3e-step-shape",
      "description": "Border radius of the step container, defining its visual shape.",
      "values": []
    },
    {
      "name": "--m3e-step-padding",
      "description": "Internal padding of the step container, used for layout spacing.",
      "values": []
    },
    {
      "name": "--m3e-step-icon-shape",
      "description": "Border radius of the icon container, controlling its geometric form.",
      "values": []
    },
    {
      "name": "--m3e-step-icon-size",
      "description": "Width and height of the icon container and icon glyph.",
      "values": []
    },
    {
      "name": "--m3e-step-selected-icon-container-color",
      "description": "Background color of the icon when the step is selected.",
      "values": []
    },
    {
      "name": "--m3e-step-selected-icon-color",
      "description": "Foreground color of the icon when the step is selected.",
      "values": []
    },
    {
      "name": "--m3e-step-completed-icon-container-color",
      "description": "Background color of the icon when the step is completed.",
      "values": []
    },
    {
      "name": "--m3e-step-completed-icon-color",
      "description": "Foreground color of the icon when the step is completed.",
      "values": []
    },
    {
      "name": "--m3e-step-unselected-icon-container-color",
      "description": "Background color of the icon when the step is inactive.",
      "values": []
    },
    {
      "name": "--m3e-step-unselected-icon-color",
      "description": "Foreground color of the icon when the step is inactive.",
      "values": []
    },
    {
      "name": "--m3e-step-icon-error-color",
      "description": "Foreground color of the icon when the step is invalid.",
      "values": []
    },
    {
      "name": "--m3e-step-disabled-icon-container-color",
      "description": "Base color used to mix the disabled icon background.",
      "values": []
    },
    {
      "name": "--m3e-step-disabled-icon-color",
      "description": "Base color used to mix the disabled icon foreground.",
      "values": []
    },
    {
      "name": "--m3e-step-label-color",
      "description": "Text color of the step label in its default state.",
      "values": []
    },
    {
      "name": "--m3e-step-label-error-color",
      "description": "Text color of the step label when the step is invalid.",
      "values": []
    },
    {
      "name": "--m3e-step-disabled-label-color",
      "description": "Base color used to mix the disabled label foreground.",
      "values": []
    },
    {
      "name": "--m3e-step-font-size",
      "description": "Font size of the step label.",
      "values": []
    },
    {
      "name": "--m3e-step-font-weight",
      "description": "Font weight of the step label.",
      "values": []
    },
    {
      "name": "--m3e-step-line-height",
      "description": "Line height of the step label.",
      "values": []
    },
    {
      "name": "--m3e-step-tracking",
      "description": "Letter spacing of the step label.",
      "values": []
    },
    {
      "name": "--m3e-step-icon-label-space",
      "description": "Gap between icon and label.",
      "values": []
    },
    {
      "name": "--m3e-step-hint-font-size",
      "description": "Font size of hint and error messages.",
      "values": []
    },
    {
      "name": "--m3e-step-hint-font-weight",
      "description": "Font weight of hint and error messages.",
      "values": []
    },
    {
      "name": "--m3e-step-hint-line-height",
      "description": "Line height of hint and error messages.",
      "values": []
    },
    {
      "name": "--m3e-step-hint-tracking",
      "description": "Letter spacing of hint and error messages.",
      "values": []
    },
    {
      "name": "--m3e-step-hint-color",
      "description": "Text color of hint messages in valid state.",
      "values": []
    },
    {
      "name": "--m3e-step-disabled-hint-color",
      "description": "Base color used to mix the disabled hint foreground.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-icon-color",
      "description": "Color of the icon when the switch is selected.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-icon-size",
      "description": "Size of the icon in the selected state.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-icon-color",
      "description": "Color of the icon when the switch is unselected.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-icon-size",
      "description": "Size of the icon in the unselected state.",
      "values": []
    },
    {
      "name": "--m3e-switch-track-height",
      "description": "Height of the switch track.",
      "values": []
    },
    {
      "name": "--m3e-switch-track-width",
      "description": "Width of the switch track.",
      "values": []
    },
    {
      "name": "--m3e-switch-track-outline-color",
      "description": "Color of the track's outline.",
      "values": []
    },
    {
      "name": "--m3e-switch-track-outline-width",
      "description": "Thickness of the track's outline.",
      "values": []
    },
    {
      "name": "--m3e-switch-track-shape",
      "description": "Corner shape of the track.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-track-color",
      "description": "Track color when selected.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-track-color",
      "description": "Track color when unselected.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-handle-height",
      "description": "Height of the handle when unselected.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-handle-width",
      "description": "Width of the handle when unselected.",
      "values": []
    },
    {
      "name": "--m3e-switch-with-icon-handle-height",
      "description": "Height of the handle when icons are present.",
      "values": []
    },
    {
      "name": "--m3e-switch-with-icon-handle-width",
      "description": "Width of the handle when icons are present.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-handle-height",
      "description": "Height of the handle when selected.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-handle-width",
      "description": "Width of the handle when selected.",
      "values": []
    },
    {
      "name": "--m3e-switch-pressed-handle-height",
      "description": "Height of the handle during press.",
      "values": []
    },
    {
      "name": "--m3e-switch-pressed-handle-width",
      "description": "Width of the handle during press.",
      "values": []
    },
    {
      "name": "--m3e-switch-handle-shape",
      "description": "Corner shape of the handle.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-handle-color",
      "description": "Handle color when selected.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-handle-color",
      "description": "Handle color when unselected.",
      "values": []
    },
    {
      "name": "--m3e-switch-state-layer-size",
      "description": "Diameter of the state layer overlay.",
      "values": []
    },
    {
      "name": "--m3e-switch-state-layer-shape",
      "description": "Corner shape of the state layer.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-selected-icon-color",
      "description": "Icon color when selected and disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-selected-icon-opacity",
      "description": "Icon opacity when selected and disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-unselected-icon-color",
      "description": "Icon color when unselected and disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-unselected-icon-opacity",
      "description": "Icon opacity when unselected and disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-track-opacity",
      "description": "Track opacity when disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-selected-track-color",
      "description": "Track color when selected and disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-unselected-track-color",
      "description": "Track color when unselected and disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-unselected-track-outline-color",
      "description": "Outline color when unselected and disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-unselected-handle-opacity",
      "description": "Handle opacity when unselected and disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-selected-handle-opacity",
      "description": "Handle opacity when selected and disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-selected-handle-color",
      "description": "Handle color when selected and disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-disabled-unselected-handle-color",
      "description": "Handle color when unselected and disabled.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-hover-icon-color",
      "description": "Icon color when selected and hovered.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-hover-icon-color",
      "description": "Icon color when unselected and hovered.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-hover-track-color",
      "description": "Track color when selected and hovered.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-hover-state-layer-color",
      "description": "State layer color when selected and hovered.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-hover-state-layer-opacity",
      "description": "State layer opacity when selected and hovered.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-hover-track-color",
      "description": "Track color when unselected and hovered.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-hover-track-outline-color",
      "description": "Outline color when unselected and hovered.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-hover-state-layer-color",
      "description": "State layer color when unselected and hovered.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-hover-state-layer-opacity",
      "description": "State layer opacity when unselected and hovered.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-hover-handle-color",
      "description": "Handle color when selected and hovered.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-hover-handle-color",
      "description": "Handle color when unselected and hovered.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-focus-icon-color",
      "description": "Icon color when selected and focused.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-focus-icon-color",
      "description": "Icon color when unselected and focused.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-focus-track-color",
      "description": "Track color when selected and focused.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-focus-state-layer-color",
      "description": "State layer color when selected and focused.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-focus-state-layer-opacity",
      "description": "State layer opacity when selected and focused.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-focus-track-color",
      "description": "Track color when unselected and focused.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-focus-track-outline-color",
      "description": "Outline color when unselected and focused.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-focus-state-layer-color",
      "description": "State layer color when unselected and focused.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-focus-state-layer-opacity",
      "description": "State layer opacity when unselected and focused.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-focus-handle-color",
      "description": "Handle color when selected and focused.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-focus-handle-color",
      "description": "Handle color when unselected and focused.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-pressed-icon-color",
      "description": "Icon color when selected and pressed.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-pressed-icon-color",
      "description": "Icon color when unselected and pressed.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-pressed-track-color",
      "description": "Track color when selected and pressed.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-pressed-state-layer-color",
      "description": "State layer color when selected and pressed.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-pressed-state-layer-opacity",
      "description": "State layer opacity when selected and pressed.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-pressed-track-color",
      "description": "Track color when unselected and pressed.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-pressed-track-outline-color",
      "description": "Outline color when unselected and pressed.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-pressed-state-layer-color",
      "description": "State layer color when unselected and pressed.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-pressed-state-layer-opacity",
      "description": "State layer opacity when unselected and pressed.",
      "values": []
    },
    {
      "name": "--m3e-switch-selected-pressed-handle-color",
      "description": "Handle color when selected and pressed.",
      "values": []
    },
    {
      "name": "--m3e-switch-unselected-pressed-handle-color",
      "description": "Handle color when unselected and pressed.",
      "values": []
    },
    {
      "name": "--m3e-tab-font-size",
      "description": "Font size for tab label.",
      "values": []
    },
    {
      "name": "--m3e-tab-font-weight",
      "description": "Font weight for tab label.",
      "values": []
    },
    {
      "name": "--m3e-tab-line-height",
      "description": "Line height for tab label.",
      "values": []
    },
    {
      "name": "--m3e-tab-tracking",
      "description": "Letter spacing for tab label.",
      "values": []
    },
    {
      "name": "--m3e-tab-padding-start",
      "description": "Padding on the inline start of the tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-padding-end",
      "description": "Padding on the inline end of the tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-focus-ring-shape",
      "description": "Border radius for the focus ring.",
      "values": []
    },
    {
      "name": "--m3e-tab-selected-color",
      "description": "Text color for selected tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-selected-container-hover-color",
      "description": "Hover state-layer color for selected tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-selected-container-focus-color",
      "description": "Focus state-layer color for selected tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-selected-ripple-color",
      "description": "Ripple color for selected tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-unselected-color",
      "description": "Text color for unselected tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-unselected-container-hover-color",
      "description": "Hover state-layer color for unselected tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-unselected-container-focus-color",
      "description": "Focus state-layer color for unselected tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-unselected-ripple-color",
      "description": "Ripple color for unselected tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-disabled-color",
      "description": "Text color for disabled tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-disabled-opacity",
      "description": "Text opacity for disabled tab.",
      "values": []
    },
    {
      "name": "--m3e-tab-spacing",
      "description": "Column gap between icon and label.",
      "values": []
    },
    {
      "name": "--m3e-tab-icon-size",
      "description": "Font size for slotted icon.",
      "values": []
    },
    {
      "name": "--m3e-tabs-paginator-button-icon-size",
      "description": "Overrides the icon size for paginator buttons.",
      "values": []
    },
    {
      "name": "--m3e-tabs-active-indicator-color",
      "description": "Color of the active tab indicator.",
      "values": []
    },
    {
      "name": "--m3e-tabs-primary-before-active-indicator-shape",
      "description": "Border radius for active indicator when header is before and variant is primary.",
      "values": []
    },
    {
      "name": "--m3e-tabs-primary-after-active-indicator-shape",
      "description": "Border radius for active indicator when header is after and variant is primary.",
      "values": []
    },
    {
      "name": "--m3e-tabs-primary-active-indicator-inset",
      "description": "Inset for primary variant's active indicator.",
      "values": []
    },
    {
      "name": "--m3e-tabs-primary-active-indicator-thickness",
      "description": "Thickness for primary variant's active indicator.",
      "values": []
    },
    {
      "name": "--m3e-tabs-secondary-active-indicator-thickness",
      "description": "Thickness for secondary variant's active indicator.",
      "values": []
    },
    {
      "name": "--m3e-theme-icon-size",
      "description": "Size of the theme icon.",
      "values": []
    },
    {
      "name": "--m3e-theme-icon-shape",
      "description": "Border radius of the icon container.",
      "values": []
    },
    {
      "name": "--m3e-theme-icon-outline-color",
      "description": "Outline stroke color of the icon border.",
      "values": []
    },
    {
      "name": "--m3e-theme-icon-outline-opacity",
      "description": "Opacity percentage applied to the outline color.",
      "values": []
    },
    {
      "name": "--m3e-theme-icon-container-color",
      "description": "Fill color for the container layer of the previewed theme.",
      "values": []
    },
    {
      "name": "--m3e-theme-icon-color",
      "description": "Fill color for the primary layer of the previewed theme.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-shape",
      "description": "Border radius of the TOC item.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-padding-block",
      "description": "Block padding for the TOC item.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-padding",
      "description": "Inline padding for the TOC item.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-inset",
      "description": "Indentation per level for the TOC item.",
      "values": []
    },
    {
      "name": "--m3e-toc-active-indicator-animation-duration",
      "description": "Animation duration for the active indicator.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-font-size",
      "description": "Font size for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-font-weight",
      "description": "Font weight for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-line-height",
      "description": "Line height for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-tracking",
      "description": "Letter spacing for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-color",
      "description": "Text color for unselected items.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-selected-font-size",
      "description": "Font size for selected items.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-selected-font-weight",
      "description": "Font weight for selected items.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-selected-line-height",
      "description": "Line height for selected items.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-selected-tracking",
      "description": "Letter spacing for selected items.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-selected-color",
      "description": "Text color for selected items.",
      "values": []
    },
    {
      "name": "--m3e-toc-width",
      "description": "Width of the table of contents.",
      "values": []
    },
    {
      "name": "--m3e-toc-container-color",
      "description": "Background color of the table of contents container.",
      "values": []
    },
    {
      "name": "--m3e-toc-container-padding-inline",
      "description": "Inline padding of the table of contents container.",
      "values": []
    },
    {
      "name": "--m3e-toc-container-padding-block",
      "description": "Block padding of the table of contents container.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-shape",
      "description": "Border radius of TOC items and active indicator.",
      "values": []
    },
    {
      "name": "--m3e-toc-active-indicator-color",
      "description": "Border color of the active indicator.",
      "values": []
    },
    {
      "name": "--m3e-toc-active-indicator-animation-duration",
      "description": "Animation duration for the active indicator.",
      "values": []
    },
    {
      "name": "--m3e-toc-item-padding",
      "description": "Inline padding for TOC items and header.",
      "values": []
    },
    {
      "name": "--m3e-toc-header-space",
      "description": "Block space below and between header elements.",
      "values": []
    },
    {
      "name": "--m3e-toc-overline-font-size",
      "description": "Font size for the overline slot.",
      "values": []
    },
    {
      "name": "--m3e-toc-overline-font-weight",
      "description": "Font weight for the overline slot.",
      "values": []
    },
    {
      "name": "--m3e-toc-overline-line-height",
      "description": "Line height for the overline slot.",
      "values": []
    },
    {
      "name": "--m3e-toc-overline-tracking",
      "description": "Letter spacing for the overline slot.",
      "values": []
    },
    {
      "name": "--m3e-toc-overline-color",
      "description": "Text color for the overline slot.",
      "values": []
    },
    {
      "name": "--m3e-toc-title-font-size",
      "description": "Font size for the title slot.",
      "values": []
    },
    {
      "name": "--m3e-toc-title-font-weight",
      "description": "Font weight for the title slot.",
      "values": []
    },
    {
      "name": "--m3e-toc-title-line-height",
      "description": "Line height for the title slot.",
      "values": []
    },
    {
      "name": "--m3e-toc-title-tracking",
      "description": "Letter spacing for the title slot.",
      "values": []
    },
    {
      "name": "--m3e-toc-title-color",
      "description": "Text color for the title slot.",
      "values": []
    },
    {
      "name": "--m3e-toolbar-size",
      "description": "The size (height or width) of the toolbar.",
      "values": []
    },
    {
      "name": "--m3e-toolbar-spacing",
      "description": "The gap between toolbar items.",
      "values": []
    },
    {
      "name": "--m3e-toolbar-rounded-shape",
      "description": "Border radius for rounded shape.",
      "values": []
    },
    {
      "name": "--m3e-toolbar-rounded-padding",
      "description": "Padding for rounded shape.",
      "values": []
    },
    {
      "name": "--m3e-toolbar-square-padding",
      "description": "Padding for square shape.",
      "values": []
    },
    {
      "name": "--m3e-toolbar-standard-container-color",
      "description": "Container color for the standard variant.",
      "values": []
    },
    {
      "name": "--m3e-toolbar-standard-color",
      "description": "Foreground color for the standard variant.",
      "values": []
    },
    {
      "name": "--m3e-toolbar-vibrant-container-color",
      "description": "Container color for the vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-toolbar-vibrant-color",
      "description": "Foreground color for the vibrant variant.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-font-size",
      "description": "Font size for the item label.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-font-weight",
      "description": "Font weight for the item label.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-line-height",
      "description": "Line height for the item label.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-tracking",
      "description": "Letter spacing for the item label.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-padding",
      "description": "Inline padding for the item.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-height",
      "description": "Height of the item.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-shape",
      "description": "Border radius of the item and focus ring.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-icon-size",
      "description": "Size of the icon.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-inset",
      "description": "Indentation for nested items.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-label-color",
      "description": "Text color for the item label.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-selected-label-color",
      "description": "Text color for selected item label.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-selected-container-color",
      "description": "Background color for selected item.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-selected-container-focus-color",
      "description": "Focus color for selected item container.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-selected-container-hover-color",
      "description": "Hover color for selected item container.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-selected-ripple-color",
      "description": "Ripple color for selected item.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-unselected-container-focus-color",
      "description": "Focus color for unselected item container.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-unselected-container-hover-color",
      "description": "Hover color for unselected item container.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-unselected-ripple-color",
      "description": "Ripple color for unselected item.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-disabled-color",
      "description": "Text color for disabled item.",
      "values": []
    },
    {
      "name": "--m3e-tree-item-disabled-color-opacity",
      "description": "Opacity for disabled item text color.",
      "values": []
    },
    {
      "name": "--m3e-tree-scrollbar-width",
      "description": "Width of the tree scrollbar.",
      "values": []
    },
    {
      "name": "--m3e-tree-scrollbar-color",
      "description": "Color of the tree scrollbar.",
      "values": []
    }
  ],
  "pseudoElements": []
}