{
  "toast": {
    "stack": {
      "gradient": {
        "top": {
          "background": {
            "$type": "gradient",
            "$value": {
              "type": "linear",
              "angle": 180,
              "stops": [
                {
                  "position": 0,
                  "color": {
                    "$type": "color",
                    "$value": "{background.color.default}",
                    "$extensions": {
                      "appearance": {
                        "light": {
                          "$type": "color",
                          "$value": "{background.color.default}"
                        },
                        "dark": {
                          "$type": "color",
                          "$value": "{background.color.default}"
                        }
                      },
                      "com.figma.scopes": [
                        "SHAPE_FILL",
                        "FRAME_FILL",
                        "STROKE_COLOR"
                      ]
                    }
                  }
                },
                {
                  "position": 1,
                  "color": {
                    "$type": "color",
                    "$value": "{background.color.transparent.default}",
                    "$extensions": {
                      "appearance": {
                        "light": {
                          "$type": "color",
                          "$value": "{background.color.transparent.default}"
                        },
                        "dark": {
                          "$type": "color",
                          "$value": "{background.color.transparent.default}"
                        }
                      },
                      "com.figma.scopes": [
                        "SHAPE_FILL",
                        "FRAME_FILL",
                        "STROKE_COLOR"
                      ]
                    }
                  }
                }
              ]
            }
          }
        },
        "bottom": {
          "background": {
            "$type": "gradient",
            "$value": {
              "type": "linear",
              "angle": 180,
              "stops": [
                {
                  "position": 0,
                  "color": {
                    "$type": "color",
                    "$value": "{background.color.transparent.default}",
                    "$extensions": {
                      "appearance": {
                        "light": {
                          "$type": "color",
                          "$value": "{background.color.transparent.default}"
                        },
                        "dark": {
                          "$type": "color",
                          "$value": "{background.color.transparent.default}"
                        }
                      },
                      "com.figma.scopes": [
                        "SHAPE_FILL",
                        "FRAME_FILL",
                        "STROKE_COLOR"
                      ]
                    }
                  }
                },
                {
                  "position": 1,
                  "color": {
                    "$type": "color",
                    "$value": "{background.color.default}",
                    "$extensions": {
                      "appearance": {
                        "light": {
                          "$type": "color",
                          "$value": "{background.color.default}"
                        },
                        "dark": {
                          "$type": "color",
                          "$value": "{background.color.default}"
                        }
                      },
                      "com.figma.scopes": [
                        "SHAPE_FILL",
                        "FRAME_FILL",
                        "STROKE_COLOR"
                      ]
                    }
                  }
                }
              ]
            }
          },
          "mask": {
            "$type": "gradient",
            "$value": {
              "type": "linear",
              "angle": 90,
              "stops": [
                {
                  "position": 0,
                  "color": {
                    "$type": "color",
                    "$value": "{background.color.transparent.default}",
                    "$extensions": {
                      "appearance": {
                        "light": {
                          "$type": "color",
                          "$value": "{background.color.transparent.default}"
                        },
                        "dark": {
                          "$type": "color",
                          "$value": "{background.color.transparent.default}"
                        }
                      },
                      "com.figma.scopes": [
                        "SHAPE_FILL",
                        "FRAME_FILL",
                        "STROKE_COLOR"
                      ]
                    }
                  }
                },
                {
                  "position": "{size.4}",
                  "color": {
                    "$type": "color",
                    "$value": "{background.color.inverted-strong}",
                    "$extensions": {
                      "appearance": {
                        "light": {
                          "$type": "color",
                          "$value": "{background.color.inverted-strong}"
                        },
                        "dark": {
                          "$type": "color",
                          "$value": "{background.color.inverted-strong}"
                        }
                      },
                      "com.figma.scopes": [
                        "SHAPE_FILL",
                        "FRAME_FILL",
                        "STROKE_COLOR"
                      ]
                    }
                  }
                },
                {
                  "position": "calc(100% - {size.4})",
                  "color": {
                    "$type": "color",
                    "$value": "{background.color.inverted-strong}",
                    "$extensions": {
                      "appearance": {
                        "light": {
                          "$type": "color",
                          "$value": "{background.color.inverted-strong}"
                        },
                        "dark": {
                          "$type": "color",
                          "$value": "{background.color.inverted-strong}"
                        }
                      },
                      "com.figma.scopes": [
                        "SHAPE_FILL",
                        "FRAME_FILL",
                        "STROKE_COLOR"
                      ]
                    }
                  }
                },
                {
                  "position": 1,
                  "color": {
                    "$type": "color",
                    "$value": "{background.color.transparent.default}",
                    "$extensions": {
                      "appearance": {
                        "light": {
                          "$type": "color",
                          "$value": "{background.color.transparent.default}"
                        },
                        "dark": {
                          "$type": "color",
                          "$value": "{background.color.transparent.default}"
                        }
                      },
                      "com.figma.scopes": [
                        "SHAPE_FILL",
                        "FRAME_FILL",
                        "STROKE_COLOR"
                      ]
                    }
                  }
                }
              ]
            }
          }
        }
      }
    },
    "collapse-button": {
      "background": {
        "color": {
          "$type": "color",
          "$value": "{background.color.inverted}",
          "$extensions": {
            "appearance": {
              "light": {
                "$type": "color",
                "$value": "{background.color.inverted}"
              },
              "dark": {
                "$type": "color",
                "$value": "{background.color.inverted}"
              }
            },
            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
          }
        },
        "color-hover": {
          "$type": "color",
          "$value": "{background.color.inverted-strong}",
          "$extensions": {
            "appearance": {
              "light": {
                "$type": "color",
                "$value": "{background.color.inverted-strong}"
              },
              "dark": {
                "$type": "color",
                "$value": "{background.color.inverted-strong}"
              }
            },
            "com.figma.scopes": ["SHAPE_FILL", "FRAME_FILL", "STROKE_COLOR"]
          }
        }
      },
      "foreground": {
        "color": {
          "$type": "color",
          "$value": "{foreground.color.inverted}",
          "$extensions": {
            "appearance": {
              "light": {
                "$type": "color",
                "$value": "{foreground.color.inverted}"
              },
              "dark": {
                "$type": "color",
                "$value": "{foreground.color.inverted}"
              }
            },
            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
          }
        },
        "color-hover": {
          "$type": "color",
          "$value": "{foreground.color.inverted}",
          "$extensions": {
            "appearance": {
              "light": {
                "$type": "color",
                "$value": "{foreground.color.inverted}"
              },
              "dark": {
                "$type": "color",
                "$value": "{foreground.color.inverted}"
              }
            },
            "com.figma.scopes": ["TEXT_FILL", "SHAPE_FILL"]
          }
        }
      }
    },
    "shadow": {
      "color": {
        "$type": "color",
        "$value": "{shadow.color.default}",
        "$extensions": {
          "appearance": {
            "light": {
              "$type": "color",
              "$value": "{shadow.color.default}"
            },
            "dark": {
              "$type": "color",
              "$value": "{shadow.color.default}"
            }
          },
          "com.figma.scopes": ["EFFECT_COLOR", "FRAME_FILL", "SHAPE_FILL"]
        }
      }
    },
    "focus-ring": {
      "color": {
        "$type": "color",
        "$value": "{focus.ring.color.default}",
        "$extensions": {
          "appearance": {
            "light": {
              "$type": "color",
              "$value": "{focus.ring.color.default}"
            },
            "dark": {
              "$type": "color",
              "$value": "{focus.ring.color.default}"
            }
          },
          "com.figma.scopes": ["STROKE_COLOR"]
        }
      }
    }
  }
}