{
  "foundation": {
    "color": {
      "neutral": {
        "0": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1.0,
              1.0,
              1.0
            ],
            "alpha": 1,
            "hex": "#FFFFFF"
          }
        },
        "25": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9882352941176471,
              0.9882352941176471,
              0.9921568627450981
            ],
            "alpha": 1,
            "hex": "#FCFCFD"
          }
        },
        "50": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9764705882352941,
              0.9803921568627451,
              0.984313725490196
            ],
            "alpha": 1,
            "hex": "#F9FAFB"
          }
        },
        "75": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9686274509803922,
              0.9764705882352941,
              0.9882352941176471
            ],
            "alpha": 1,
            "hex": "#F7F9FC"
          }
        },
        "100": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9490196078431372,
              0.9568627450980393,
              0.9686274509803922
            ],
            "alpha": 1,
            "hex": "#F2F4F7"
          }
        },
        "200": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9176470588235294,
              0.9254901960784314,
              0.9411764705882353
            ],
            "alpha": 1,
            "hex": "#EAECF0"
          }
        },
        "300": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.8156862745098039,
              0.8352941176470589,
              0.8666666666666667
            ],
            "alpha": 1,
            "hex": "#D0D5DD"
          }
        },
        "400": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.596078431372549,
              0.6352941176470588,
              0.7019607843137254
            ],
            "alpha": 1,
            "hex": "#98A2B3"
          }
        },
        "500": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.4,
              0.4392156862745098,
              0.5215686274509804
            ],
            "alpha": 1,
            "hex": "#667085"
          }
        },
        "600": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.2784313725490196,
              0.32941176470588235,
              0.403921568627451
            ],
            "alpha": 1,
            "hex": "#475467"
          }
        },
        "700": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.20392156862745098,
              0.25098039215686274,
              0.32941176470588235
            ],
            "alpha": 1,
            "hex": "#344054"
          }
        },
        "800": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.11372549019607843,
              0.1607843137254902,
              0.2235294117647059
            ],
            "alpha": 1,
            "hex": "#1D2939"
          }
        },
        "900": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.09411764705882353,
              0.1568627450980392
            ],
            "alpha": 1,
            "hex": "#101828"
          }
        },
        "950": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.043137254901960784,
              0.07058823529411765,
              0.12549019607843137
            ],
            "alpha": 1,
            "hex": "#0B1220"
          }
        }
      },
      "jade": {
        "50": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9411764705882353,
              0.9921568627450981,
              0.9725490196078431
            ],
            "alpha": 1,
            "hex": "#F0FDF8"
          }
        },
        "100": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.8627450980392157,
              0.9882352941176471,
              0.9215686274509803
            ],
            "alpha": 1,
            "hex": "#DCFCEB"
          }
        },
        "200": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.7176470588235294,
              0.9529411764705882,
              0.8392156862745098
            ],
            "alpha": 1,
            "hex": "#B7F3D6"
          }
        },
        "300": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.5529411764705883,
              0.9098039215686274,
              0.792156862745098
            ],
            "alpha": 1,
            "hex": "#8DE8CA"
          }
        },
        "400": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.24705882352941178,
              0.8392156862745098,
              0.6901960784313725
            ],
            "alpha": 1,
            "hex": "#3FD6B0"
          }
        },
        "500": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.07450980392156863,
              0.7215686274509804,
              0.5725490196078431
            ],
            "alpha": 1,
            "hex": "#13B892"
          }
        },
        "600": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0,
              0.4980392156862745,
              0.42745098039215684
            ],
            "alpha": 1,
            "hex": "#007F6D"
          }
        },
        "700": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0,
              0.4,
              0.3411764705882353
            ],
            "alpha": 1,
            "hex": "#006657"
          }
        },
        "800": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0,
              0.3254901960784314,
              0.2784313725490196
            ],
            "alpha": 1,
            "hex": "#005347"
          }
        },
        "900": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.023529411764705882,
              0.2784313725490196,
              0.24313725490196078
            ],
            "alpha": 1,
            "hex": "#06473E"
          }
        },
        "950": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.023529411764705882,
              0.17647058823529413,
              0.14901960784313725
            ],
            "alpha": 1,
            "hex": "#062D26"
          }
        }
      },
      "cobalt": {
        "50": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9372549019607843,
              0.9568627450980393,
              1.0
            ],
            "alpha": 1,
            "hex": "#EFF4FF"
          }
        },
        "100": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.8196078431372549,
              0.8784313725490196,
              1.0
            ],
            "alpha": 1,
            "hex": "#D1E0FF"
          }
        },
        "200": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.6980392156862745,
              0.8,
              1.0
            ],
            "alpha": 1,
            "hex": "#B2CCFF"
          }
        },
        "300": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.5176470588235295,
              0.6784313725490196,
              1.0
            ],
            "alpha": 1,
            "hex": "#84ADFF"
          }
        },
        "400": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.3215686274509804,
              0.5450980392156862,
              1.0
            ],
            "alpha": 1,
            "hex": "#528BFF"
          }
        },
        "500": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.1607843137254902,
              0.4392156862745098,
              1.0
            ],
            "alpha": 1,
            "hex": "#2970FF"
          }
        },
        "600": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.09019607843137255,
              0.3607843137254902,
              0.8274509803921568
            ],
            "alpha": 1,
            "hex": "#175CD3"
          }
        },
        "700": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.09411764705882353,
              0.28627450980392155,
              0.6627450980392157
            ],
            "alpha": 1,
            "hex": "#1849A9"
          }
        },
        "800": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.09803921568627451,
              0.2549019607843137,
              0.5215686274509804
            ],
            "alpha": 1,
            "hex": "#194185"
          }
        },
        "900": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.16470588235294117,
              0.33725490196078434
            ],
            "alpha": 1,
            "hex": "#102A56"
          }
        },
        "950": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0392156862745098,
              0.10588235294117647,
              0.2196078431372549
            ],
            "alpha": 1,
            "hex": "#0A1B38"
          }
        }
      },
      "coral": {
        "50": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1.0,
              0.9450980392156862,
              0.9294117647058824
            ],
            "alpha": 1,
            "hex": "#FFF1ED"
          }
        },
        "100": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1.0,
              0.8823529411764706,
              0.8470588235294118
            ],
            "alpha": 1,
            "hex": "#FFE1D8"
          }
        },
        "200": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1.0,
              0.7607843137254902,
              0.6980392156862745
            ],
            "alpha": 1,
            "hex": "#FFC2B2"
          }
        },
        "300": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1.0,
              0.6313725490196078,
              0.5450980392156862
            ],
            "alpha": 1,
            "hex": "#FFA18B"
          }
        },
        "400": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1.0,
              0.5019607843137255,
              0.4196078431372549
            ],
            "alpha": 1,
            "hex": "#FF806B"
          }
        },
        "500": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9764705882352941,
              0.4392156862745098,
              0.35294117647058826
            ],
            "alpha": 1,
            "hex": "#F9705A"
          }
        },
        "600": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9294117647058824,
              0.38823529411764707,
              0.3058823529411765
            ],
            "alpha": 1,
            "hex": "#ED634E"
          }
        },
        "700": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.7294117647058823,
              0.2627450980392157,
              0.1843137254901961
            ],
            "alpha": 1,
            "hex": "#BA432F"
          }
        },
        "800": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.6313725490196078,
              0.19607843137254902,
              0.13333333333333333
            ],
            "alpha": 1,
            "hex": "#A13222"
          }
        },
        "900": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.44313725490196076,
              0.17254901960784313,
              0.1411764705882353
            ],
            "alpha": 1,
            "hex": "#712C24"
          }
        },
        "950": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.2196078431372549,
              0.09019607843137255,
              0.07450980392156863
            ],
            "alpha": 1,
            "hex": "#381713"
          }
        }
      },
      "utility": {
        "controlDark": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.5098039215686274,
              0.5647058823529412,
              0.6588235294117647
            ],
            "alpha": 1,
            "hex": "#8290A8"
          }
        },
        "successLightBg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9254901960784314,
              0.9921568627450981,
              0.9529411764705882
            ],
            "alpha": 1,
            "hex": "#ECFDF3"
          }
        },
        "successLightFg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0196078431372549,
              0.3764705882352941,
              0.22745098039215686
            ],
            "alpha": 1,
            "hex": "#05603A"
          }
        },
        "successLightBorder": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.023529411764705882,
              0.4627450980392157,
              0.2784313725490196
            ],
            "alpha": 1,
            "hex": "#067647"
          }
        },
        "successDarkBg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.027450980392156862,
              0.2,
              0.12941176470588237
            ],
            "alpha": 1,
            "hex": "#073321"
          }
        },
        "successDarkFg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.4588235294117647,
              0.8784313725490196,
              0.6549019607843137
            ],
            "alpha": 1,
            "hex": "#75E0A7"
          }
        },
        "successDarkBorder": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.2784313725490196,
              0.803921568627451,
              0.5372549019607843
            ],
            "alpha": 1,
            "hex": "#47CD89"
          }
        },
        "warningLightBg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1.0,
              0.9803921568627451,
              0.9215686274509803
            ],
            "alpha": 1,
            "hex": "#FFFAEB"
          }
        },
        "warningLightFg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.5764705882352941,
              0.21568627450980393,
              0.050980392156862744
            ],
            "alpha": 1,
            "hex": "#93370D"
          }
        },
        "warningLightBorder": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.7098039215686275,
              0.2784313725490196,
              0.03137254901960784
            ],
            "alpha": 1,
            "hex": "#B54708"
          }
        },
        "warningDarkBg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.20784313725490197,
              0.14901960784313725,
              0.050980392156862744
            ],
            "alpha": 1,
            "hex": "#35260D"
          }
        },
        "warningDarkFg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.996078431372549,
              0.8745098039215686,
              0.5372549019607843
            ],
            "alpha": 1,
            "hex": "#FEDF89"
          }
        },
        "warningDarkBorder": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.996078431372549,
              0.7843137254901961,
              0.29411764705882354
            ],
            "alpha": 1,
            "hex": "#FEC84B"
          }
        },
        "dangerLightBg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.996078431372549,
              0.9529411764705882,
              0.9490196078431372
            ],
            "alpha": 1,
            "hex": "#FEF3F2"
          }
        },
        "dangerLightFg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.5686274509803921,
              0.12549019607843137,
              0.09411764705882353
            ],
            "alpha": 1,
            "hex": "#912018"
          }
        },
        "dangerLightBorder": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.7058823529411765,
              0.13725490196078433,
              0.09411764705882353
            ],
            "alpha": 1,
            "hex": "#B42318"
          }
        },
        "dangerDarkBg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.22745098039215686,
              0.08235294117647059,
              0.07450980392156863
            ],
            "alpha": 1,
            "hex": "#3A1513"
          }
        },
        "dangerDarkFg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.996078431372549,
              0.803921568627451,
              0.792156862745098
            ],
            "alpha": 1,
            "hex": "#FECDCA"
          }
        },
        "dangerDarkBorder": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9921568627450981,
              0.6352941176470588,
              0.6078431372549019
            ],
            "alpha": 1,
            "hex": "#FDA29B"
          }
        },
        "infoLightBg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9372549019607843,
              0.9725490196078431,
              1.0
            ],
            "alpha": 1,
            "hex": "#EFF8FF"
          }
        },
        "infoLightFg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.09411764705882353,
              0.28627450980392155,
              0.6627450980392157
            ],
            "alpha": 1,
            "hex": "#1849A9"
          }
        },
        "infoLightBorder": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.09019607843137255,
              0.3607843137254902,
              0.8274509803921568
            ],
            "alpha": 1,
            "hex": "#175CD3"
          }
        },
        "infoDarkBg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.16470588235294117,
              0.33725490196078434
            ],
            "alpha": 1,
            "hex": "#102A56"
          }
        },
        "infoDarkFg": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.6980392156862745,
              0.8,
              1.0
            ],
            "alpha": 1,
            "hex": "#B2CCFF"
          }
        },
        "infoDarkBorder": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.5176470588235295,
              0.6784313725490196,
              1.0
            ],
            "alpha": 1,
            "hex": "#84ADFF"
          }
        },
        "hoverDark": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.1411764705882353,
              0.19607843137254902,
              0.2784313725490196
            ],
            "alpha": 1,
            "hex": "#243247"
          }
        }
      }
    },
    "space": {
      "0": {
        "$type": "dimension",
        "$value": {
          "value": 0.0,
          "unit": "rem"
        }
      },
      "1": {
        "$type": "dimension",
        "$value": {
          "value": 0.25,
          "unit": "rem"
        }
      },
      "2": {
        "$type": "dimension",
        "$value": {
          "value": 0.5,
          "unit": "rem"
        }
      },
      "3": {
        "$type": "dimension",
        "$value": {
          "value": 0.75,
          "unit": "rem"
        }
      },
      "4": {
        "$type": "dimension",
        "$value": {
          "value": 1.0,
          "unit": "rem"
        }
      },
      "5": {
        "$type": "dimension",
        "$value": {
          "value": 1.25,
          "unit": "rem"
        }
      },
      "6": {
        "$type": "dimension",
        "$value": {
          "value": 1.5,
          "unit": "rem"
        }
      },
      "8": {
        "$type": "dimension",
        "$value": {
          "value": 2.0,
          "unit": "rem"
        }
      },
      "10": {
        "$type": "dimension",
        "$value": {
          "value": 2.5,
          "unit": "rem"
        }
      },
      "12": {
        "$type": "dimension",
        "$value": {
          "value": 3.0,
          "unit": "rem"
        }
      },
      "16": {
        "$type": "dimension",
        "$value": {
          "value": 4.0,
          "unit": "rem"
        }
      },
      "20": {
        "$type": "dimension",
        "$value": {
          "value": 5.0,
          "unit": "rem"
        }
      },
      "24": {
        "$type": "dimension",
        "$value": {
          "value": 6.0,
          "unit": "rem"
        }
      }
    },
    "radius": {
      "none": {
        "$type": "dimension",
        "$value": {
          "value": 0,
          "unit": "px"
        }
      },
      "small": {
        "$type": "dimension",
        "$value": {
          "value": 6,
          "unit": "px"
        }
      },
      "control": {
        "$type": "dimension",
        "$value": {
          "value": 8,
          "unit": "px"
        }
      },
      "card": {
        "$type": "dimension",
        "$value": {
          "value": 12,
          "unit": "px"
        }
      },
      "panel": {
        "$type": "dimension",
        "$value": {
          "value": 16,
          "unit": "px"
        }
      },
      "pill": {
        "$type": "dimension",
        "$value": {
          "value": 9999,
          "unit": "px"
        }
      }
    },
    "stroke": {
      "hairline": {
        "$type": "dimension",
        "$value": {
          "value": 1,
          "unit": "px"
        }
      },
      "emphasis": {
        "$type": "dimension",
        "$value": {
          "value": 2,
          "unit": "px"
        }
      },
      "focus": {
        "$type": "dimension",
        "$value": {
          "value": 3,
          "unit": "px"
        }
      }
    },
    "font": {
      "family": {
        "$type": "fontFamily",
        "$value": [
          "Be Vietnam Pro",
          "sans-serif"
        ]
      },
      "weight": {
        "regular": {
          "$type": "fontWeight",
          "$value": 400
        },
        "medium": {
          "$type": "fontWeight",
          "$value": 500
        },
        "semibold": {
          "$type": "fontWeight",
          "$value": 600
        },
        "bold": {
          "$type": "fontWeight",
          "$value": 700
        }
      }
    },
    "typography": {
      "display": {
        "$type": "typography",
        "$value": {
          "fontFamily": [
            "Be Vietnam Pro",
            "sans-serif"
          ],
          "fontSize": {
            "value": 3.0,
            "unit": "rem"
          },
          "fontWeight": 700,
          "letterSpacing": {
            "value": -0.96,
            "unit": "px"
          },
          "lineHeight": 1.25
        }
      },
      "heading1": {
        "$type": "typography",
        "$value": {
          "fontFamily": [
            "Be Vietnam Pro",
            "sans-serif"
          ],
          "fontSize": {
            "value": 2.0,
            "unit": "rem"
          },
          "fontWeight": 700,
          "letterSpacing": {
            "value": -0.64,
            "unit": "px"
          },
          "lineHeight": 1.3125
        }
      },
      "heading2": {
        "$type": "typography",
        "$value": {
          "fontFamily": [
            "Be Vietnam Pro",
            "sans-serif"
          ],
          "fontSize": {
            "value": 1.5,
            "unit": "rem"
          },
          "fontWeight": 600,
          "letterSpacing": {
            "value": -0.24,
            "unit": "px"
          },
          "lineHeight": 1.4166666666666667
        }
      },
      "heading3": {
        "$type": "typography",
        "$value": {
          "fontFamily": [
            "Be Vietnam Pro",
            "sans-serif"
          ],
          "fontSize": {
            "value": 1.25,
            "unit": "rem"
          },
          "fontWeight": 600,
          "letterSpacing": {
            "value": 0,
            "unit": "px"
          },
          "lineHeight": 1.5
        }
      },
      "body": {
        "$type": "typography",
        "$value": {
          "fontFamily": [
            "Be Vietnam Pro",
            "sans-serif"
          ],
          "fontSize": {
            "value": 1.0,
            "unit": "rem"
          },
          "fontWeight": 400,
          "letterSpacing": {
            "value": 0,
            "unit": "px"
          },
          "lineHeight": 1.625
        }
      },
      "ui": {
        "$type": "typography",
        "$value": {
          "fontFamily": [
            "Be Vietnam Pro",
            "sans-serif"
          ],
          "fontSize": {
            "value": 0.875,
            "unit": "rem"
          },
          "fontWeight": 500,
          "letterSpacing": {
            "value": 0,
            "unit": "px"
          },
          "lineHeight": 1.5714285714285714
        }
      },
      "caption": {
        "$type": "typography",
        "$value": {
          "fontFamily": [
            "Be Vietnam Pro",
            "sans-serif"
          ],
          "fontSize": {
            "value": 0.75,
            "unit": "rem"
          },
          "fontWeight": 400,
          "letterSpacing": {
            "value": 0,
            "unit": "px"
          },
          "lineHeight": 1.5
        }
      },
      "data": {
        "$type": "typography",
        "$value": {
          "fontFamily": [
            "Be Vietnam Pro",
            "sans-serif"
          ],
          "fontSize": {
            "value": 0.875,
            "unit": "rem"
          },
          "fontWeight": 500,
          "letterSpacing": {
            "value": 0,
            "unit": "px"
          },
          "lineHeight": 1.5714285714285714
        }
      }
    },
    "motion": {
      "duration": {
        "instant": {
          "$type": "duration",
          "$value": {
            "value": 0,
            "unit": "ms"
          }
        },
        "fast": {
          "$type": "duration",
          "$value": {
            "value": 120,
            "unit": "ms"
          }
        },
        "standard": {
          "$type": "duration",
          "$value": {
            "value": 180,
            "unit": "ms"
          }
        },
        "deliberate": {
          "$type": "duration",
          "$value": {
            "value": 240,
            "unit": "ms"
          }
        }
      },
      "easing": {
        "standard": {
          "$type": "cubicBezier",
          "$value": [
            0.2,
            0,
            0,
            1
          ]
        },
        "exit": {
          "$type": "cubicBezier",
          "$value": [
            0.4,
            0,
            1,
            1
          ]
        }
      }
    },
    "breakpoint": {
      "small": {
        "$type": "dimension",
        "$value": {
          "value": 640,
          "unit": "px"
        }
      },
      "medium": {
        "$type": "dimension",
        "$value": {
          "value": 960,
          "unit": "px"
        }
      },
      "wide": {
        "$type": "dimension",
        "$value": {
          "value": 1280,
          "unit": "px"
        }
      }
    },
    "layout": {
      "sidebar": {
        "$type": "dimension",
        "$value": {
          "value": 15.0,
          "unit": "rem"
        }
      },
      "detailPanel": {
        "$type": "dimension",
        "$value": {
          "value": 30.0,
          "unit": "rem"
        }
      },
      "dialog": {
        "$type": "dimension",
        "$value": {
          "value": 35.0,
          "unit": "rem"
        }
      },
      "reading": {
        "$type": "dimension",
        "$value": {
          "value": 45.0,
          "unit": "rem"
        }
      },
      "contentMax": {
        "$type": "dimension",
        "$value": {
          "value": 90.0,
          "unit": "rem"
        }
      }
    },
    "size": {
      "compactControl": {
        "$type": "dimension",
        "$value": {
          "value": 36,
          "unit": "px"
        }
      },
      "comfortableControl": {
        "$type": "dimension",
        "$value": {
          "value": 44,
          "unit": "px"
        }
      },
      "compactRow": {
        "$type": "dimension",
        "$value": {
          "value": 40,
          "unit": "px"
        }
      },
      "comfortableRow": {
        "$type": "dimension",
        "$value": {
          "value": 48,
          "unit": "px"
        }
      },
      "touchTarget": {
        "$type": "dimension",
        "$value": {
          "value": 44,
          "unit": "px"
        }
      },
      "icon": {
        "$type": "dimension",
        "$value": {
          "value": 20,
          "unit": "px"
        }
      },
      "iconSmall": {
        "$type": "dimension",
        "$value": {
          "value": 16,
          "unit": "px"
        }
      },
      "focusOffset": {
        "$type": "dimension",
        "$value": {
          "value": 2,
          "unit": "px"
        }
      }
    },
    "layer": {
      "base": {
        "$type": "number",
        "$value": 0
      },
      "sticky": {
        "$type": "number",
        "$value": 10
      },
      "dropdown": {
        "$type": "number",
        "$value": 20
      },
      "overlay": {
        "$type": "number",
        "$value": 30
      },
      "dialog": {
        "$type": "number",
        "$value": 40
      },
      "toast": {
        "$type": "number",
        "$value": 50
      },
      "tooltip": {
        "$type": "number",
        "$value": 60
      }
    },
    "shadow": {
      "raised": {
        "$type": "shadow",
        "$value": {
          "color": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.09411764705882353,
              0.1568627450980392
            ],
            "alpha": 0.1,
            "hex": "#101828"
          },
          "offsetX": {
            "value": 0,
            "unit": "px"
          },
          "offsetY": {
            "value": 2,
            "unit": "px"
          },
          "blur": {
            "value": 8,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          }
        }
      },
      "overlay": {
        "$type": "shadow",
        "$value": {
          "color": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.09411764705882353,
              0.1568627450980392
            ],
            "alpha": 0.18,
            "hex": "#101828"
          },
          "offsetX": {
            "value": 0,
            "unit": "px"
          },
          "offsetY": {
            "value": 8,
            "unit": "px"
          },
          "blur": {
            "value": 32,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          }
        }
      }
    }
  },
  "semantic": {
    "surface": {
      "canvas": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9686274509803922,
            0.9764705882352941,
            0.9882352941176471
          ],
          "alpha": 1,
          "hex": "#F7F9FC"
        }
      },
      "base": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#FFFFFF"
        }
      },
      "raised": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#FFFFFF"
        }
      },
      "subtle": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9490196078431372,
            0.9568627450980393,
            0.9686274509803922
          ],
          "alpha": 1,
          "hex": "#F2F4F7"
        }
      },
      "hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9490196078431372,
            0.9568627450980393,
            0.9686274509803922
          ],
          "alpha": 1,
          "hex": "#F2F4F7"
        }
      }
    },
    "text": {
      "primary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.06274509803921569,
            0.09411764705882353,
            0.1568627450980392
          ],
          "alpha": 1,
          "hex": "#101828"
        }
      },
      "secondary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2784313725490196,
            0.32941176470588235,
            0.403921568627451
          ],
          "alpha": 1,
          "hex": "#475467"
        }
      },
      "muted": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4,
            0.4392156862745098,
            0.5215686274509804
          ],
          "alpha": 1,
          "hex": "#667085"
        }
      },
      "link": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.09411764705882353,
            0.28627450980392155,
            0.6627450980392157
          ],
          "alpha": 1,
          "hex": "#1849A9"
        }
      }
    },
    "border": {
      "subtle": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8156862745098039,
            0.8352941176470589,
            0.8666666666666667
          ],
          "alpha": 1,
          "hex": "#D0D5DD"
        }
      },
      "control": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4,
            0.4392156862745098,
            0.5215686274509804
          ],
          "alpha": 1,
          "hex": "#667085"
        }
      }
    },
    "action": {
      "disabled": {
        "background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9176470588235294,
              0.9254901960784314,
              0.9411764705882353
            ],
            "alpha": 1,
            "hex": "#EAECF0"
          }
        },
        "foreground": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.2784313725490196,
              0.32941176470588235,
              0.403921568627451
            ],
            "alpha": 1,
            "hex": "#475467"
          }
        }
      },
      "primary": {
        "background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.09411764705882353,
              0.1568627450980392
            ],
            "alpha": 1,
            "hex": "#101828"
          }
        },
        "foreground": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1.0,
              1.0,
              1.0
            ],
            "alpha": 1,
            "hex": "#FFFFFF"
          }
        },
        "hover": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.20392156862745098,
              0.25098039215686274,
              0.32941176470588235
            ],
            "alpha": 1,
            "hex": "#344054"
          }
        },
        "pressed": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.2784313725490196,
              0.32941176470588235,
              0.403921568627451
            ],
            "alpha": 1,
            "hex": "#475467"
          }
        },
        "border": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.09411764705882353,
              0.1568627450980392
            ],
            "alpha": 1,
            "hex": "#101828"
          }
        }
      },
      "selected": {
        "background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9490196078431372,
              0.9568627450980393,
              0.9686274509803922
            ],
            "alpha": 1,
            "hex": "#F2F4F7"
          }
        },
        "foreground": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.09411764705882353,
              0.1568627450980392
            ],
            "alpha": 1,
            "hex": "#101828"
          }
        }
      }
    },
    "focus": {
      "ring": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.09019607843137255,
            0.3607843137254902,
            0.8274509803921568
          ],
          "alpha": 1,
          "hex": "#175CD3"
        }
      }
    },
    "brand": {
      "accent": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.06274509803921569,
            0.09411764705882353,
            0.1568627450980392
          ],
          "alpha": 1,
          "hex": "#101828"
        }
      },
      "onAccent": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#FFFFFF"
        }
      }
    },
    "status": {
      "success": {
        "background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9254901960784314,
              0.9921568627450981,
              0.9529411764705882
            ],
            "alpha": 1,
            "hex": "#ECFDF3"
          }
        },
        "foreground": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.0196078431372549,
              0.3764705882352941,
              0.22745098039215686
            ],
            "alpha": 1,
            "hex": "#05603A"
          }
        },
        "border": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.023529411764705882,
              0.4627450980392157,
              0.2784313725490196
            ],
            "alpha": 1,
            "hex": "#067647"
          }
        },
        "icon": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.023529411764705882,
              0.4627450980392157,
              0.2784313725490196
            ],
            "alpha": 1,
            "hex": "#067647"
          }
        }
      },
      "warning": {
        "background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1.0,
              0.9803921568627451,
              0.9215686274509803
            ],
            "alpha": 1,
            "hex": "#FFFAEB"
          }
        },
        "foreground": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.5764705882352941,
              0.21568627450980393,
              0.050980392156862744
            ],
            "alpha": 1,
            "hex": "#93370D"
          }
        },
        "border": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.7098039215686275,
              0.2784313725490196,
              0.03137254901960784
            ],
            "alpha": 1,
            "hex": "#B54708"
          }
        },
        "icon": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.7098039215686275,
              0.2784313725490196,
              0.03137254901960784
            ],
            "alpha": 1,
            "hex": "#B54708"
          }
        }
      },
      "danger": {
        "background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.996078431372549,
              0.9529411764705882,
              0.9490196078431372
            ],
            "alpha": 1,
            "hex": "#FEF3F2"
          }
        },
        "foreground": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.5686274509803921,
              0.12549019607843137,
              0.09411764705882353
            ],
            "alpha": 1,
            "hex": "#912018"
          }
        },
        "border": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.7058823529411765,
              0.13725490196078433,
              0.09411764705882353
            ],
            "alpha": 1,
            "hex": "#B42318"
          }
        },
        "icon": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.7058823529411765,
              0.13725490196078433,
              0.09411764705882353
            ],
            "alpha": 1,
            "hex": "#B42318"
          }
        }
      },
      "information": {
        "background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9372549019607843,
              0.9725490196078431,
              1.0
            ],
            "alpha": 1,
            "hex": "#EFF8FF"
          }
        },
        "foreground": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.09411764705882353,
              0.28627450980392155,
              0.6627450980392157
            ],
            "alpha": 1,
            "hex": "#1849A9"
          }
        },
        "border": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.09019607843137255,
              0.3607843137254902,
              0.8274509803921568
            ],
            "alpha": 1,
            "hex": "#175CD3"
          }
        },
        "icon": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.09019607843137255,
              0.3607843137254902,
              0.8274509803921568
            ],
            "alpha": 1,
            "hex": "#175CD3"
          }
        }
      },
      "neutral": {
        "background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9490196078431372,
              0.9568627450980393,
              0.9686274509803922
            ],
            "alpha": 1,
            "hex": "#F2F4F7"
          }
        },
        "foreground": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.20392156862745098,
              0.25098039215686274,
              0.32941176470588235
            ],
            "alpha": 1,
            "hex": "#344054"
          }
        },
        "border": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.4,
              0.4392156862745098,
              0.5215686274509804
            ],
            "alpha": 1,
            "hex": "#667085"
          }
        },
        "icon": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.4,
              0.4392156862745098,
              0.5215686274509804
            ],
            "alpha": 1,
            "hex": "#667085"
          }
        }
      }
    }
  },
  "component": {
    "button": {
      "primary": {
        "background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.09411764705882353,
              0.1568627450980392
            ],
            "alpha": 1,
            "hex": "#101828"
          }
        },
        "foreground": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1.0,
              1.0,
              1.0
            ],
            "alpha": 1,
            "hex": "#FFFFFF"
          }
        },
        "hover": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.20392156862745098,
              0.25098039215686274,
              0.32941176470588235
            ],
            "alpha": 1,
            "hex": "#344054"
          }
        },
        "pressed": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.2784313725490196,
              0.32941176470588235,
              0.403921568627451
            ],
            "alpha": 1,
            "hex": "#475467"
          }
        },
        "border": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.09411764705882353,
              0.1568627450980392
            ],
            "alpha": 1,
            "hex": "#101828"
          }
        }
      },
      "secondary": {
        "background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              1.0,
              1.0,
              1.0
            ],
            "alpha": 1,
            "hex": "#FFFFFF"
          }
        },
        "foreground": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.09411764705882353,
              0.1568627450980392
            ],
            "alpha": 1,
            "hex": "#101828"
          }
        },
        "border": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.4,
              0.4392156862745098,
              0.5215686274509804
            ],
            "alpha": 1,
            "hex": "#667085"
          }
        }
      },
      "disabled": {
        "background": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.9176470588235294,
              0.9254901960784314,
              0.9411764705882353
            ],
            "alpha": 1,
            "hex": "#EAECF0"
          }
        },
        "foreground": {
          "$type": "color",
          "$value": {
            "colorSpace": "srgb",
            "components": [
              0.2784313725490196,
              0.32941176470588235,
              0.403921568627451
            ],
            "alpha": 1,
            "hex": "#475467"
          }
        }
      },
      "height": {
        "$type": "dimension",
        "$value": {
          "value": 44,
          "unit": "px"
        }
      },
      "radius": {
        "$type": "dimension",
        "$value": {
          "value": 8,
          "unit": "px"
        }
      },
      "paddingInline": {
        "$type": "dimension",
        "$value": {
          "value": 1.0,
          "unit": "rem"
        }
      },
      "gap": {
        "$type": "dimension",
        "$value": {
          "value": 0.5,
          "unit": "rem"
        }
      }
    },
    "field": {
      "background": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#FFFFFF"
        }
      },
      "foreground": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.06274509803921569,
            0.09411764705882353,
            0.1568627450980392
          ],
          "alpha": 1,
          "hex": "#101828"
        }
      },
      "placeholder": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4,
            0.4392156862745098,
            0.5215686274509804
          ],
          "alpha": 1,
          "hex": "#667085"
        }
      },
      "border": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4,
            0.4392156862745098,
            0.5215686274509804
          ],
          "alpha": 1,
          "hex": "#667085"
        }
      },
      "errorBorder": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7058823529411765,
            0.13725490196078433,
            0.09411764705882353
          ],
          "alpha": 1,
          "hex": "#B42318"
        }
      },
      "height": {
        "$type": "dimension",
        "$value": {
          "value": 44,
          "unit": "px"
        }
      },
      "radius": {
        "$type": "dimension",
        "$value": {
          "value": 8,
          "unit": "px"
        }
      },
      "paddingInline": {
        "$type": "dimension",
        "$value": {
          "value": 0.75,
          "unit": "rem"
        }
      }
    },
    "card": {
      "background": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#FFFFFF"
        }
      },
      "border": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8156862745098039,
            0.8352941176470589,
            0.8666666666666667
          ],
          "alpha": 1,
          "hex": "#D0D5DD"
        }
      },
      "radius": {
        "$type": "dimension",
        "$value": {
          "value": 12,
          "unit": "px"
        }
      },
      "padding": {
        "$type": "dimension",
        "$value": {
          "value": 1.5,
          "unit": "rem"
        }
      }
    },
    "table": {
      "headerBackground": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9490196078431372,
            0.9568627450980393,
            0.9686274509803922
          ],
          "alpha": 1,
          "hex": "#F2F4F7"
        }
      },
      "rowBackground": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#FFFFFF"
        }
      },
      "rowHover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9490196078431372,
            0.9568627450980393,
            0.9686274509803922
          ],
          "alpha": 1,
          "hex": "#F2F4F7"
        }
      },
      "rowHeight": {
        "$type": "dimension",
        "$value": {
          "value": 48,
          "unit": "px"
        }
      }
    },
    "nav": {
      "selectedBackground": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9490196078431372,
            0.9568627450980393,
            0.9686274509803922
          ],
          "alpha": 1,
          "hex": "#F2F4F7"
        }
      },
      "selectedForeground": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.06274509803921569,
            0.09411764705882353,
            0.1568627450980392
          ],
          "alpha": 1,
          "hex": "#101828"
        }
      }
    },
    "badge": {
      "warningBackground": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            0.9803921568627451,
            0.9215686274509803
          ],
          "alpha": 1,
          "hex": "#FFFAEB"
        }
      },
      "warningForeground": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5764705882352941,
            0.21568627450980393,
            0.050980392156862744
          ],
          "alpha": 1,
          "hex": "#93370D"
        }
      }
    },
    "focus": {
      "color": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.09019607843137255,
            0.3607843137254902,
            0.8274509803921568
          ],
          "alpha": 1,
          "hex": "#175CD3"
        }
      },
      "width": {
        "$type": "dimension",
        "$value": {
          "value": 3,
          "unit": "px"
        }
      },
      "offset": {
        "$type": "dimension",
        "$value": {
          "value": 2,
          "unit": "px"
        }
      }
    },
    "panel": {
      "radius": {
        "$type": "dimension",
        "$value": {
          "value": 16,
          "unit": "px"
        }
      }
    },
    "icon": {
      "size": {
        "$type": "dimension",
        "$value": {
          "value": 20,
          "unit": "px"
        }
      }
    },
    "transition": {
      "duration": {
        "$type": "duration",
        "$value": {
          "value": 120,
          "unit": "ms"
        }
      },
      "easing": {
        "$type": "cubicBezier",
        "$value": [
          0.2,
          0,
          0,
          1
        ]
      }
    },
    "overlay": {
      "shadow": {
        "$type": "shadow",
        "$value": {
          "color": {
            "colorSpace": "srgb",
            "components": [
              0.06274509803921569,
              0.09411764705882353,
              0.1568627450980392
            ],
            "alpha": 0.18,
            "hex": "#101828"
          },
          "offsetX": {
            "value": 0,
            "unit": "px"
          },
          "offsetY": {
            "value": 8,
            "unit": "px"
          },
          "blur": {
            "value": 32,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          }
        }
      }
    }
  }
}