tokens.json

{
  "pt": {
    "pt": {
      "color": {
        "primary": {
          "0": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "1",
                  "space": "lch"
                }
              }
            }
          },
          "100": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.8",
                  "space": "lch"
                }
              }
            }
          },
          "200": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.6",
                  "space": "lch"
                }
              }
            }
          },
          "300": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.4",
                  "space": "lch"
                }
              }
            }
          },
          "400": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.2",
                  "space": "lch"
                }
              }
            }
          },
          "500": {
            "value": "#4775FF",
            "type": "color"
          },
          "600": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.2",
                  "space": "lch"
                }
              }
            }
          },
          "700": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.4",
                  "space": "lch"
                }
              }
            }
          },
          "800": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.6",
                  "space": "lch"
                }
              }
            }
          },
          "900": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.8",
                  "space": "lch"
                }
              }
            }
          },
          "950": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.9",
                  "space": "lch"
                }
              }
            }
          },
          "990": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.95",
                  "space": "lch"
                }
              }
            }
          },
          "1000": {
            "value": "{pt.color.primary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "1",
                  "space": "lch"
                }
              }
            }
          }
        },
        "neutral": {
          "0": {
            "value": "#000",
            "type": "color"
          },
          "100": {
            "value": "#1b1b1b",
            "type": "color"
          },
          "200": {
            "value": "#303030",
            "type": "color"
          },
          "300": {
            "value": "#474747",
            "type": "color"
          },
          "400": {
            "value": "#5e5e5e",
            "type": "color"
          },
          "500": {
            "value": "#777",
            "type": "color"
          },
          "600": {
            "value": "#919191",
            "type": "color"
          },
          "700": {
            "value": "#ababab",
            "type": "color"
          },
          "800": {
            "value": "#c6c6c6",
            "type": "color"
          },
          "900": {
            "value": "#e2e2e2",
            "type": "color"
          },
          "950": {
            "value": "#f1f1f1",
            "type": "color"
          },
          "990": {
            "value": "#fcfcfc",
            "type": "color"
          },
          "1000": {
            "value": "#fff",
            "type": "color"
          }
        },
        "transparent": {
          "70": {
            "value": "rgba(110, 110, 110, 0.7)",
            "type": "color"
          },
          "80": {
            "value": "rgba(110, 110, 110, 0.8)",
            "type": "color"
          },
          "gradient-overlay": {
            "value": "linear-gradient(180deg, rgba(0,0,0,0) 25%, rgba(0,0,0,0.8) 80%)",
            "type": "color"
          }
        },
        "secondary": {
          "0": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "1",
                  "space": "lch"
                }
              }
            }
          },
          "100": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.8",
                  "space": "lch"
                }
              }
            }
          },
          "200": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.6",
                  "space": "lch"
                }
              }
            }
          },
          "300": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.4",
                  "space": "lch"
                }
              }
            }
          },
          "400": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.2",
                  "space": "lch"
                }
              }
            }
          },
          "500": {
            "value": "#00E38C",
            "type": "color"
          },
          "600": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.2",
                  "space": "lch"
                }
              }
            }
          },
          "700": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.4",
                  "space": "lch"
                }
              }
            }
          },
          "800": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.6",
                  "space": "lch"
                }
              }
            }
          },
          "900": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.8",
                  "space": "lch"
                }
              }
            }
          },
          "950": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.9",
                  "space": "lch"
                }
              }
            }
          },
          "990": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.95",
                  "space": "lch"
                }
              }
            }
          },
          "1000": {
            "value": "{pt.color.secondary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "1",
                  "space": "lch"
                }
              }
            }
          }
        },
        "error": {
          "0": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "1",
                  "space": "lch"
                }
              }
            }
          },
          "100": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.8",
                  "space": "lch"
                }
              }
            }
          },
          "200": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.6",
                  "space": "lch"
                }
              }
            }
          },
          "300": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.4",
                  "space": "lch"
                }
              }
            }
          },
          "400": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.2",
                  "space": "lch"
                }
              }
            }
          },
          "500": {
            "value": "#B3261E",
            "type": "color"
          },
          "600": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.2",
                  "space": "lch"
                }
              }
            }
          },
          "700": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.4",
                  "space": "lch"
                }
              }
            }
          },
          "800": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.6",
                  "space": "lch"
                }
              }
            }
          },
          "900": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.8",
                  "space": "lch"
                }
              }
            }
          },
          "950": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.9",
                  "space": "lch"
                }
              }
            }
          },
          "990": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.95",
                  "space": "lch"
                }
              }
            }
          },
          "1000": {
            "value": "{pt.color.error.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "1",
                  "space": "lch"
                }
              }
            }
          }
        },
        "neutralVariant": {
          "0": {
            "value": "#000",
            "type": "color"
          },
          "100": {
            "value": "#1b1b1b",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "{variable.neutralVariant}",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "200": {
            "value": "#303030",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "{variable.neutralVariant}",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "300": {
            "value": "#474747",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "{variable.neutralVariant}",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "400": {
            "value": "#5e5e5e",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "{variable.neutralVariant}",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "500": {
            "value": "#777",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "{variable.neutralVariant}",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "600": {
            "value": "#919191",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "{variable.neutralVariant}",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "700": {
            "value": "#ababab",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "{variable.neutralVariant}",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "800": {
            "value": "#c6c6c6",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "{variable.neutralVariant}",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "900": {
            "value": "#e2e2e2",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "{variable.neutralVariant}",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "950": {
            "value": "#f1f1f1",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "{variable.neutralVariant}",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "990": {
            "value": "#fcfcfc",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "{variable.neutralVariant}",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "1000": {
            "value": "#fff",
            "type": "color"
          }
        },
        "tertiary": {
          "0": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "1",
                  "space": "lch"
                }
              }
            }
          },
          "100": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.8",
                  "space": "lch"
                }
              }
            }
          },
          "200": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.6",
                  "space": "lch"
                }
              }
            }
          },
          "300": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.4",
                  "space": "lch"
                }
              }
            }
          },
          "400": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "darken",
                  "value": "0.2",
                  "space": "lch"
                }
              }
            }
          },
          "500": {
            "value": "#6750A4",
            "type": "color"
          },
          "600": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.2",
                  "space": "lch"
                }
              }
            }
          },
          "700": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.4",
                  "space": "lch"
                }
              }
            }
          },
          "800": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.6",
                  "space": "lch"
                }
              }
            }
          },
          "900": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.8",
                  "space": "lch"
                }
              }
            }
          },
          "950": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.9",
                  "space": "lch"
                }
              }
            }
          },
          "990": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "0.95",
                  "space": "lch"
                }
              }
            }
          },
          "1000": {
            "value": "{pt.color.tertiary.500}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "lighten",
                  "value": "1",
                  "space": "lch"
                }
              }
            }
          }
        },
        "surface": {
          "surface0": {
            "value": "{pt.color.neutral.990}",
            "type": "color"
          },
          "surface1": {
            "value": "{pt.color.neutral.990}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "0.05",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "surface2": {
            "value": "{pt.color.neutral.990}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "0.08",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "surface3": {
            "value": "{pt.color.neutral.990}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "0.11",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "surface4": {
            "value": "{pt.color.neutral.990}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "0.12",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          },
          "surface5": {
            "value": "{pt.color.neutral.990}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "mix",
                  "value": "0.14",
                  "space": "lch",
                  "color": "{pt.color.primary.500}"
                }
              }
            }
          }
        }
      },
      "dimension": {
        "0": {
          "value": "0px",
          "type": "dimension"
        },
        "1": {
          "value": "1px",
          "type": "dimension"
        },
        "25": {
          "value": "2px",
          "type": "dimension"
        },
        "50": {
          "value": "4px",
          "type": "dimension"
        },
        "75": {
          "value": "6px",
          "type": "dimension"
        },
        "100": {
          "value": "8px",
          "type": "dimension"
        },
        "125": {
          "value": "10px",
          "type": "dimension"
        },
        "150": {
          "value": "12px",
          "type": "dimension"
        },
        "175": {
          "value": "14px",
          "type": "dimension"
        },
        "200": {
          "value": "16px",
          "type": "dimension"
        },
        "225": {
          "value": "18px",
          "type": "dimension"
        },
        "250": {
          "value": "20px",
          "type": "dimension"
        },
        "275": {
          "value": "22px",
          "type": "dimension"
        },
        "300": {
          "value": "24px",
          "type": "dimension"
        },
        "350": {
          "value": "28px",
          "type": "dimension"
        },
        "400": {
          "value": "32px",
          "type": "dimension"
        },
        "450": {
          "value": "36px",
          "type": "dimension"
        },
        "500": {
          "value": "40px",
          "type": "dimension"
        },
        "550": {
          "value": "44px",
          "type": "dimension"
        },
        "600": {
          "value": "48px",
          "type": "dimension"
        },
        "625": {
          "value": "52px",
          "type": "dimension"
        },
        "650": {
          "value": "52px",
          "type": "dimension"
        },
        "700": {
          "value": "56px",
          "type": "dimension"
        },
        "750": {
          "value": "60px",
          "type": "dimension"
        },
        "800": {
          "value": "64px",
          "type": "dimension"
        },
        "850": {
          "value": "68px",
          "type": "dimension"
        },
        "900": {
          "value": "72px",
          "type": "dimension"
        },
        "1000": {
          "value": "80px",
          "type": "dimension"
        },
        "1100": {
          "value": "88px",
          "type": "dimension"
        },
        "1200": {
          "value": "96px",
          "type": "dimension"
        },
        "1280": {
          "value": "102px",
          "type": "dimension"
        },
        "1300": {
          "value": "104px",
          "type": "dimension"
        },
        "1320": {
          "value": "110px",
          "type": "dimension"
        },
        "1350": {
          "value": "140px",
          "type": "dimension"
        },
        "1400": {
          "value": "112px",
          "type": "dimension"
        },
        "1600": {
          "value": "128px",
          "type": "dimension"
        },
        "1700": {
          "value": "150px",
          "type": "dimension"
        },
        "1750": {
          "value": "152px",
          "type": "dimension"
        },
        "1800": {
          "value": "160px",
          "type": "dimension"
        },
        "1825": {
          "value": "200px",
          "type": "dimension"
        },
        "1850": {
          "value": "248px",
          "type": "dimension"
        },
        "1875": {
          "value": "256px",
          "type": "dimension"
        },
        "1920": {
          "value": "280px",
          "type": "dimension"
        },
        "2000": {
          "value": "400px",
          "type": "dimension"
        },
        "2625": {
          "value": "210px",
          "type": "dimension"
        },
        "3900": {
          "value": "312px",
          "type": "dimension"
        },
        "6000": {
          "value": "800px",
          "type": "dimension"
        },
        "1800a": {
          "value": "188px",
          "type": "dimension"
        },
        "1920a": {
          "value": "343px",
          "type": "dimension"
        },
        "350a": {
          "value": "31.33px",
          "type": "dimension"
        },
        "250a": {
          "value": "21px",
          "type": "dimension"
        },
        "800a": {
          "value": "70px",
          "type": "dimension"
        },
        "1350a": {
          "value": "164px",
          "type": "dimension"
        },
        "2000a": {
          "value": "480px",
          "type": "dimension"
        },
        "125a": {
          "value": "11px",
          "type": "dimension"
        },
        "25a": {
          "value": "3px",
          "type": "dimension"
        },
        "50a": {
          "value": "5px",
          "type": "dimension"
        },
        "75a": {
          "value": "7px",
          "type": "dimension"
        },
        "100a": {
          "value": "9px",
          "type": "dimension"
        }
      },
      "borderWidth": {
        "0": {
          "value": "0px",
          "type": "borderWidth"
        },
        "100": {
          "value": "1px",
          "type": "borderWidth",
          "description": "base value\n"
        },
        "200": {
          "value": "2px",
          "type": "borderWidth"
        },
        "300": {
          "value": "3px",
          "type": "borderWidth"
        },
        "400": {
          "value": "4px",
          "type": "borderWidth"
        },
        "200a": {
          "value": "2.5px",
          "type": "borderWidth"
        }
      },
      "opacity": {
        "0": {
          "value": "0",
          "type": "opacity"
        },
        "8": {
          "value": "0.08",
          "type": "opacity"
        },
        "12": {
          "value": "0.12",
          "type": "opacity"
        },
        "16": {
          "value": "0.16",
          "type": "opacity"
        },
        "25": {
          "value": "0.25",
          "type": "opacity"
        },
        "38": {
          "value": "0.38",
          "type": "opacity"
        },
        "50": {
          "value": "0.5",
          "type": "opacity"
        },
        "75": {
          "value": "0.75",
          "type": "opacity"
        },
        "100": {
          "value": "1",
          "type": "opacity"
        }
      },
      "fontFamily": {
        "serif": {
          "value": "Roboto Serif",
          "type": "fontFamilies"
        },
        "sans-serif": {
          "value": "Roboto",
          "type": "fontFamilies"
        },
        "rosario": {
          "value": "Rosario",
          "type": "fontFamilies"
        }
      },
      "fontSize": {
        "11": {
          "value": "11px",
          "type": "fontSizes"
        },
        "12": {
          "value": "12px",
          "type": "fontSizes"
        },
        "14": {
          "value": "14px",
          "type": "fontSizes",
          "description": "base"
        },
        "16": {
          "value": "16px",
          "type": "fontSizes"
        },
        "18": {
          "value": "18px",
          "type": "fontSizes"
        },
        "20": {
          "value": "20px",
          "type": "fontSizes"
        },
        "22": {
          "value": "22px",
          "type": "fontSizes"
        },
        "24": {
          "value": "24px",
          "type": "fontSizes"
        },
        "28": {
          "value": "28px",
          "type": "fontSizes"
        },
        "32": {
          "value": "32px",
          "type": "fontSizes"
        },
        "36": {
          "value": "36px",
          "type": "fontSizes"
        },
        "40": {
          "value": "40px",
          "type": "fontSizes"
        },
        "45": {
          "value": "45px",
          "type": "fontSizes"
        },
        "50": {
          "value": "50px",
          "type": "fontSizes"
        },
        "52": {
          "value": "52px",
          "type": "fontSizes"
        },
        "57": {
          "value": "57px",
          "type": "fontSizes"
        },
        "60": {
          "value": "60px",
          "type": "fontSizes"
        }
      },
      "fontWeight": {
        "thin": {
          "value": "Thin",
          "type": "fontWeights"
        },
        "extraLight": {
          "value": "ExtraLight",
          "type": "fontWeights"
        },
        "light": {
          "value": "Light",
          "type": "fontWeights",
          "default": "300"
        },
        "regular": {
          "value": "Regular",
          "type": "fontWeights",
          "default": "400"
        },
        "medium": {
          "value": "Medium",
          "type": "fontWeights"
        },
        "semiBold": {
          "value": "SemiBold",
          "type": "fontWeights",
          "default": "600"
        },
        "bold": {
          "value": "Bold",
          "type": "fontWeights",
          "default": "700"
        },
        "extraBold": {
          "value": "ExtraBold",
          "type": "fontWeights"
        },
        "black": {
          "value": "Black",
          "type": "fontWeights"
        },
        "extraBlack": {
          "value": "ExtraBlack",
          "type": "fontWeights"
        }
      },
      "lineHeight": {
        "0": {
          "value": "100%",
          "type": "lineHeights"
        },
        "20": {
          "value": "110%",
          "type": "lineHeights"
        },
        "40": {
          "value": "120%",
          "type": "lineHeights"
        },
        "60": {
          "value": "130%",
          "type": "lineHeights"
        },
        "100": {
          "value": "150%",
          "type": "lineHeights",
          "description": "base value"
        },
        "120": {
          "value": "170%",
          "type": "lineHeights"
        }
      },
      "textDecoration": {
        "none": {
          "value": "None",
          "type": "textDecoration"
        },
        "underline": {
          "value": "Underline",
          "type": "textDecoration"
        },
        "strikethrough": {
          "value": "strikethrough",
          "type": "textDecoration"
        }
      },
      "boxShadow": {
        "down": {
          "1": {
            "value": [
              {
                "x": "0",
                "y": "1",
                "blur": "2",
                "spread": "0",
                "color": "rgba(0,0,0,0.3)",
                "type": "dropShadow"
              },
              {
                "x": "0",
                "y": "1",
                "blur": "3",
                "spread": "1",
                "color": "rgba(0,0,0,0.15)",
                "type": "dropShadow"
              }
            ],
            "type": "boxShadow"
          },
          "2": {
            "value": [
              {
                "x": "0",
                "y": "1",
                "blur": "2",
                "spread": "0",
                "color": "rgba(0,0,0,0.3)",
                "type": "dropShadow"
              },
              {
                "x": "0",
                "y": "2",
                "blur": "6",
                "spread": "2",
                "color": "rgba(0,0,0,0.15)",
                "type": "dropShadow"
              }
            ],
            "type": "boxShadow"
          },
          "3": {
            "value": [
              {
                "x": "0",
                "y": "1",
                "blur": "3",
                "spread": "0",
                "color": "rgba(0,0,0,0.3)",
                "type": "dropShadow"
              },
              {
                "x": "0",
                "y": "4",
                "blur": "8",
                "spread": "3",
                "color": "rgba(0,0,0,0.15)",
                "type": "dropShadow"
              }
            ],
            "type": "boxShadow"
          },
          "4": {
            "value": [
              {
                "x": "0",
                "y": "2",
                "blur": "3",
                "spread": "0",
                "color": "rgba(0,0,0,0.3)",
                "type": "dropShadow"
              },
              {
                "x": "0",
                "y": "6",
                "blur": "10",
                "spread": "4",
                "color": "rgba(0,0,0,0.15)",
                "type": "dropShadow"
              }
            ],
            "type": "boxShadow"
          },
          "5": {
            "value": [
              {
                "x": "0",
                "y": "4",
                "blur": "4",
                "spread": "0",
                "color": "rgba(0,0,0,0.3)",
                "type": "dropShadow"
              },
              {
                "x": "0",
                "y": "8",
                "blur": "12",
                "spread": "6",
                "color": "rgba(0,0,0,0.15)",
                "type": "dropShadow"
              }
            ],
            "type": "boxShadow"
          }
        },
        "up": {
          "1": {
            "value": [
              {
                "x": "0",
                "y": "-1",
                "blur": "2",
                "spread": "0",
                "color": "rgba(0,0,0,0.3)",
                "type": "dropShadow"
              },
              {
                "x": "0",
                "y": "-1",
                "blur": "3",
                "spread": "1",
                "color": "rgba(0,0,0,0.15)",
                "type": "dropShadow"
              }
            ],
            "type": "boxShadow"
          },
          "2": {
            "value": [
              {
                "x": "0",
                "y": "-1",
                "blur": "2",
                "spread": "0",
                "color": "rgba(0,0,0,0.3)",
                "type": "dropShadow"
              },
              {
                "x": "0",
                "y": "-2",
                "blur": "6",
                "spread": "2",
                "color": "rgba(0,0,0,0.15)",
                "type": "dropShadow"
              }
            ],
            "type": "boxShadow"
          },
          "3": {
            "value": [
              {
                "x": "0",
                "y": "-1",
                "blur": "3",
                "spread": "0",
                "color": "rgba(0,0,0,0.3)",
                "type": "dropShadow"
              },
              {
                "x": "0",
                "y": "-4",
                "blur": "8",
                "spread": "3",
                "color": "rgba(0,0,0,0.15)",
                "type": "dropShadow"
              }
            ],
            "type": "boxShadow"
          },
          "4": {
            "value": [
              {
                "x": "0",
                "y": "-2",
                "blur": "3",
                "spread": "0",
                "color": "rgba(0,0,0,0.3)",
                "type": "dropShadow"
              },
              {
                "x": "0",
                "y": "-6",
                "blur": "10",
                "spread": "4",
                "color": "rgba(0,0,0,0.15)",
                "type": "dropShadow"
              }
            ],
            "type": "boxShadow"
          },
          "5": {
            "value": [
              {
                "x": "0",
                "y": "-4",
                "blur": "4",
                "spread": "0",
                "color": "rgba(0,0,0,0.3)",
                "type": "dropShadow"
              },
              {
                "x": "0",
                "y": "-8",
                "blur": "12",
                "spread": "6",
                "color": "rgba(0,0,0,0.15)",
                "type": "dropShadow"
              }
            ],
            "type": "boxShadow"
          }
        },
        "new": {
          "shadow": {
            "1": {
              "value": [
                {
                  "x": "0",
                  "y": "1",
                  "blur": "15",
                  "spread": "0",
                  "color": "rgba(0,0,0,0.10)",
                  "type": "dropShadow"
                },
                {
                  "x": "0",
                  "y": "0",
                  "blur": "0",
                  "spread": "0",
                  "color": "rgba(0,0,0,0)",
                  "type": "innerShadow"
                }
              ],
              "type": "boxShadow"
            }
          }
        }
      }
    },
    "variable": {
      "neutralVariant": {
        "value": "0.04",
        "type": "other"
      },
      "opacity": {
        "s": {
          "value": "0.08",
          "type": "other"
        },
        "m": {
          "value": "0.12",
          "type": "other"
        },
        "l": {
          "value": "0.16",
          "type": "other"
        }
      }
    }
  },
  "st-m": {
    "st": {
      "spacing": {
        "0": {
          "value": "{pt.dimension.0}",
          "type": "spacing"
        },
        "25": {
          "value": "{pt.dimension.25}",
          "type": "spacing"
        },
        "50": {
          "value": "{pt.dimension.50}",
          "type": "spacing"
        },
        "75": {
          "value": "{pt.dimension.75}",
          "type": "spacing"
        },
        "100": {
          "value": "{pt.dimension.100}",
          "type": "spacing",
          "description": "base value"
        },
        "125": {
          "value": "{pt.dimension.125}",
          "type": "spacing"
        },
        "150": {
          "value": "{pt.dimension.150}",
          "type": "spacing"
        },
        "175": {
          "value": "{pt.dimension.175}",
          "type": "spacing"
        },
        "200": {
          "value": "{pt.dimension.200}",
          "type": "spacing"
        },
        "225": {
          "value": "{pt.dimension.225}",
          "type": "spacing"
        },
        "250": {
          "value": "{pt.dimension.250}",
          "type": "spacing"
        },
        "300": {
          "value": "{pt.dimension.300}",
          "type": "spacing"
        },
        "350": {
          "value": "{pt.dimension.350}",
          "type": "spacing"
        },
        "400": {
          "value": "{pt.dimension.400}",
          "type": "spacing"
        },
        "450": {
          "value": "{pt.dimension.450}",
          "type": "spacing"
        },
        "500": {
          "value": "{pt.dimension.500}",
          "type": "spacing"
        },
        "600": {
          "value": "{pt.dimension.600}",
          "type": "spacing"
        },
        "800": {
          "value": "{pt.dimension.800}",
          "type": "spacing"
        },
        "1000": {
          "value": "{pt.dimension.1000}",
          "type": "spacing"
        },
        "350a": {
          "value": "{pt.dimension.350a}",
          "type": "spacing"
        },
        "negative": {
          "1": {
            "value": "{pt.dimension.1}*-1",
            "type": "spacing"
          }
        }
      },
      "radii": {
        "0": {
          "value": "{pt.dimension.0}",
          "type": "borderRadius"
        },
        "25": {
          "value": "{pt.dimension.25}",
          "type": "borderRadius"
        },
        "50": {
          "value": "{pt.dimension.50}",
          "type": "borderRadius"
        },
        "100": {
          "value": "{pt.dimension.100}",
          "type": "borderRadius"
        },
        "150": {
          "value": "{pt.dimension.150}",
          "type": "borderRadius"
        },
        "200": {
          "value": "{pt.dimension.200}",
          "type": "borderRadius"
        },
        "300": {
          "value": "{pt.dimension.300}",
          "type": "borderRadius"
        },
        "350": {
          "value": "{pt.dimension.350}",
          "type": "borderRadius"
        },
        "400": {
          "value": "{pt.dimension.400}",
          "type": "borderRadius"
        },
        "components": {
          "button": {
            "value": "{pt.dimension.100}",
            "type": "borderRadius"
          },
          "chip": {
            "value": "{st.radii.100}",
            "type": "borderRadius"
          },
          "iconButton": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          },
          "fab": {
            "value": "{st.radii.150}",
            "type": "borderRadius"
          },
          "tabIndicator": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          },
          "dialog": {
            "value": "{st.radii.350}",
            "type": "borderRadius"
          }
        },
        "full": {
          "value": "100px",
          "type": "borderRadius"
        }
      },
      "sizing": {
        "0": {
          "value": "{pt.dimension.0}",
          "type": "sizing"
        },
        "1": {
          "value": "{pt.dimension.1}",
          "type": "sizing"
        },
        "25": {
          "value": "{pt.dimension.25}",
          "type": "sizing"
        },
        "50": {
          "value": "{pt.dimension.50}",
          "type": "sizing"
        },
        "75": {
          "value": "{pt.dimension.75}",
          "type": "sizing"
        },
        "100": {
          "value": "{pt.dimension.100}",
          "type": "sizing",
          "description": "base size"
        },
        "125": {
          "value": "{pt.dimension.125}",
          "type": "sizing"
        },
        "150": {
          "value": "{pt.dimension.150}",
          "type": "sizing"
        },
        "175": {
          "value": "{pt.dimension.175}",
          "type": "sizing"
        },
        "200": {
          "value": "{pt.dimension.200}",
          "type": "sizing"
        },
        "225": {
          "value": "{pt.dimension.225}",
          "type": "sizing"
        },
        "250": {
          "value": "{pt.dimension.250}",
          "type": "sizing"
        },
        "275": {
          "value": "{pt.dimension.275}",
          "type": "sizing"
        },
        "300": {
          "value": "{pt.dimension.300}",
          "type": "sizing"
        },
        "350": {
          "value": "{pt.dimension.350}",
          "type": "sizing"
        },
        "400": {
          "value": "{pt.dimension.400}",
          "type": "sizing"
        },
        "450": {
          "value": "{pt.dimension.450}",
          "type": "sizing"
        },
        "500": {
          "value": "{pt.dimension.500}",
          "type": "sizing"
        },
        "550": {
          "value": "{pt.dimension.550}",
          "type": "sizing"
        },
        "600": {
          "value": "{pt.dimension.600}",
          "type": "sizing"
        },
        "625": {
          "value": "{pt.dimension.625}",
          "type": "sizing"
        },
        "700": {
          "value": "{pt.dimension.700}",
          "type": "sizing"
        },
        "800": {
          "value": "{pt.dimension.800}",
          "type": "sizing"
        },
        "850": {
          "value": "{pt.dimension.850}",
          "type": "sizing"
        },
        "900": {
          "value": "{pt.dimension.900}",
          "type": "sizing"
        },
        "1000": {
          "value": "{pt.dimension.1000}",
          "type": "sizing"
        },
        "1100": {
          "value": "{pt.dimension.1100}",
          "type": "sizing"
        },
        "1200": {
          "value": "{pt.dimension.1200}",
          "type": "sizing"
        },
        "1280": {
          "value": "{pt.dimension.1280}",
          "type": "sizing"
        },
        "1300": {
          "value": "{pt.dimension.1300}",
          "type": "sizing"
        },
        "1320": {
          "value": "{pt.dimension.1320}",
          "type": "sizing"
        },
        "1350": {
          "value": "{pt.dimension.1350}",
          "type": "sizing"
        },
        "1400": {
          "value": "{pt.dimension.1400}",
          "type": "sizing"
        },
        "1600": {
          "value": "{pt.dimension.1600}",
          "type": "sizing"
        },
        "1700": {
          "value": "{pt.dimension.1700}",
          "type": "sizing"
        },
        "1750": {
          "value": "{pt.dimension.1750}",
          "type": "sizing"
        },
        "1800": {
          "value": "{pt.dimension.1800}",
          "type": "sizing"
        },
        "1825": {
          "value": "{pt.dimension.1825}",
          "type": "sizing"
        },
        "1850": {
          "value": "{pt.dimension.1850}",
          "type": "sizing"
        },
        "1875": {
          "value": "{pt.dimension.1875}",
          "type": "sizing"
        },
        "1920": {
          "value": "{pt.dimension.1920}",
          "type": "sizing"
        },
        "2000": {
          "value": "{pt.dimension.2000}",
          "type": "sizing"
        },
        "2625": {
          "value": "{pt.dimension.2625}",
          "type": "sizing"
        },
        "3900": {
          "value": "{pt.dimension.3900}",
          "type": "sizing"
        },
        "6000": {
          "value": "{pt.dimension.6000}",
          "type": "sizing"
        },
        "1800a": {
          "value": "{pt.dimension.1800a}",
          "type": "sizing"
        },
        "1920a": {
          "value": "{pt.dimension.1920a}",
          "type": "sizing"
        },
        "350a": {
          "value": "{pt.dimension.350a}",
          "type": "sizing"
        },
        "250a": {
          "value": "{pt.dimension.250a}",
          "type": "sizing"
        },
        "800a": {
          "value": "{pt.dimension.800a}",
          "type": "sizing"
        },
        "1350a": {
          "value": "{pt.dimension.1350a}",
          "type": "sizing"
        },
        "2000a": {
          "value": "{pt.dimension.2000a}",
          "type": "sizing"
        },
        "25a": {
          "value": "{pt.dimension.25a}",
          "type": "sizing"
        },
        "50a": {
          "value": "{pt.dimension.50a}",
          "type": "sizing"
        },
        "75a": {
          "value": "{pt.dimension.75a}",
          "type": "sizing"
        },
        "100a": {
          "value": "{pt.dimension.100a}",
          "type": "sizing"
        },
        "icon": {
          "large": {
            "value": "{pt.dimension.300}",
            "type": "sizing"
          },
          "small": {
            "value": "{st.sizing.225}",
            "type": "sizing"
          },
          "stateLayer": {
            "value": "{pt.dimension.500}",
            "type": "sizing"
          },
          "container": {
            "value": "{pt.dimension.600}",
            "type": "sizing"
          }
        },
        "main-container": {
          "desktop": {
            "value": "1200px",
            "type": "sizing"
          }
        },
        "dialog": {
          "width": {
            "value": "{st.sizing.3900}",
            "type": "sizing"
          }
        }
      },
      "borderWidth": {
        "thin": {
          "value": "{pt.borderWidth.100}",
          "type": "borderWidth"
        },
        "regular": {
          "value": "{pt.borderWidth.200}",
          "type": "borderWidth"
        },
        "regular+": {
          "value": "{pt.borderWidth.200a}",
          "type": "borderWidth"
        }
      },
      "boxShadow": {
        "button": {
          "value": "{pt.boxShadow.down.1}",
          "type": "boxShadow"
        },
        "bottomSheet": {
          "value": "{pt.boxShadow.up.3}",
          "type": "boxShadow"
        },
        "fab": {
          "value": "{pt.boxShadow.down.4}",
          "type": "boxShadow"
        },
        "fab-hovered": {
          "value": "{pt.boxShadow.down.5}",
          "type": "boxShadow"
        },
        "infoCard": {
          "value": "{pt.boxShadow.new.shadow.1}",
          "type": "boxShadow"
        }
      },
      "typography": {
        "latin": {
          "display": {
            "large": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.regular}",
                "fontSize": "{pt.fontSize.57}",
                "lineHeight": "{pt.lineHeight.20}"
              },
              "type": "typography"
            },
            "medium": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.regular}",
                "fontSize": "{pt.fontSize.52}",
                "lineHeight": "{pt.lineHeight.20}"
              },
              "type": "typography"
            },
            "small": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.regular}",
                "fontSize": "{pt.fontSize.36}",
                "lineHeight": "{pt.lineHeight.20}"
              },
              "type": "typography"
            }
          },
          "heading": {
            "large": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.regular}",
                "fontSize": "{pt.fontSize.32}",
                "lineHeight": "{pt.lineHeight.60}"
              },
              "type": "typography"
            },
            "medium": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.regular}",
                "fontSize": "{pt.fontSize.28}",
                "lineHeight": "{pt.lineHeight.60}"
              },
              "type": "typography"
            },
            "small": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.semiBold}",
                "fontSize": "{pt.fontSize.24}",
                "lineHeight": "{pt.lineHeight.60}"
              },
              "type": "typography"
            }
          },
          "title": {
            "large": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.medium}",
                "fontSize": "{pt.fontSize.22}",
                "lineHeight": "{pt.lineHeight.60}"
              },
              "type": "typography"
            },
            "medium": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.medium}",
                "fontSize": "{pt.fontSize.16}",
                "lineHeight": "{pt.lineHeight.60}",
                "letterSpacing": "0.15"
              },
              "type": "typography"
            },
            "small": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.medium}",
                "fontSize": "{pt.fontSize.14}",
                "lineHeight": "{pt.lineHeight.60}",
                "letterSpacing": "0.1"
              },
              "type": "typography"
            }
          },
          "label": {
            "large": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.medium}",
                "fontSize": "{pt.fontSize.14}",
                "lineHeight": "{pt.lineHeight.60}",
                "letterSpacing": "0.1px"
              },
              "type": "typography"
            },
            "medium": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.medium}",
                "fontSize": "{pt.fontSize.12}",
                "lineHeight": "{pt.lineHeight.60}",
                "letterSpacing": "0.5px"
              },
              "type": "typography"
            },
            "small": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.medium}",
                "fontSize": "{pt.fontSize.11}",
                "lineHeight": "{pt.lineHeight.60}",
                "letterSpacing": "0.5px"
              },
              "type": "typography"
            }
          },
          "body": {
            "large": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.regular}",
                "fontSize": "{pt.fontSize.16}",
                "lineHeight": "{pt.lineHeight.100}",
                "letterSpacing": "0.5px"
              },
              "type": "typography"
            },
            "medium": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.regular}",
                "fontSize": "{pt.fontSize.14}",
                "lineHeight": "{pt.lineHeight.100}",
                "letterSpacing": "0.25px"
              },
              "type": "typography"
            },
            "small": {
              "value": {
                "fontFamily": "{pt.fontFamily.sans-serif}",
                "fontWeight": "{pt.fontWeight.regular}",
                "fontSize": "{pt.fontSize.12}",
                "lineHeight": "{pt.lineHeight.100}",
                "letterSpacing": "0.4px"
              },
              "type": "typography"
            }
          }
        }
      },
      "opacity": {
        "lv1": {
          "value": "{pt.opacity.8}",
          "type": "opacity"
        },
        "lv2": {
          "value": "{pt.opacity.12}",
          "type": "opacity"
        },
        "lv3": {
          "value": "{pt.opacity.16}",
          "type": "opacity"
        },
        "lv4": {
          "value": "{pt.opacity.38}",
          "type": "opacity"
        },
        "lv5": {
          "value": "{pt.opacity.75}",
          "type": "opacity"
        },
        "full": {
          "value": "{pt.opacity.100}",
          "type": "opacity"
        }
      }
    }
  },
  "theme": {
    "theme": {
      "color": {
        "disable": {
          "value": "{pt.color.neutralVariant.800}",
          "type": "color"
        },
        "on-disable": {
          "value": "{pt.color.neutralVariant.500}",
          "type": "color"
        },
        "primary": {
          "value": "{pt.color.primary.500}",
          "type": "color"
        },
        "primary-hover": {
          "value": "{pt.color.primary.400}",
          "type": "color"
        },
        "on-primary": {
          "value": "{pt.color.primary.1000}",
          "type": "color",
          "description": "can be on {ref.color.aigensBlue.100} / {ref.color.neutral.100}"
        },
        "primaryContainer": {
          "value": "{pt.color.primary.900}",
          "type": "color"
        },
        "primaryContainer-hover": {
          "value": "{pt.color.primary.800}",
          "type": "color"
        },
        "on-primaryContainer": {
          "value": "{pt.color.primary.100}",
          "type": "color"
        },
        "error": {
          "value": "{pt.color.error.500}",
          "type": "color"
        },
        "on-error": {
          "value": "{pt.color.error.1000}",
          "type": "color"
        },
        "error-container": {
          "value": "{pt.color.error.900}",
          "type": "color"
        },
        "on-error-container": {
          "value": "{pt.color.error.100}",
          "type": "color"
        },
        "outline": {
          "value": "{pt.color.neutralVariant.500}",
          "type": "color"
        },
        "outline-variant": {
          "value": "{pt.color.neutralVariant.800}",
          "type": "color"
        },
        "date": {
          "value": "{pt.color.neutral.500}",
          "type": "color"
        },
        "inverse": {
          "surface": {
            "value": "{pt.color.neutralVariant.200}",
            "type": "color"
          },
          "on-surface": {
            "value": "{pt.color.neutralVariant.990}",
            "type": "color"
          },
          "primary": {
            "value": "{pt.color.primary.800}",
            "type": "color"
          }
        },
        "surface-hover": {
          "value": "{pt.color.neutral.900}",
          "type": "color"
        },
        "on-surface": {
          "value": "{pt.color.neutral.100}",
          "type": "color"
        },
        "surface-variant": {
          "value": "{pt.color.neutralVariant.900}",
          "type": "color"
        },
        "surface-variant-hover": {
          "value": "{pt.color.neutralVariant.800}",
          "type": "color"
        },
        "on-surface-variant": {
          "value": "{pt.color.neutralVariant.300}",
          "type": "color"
        },
        "background": {
          "value": "{pt.color.neutral.990}",
          "type": "color"
        },
        "background-hover": {
          "value": "{pt.color.neutral.900}",
          "type": "color"
        },
        "on-background": {
          "value": "{pt.color.neutral.100}",
          "type": "color"
        },
        "overlay": {
          "value": "{pt.color.neutral.300}",
          "type": "color",
          "$extensions": {
            "studio.tokens": {
              "modify": {
                "type": "alpha",
                "value": "0.32",
                "space": "lch"
              }
            }
          }
        },
        "img-overlay": {
          "value": "{pt.color.transparent.gradient-overlay}",
          "type": "color"
        },
        "surfaceShades": {
          "lv0": {
            "value": "{pt.color.surface.surface0}",
            "type": "color"
          },
          "lv1": {
            "value": "{pt.color.surface.surface1}",
            "type": "color"
          },
          "lv2": {
            "value": "{pt.color.surface.surface2}",
            "type": "color"
          },
          "lv3": {
            "value": "{pt.color.surface.surface3}",
            "type": "color"
          },
          "lv4": {
            "value": "{pt.color.surface.surface4}",
            "type": "color"
          },
          "lv5": {
            "value": "{pt.color.surface.surface5}",
            "type": "color"
          }
        },
        "success": {
          "value": "{pt.color.secondary.400}",
          "type": "color"
        },
        "chargeToRoom": {
          "value": "{pt.color.error.990}",
          "type": "color"
        }
      }
    }
  },
  "component": {
    "component": {
      "spacing": {
        "button": {
          "paddingLR": {
            "value": "{st.spacing.300}",
            "type": "spacing"
          }
        },
        "buttonWithIcon": {
          "gap": {
            "value": "{st.spacing.50}",
            "type": "spacing"
          },
          "paddingL": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          },
          "paddingR": {
            "value": "{st.spacing.300}",
            "type": "spacing"
          }
        },
        "card": {
          "textArea": {
            "gap": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingB": {
              "value": "{st.spacing.300}",
              "type": "spacing"
            }
          },
          "text&img": {
            "gap": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            }
          }
        },
        "extendedFab": {
          "icon&text": {
            "gap": {
              "value": "{st.spacing.150}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.250}",
              "type": "spacing"
            }
          }
        },
        "inputChip": {
          "paddingLR": {
            "value": "{st.spacing.150}",
            "type": "spacing"
          },
          "label&Icon": {
            "gap": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.150}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          },
          "icon&label": {
            "gap": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.150}",
              "type": "spacing"
            }
          }
        },
        "assistChip": {
          "paddingLR": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          },
          "icon&label": {
            "gap": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.150}",
              "type": "spacing"
            }
          }
        },
        "filterChip": {
          "paddingLR": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          },
          "label&Icon": {
            "gap": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          },
          "icon&label": {
            "gap": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            }
          },
          "icon&label&icon": {
            "gap": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          }
        },
        "categoryChip": {
          "paddingLR": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          }
        },
        "suggestionChip": {
          "paddingLR": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          },
          "icon&label": {
            "gap": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.150}",
              "type": "spacing"
            }
          }
        },
        "segmentedButtonBlock": {
          "paddingLR": {
            "value": "{st.spacing.150}",
            "type": "spacing"
          },
          "gap": {
            "value": "{st.spacing.100}",
            "type": "spacing"
          }
        },
        "segmentedButton": {
          "gap": {
            "value": "{st.spacing.negative.1}",
            "type": "spacing"
          }
        },
        "divider": {
          "inset": {
            "paddingL": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingT": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            }
          },
          "middle-inset": {
            "paddingLR": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            }
          }
        },
        "tabBlock": {
          "primary": {
            "icon&label": {
              "paddingT": {
                "value": "{st.spacing.125}",
                "type": "spacing"
              },
              "gap": {
                "value": "{st.spacing.25}",
                "type": "spacing"
              }
            },
            "icon": {
              "paddingT": {
                "value": "{st.spacing.150}",
                "type": "spacing"
              },
              "paddingB": {
                "value": "{st.spacing.150}",
                "type": "spacing"
              },
              "gap": {
                "value": "{st.spacing.75}",
                "type": "spacing"
              }
            },
            "label": {
              "paddingT": {
                "value": "{st.spacing.175}",
                "type": "spacing"
              },
              "paddingB": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              }
            }
          },
          "secondary": {
            "label": {
              "paddingT": {
                "value": "{st.spacing.175}",
                "type": "spacing"
              },
              "paddingB": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              }
            },
            "icon&label": {
              "paddingTB": {
                "value": "{st.spacing.150}",
                "type": "spacing"
              },
              "gap": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              }
            }
          },
          "stateLayer": {
            "paddingLR": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            }
          }
        },
        "tabs": {
          "scrollable": {
            "block": {
              "paddingLR": {
                "value": "{st.spacing.400}",
                "type": "spacing"
              }
            }
          }
        },
        "switch": {
          "select": {
            "noIcon": {
              "paddingL": {
                "value": "{st.spacing.300}",
                "type": "spacing"
              },
              "paddingR": {
                "value": "{st.spacing.25}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.25}",
                "type": "spacing"
              }
            },
            "withIcon": {
              "paddingL": {
                "value": "{st.spacing.300}",
                "type": "spacing"
              },
              "paddingR": {
                "value": "{st.spacing.25}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            }
          },
          "unselect": {
            "noIcon": {
              "paddingL": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              },
              "paddingLBigHandle": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingR": {
                "value": "{st.spacing.300}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              }
            },
            "withIcon": {
              "paddingL": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingR": {
                "value": "{st.spacing.300}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            }
          }
        },
        "textField": {
          "filled": {
            "Supporting-text": {
              "paddingLR": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              },
              "paddingT": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            },
            "stateLayer": {
              "paddingTB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingL": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              },
              "paddingR": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              }
            }
          },
          "silent": {
            "Supporting-text": {
              "paddingL": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingT": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            },
            "stateLayer": {
              "paddingTB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingL": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingR": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              }
            }
          },
          "outlined": {
            "Supporting-text": {
              "paddingL": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingT": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            },
            "stateLayer": {
              "paddingTB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingL": {
                "value": "{st.spacing.150}",
                "type": "spacing"
              },
              "paddingR": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              }
            },
            "labelContainer": {
              "paddingLR": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            }
          }
        },
        "badges": {
          "multipleDigits": {
            "paddingLR": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            }
          }
        },
        "bottomSheet": {
          "sheetHeader": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          }
        },
        "listItem": {
          "0density": {
            "3line": {
              "stateLayer": {
                "gap": {
                  "value": "{st.spacing.200}",
                  "type": "spacing"
                },
                "0density": {
                  "paddingTB": {
                    "value": "{st.spacing.150}",
                    "type": "spacing"
                  }
                },
                "4density": {
                  "paddingTB": {
                    "value": "{st.spacing.50}",
                    "type": "spacing"
                  }
                },
                "2density": {
                  "paddingTB": {
                    "value": "{st.spacing.100}",
                    "type": "spacing"
                  }
                },
                "paddingL": {
                  "value": "{st.spacing.200}",
                  "type": "spacing"
                },
                "paddingR": {
                  "value": "{st.spacing.300}",
                  "type": "spacing"
                }
              }
            },
            "2line": {
              "stateLayer": {
                "gap": {
                  "value": "{st.spacing.200}",
                  "type": "spacing"
                },
                "0density": {
                  "paddingTB": {
                    "value": "{st.spacing.100}",
                    "type": "spacing"
                  }
                },
                "2density": {
                  "paddingTB": {
                    "value": "{st.spacing.50}",
                    "type": "spacing"
                  }
                },
                "4density": {
                  "paddingTB": {
                    "value": "{st.spacing.0}",
                    "type": "spacing"
                  }
                },
                "paddingL": {
                  "value": "{st.spacing.200}",
                  "type": "spacing"
                },
                "paddingR": {
                  "value": "{st.spacing.300}",
                  "type": "spacing"
                }
              }
            },
            "1line": {
              "stateLayer": {
                "gap": {
                  "value": "{st.spacing.200}",
                  "type": "spacing"
                },
                "0density": {
                  "paddingTB": {
                    "value": "{st.spacing.100}",
                    "type": "spacing"
                  }
                },
                "2density": {
                  "paddingTB": {
                    "value": "{st.spacing.50}",
                    "type": "spacing"
                  }
                },
                "paddingL": {
                  "value": "{st.spacing.200}",
                  "type": "spacing"
                },
                "paddingR": {
                  "value": "{st.spacing.300}",
                  "type": "spacing"
                }
              }
            }
          },
          "trailingElement": {
            "gap": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          }
        },
        "menuItem": {
          "divider": {
            "0density": {
              "paddingTB": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              }
            },
            "2density": {
              "paddingTB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            },
            "4density": {
              "paddingTB": {
                "value": "{st.spacing.25}",
                "type": "spacing"
              }
            }
          }
        },
        "menu": {
          "paddingTB": {
            "value": "{st.spacing.100}",
            "type": "spacing"
          }
        },
        "dialog": {
          "title&description": {
            "gap": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingLR": {
              "value": "{st.spacing.300}",
              "type": "spacing"
            },
            "paddingT": {
              "value": "{st.spacing.300}",
              "type": "spacing"
            }
          },
          "actions": {
            "gap": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.300}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.300}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          },
          "divider": {
            "paddingT": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            }
          },
          "textButton": {
            "padding LR": {
              "value": "{st.spacing.150}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.125}",
              "type": "spacing"
            }
          }
        },
        "topAppbar": {
          "smallCentered": {
            "gap": {
              "value": "{st.spacing.75}",
              "type": "spacing"
            },
            "paddingLR": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          },
          "small": {
            "gap": {
              "value": "{st.spacing.75}",
              "type": "spacing"
            },
            "paddingLR": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          },
          "medium": {
            "icons": {
              "paddingLR": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingT": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              }
            },
            "headline": {
              "paddingLR": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              }
            },
            "gap": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.250}",
              "type": "spacing"
            }
          },
          "large": {
            "icons": {
              "paddingLR": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingT": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              }
            },
            "headline": {
              "paddingLR": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              }
            },
            "gap": {
              "value": "{st.spacing.500}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.250}",
              "type": "spacing"
            }
          }
        },
        "snackbar": {
          "gap": {
            "value": "{st.spacing.50}",
            "type": "spacing"
          },
          "paddingLR": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          },
          "paddingTB": {
            "value": "{st.spacing.175}",
            "type": "spacing"
          },
          "button": {
            "paddingLR": {
              "value": "{st.spacing.150}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.125}",
              "type": "spacing"
            }
          },
          "withClose": {
            "gap": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.175}",
              "type": "spacing"
            }
          },
          "withButton": {
            "gap": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.175}",
              "type": "spacing"
            }
          },
          "3line": {
            "content": {
              "paddingLR": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              },
              "paddingT": {
                "value": "{st.spacing.175}",
                "type": "spacing"
              }
            },
            "gap": {
              "value": "{st.spacing.175}",
              "type": "spacing"
            },
            "action": {
              "paddingLR": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              },
              "paddingB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            }
          }
        },
        "navigationBar": {
          "segment": {
            "paddingT": {
              "value": "{st.spacing.150}",
              "type": "spacing"
            },
            "paddingB": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "gap": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            }
          },
          "gap": {
            "value": "{st.spacing.100}",
            "type": "spacing"
          },
          "paddingLR": {
            "value": "{st.spacing.100}",
            "type": "spacing"
          }
        },
        "search": {
          "stateLayer": {
            "gap": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingLR": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            }
          }
        },
        "navigationDrawer": {
          "headline": {
            "paddingTB": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            }
          },
          "sectionHeader": {
            "paddingTB": {
              "value": "{st.spacing.225}",
              "type": "spacing"
            },
            "paddingLR": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            }
          },
          "stateLayer": {
            "withIcon": {
              "gap": {
                "value": "{st.spacing.150}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              },
              "paddingL": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              },
              "paddingR": {
                "value": "{st.spacing.300}",
                "type": "spacing"
              }
            },
            "noIcon": {
              "gap": {
                "value": "{st.spacing.150}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              },
              "paddingLR": {
                "value": "{st.spacing.300}",
                "type": "spacing"
              }
            }
          },
          "container": {
            "paddingLR": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.150}",
              "type": "spacing"
            }
          },
          "listItem": {
            "paddingL": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingR": {
              "value": "{st.spacing.300}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "gap": {
              "value": "{st.spacing.150}",
              "type": "spacing"
            }
          }
        },
        "categoryBar": {
          "paddingLR": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          },
          "paddingTB": {
            "value": "{st.spacing.100}",
            "type": "spacing"
          }
        },
        "featureItem": {
          "content": {
            "paddingLR": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          }
        },
        "featureSection": {
          "gap": {
            "value": "{st.spacing.100}",
            "type": "spacing"
          }
        },
        "foodList": {
          "content": {
            "paddingR": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "gap": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          }
        },
        "fixedBottom": {
          "paddingT": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          },
          "paddingB": {
            "value": "{st.spacing.250}",
            "type": "spacing"
          },
          "paddingLR": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          }
        },
        "stepper": {
          "gap": {
            "value": "{st.spacing.150}",
            "type": "spacing"
          },
          "grid3": {
            "gap": {
              "value": "{st.spacing.25}",
              "type": "spacing"
            }
          }
        },
        "comboDetail": {
          "content": {
            "paddingR": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          }
        },
        "checkbox": {
          "gap": {
            "value": "{st.spacing.50}",
            "type": "spacing"
          },
          "paddingL": {
            "value": "{st.spacing.25}",
            "type": "spacing"
          },
          "paddingR": {
            "value": "{st.spacing.25}",
            "type": "spacing"
          }
        },
        "categoryItem": {
          "grid2": {
            "content": {
              "paddingLR": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              }
            },
            "container": {
              "paddingLR": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            }
          },
          "grid3": {
            "content": {
              "paddingTB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            },
            "container": {
              "paddingLR": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            }
          }
        },
        "newsGrid": {
          "gap": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          }
        },
        "homeHeader": {
          "title&description": {
            "content": {
              "paddingLR": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              },
              "gap": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              }
            }
          }
        },
        "pageSection": {
          "gap": {
            "value": "{st.spacing.800}",
            "type": "spacing"
          }
        },
        "poweredBy": {
          "smallCentered": {
            "gap": {
              "value": "{st.spacing.75}",
              "type": "spacing"
            },
            "paddingLR": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          },
          "small": {
            "gap": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingLR": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          },
          "medium": {
            "icons": {
              "paddingLR": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingT": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              }
            },
            "headline": {
              "paddingLR": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              }
            },
            "gap": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingB": {
              "value": "{st.spacing.250}",
              "type": "spacing"
            }
          },
          "large": {
            "icons": {
              "paddingLR": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingT": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              }
            },
            "headline": {
              "paddingLR": {
                "value": "{st.spacing.200}",
                "type": "spacing"
              }
            },
            "gap": {
              "value": "{st.spacing.500}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.250}",
              "type": "spacing"
            }
          }
        },
        "section": {
          "small": {
            "paddingLR": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            }
          },
          "medium": {
            "paddingLR": {
              "value": "{st.spacing.400}",
              "type": "spacing"
            }
          }
        },
        "foodCard": {
          "soldout": {
            "paddingTB": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingLR": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          },
          "preparing": {
            "paddingTB": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingLR": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            }
          }
        },
        "foodGrid": {
          "container": {
            "padding": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            }
          },
          "content": {
            "paddingLR": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingT": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "gap": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            }
          },
          "recommendation": {
            "image&description": {
              "paddingT": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingLR": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            },
            "percentage": {
              "paddingTB": {
                "value": "{st.spacing.25}",
                "type": "spacing"
              },
              "paddingLR": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              }
            }
          }
        },
        "youMayAlsoLike": {
          "gap": {
            "value": "{st.spacing.100}",
            "type": "spacing"
          },
          "container": {
            "paddingTB": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "paddingLR": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            }
          },
          "noImg": {
            "container": {
              "paddingTB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              },
              "paddingLR": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              }
            }
          }
        },
        "steps": {
          "paddingTB": {
            "value": "{st.spacing.25}",
            "type": "spacing"
          },
          "paddingLR": {
            "value": "{st.spacing.50}",
            "type": "spacing"
          },
          "container": {
            "paddingL": {
              "value": "{st.spacing.150}",
              "type": "spacing"
            }
          }
        }
      },
      "sizing": {
        "button": {
          "height": {
            "value": "{st.sizing.550}",
            "type": "sizing"
          },
          "icon": {
            "value": "{st.sizing.icon.small}",
            "type": "sizing"
          }
        },
        "fab": {
          "small": {
            "value": "{st.sizing.550}",
            "type": "sizing"
          },
          "medium": {
            "value": "{st.sizing.700}",
            "type": "sizing"
          },
          "large": {
            "value": "{st.sizing.1200}",
            "type": "sizing"
          },
          "icon": {
            "value": "{st.sizing.300}",
            "type": "sizing"
          },
          "icon-large": {
            "value": "{st.sizing.450}",
            "type": "sizing"
          }
        },
        "extendedFab": {
          "height": {
            "value": "{st.sizing.700}",
            "type": "sizing"
          }
        },
        "inputChip": {
          "height": {
            "value": "{st.sizing.400}",
            "type": "sizing"
          },
          "icon": {
            "value": "{st.sizing.icon.small}",
            "type": "sizing"
          }
        },
        "assistChip": {
          "height": {
            "value": "{st.sizing.400}",
            "type": "sizing"
          },
          "icon": {
            "value": "{st.sizing.icon.small}",
            "type": "sizing"
          }
        },
        "filterChip": {
          "height": {
            "value": "{st.sizing.400}",
            "type": "sizing"
          },
          "icon": {
            "value": "{st.sizing.icon.small}",
            "type": "sizing"
          }
        },
        "categoryChip": {
          "height": {
            "value": "{st.sizing.400}",
            "type": "sizing"
          }
        },
        "suggestionChip": {
          "height": {
            "value": "{st.sizing.400}",
            "type": "sizing"
          },
          "icon": {
            "value": "{st.sizing.icon.small}",
            "type": "sizing"
          }
        },
        "iconButton": {
          "icon": {
            "value": "{st.sizing.icon.large}",
            "type": "sizing"
          },
          "stateLayer": {
            "value": "{st.sizing.icon.stateLayer}",
            "type": "sizing"
          },
          "container": {
            "value": "{st.sizing.icon.container}",
            "type": "sizing"
          }
        },
        "segmentedButton": {
          "height": {
            "value": "{st.sizing.400}",
            "type": "sizing"
          },
          "icon": {
            "value": "{st.sizing.icon.small}",
            "type": "sizing"
          }
        },
        "tab": {
          "icon": {
            "value": "{st.sizing.icon.large}",
            "type": "sizing"
          },
          "primaryIndicator": {
            "height": {
              "value": "{st.sizing.25a}",
              "type": "sizing"
            },
            "label": {
              "container-height": {
                "value": "{st.sizing.200}",
                "type": "sizing"
              }
            },
            "icon": {
              "container-height": {
                "value": "{st.sizing.75}",
                "type": "sizing"
              }
            },
            "icon&label": {
              "container-height": {
                "value": "{st.sizing.100}",
                "type": "sizing"
              }
            }
          },
          "secondaryIndicator": {
            "height": {
              "value": "{st.sizing.25}",
              "type": "sizing"
            }
          }
        },
        "switch": {
          "track": {
            "height": {
              "value": "{st.sizing.400}",
              "type": "sizing"
            },
            "width": {
              "value": "{st.sizing.625}",
              "type": "sizing"
            }
          },
          "handle": {
            "select": {
              "noIcon": {
                "value": "{st.sizing.300}",
                "type": "sizing"
              },
              "withIcon": {
                "value": "{st.sizing.300}",
                "type": "sizing"
              },
              "pressed": {
                "value": "{st.sizing.350}",
                "type": "sizing"
              }
            },
            "unselect": {
              "noIcon": {
                "value": "{st.sizing.200}",
                "type": "sizing"
              },
              "withIcon": {
                "value": "{st.sizing.300}",
                "type": "sizing"
              },
              "pressed": {
                "value": "{st.sizing.350}",
                "type": "sizing"
              }
            }
          },
          "stateLayer": {
            "value": "{st.sizing.550}",
            "type": "sizing"
          },
          "icon": {
            "height": {
              "value": "{st.sizing.200}",
              "type": "sizing"
            },
            "width": {
              "value": "{st.sizing.200}",
              "type": "sizing"
            }
          }
        },
        "radio": {
          "stateLayer": {
            "value": "{st.sizing.550}",
            "type": "sizing"
          },
          "container": {
            "value": "{st.sizing.550}",
            "type": "sizing"
          },
          "outerBox": {
            "value": "{st.sizing.600}",
            "type": "sizing"
          },
          "icon": {
            "value": "{st.sizing.250}",
            "type": "sizing"
          },
          "iconContainer": {
            "value": "{st.sizing.300}",
            "type": "sizing"
          }
        },
        "progressIndicator": {
          "linear": {
            "height": {
              "value": "{st.sizing.50}",
              "type": "sizing"
            },
            "width": {
              "full": {
                "value": "{st.sizing.1920}",
                "type": "sizing"
              },
              "25%": {
                "value": "{st.sizing.800a}",
                "type": "sizing"
              },
              "50%": {
                "value": "{st.sizing.1350}",
                "type": "sizing"
              },
              "75%": {
                "value": "{st.sizing.2625}",
                "type": "sizing"
              }
            }
          },
          "circular": {
            "indicator": {
              "value": "{st.sizing.450}",
              "type": "sizing"
            },
            "conatiner": {
              "value": "{st.sizing.600}",
              "type": "sizing"
            }
          }
        },
        "Badges": {
          "small": {
            "value": "{st.sizing.75}",
            "type": "sizing"
          },
          "largeSingleDigit": {
            "value": "{st.sizing.200}",
            "type": "sizing"
          },
          "largeMultiDigit": {
            "value": "{st.sizing.275}",
            "type": "sizing"
          }
        },
        "checkbox": {
          "stateLayer": {
            "value": "{st.sizing.550}",
            "type": "sizing"
          },
          "container": {
            "value": "{st.sizing.600}",
            "type": "sizing"
          },
          "inner-container": {
            "value": "{st.sizing.225}",
            "type": "sizing"
          }
        },
        "bottomSheet": {
          "container": {
            "height": {
              "value": "{st.sizing.2000a}",
              "type": "sizing"
            },
            "width": {
              "value": "{st.sizing.2000}",
              "type": "sizing"
            }
          },
          "handle": {
            "width": {
              "value": "{st.sizing.400}",
              "type": "sizing"
            },
            "height": {
              "value": "{st.sizing.50}",
              "type": "sizing"
            }
          }
        },
        "slider": {
          "stateLayer": {
            "height": {
              "value": "{st.sizing.50}",
              "type": "sizing"
            },
            "width": {
              "value": "{st.sizing.1350a}",
              "type": "sizing"
            },
            "widthProgress": {
              "value": "{st.sizing.550}",
              "type": "sizing"
            }
          },
          "circleStateLayersize": {
            "value": "{st.sizing.250}",
            "type": "sizing"
          },
          "handleContainer": {
            "value": "{st.sizing.250}",
            "type": "sizing"
          },
          "progressIndicator": {
            "height": {
              "value": "{st.sizing.600}",
              "type": "sizing"
            },
            "width": {
              "value": "{st.sizing.125}",
              "type": "sizing"
            }
          },
          "buildingBlock": {
            "height": {
              "value": "{st.sizing.600}",
              "type": "sizing"
            },
            "width": {
              "value": "{st.sizing.600}",
              "type": "sizing"
            }
          },
          "tick": {
            "value": "{st.sizing.25}",
            "type": "sizing"
          },
          "handle": {
            "stateLayer": {
              "value": "{st.sizing.250}",
              "type": "sizing"
            },
            "stateLayer-hover": {
              "value": "{st.sizing.550}",
              "type": "sizing"
            },
            "container": {
              "value": "{st.sizing.600}",
              "type": "sizing"
            }
          }
        },
        "textField": {
          "icon": {
            "stateLayer": {
              "value": "{st.sizing.550}",
              "type": "sizing"
            }
          },
          "caret": {
            "height": {
              "value": "{st.sizing.200}",
              "type": "sizing"
            }
          },
          "content": {
            "height": {
              "value": "{st.sizing.550}",
              "type": "sizing"
            }
          },
          "outlinedFields": {
            "labelContainer": {
              "value": "{st.sizing.1}",
              "type": "sizing"
            }
          }
        },
        "listItem": {
          "3line": {
            "trailingElements": {
              "height": {
                "value": "{st.sizing.800}",
                "type": "sizing"
              }
            },
            "leadingElements": {
              "height": {
                "value": "{st.sizing.800}",
                "type": "sizing"
              },
              "iconSize": {
                "value": "{st.sizing.300}",
                "type": "sizing"
              },
              "imageSize": {
                "value": "{st.sizing.800}",
                "type": "sizing"
              }
            }
          },
          "element": {
            "value": "{st.sizing.300}",
            "type": "sizing"
          },
          "2line": {
            "0density": {
              "height": {
                "value": "{st.sizing.900}",
                "type": "sizing"
              }
            },
            "2density": {
              "height": {
                "value": "{st.sizing.800}",
                "type": "sizing"
              }
            },
            "4density": {
              "height": {
                "value": "{st.sizing.700}",
                "type": "sizing"
              }
            }
          },
          "1line": {
            "0density": {
              "height": {
                "value": "{st.sizing.700}",
                "type": "sizing"
              },
              "heightWiththumbnail": {
                "value": "{st.sizing.900}",
                "type": "sizing"
              }
            },
            "2density": {
              "heightWiththumbnail": {
                "value": "{st.sizing.800}",
                "type": "sizing"
              },
              "height": {
                "value": "{st.sizing.600}",
                "type": "sizing"
              }
            },
            "4density": {
              "height": {
                "value": "{st.sizing.550}",
                "type": "sizing"
              }
            }
          }
        },
        "divider": {
          "height": {
            "value": "{st.sizing.1}",
            "type": "sizing"
          },
          "width": {
            "value": "{st.sizing.1}",
            "type": "sizing"
          }
        },
        "scrollbar": {
          "width": {
            "value": "{st.sizing.50}",
            "type": "sizing"
          }
        },
        "menu": {
          "width": {
            "value": "200px",
            "type": "sizing"
          }
        },
        "dialog": {
          "width": {
            "value": "{st.sizing.dialog.width}",
            "type": "sizing"
          }
        },
        "snackbar": {
          "1line": {
            "height": {
              "value": "{st.sizing.600}",
              "type": "sizing"
            }
          },
          "2line": {
            "height": {
              "value": "{st.sizing.850}",
              "type": "sizing"
            }
          },
          "3line": {
            "height": {
              "value": "{st.sizing.1400}",
              "type": "sizing"
            }
          }
        },
        "navigationBar": {
          "segment": {
            "stateLayer": {
              "width": {
                "value": "{st.sizing.800}",
                "type": "sizing"
              },
              "height": {
                "value": "{st.sizing.400}",
                "type": "sizing"
              }
            },
            "width": {
              "value": "{st.sizing.1300}",
              "type": "sizing"
            },
            "height": {
              "value": "{st.sizing.1000}",
              "type": "sizing"
            }
          }
        },
        "search": {
          "height": {
            "value": "{st.sizing.700}",
            "type": "sizing"
          }
        },
        "navigationDrawer": {
          "headline": {
            "height": {
              "value": "{st.sizing.700}",
              "type": "sizing"
            }
          },
          "navItem": {
            "height": {
              "value": "{st.sizing.700}",
              "type": "sizing"
            }
          }
        },
        "featureItem": {
          "image": {
            "value": "{st.sizing.1600}",
            "type": "sizing"
          }
        },
        "foodList": {
          "image": {
            "value": "{st.sizing.1320}",
            "type": "sizing"
          },
          "1line": {
            "headline": {
              "height": {
                "value": "{st.sizing.300}",
                "type": "sizing"
              }
            },
            "supportingText": {
              "height": {
                "value": "{st.sizing.450}",
                "type": "sizing"
              }
            }
          },
          "2line": {
            "headline": {
              "height": {
                "value": "{st.sizing.600}",
                "type": "sizing"
              }
            },
            "supportingText": {
              "height": {
                "value": "{st.sizing.150}",
                "type": "sizing"
              }
            }
          },
          "content": {
            "height": {
              "value": "{st.sizing.800}",
              "type": "sizing"
            }
          },
          "height": {
            "value": "{st.sizing.1400}",
            "type": "sizing"
          },
          "selected": {
            "indicator": {
              "width": {
                "value": "{st.sizing.75}",
                "type": "sizing"
              },
              "height": {
                "value": "{st.sizing.1400}",
                "type": "sizing"
              }
            }
          }
        },
        "comboDetail": {
          "image": {
            "value": "{st.sizing.1400}",
            "type": "sizing"
          }
        },
        "categoryItem": {
          "imageGrid3": {
            "value": "{st.sizing.1300}",
            "type": "sizing"
          },
          "grid2": {
            "image": {
              "value": "{st.sizing.1750}",
              "type": "sizing"
            },
            "noImg": {
              "container": {
                "value": "{st.sizing.1750}",
                "type": "sizing"
              },
              "logo": {
                "value": "{st.sizing.1300}",
                "type": "sizing"
              }
            },
            "container": {
              "height": {
                "value": "{st.sizing.1875}",
                "type": "sizing"
              }
            },
            "text": {
              "container": {
                "height": {
                  "value": "{st.sizing.800}",
                  "type": "sizing"
                }
              }
            }
          },
          "grid3": {
            "image": {
              "value": "{st.sizing.1200}",
              "type": "sizing"
            },
            "noImg": {
              "container": {
                "value": "{st.sizing.1200}",
                "type": "sizing"
              },
              "logo": {
                "value": "{st.sizing.800}",
                "type": "sizing"
              }
            },
            "container": {
              "height": {
                "value": "{st.sizing.1825}",
                "type": "sizing"
              }
            },
            "text": {
              "container": {
                "height": {
                  "value": "{st.sizing.700}",
                  "type": "sizing"
                }
              }
            }
          },
          "recommendation": {
            "height": {
              "value": "{st.sizing.1850}",
              "type": "sizing"
            },
            "image": {
              "value": "{st.sizing.1600}",
              "type": "sizing"
            },
            "percentage": {
              "height": {
                "value": "{st.sizing.300}",
                "type": "sizing"
              }
            }
          }
        },
        "foodGrid": {
          "grid2": {
            "image": {
              "value": "{st.sizing.1750}",
              "type": "sizing"
            },
            "noImg": {
              "container": {
                "value": "{st.sizing.1750}",
                "type": "sizing"
              },
              "logo": {
                "value": "{st.sizing.1300}",
                "type": "sizing"
              }
            },
            "container": {
              "height": {
                "value": "{st.sizing.1875}",
                "type": "sizing"
              }
            },
            "text": {
              "1line": {
                "headline": {
                  "height": {
                    "value": "{st.sizing.300}",
                    "type": "sizing"
                  }
                },
                "supportingText": {
                  "height": {
                    "value": "{st.sizing.500}",
                    "type": "sizing"
                  }
                }
              },
              "2line": {
                "headline": {
                  "height": {
                    "value": "{st.sizing.600}",
                    "type": "sizing"
                  }
                },
                "supportingText": {
                  "height": {
                    "value": "{st.sizing.250}",
                    "type": "sizing"
                  }
                }
              },
              "name&description": {
                "value": "{st.sizing.800}",
                "type": "sizing"
              },
              "container": {
                "value": "{st.sizing.1200}",
                "type": "sizing"
              }
            }
          },
          "grid3": {
            "image": {
              "value": "{st.sizing.1200}",
              "type": "sizing"
            },
            "noImg": {
              "container": {
                "value": "{st.sizing.1200}",
                "type": "sizing"
              },
              "logo": {
                "value": "{st.sizing.800}",
                "type": "sizing"
              }
            },
            "container": {
              "height": {
                "value": "{st.sizing.1825}",
                "type": "sizing"
              }
            },
            "text": {
              "2line": {
                "headline": {
                  "height": {
                    "value": "{st.sizing.600}",
                    "type": "sizing"
                  }
                },
                "supportingText": {
                  "height": {
                    "value": "{st.sizing.250}",
                    "type": "sizing"
                  }
                }
              },
              "name&description": {
                "value": "{st.sizing.850}",
                "type": "sizing"
              },
              "container": {
                "value": "{st.sizing.1200}",
                "type": "sizing"
              }
            }
          },
          "recommendation": {
            "height": {
              "value": "{st.sizing.1850}",
              "type": "sizing"
            },
            "image": {
              "value": "{st.sizing.1600}",
              "type": "sizing"
            },
            "percentage": {
              "height": {
                "value": "{st.sizing.300}",
                "type": "sizing"
              }
            }
          }
        },
        "youMayAlsoLike": {
          "image": {
            "value": "{st.sizing.800}",
            "type": "sizing"
          },
          "content": {
            "width": {
              "value": "{st.sizing.1200}",
              "type": "sizing"
            }
          },
          "container": {
            "noImg": {
              "width": {
                "value": "{st.sizing.1800}",
                "type": "sizing"
              }
            }
          }
        },
        "roundedButton": {
          "Container": {
            "value": "{st.sizing.800}",
            "type": "sizing"
          },
          "stateLayer": {
            "value": "{st.sizing.700}",
            "type": "sizing"
          },
          "icon": {
            "value": "{st.sizing.350a}",
            "type": "sizing"
          }
        },
        "infoCard": {
          "height": {
            "value": "{st.sizing.1800a}",
            "type": "sizing"
          },
          "width": {
            "value": "{st.sizing.1920a}",
            "type": "sizing"
          }
        }
      },
      "boxShadow": {
        "button": {
          "hovered": {
            "value": "{st.boxShadow.button}",
            "type": "boxShadow"
          }
        },
        "chip": {
          "dragged": {
            "value": "{st.boxShadow.button}",
            "type": "boxShadow"
          }
        },
        "elevatedButton": {
          "hovered": {
            "value": "{st.boxShadow.button}",
            "type": "boxShadow"
          },
          "enabled": {
            "value": "{st.boxShadow.button}",
            "type": "boxShadow"
          }
        },
        "elevatedChip": {
          "dragged": {
            "value": "{st.boxShadow.button}",
            "type": "boxShadow"
          },
          "enabled": {
            "value": "{st.boxShadow.button}",
            "type": "boxShadow"
          }
        },
        "fab": {
          "hovered": {
            "value": "{st.boxShadow.fab-hovered}",
            "type": "boxShadow"
          },
          "enabled": {
            "value": "{st.boxShadow.fab}",
            "type": "boxShadow"
          }
        },
        "bottomSheet": {
          "value": "{st.boxShadow.bottomSheet}",
          "type": "boxShadow"
        },
        "slider": {
          "handle": {
            "value": "{pt.boxShadow.down.1}",
            "type": "boxShadow"
          }
        },
        "menu": {
          "value": "{pt.boxShadow.up.2}",
          "type": "boxShadow"
        },
        "fixedBottom": {
          "value": "{pt.boxShadow.up.1}",
          "type": "boxShadow"
        },
        "snackbar": {
          "value": "{pt.boxShadow.down.3}",
          "type": "boxShadow"
        },
        "foodlist": {
          "value": "{pt.boxShadow.down.1}",
          "type": "boxShadow"
        },
        "foodGrid": {
          "value": "{pt.boxShadow.down.1}",
          "type": "boxShadow"
        },
        "categoryItem": {
          "value": "{pt.boxShadow.down.1}",
          "type": "boxShadow"
        },
        "youMayAlsoLike": {
          "value": "{pt.boxShadow.down.1}",
          "type": "boxShadow"
        },
        "infoCard": {
          "enabled": {
            "value": "{st.boxShadow.infoCard}",
            "type": "boxShadow"
          }
        }
      },
      "color": {
        "filledButton": {
          "text": {
            "value": "{theme.color.on-primary}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-primary}",
            "type": "color"
          },
          "container-hover": {
            "value": "{theme.color.primary-hover}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "inverse": {
            "container": {
              "value": "{theme.color.inverse.on-surface}",
              "type": "color"
            },
            "text": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "icon": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            }
          }
        },
        "filledIconButton": {
          "container-hover": {
            "value": "{theme.color.primary-hover}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "Container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-primary}",
            "type": "color"
          }
        },
        "outlinedButton": {
          "text": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "border": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable-border": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          }
        },
        "textButton": {
          "text": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "border": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable-border": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          }
        },
        "tonalButton": {
          "text": {
            "value": "{theme.color.on-primaryContainer}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-primaryContainer}",
            "type": "color"
          },
          "container-hover": {
            "value": "{theme.color.primaryContainer-hover}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          }
        },
        "elevatedButton": {
          "text": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.background}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          }
        },
        "assistChip": {
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "text": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "focusBorder": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "border": {
            "value": "{theme.color.outline}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "selected-container": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          },
          "selected-container-hover": {
            "value": "{theme.color.primaryContainer-hover}",
            "type": "color"
          },
          "elevated-container": {
            "value": "{theme.color.background}",
            "type": "color"
          }
        },
        "inputChip": {
          "text": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "border": {
            "value": "{theme.color.outline}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "selected-container": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          },
          "selected-container-hover": {
            "value": "{theme.color.primaryContainer-hover}",
            "type": "color"
          }
        },
        "filterChip": {
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "text": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "focusBorder": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "border": {
            "value": "{theme.color.outline}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "selected-container": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          },
          "selected-container-hover": {
            "value": "{theme.color.primaryContainer-hover}",
            "type": "color"
          },
          "elevated-container": {
            "value": "{theme.color.background}",
            "type": "color"
          }
        },
        "standardIconButton": {
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "Container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          }
        },
        "suggestionChip": {
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "focusBorder": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "text": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "border": {
            "value": "{theme.color.outline}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "selected-container": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          },
          "selected-container-hover": {
            "value": "{theme.color.primaryContainer-hover}",
            "type": "color"
          }
        },
        "tonalIconButton": {
          "container-hover": {
            "value": "{theme.color.primaryContainer-hover}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "Container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          }
        },
        "outlineIconButton": {
          "container-hover": {
            "value": "{theme.color.primaryContainer-hover}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "Container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "border": {
            "value": "{theme.color.outline}",
            "type": "color"
          }
        },
        "segmentedButton": {
          "border": {
            "value": "{theme.color.outline}",
            "type": "color"
          },
          "container-hover": {
            "value": "{theme.color.primaryContainer-hover}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "Container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "text": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          }
        },
        "fab": {
          "container-hover": {
            "value": "{theme.color.primaryContainer-hover}",
            "type": "color"
          },
          "selected-container": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "Container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          }
        },
        "tab": {
          "container": {
            "value": "{theme.color.background}",
            "type": "color"
          },
          "container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "label": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "selected-icon": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "selected-label": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "indicator": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "divider": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          }
        },
        "divider": {
          "border": {
            "value": "{theme.color.outline-variant}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "alpha",
                  "value": "0.2",
                  "space": "lch"
                }
              }
            }
          }
        },
        "switch": {
          "select": {
            "container": {
              "value": "{theme.color.primary}",
              "type": "color"
            },
            "container-disabled": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "handle": {
              "enabled": {
                "value": "{theme.color.on-primary}",
                "type": "color"
              },
              "hovered": {
                "value": "{theme.color.primaryContainer}",
                "type": "color"
              },
              "focused": {
                "value": "{theme.color.primaryContainer}",
                "type": "color"
              },
              "icon": {
                "value": "{theme.color.on-primaryContainer}",
                "type": "color"
              }
            }
          },
          "unselect": {
            "handle": {
              "hovered": {
                "value": "{theme.color.on-surface-variant}",
                "type": "color"
              },
              "focused": {
                "value": "{theme.color.on-surface-variant}",
                "type": "color"
              },
              "disabled": {
                "value": "{theme.color.on-surface}",
                "type": "color"
              },
              "enabled": {
                "value": "{theme.color.outline}",
                "type": "color"
              },
              "icon": {
                "value": "{theme.color.on-primary}",
                "type": "color"
              },
              "container": {
                "value": "{theme.color.surface-variant}",
                "type": "color"
              }
            },
            "border": {
              "value": "{theme.color.outline}",
              "type": "color"
            },
            "stateLayer": {
              "disabled": {
                "value": "{theme.color.on-surface}",
                "type": "color"
              },
              "container": {
                "value": "{theme.color.surface-variant}",
                "type": "color"
              },
              "border": {
                "value": "{component.color.assistChip.border}",
                "type": "color"
              }
            },
            "borderColor": {
              "focused": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "hovered": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.s} ",
                      "space": "lch"
                    }
                  }
                }
              }
            }
          },
          "stateLayer": {
            "container": {
              "value": "{theme.color.primary}",
              "type": "color"
            },
            "container-disabled": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "handle": {
              "enabled": {
                "value": "{theme.color.on-primary}",
                "type": "color"
              },
              "hovered": {
                "value": "{theme.color.primaryContainer}",
                "type": "color"
              },
              "focused": {
                "value": "{theme.color.primaryContainer}",
                "type": "color"
              },
              "icon": {
                "value": "{theme.color.on-primaryContainer}",
                "type": "color"
              }
            }
          }
        },
        "radioButton": {
          "select": {
            "enabled": {
              "value": "{theme.color.primary}",
              "type": "color"
            },
            "stateLayer": {
              "hovered": {
                "value": "{theme.color.primary}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.s} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "focused": {
                "value": "{theme.color.primary}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              }
            },
            "disabled": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            }
          },
          "unselect": {
            "enabled": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "hovered": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "focused": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "stateLayer": {
              "hovered": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.s} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "focused": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              }
            }
          }
        },
        "progressIndicator": {
          "indicator": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.surface-variant}",
            "type": "color"
          }
        },
        "badges": {
          "primary": {
            "value": "{theme.color.error}",
            "type": "color"
          },
          "inactiveTrack": {
            "value": "{theme.color.on-error}",
            "type": "color"
          }
        },
        "checkbox": {
          "select": {
            "enabled": {
              "value": "{theme.color.primary}",
              "type": "color"
            },
            "hovered": {
              "value": "{theme.color.primary}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "alpha",
                    "value": "{variable.opacity.s} ",
                    "space": "lch"
                  }
                }
              }
            },
            "focused": {
              "value": "{theme.color.primary}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "alpha",
                    "value": "{variable.opacity.m} ",
                    "space": "lch"
                  }
                }
              }
            }
          },
          "disabled": {
            "container": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            }
          },
          "icon": {
            "value": "{theme.color.date}",
            "type": "color"
          },
          "unselect": {
            "border": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "hovered": {
              "value": "{theme.color.on-surface}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "alpha",
                    "value": "{variable.opacity.s}",
                    "space": "lch"
                  }
                }
              }
            },
            "focused": {
              "value": "{theme.color.on-surface}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "alpha",
                    "value": "{variable.opacity.m} ",
                    "space": "lch"
                  }
                }
              }
            }
          },
          "error": {
            "enabled": {
              "value": "{theme.color.error}",
              "type": "color"
            },
            "deselect-border": {
              "value": "{theme.color.error}",
              "type": "color"
            },
            "hovered": {
              "value": "{theme.color.error}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "alpha",
                    "value": "{variable.opacity.s} ",
                    "space": "lch"
                  }
                }
              }
            },
            "focused": {
              "value": "{theme.color.error}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "alpha",
                    "value": "{variable.opacity.m} ",
                    "space": "lch"
                  }
                }
              }
            }
          }
        },
        "bottomSheet": {
          "container": {
            "value": "{theme.color.surfaceShades.lv1}",
            "type": "color"
          },
          "background": {
            "value": "{theme.color.date}",
            "type": "color"
          },
          "handle": {
            "value": "{theme.color.outline}",
            "type": "color",
            "$extensions": {
              "studio.tokens": {
                "modify": {
                  "type": "alpha",
                  "value": "0.4",
                  "space": "lch"
                }
              }
            }
          },
          "scrim": {
            "value": "{theme.color.overlay}",
            "type": "color"
          }
        },
        "slider": {
          "track": {
            "default": {
              "active": {
                "value": "{theme.color.primary}",
                "type": "color"
              },
              "activeTick": {
                "value": "{theme.color.on-primary}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "0.38",
                      "space": "lch"
                    }
                  }
                }
              },
              "inactive": {
                "value": "{theme.color.surface-variant}",
                "type": "color"
              },
              "inactiveTick": {
                "value": "{theme.color.on-surface-variant}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "0.38",
                      "space": "lch"
                    }
                  }
                }
              }
            },
            "disabled": {
              "inactive": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "inactiveTick": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "0.38",
                      "space": "lch"
                    }
                  }
                }
              },
              "active": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "0.38",
                      "space": "lch"
                    }
                  }
                }
              },
              "activeTick": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "0.38",
                      "space": "lch"
                    }
                  }
                }
              }
            }
          },
          "handle": {
            "default": {
              "value": "{theme.color.primary}",
              "type": "color"
            },
            "hovered": {
              "value": "{theme.color.primary}",
              "type": "color"
            },
            "background": {
              "value": "{theme.color.date}",
              "type": "color"
            },
            "disabled": {
              "value": "{theme.color.on-disable}",
              "type": "color"
            }
          }
        },
        "textField": {
          "enabled": {
            "container": {
              "value": "{theme.color.surface-variant}",
              "type": "color"
            },
            "supportingText": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "placeholder": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "label": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "input": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "icon": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "indicator": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "outline": {
              "value": "{theme.color.outline-variant}",
              "type": "color"
            },
            "labelContainer": {
              "value": "{theme.color.background}",
              "type": "color"
            }
          },
          "focused": {
            "container": {
              "value": "{theme.color.surface-variant}",
              "type": "color"
            },
            "supportingText": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "placeholder": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "label": {
              "value": "{theme.color.primary}",
              "type": "color"
            },
            "input": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "icon": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "indicator": {
              "value": "{theme.color.primary}",
              "type": "color"
            },
            "caret": {
              "value": "{theme.color.primary}",
              "type": "color"
            }
          },
          "hovered": {
            "container": {
              "value": "{theme.color.surface-variant-hover}",
              "type": "color"
            },
            "supportingText": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "placeholder": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "label": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "input": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "icon": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "indicator": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            }
          },
          "error": {
            "container": {
              "value": "{theme.color.surface-variant}",
              "type": "color"
            },
            "supportingText": {
              "value": "{theme.color.error}",
              "type": "color"
            },
            "label": {
              "value": "{theme.color.error}",
              "type": "color"
            },
            "input": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "placeholder": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "icon": {
              "value": "{theme.color.error}",
              "type": "color"
            },
            "indicator": {
              "value": "{theme.color.error}",
              "type": "color"
            },
            "caret": {
              "value": "{theme.color.error}",
              "type": "color"
            }
          }
        },
        "handle": {
          "disabled": {
            "default": {
              "active": {
                "value": "{theme.color.primary}",
                "type": "color"
              },
              "inactive": {
                "value": "{theme.color.surface-variant}",
                "type": "color"
              }
            },
            "disabled": {
              "inactive": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "active": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "0.38",
                      "space": "lch"
                    }
                  }
                }
              }
            }
          }
        },
        "listItem": {
          "stateLayer": {
            "hovered": {
              "value": "{theme.color.on-surface}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "alpha",
                    "value": "0.08",
                    "space": "lch"
                  }
                }
              }
            },
            "focused": {
              "value": "{theme.color.on-surface}",
              "type": "color",
              "$extensions": {
                "studio.tokens": {
                  "modify": {
                    "type": "alpha",
                    "value": "0.12",
                    "space": "lch"
                  }
                }
              }
            }
          },
          "supportingText": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "headline": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "date": {
            "value": "{theme.color.date}",
            "type": "color"
          },
          "overline": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "trailingSupportingText": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.date}",
            "type": "color"
          },
          "icon": {
            "value": "{pt.color.neutral.100}",
            "type": "color"
          },
          "headlineNew": {
            "value": "{theme.color.primary}",
            "type": "color"
          }
        },
        "monogram": {
          "container": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          },
          "text": {
            "value": "{theme.color.on-primaryContainer}",
            "type": "color"
          }
        },
        "menuItem": {
          "selected": {
            "value": "{theme.color.surface-variant}",
            "type": "color"
          }
        },
        "scrollbar": {
          "handle": {
            "value": "{theme.color.outline}",
            "type": "color"
          }
        },
        "menu": {
          "container": {
            "value": "{theme.color.surfaceShades.lv2}",
            "type": "color"
          }
        },
        "dialog": {
          "title": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "body": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.surfaceShades.lv3}",
            "type": "color"
          }
        },
        "topAppBar": {
          "flat": {
            "text": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "container": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "homepage": {
              "container": {
                "value": "{theme.color.primary}",
                "type": "color"
              },
              "icon": {
                "value": "{theme.color.on-primary}",
                "type": "color"
              }
            },
            "icon": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            }
          },
          "onScroll": {
            "text": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "icon": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "container": {
              "value": "{theme.color.surfaceShades.lv2}",
              "type": "color"
            }
          }
        },
        "snackbar": {
          "text": {
            "value": "{theme.color.inverse.on-surface}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.inverse.on-surface}",
            "type": "color"
          },
          "textButton": {
            "value": "{theme.color.inverse.primary}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.inverse.surface}",
            "type": "color"
          }
        },
        "navigationBar": {
          "text": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "iconContainer": {
            "inactive": {
              "hovered": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.s} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "focused": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "pressed": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              }
            },
            "active": {
              "hovered": {
                "value": "{theme.color.surfaceShades.lv4}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "darken",
                      "value": "{variable.opacity.s} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "enabled": {
                "value": "{theme.color.surfaceShades.lv4}",
                "type": "color"
              },
              "focused": {
                "value": "{theme.color.surfaceShades.lv4}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "darken",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "pressed": {
                "value": "{theme.color.surfaceShades.lv4}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "darken",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              }
            }
          },
          "container": {
            "value": "{theme.color.surfaceShades.lv2}",
            "type": "color"
          }
        },
        "search": {
          "supporting-text": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "input-text": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.surfaceShades.lv3}",
            "type": "color"
          },
          "container-hovered": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "caret": {
            "value": "{theme.color.primary}",
            "type": "color"
          }
        },
        "searchViewModel": {
          "container": {
            "value": "{theme.color.surfaceShades.lv3}",
            "type": "color"
          }
        },
        "navigationDrawer": {
          "sectionHeader": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "headline": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "listItem": {
            "labelText": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "badgeLabel": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "icon": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            },
            "inactive": {
              "hovered": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.s} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "focused": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "pressed": {
                "value": "{theme.color.on-surface}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "alpha",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              }
            },
            "active": {
              "hovered": {
                "value": "{theme.color.surfaceShades.lv2}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "darken",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "enabled": {
                "value": "{theme.color.surfaceShades.lv4}",
                "type": "color"
              },
              "focused": {
                "value": "{theme.color.surfaceShades.lv4}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "darken",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "pressed": {
                "value": "{theme.color.surfaceShades.lv4}",
                "type": "color",
                "$extensions": {
                  "studio.tokens": {
                    "modify": {
                      "type": "darken",
                      "value": "{variable.opacity.m} ",
                      "space": "lch"
                    }
                  }
                }
              },
              "selected": {
                "iconContainer": {
                  "value": "{theme.color.primary}",
                  "type": "color"
                },
                "icon": {
                  "value": "{theme.color.inverse.on-surface}",
                  "type": "color"
                }
              }
            }
          },
          "container": {
            "value": "{theme.color.surfaceShades.lv1}",
            "type": "color"
          }
        },
        "categoryChip": {
          "enabled": {
            "text": {
              "value": "{theme.color.on-surface-variant}",
              "type": "color"
            }
          },
          "selected": {
            "text": {
              "value": "{theme.color.on-primary}",
              "type": "color"
            },
            "container": {
              "value": "{theme.color.primary}",
              "type": "color"
            }
          }
        },
        "categoryBar": {
          "container": {
            "value": "{theme.color.background}",
            "type": "color"
          }
        },
        "featureItem": {
          "content": {
            "container": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "text": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "price": {
              "value": "{theme.color.primary}",
              "type": "color"
            },
            "icon": {
              "value": "{theme.color.primary}",
              "type": "color"
            }
          },
          "container": {
            "value": "{theme.color.background}",
            "type": "color"
          }
        },
        "foodList": {
          "headline": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "supportingText": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "price": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "selectedBorder": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "favourite": {
            "value": "{theme.color.outline}",
            "type": "color"
          }
        },
        "foodGrid": {
          "headline": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "percentage": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "supportingText": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "price": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "selectedBorder": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "image": {
            "noImg": {
              "value": "{theme.color.disable}",
              "type": "color"
            }
          },
          "percentageContainer": {
            "value": "{theme.color.surface-variant}",
            "type": "color"
          }
        },
        "foodCard": {
          "container": {
            "enabled": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "selected": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "hovered": {
              "value": "{theme.color.background-hover}",
              "type": "color"
            }
          },
          "soldout": {
            "background": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "text": {
              "value": "{theme.color.error}",
              "type": "color"
            },
            "border": {
              "value": "{theme.color.error}",
              "type": "color"
            }
          },
          "preparing": {
            "background": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "text": {
              "value": "{theme.color.primary-hover}",
              "type": "color"
            },
            "border": {
              "value": "{theme.color.primary-hover}",
              "type": "color"
            }
          },
          "Container": {
            "enabled": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "selected": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "hovered": {
              "value": "{theme.color.background-hover}",
              "type": "color"
            }
          },
          "locked": {
            "background": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "text": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            }
          }
        },
        "fixedBottom": {
          "container": {
            "value": "{theme.color.background}",
            "type": "color"
          }
        },
        "stepper": {
          "disable": {
            "icon": {
              "value": "{theme.color.disable}",
              "type": "color"
            }
          },
          "enable": {
            "icon": {
              "value": "{theme.color.primary}",
              "type": "color"
            }
          },
          "text": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          }
        },
        "comboDetail": {
          "headline": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.background}",
            "type": "color"
          },
          "supportingText": {
            "value": "{theme.color.on-surface-variant}",
            "type": "color"
          },
          "price": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "selectedBorder": {
            "value": "{theme.color.primary}",
            "type": "color"
          }
        },
        "dropdownButton": {
          "icon": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          }
        },
        "categoryItem": {
          "content": {
            "container": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "text": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "price": {
              "value": "{theme.color.primary}",
              "type": "color"
            },
            "icon": {
              "value": "{theme.color.primary}",
              "type": "color"
            }
          },
          "container": {
            "enabled": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "hovered": {
              "value": "{theme.color.background-hover}",
              "type": "color"
            },
            "focused": {
              "value": "{theme.color.background-hover}",
              "type": "color"
            },
            "pressed": {
              "value": "{theme.color.background-hover}",
              "type": "color"
            }
          }
        },
        "newsPromotion": {
          "container": {
            "value": "{theme.color.background}",
            "type": "color"
          },
          "content": {
            "description": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            },
            "title": {
              "value": "{theme.color.on-surface}",
              "type": "color"
            }
          }
        },
        "youMayAlsoLike": {
          "container": {
            "value": "{theme.color.background}",
            "type": "color",
            "enabled": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "selected": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "hovered": {
              "value": "{theme.color.background-hover}",
              "type": "color"
            },
            "focused": {
              "value": "{theme.color.background-hover}",
              "type": "color"
            },
            "pressed": {
              "value": "{theme.color.background-hover}",
              "type": "color"
            }
          },
          "text": {
            "value": "{theme.color.on-surface}",
            "type": "color"
          },
          "price": {
            "value": "{theme.color.outline}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "selectedBorder": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "Container": {
            "enabled": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "selected": {
              "value": "{theme.color.background}",
              "type": "color"
            },
            "hovered": {
              "value": "{theme.color.background-hover}",
              "type": "color"
            }
          }
        },
        "steps": {
          "container": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "text": {
            "value": "{theme.color.inverse.on-surface}",
            "type": "color"
          }
        },
        "chargeToRoom": {
          "background": {
            "value": "{theme.color.chargeToRoom}",
            "type": "color"
          }
        },
        "filledRoundedButton": {
          "container-hover": {
            "value": "{theme.color.primary-hover}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "Container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-primary}",
            "type": "color"
          }
        },
        "outlinedRoundedButton-copy": {
          "container-hover": {
            "value": "{theme.color.primaryContainer}",
            "type": "color"
          },
          "container": {
            "value": "{theme.color.primary}",
            "type": "color"
          },
          "on-disable": {
            "value": "{theme.color.on-disable}",
            "type": "color"
          },
          "disable": {
            "value": "{theme.color.disable}",
            "type": "color"
          },
          "Container-hover": {
            "value": "{theme.color.surface-hover}",
            "type": "color"
          },
          "icon": {
            "value": "{theme.color.on-primary}",
            "type": "color"
          }
        }
      },
      "typography": {
        "button": {
          "value": "{st.typography.latin.label.large}",
          "type": "typography"
        },
        "segmentedButton": {
          "value": "{st.typography.latin.label.large}",
          "type": "typography"
        },
        "chips": {
          "value": "{st.typography.latin.label.large}",
          "type": "typography"
        },
        "tab": {
          "value": "{st.typography.latin.label.large}",
          "type": "typography"
        },
        "card": {
          "title": {
            "value": "{st.typography.latin.title.large}",
            "type": "typography"
          },
          "subtitle": {
            "value": "{st.typography.latin.body.large}",
            "type": "typography"
          }
        },
        "badgeNumber": {
          "title": {
            "value": "{st.typography.latin.label.small}",
            "type": "typography"
          }
        },
        "textField": {
          "label": {
            "value": "{st.typography.latin.body.small}",
            "type": "typography"
          },
          "supportingText": {
            "value": "{st.typography.latin.body.small}",
            "type": "typography"
          },
          "input": {
            "value": "{st.typography.latin.body.large}",
            "type": "typography"
          }
        },
        "badges": {
          "digit": {
            "value": "{st.typography.latin.label.small}",
            "type": "typography"
          }
        },
        "listItem": {
          "supportingText": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          },
          "headline": {
            "value": "{st.typography.latin.body.small}",
            "type": "typography"
          },
          "overline": {
            "value": "{st.typography.latin.label.medium}",
            "type": "typography"
          },
          "overlineBigger": {
            "value": "{st.typography.latin.title.medium}",
            "type": "typography"
          },
          "trailingSupportingText": {
            "value": "{st.typography.latin.label.small}",
            "type": "typography"
          }
        },
        "dialog": {
          "title": {
            "value": "{st.typography.latin.heading.small}",
            "type": "typography"
          },
          "body": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          }
        },
        "monogram": {
          "value": "{st.typography.latin.title.medium}",
          "type": "typography"
        },
        "topAppBar": {
          "small": {
            "title": {
              "value": "{st.typography.latin.title.medium}",
              "type": "typography"
            }
          },
          "large": {
            "headline": {
              "value": "{st.typography.latin.heading.medium}",
              "type": "typography"
            }
          },
          "medium": {
            "headline": {
              "value": "{st.typography.latin.heading.small}",
              "type": "typography"
            }
          }
        },
        "snackbar": {
          "supportingText": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          }
        },
        "navigationBar": {
          "label": {
            "value": "{st.typography.latin.label.medium}",
            "type": "typography"
          }
        },
        "search": {
          "supporting-text": {
            "value": "{st.typography.latin.body.large}",
            "type": "typography"
          }
        },
        "navigationDrawer": {
          "headline": {
            "value": "{st.typography.latin.title.small}",
            "type": "typography"
          },
          "sectionHeader": {
            "value": "{st.typography.latin.title.small}",
            "type": "typography"
          },
          "navItem": {
            "label": {
              "value": "{st.typography.latin.label.large}",
              "type": "typography"
            },
            "badgeLabel": {
              "value": "{st.typography.latin.label.large}",
              "type": "typography"
            }
          }
        },
        "featureItem": {
          "title": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          },
          "price": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          }
        },
        "foodList": {
          "price": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          },
          "memberPrice": {
            "value": "{st.typography.latin.body.large}",
            "type": "typography"
          },
          "headline": {
            "value": "{st.typography.latin.body.large}",
            "type": "typography"
          },
          "supportingText": {
            "value": "{st.typography.latin.body.small}",
            "type": "typography"
          }
        },
        "foodGrid": {
          "price": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          },
          "headline": {
            "value": "{st.typography.latin.body.large}",
            "type": "typography"
          },
          "supportingText": {
            "value": "{st.typography.latin.body.small}",
            "type": "typography"
          },
          "soldout": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          },
          "preparing": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          }
        },
        "foodCard": {
          "soldout": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          },
          "preparing": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          }
        },
        "comboDetail": {
          "price": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          },
          "headline": {
            "value": "{st.typography.latin.body.large}",
            "type": "typography"
          },
          "supportingText": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          }
        },
        "categoryItem": {
          "title": {
            "value": "{st.typography.latin.body.large}",
            "type": "typography"
          },
          "price": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          }
        },
        "homeHeader": {
          "large": {
            "headline": {
              "value": "{st.typography.latin.display.large}",
              "type": "typography"
            },
            "subheader": {
              "value": "{st.typography.latin.title.large}",
              "type": "typography"
            },
            "content": {
              "value": "{st.typography.latin.body.large}",
              "type": "typography"
            }
          },
          "medium": {
            "headline": {
              "value": "{st.typography.latin.display.medium}",
              "type": "typography"
            },
            "subheader": {
              "value": "{st.typography.latin.title.medium}",
              "type": "typography"
            },
            "content": {
              "value": "{st.typography.latin.body.medium}",
              "type": "typography"
            }
          },
          "small": {
            "headline": {
              "value": "{st.typography.latin.display.small}",
              "type": "typography"
            },
            "subheader": {
              "value": "{st.typography.latin.title.small}",
              "type": "typography"
            },
            "content": {
              "value": "{st.typography.latin.body.small}",
              "type": "typography"
            }
          }
        },
        "pageSection": {
          "header": {
            "large": {
              "title": {
                "value": "{st.typography.latin.heading.large}",
                "type": "typography"
              },
              "subtitle": {
                "value": "{st.typography.latin.title.large}",
                "type": "typography"
              }
            },
            "medium": {
              "title": {
                "value": "{st.typography.latin.heading.medium}",
                "type": "typography"
              },
              "subtitle": {
                "value": "{st.typography.latin.title.medium}",
                "type": "typography"
              }
            },
            "small": {
              "title": {
                "value": "{st.typography.latin.heading.small}",
                "type": "typography"
              },
              "subtitle": {
                "value": "{st.typography.latin.title.small}",
                "type": "typography"
              }
            }
          },
          "card": {
            "large": {
              "title": {
                "value": "{st.typography.latin.title.large}",
                "type": "typography"
              },
              "content": {
                "value": "{st.typography.latin.body.large}",
                "type": "typography"
              }
            },
            "medium": {
              "title": {
                "value": "{st.typography.latin.title.medium}",
                "type": "typography"
              },
              "content": {
                "value": "{st.typography.latin.body.medium}",
                "type": "typography"
              }
            },
            "small": {
              "title": {
                "value": "{st.typography.latin.title.small}",
                "type": "typography"
              },
              "content": {
                "value": "{st.typography.latin.body.small}",
                "type": "typography"
              }
            }
          }
        },
        "recommendation": {
          "price": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          },
          "headline": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          },
          "supportingText": {
            "value": "{st.typography.latin.body.small}",
            "type": "typography"
          },
          "percentage": {
            "value": "{st.typography.latin.body.small}",
            "type": "typography"
          },
          "soldout": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          },
          "preparing": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          }
        },
        "steps": {
          "text": {
            "value": "{st.typography.latin.body.small}",
            "type": "typography"
          }
        },
        "youMayAlsoLike": {
          "title": {
            "value": "{st.typography.latin.body.large}",
            "type": "typography"
          },
          "price": {
            "value": "{st.typography.latin.body.medium}",
            "type": "typography"
          }
        }
      },
      "radii": {
        "button": {
          "value": "{st.radii.components.button}",
          "type": "borderRadius"
        },
        "chip": {
          "value": "{st.radii.components.chip}",
          "type": "borderRadius"
        },
        "iconButton": {
          "value": "{st.radii.components.iconButton}",
          "type": "borderRadius"
        },
        "fab": {
          "value": "{st.radii.components.fab}",
          "type": "borderRadius"
        },
        "snackbar": {
          "value": "{st.radii.50}",
          "type": "borderRadius"
        },
        "segmentedButton": {
          "startTLBL": {
            "value": "{st.radii.components.tabIndicator}",
            "type": "borderRadius"
          },
          "endTRBR": {
            "value": "{st.radii.components.tabIndicator}",
            "type": "borderRadius"
          }
        },
        "switch": {
          "handle": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          },
          "track": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          }
        },
        "radioButton": {
          "stateLayer": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          },
          "icon": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          }
        },
        "badges": {
          "value": "{st.radii.full}",
          "type": "borderRadius"
        },
        "checkbox": {
          "container": {
            "value": "{st.radii.25}",
            "type": "borderRadius"
          },
          "stateLayer": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          }
        },
        "bottomSheet": {
          "radiusTLTR": {
            "value": "{st.radii.350}",
            "type": "borderRadius"
          },
          "handle": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          }
        },
        "slider": {
          "track": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          },
          "handleContainer": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          },
          "stateLayer": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          }
        },
        "textField": {
          "TLTR": {
            "value": "{st.radii.50}",
            "type": "borderRadius"
          }
        },
        "scrollbar": {
          "value": "{st.radii.full}",
          "type": "borderRadius"
        },
        "menu": {
          "value": "{st.radii.50}",
          "type": "borderRadius"
        },
        "dialog": {
          "value": "{st.radii.components.dialog}",
          "type": "borderRadius"
        },
        "navigationBar": {
          "segment": {
            "iconContainer": {
              "value": "{st.radii.200}",
              "type": "borderRadius"
            }
          }
        },
        "searchBar": {
          "value": "{st.radii.350}",
          "type": "borderRadius"
        },
        "searchViewModal": {
          "value": "{st.radii.350}",
          "type": "borderRadius"
        },
        "navigationDrawer": {
          "listItem": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          },
          "container": {
            "value": "{st.radii.200}",
            "type": "borderRadius"
          }
        },
        "categoryChip": {
          "value": "{st.radii.full}",
          "type": "borderRadius"
        },
        "featureItem": {
          "image": {
            "value": "{st.radii.100}",
            "type": "borderRadius"
          },
          "container": {
            "value": "{st.radii.200}",
            "type": "borderRadius"
          }
        },
        "foodList": {
          "image": {
            "TRBR": {
              "value": "{st.radii.100}",
              "type": "borderRadius"
            }
          },
          "container": {
            "value": "{st.radii.100}",
            "type": "borderRadius"
          },
          "indicator": {
            "TLBL": {
              "value": "{st.radii.100}",
              "type": "borderRadius"
            }
          }
        },
        "categoryItem": {
          "image": {
            "value": "{st.radii.100}",
            "type": "borderRadius"
          },
          "container": {
            "value": "{st.radii.100}",
            "type": "borderRadius"
          },
          "grid3": {
            "container": {
              "value": "{st.radii.100}",
              "type": "borderRadius"
            }
          }
        },
        "tabIndicator": {
          "topRight": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          },
          "topLeft": {
            "value": "{st.radii.full}",
            "type": "borderRadius"
          }
        },
        "foodCard": {
          "soldout": {
            "value": "{st.radii.50}",
            "type": "borderRadius"
          },
          "preparing": {
            "value": "{st.radii.50}",
            "type": "borderRadius"
          }
        },
        "foodGrid": {
          "container": {
            "value": "{st.radii.100}",
            "type": "borderRadius"
          },
          "image": {
            "value": "{st.radii.100}",
            "type": "borderRadius"
          }
        },
        "youMayAlsoLike": {
          "container": {
            "value": "{st.radii.100}",
            "type": "borderRadius"
          },
          "image": {
            "value": "{st.radii.100}",
            "type": "borderRadius"
          }
        }
      },
      "opacity": {
        "switch": {
          "focused": {
            "value": "{st.opacity.lv2}",
            "type": "opacity"
          },
          "hovered": {
            "value": "{st.opacity.lv1}",
            "type": "opacity"
          },
          "disabled": {
            "content": {
              "value": "{st.opacity.lv4}",
              "type": "opacity"
            }
          }
        },
        "checkbox": {
          "disabled": {
            "value": "{st.opacity.lv4}",
            "type": "opacity"
          }
        },
        "textField": {
          "disabled": {
            "statelayer": {
              "value": "{st.opacity.lv4}",
              "type": "opacity"
            },
            "supportingText": {
              "value": "{st.opacity.lv4}",
              "type": "opacity"
            },
            "indicator": {
              "value": "{st.opacity.lv4}",
              "type": "opacity"
            }
          }
        },
        "radioButton": {
          "disable": {
            "value": "{st.opacity.lv4}",
            "type": "opacity"
          }
        },
        "menu": {
          "disabled": {
            "content": {
              "value": "{st.opacity.lv4}",
              "type": "opacity"
            }
          }
        },
        "sliders": {
          "hovered": {
            "value": "{st.opacity.lv1}",
            "type": "opacity"
          },
          "disabled": {
            "value": "{st.opacity.lv4}",
            "type": "opacity"
          }
        },
        "foodCard": {
          "soldout": {
            "content": {
              "value": "{st.opacity.lv4}",
              "type": "opacity"
            },
            "image": {
              "value": "{st.opacity.lv4}",
              "type": "opacity"
            }
          },
          "preparing": {
            "content": {
              "value": "{st.opacity.lv4}",
              "type": "opacity"
            },
            "image": {
              "value": "{st.opacity.lv4}",
              "type": "opacity"
            }
          }
        }
      },
      "borderWidth": {
        "outlinedButton": {
          "value": "{st.borderWidth.thin}",
          "type": "borderWidth"
        },
        "roundedButton": {
          "value": "{st.borderWidth.regular}",
          "type": "borderWidth"
        },
        "chip": {
          "value": "{st.borderWidth.thin}",
          "type": "borderWidth"
        },
        "divider": {
          "value": "{st.borderWidth.thin}",
          "type": "borderWidth"
        },
        "switch": {
          "value": "{st.borderWidth.regular}",
          "type": "borderWidth"
        },
        "checkbox": {
          "value": "{st.borderWidth.regular}",
          "type": "borderWidth"
        },
        "segmentedButton": {
          "value": "{st.borderWidth.thin}",
          "type": "borderWidth"
        },
        "textField": {
          "enabled": {
            "value": "{st.borderWidth.thin}",
            "type": "borderWidth"
          },
          "outlinedFields": {
            "value": "{st.borderWidth.thin}",
            "type": "borderWidth"
          },
          "focus": {
            "value": "{st.borderWidth.regular}",
            "type": "borderWidth"
          },
          "caret": {
            "value": "{st.borderWidth.thin}",
            "type": "borderWidth"
          }
        },
        "foodlist": {
          "selected": {
            "value": "{pt.dimension.75}",
            "type": "borderWidth"
          },
          "soldout": {
            "value": "{st.borderWidth.thin}",
            "type": "borderWidth"
          },
          "preparing": {
            "value": "{st.borderWidth.thin}",
            "type": "borderWidth"
          }
        },
        "foodGrid": {
          "selected": {
            "value": "{pt.dimension.25}",
            "type": "borderWidth"
          },
          "soldout": {
            "value": "{st.borderWidth.thin}",
            "type": "borderWidth"
          },
          "preparing": {
            "value": "{st.borderWidth.thin}",
            "type": "borderWidth"
          }
        }
      }
    },
    "layout-m": {
      "boxShadow": {
        "card": {
          "value": "{pt.boxShadow.up.2}",
          "type": "boxShadow"
        }
      }
    }
  },
  "component-desktop": {
    "componentDesktop": {
      "spacing": {
        "foodList": {
          "content": {
            "paddingR": {
              "value": "{st.spacing.300}",
              "type": "spacing"
            },
            "paddingL": {
              "value": "{st.spacing.600}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.300}",
              "type": "spacing"
            }
          }
        }
      },
      "sizing": {
        "foodList": {
          "image": {
            "value": "{st.sizing.1700}",
            "type": "sizing"
          },
          "height": {
            "value": "{st.sizing.1700}",
            "type": "sizing"
          },
          "content": {
            "height": {
              "value": "{st.sizing.1280}",
              "type": "sizing"
            }
          },
          "selected": {
            "indicator": {
              "width": {
                "value": "{st.sizing.75}",
                "type": "sizing"
              },
              "height": {
                "value": "{st.sizing.1700}",
                "type": "sizing"
              }
            }
          }
        }
      }
    }
  },
  "layout-m": {
    "layoutMobile": {
      "typography": {
        "headline": {
          "value": "{st.typography.latin.heading.small}",
          "type": "typography"
        },
        "title": {
          "value": "{st.typography.latin.title.medium}",
          "type": "typography"
        },
        "body": {
          "value": "{st.typography.latin.body.medium}",
          "type": "typography"
        },
        "subText": {
          "value": "{st.typography.latin.body.small}",
          "type": "typography"
        }
      },
      "spacing": {
        "gap": {
          "small": {
            "inline": {
              "value": "{st.spacing.50}",
              "type": "spacing"
            },
            "element": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "paragraph": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "section": {
              "value": "{st.spacing.300}",
              "type": "spacing"
            },
            "page": {
              "paddingT": {
                "value": "{st.spacing.150}",
                "type": "spacing"
              },
              "paddingB": {
                "value": "{st.spacing.150}",
                "type": "spacing"
              }
            }
          },
          "large": {
            "section": {
              "value": "{st.spacing.800}",
              "type": "spacing"
            }
          },
          "medium": {
            "section": {
              "value": "{st.spacing.800}",
              "type": "spacing"
            }
          }
        },
        "padding": {
          "pageLR": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          },
          "pageTB": {
            "value": "{st.spacing.100}",
            "type": "spacing"
          },
          "cardLR": {
            "value": "{st.spacing.200}",
            "type": "spacing"
          },
          "cardTB": {
            "value": "{st.spacing.100}",
            "type": "spacing"
          },
          "button": {
            "paddingLR": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            }
          },
          "tag": {
            "small": {
              "paddingLR": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.50}",
                "type": "spacing"
              }
            }
          }
        }
      }
    },
    "layout": {
      "color": {
        "content": {
          "value": "{theme.color.on-surface}",
          "type": "color"
        },
        "inverse": {
          "value": "{theme.color.on-primary}",
          "type": "color"
        },
        "accent": {
          "value": "{theme.color.primary}",
          "type": "color"
        },
        "background-variant": {
          "value": "{theme.color.primaryContainer}",
          "type": "color"
        },
        "background": {
          "value": "{theme.color.inverse.surface}",
          "type": "color"
        },
        "pageBG": {
          "value": "{theme.color.surfaceShades.lv1}",
          "type": "color"
        },
        "containerBG": {
          "value": "{theme.color.background}",
          "type": "color"
        },
        "subtext": {
          "value": "{theme.color.on-surface-variant}",
          "type": "color"
        },
        "success": {
          "value": "{theme.color.success}",
          "type": "color"
        },
        "error": {
          "value": "{theme.color.error}",
          "type": "color"
        }
      },
      "radii": {
        "dialog": {
          "container": {
            "value": "{st.radii.200}",
            "type": "borderRadius"
          }
        },
        "small": {
          "value": "{st.radii.100}",
          "type": "borderRadius"
        },
        "medium": {
          "value": "{st.radii.200}",
          "type": "borderRadius"
        },
        "icon": {
          "value": "{st.radii.components.iconButton}",
          "type": "borderRadius"
        },
        "tag": {
          "value": "{st.radii.50}",
          "type": "borderRadius"
        }
      },
      "sizing": {
        "image": {
          "combo": {
            "value": "{st.sizing.1200}",
            "type": "sizing"
          }
        },
        "checkout": {
          "paymentMethod": {
            "image": {
              "value": "{st.sizing.400}",
              "type": "sizing"
            }
          }
        }
      },
      "boxShadow": {
        "card": {
          "value": "{pt.boxShadow.down.1}",
          "type": "boxShadow"
        }
      }
    },
    "opacity": {
      "layout": {
        "popup": {
          "transparentBG": {
            "value": "{pt.opacity.50}",
            "type": "opacity"
          }
        }
      }
    }
  },
  "layout-desktop": {
    "layoutDesktop": {
      "typography": {
        "headline": {
          "value": "{st.typography.latin.heading.medium}",
          "type": "typography"
        },
        "title": {
          "value": "{st.typography.latin.title.large}",
          "type": "typography"
        },
        "body": {
          "value": "{st.typography.latin.body.large}",
          "type": "typography"
        },
        "subText": {
          "value": "{st.typography.latin.body.medium}",
          "type": "typography"
        }
      },
      "spacing": {
        "gap": {
          "small": {
            "inline": {
              "value": "{st.spacing.100}",
              "type": "spacing"
            },
            "element": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paragraph": {
              "value": "{st.spacing.300}",
              "type": "spacing"
            },
            "section": {
              "value": "{st.spacing.400}",
              "type": "spacing"
            },
            "page": {
              "paddingT": {
                "value": "{st.spacing.150}",
                "type": "spacing"
              },
              "paddingB": {
                "value": "{st.spacing.150}",
                "type": "spacing"
              }
            }
          },
          "large": {
            "section": {
              "value": "{st.spacing.800}",
              "type": "spacing"
            }
          },
          "medium": {
            "section": {
              "value": "{st.spacing.800}",
              "type": "spacing"
            }
          }
        },
        "padding": {
          "pageLR": {
            "value": "{st.spacing.300}",
            "type": "spacing"
          },
          "pageTB": {
            "value": "{st.spacing.300}",
            "type": "spacing"
          },
          "cardLR": {
            "value": "{st.spacing.300}",
            "type": "spacing"
          },
          "cardTB": {
            "value": "{st.spacing.300}",
            "type": "spacing"
          },
          "button": {
            "paddingLR": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            },
            "paddingTB": {
              "value": "{st.spacing.200}",
              "type": "spacing"
            }
          },
          "tag": {
            "small": {
              "paddingLR": {
                "value": "{st.spacing.150}",
                "type": "spacing"
              },
              "paddingTB": {
                "value": "{st.spacing.100}",
                "type": "spacing"
              }
            }
          }
        }
      },
      "radii": {
        "dialog": {
          "container": {
            "value": "{st.radii.200}",
            "type": "borderRadius"
          }
        }
      }
    },
    "layout": {
      "color": {
        "content": {
          "value": "{theme.color.on-surface}",
          "type": "color"
        },
        "inverse": {
          "value": "{theme.color.on-primary}",
          "type": "color"
        },
        "accent": {
          "value": "{theme.color.primary}",
          "type": "color"
        },
        "background-variant": {
          "value": "{theme.color.primaryContainer}",
          "type": "color"
        },
        "background": {
          "value": "{theme.color.inverse.surface}",
          "type": "color"
        },
        "pageBG": {
          "value": "{theme.color.surfaceShades.lv1}",
          "type": "color"
        },
        "containerBG": {
          "value": "{theme.color.background}",
          "type": "color"
        },
        "subtext": {
          "value": "{theme.color.on-surface-variant}",
          "type": "color"
        }
      },
      "sizing": {
        "topContainer": {
          "width": {
            "value": "{st.sizing.main-container.desktop}",
            "type": "sizing"
          }
        },
        "popUpDialog": {
          "minHeight": {
            "value": "{st.sizing.2000a}",
            "type": "sizing"
          },
          "maxHeight": {
            "value": "{st.sizing.6000}",
            "type": "sizing"
          }
        },
        "confirmDialog": {
          "minHeight": {
            "value": "{st.sizing.1825}",
            "type": "sizing"
          }
        }
      }
    },
    "opacity": {
      "layout": {
        "popup": {
          "transparentBG": {
            "value": "{pt.opacity.50}",
            "type": "opacity"
          }
        }
      }
    }
  },
  "$themes": [],
  "$metadata": {
    "tokenSetOrder": [
      "pt",
      "st-m",
      "theme",
      "component",
      "component-desktop",
      "layout-m",
      "layout-desktop"
    ]
  }
}