idea.excalidraw

{
  "type": "excalidraw",
  "version": 2,
  "source": "https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor",
  "elements": [
    {
      "type": "rectangle",
      "version": 157,
      "versionNonce": 1120724942,
      "isDeleted": false,
      "id": "MD8P5S1aIBL-wYX0CpP6V",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 834.1536254882812,
      "y": 251.99217224121094,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 309.0689697265625,
      "height": 60.73893737792969,
      "seed": 771390769,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "rJAbkY_oXdplDFelluzoa",
          "type": "text"
        },
        {
          "type": "text",
          "id": "rJAbkY_oXdplDFelluzoa"
        },
        {
          "id": "GsHrrdII_ATUXOQA0w1q8",
          "type": "arrow"
        },
        {
          "id": "k5PJqGaVBjxfr0llgAuLS",
          "type": "arrow"
        }
      ],
      "updated": 1669224477348,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 155,
      "versionNonce": 1253098514,
      "isDeleted": false,
      "id": "rJAbkY_oXdplDFelluzoa",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 936.1536254882812,
      "y": 270.8616409301758,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 105,
      "height": 23,
      "seed": 2029367057,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "panda.config",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "MD8P5S1aIBL-wYX0CpP6V",
      "originalText": "panda.config"
    },
    {
      "type": "text",
      "version": 191,
      "versionNonce": 146456078,
      "isDeleted": false,
      "id": "vpAKiFKuSsSrpwlMl2vcI",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 833.9029541015625,
      "y": 206.078125,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 386,
      "height": 23,
      "seed": 796592959,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "ts, js, json, yaml, cjs, mjs, package.json \"panda\"",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "ts, js, json, yaml, cjs, mjs, package.json \"panda\""
    },
    {
      "type": "rectangle",
      "version": 274,
      "versionNonce": 65171922,
      "isDeleted": false,
      "id": "pHaTAf6ticsiizFr9NF_H",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 385.32879638671875,
      "y": 453.84764099121094,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 309.0689697265625,
      "height": 60.73893737792969,
      "seed": 236356031,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "0ojYBKf5F9cH4hWrjU0BV",
          "type": "text"
        },
        {
          "id": "0ojYBKf5F9cH4hWrjU0BV",
          "type": "text"
        },
        {
          "id": "k5PJqGaVBjxfr0llgAuLS",
          "type": "arrow"
        },
        {
          "type": "text",
          "id": "0ojYBKf5F9cH4hWrjU0BV"
        },
        {
          "id": "0woUGX3DUQlbLLduGTJZM",
          "type": "arrow"
        },
        {
          "id": "cRkButCwVsoz3EJwud4mm",
          "type": "arrow"
        }
      ],
      "updated": 1669224477348,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 300,
      "versionNonce": 1997786190,
      "isDeleted": false,
      "id": "0ojYBKf5F9cH4hWrjU0BV",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 472.32879638671875,
      "y": 472.7171096801758,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 135,
      "height": 23,
      "seed": 142471647,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "utility system",
      "baseline": 17,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "pHaTAf6ticsiizFr9NF_H",
      "originalText": "utility system"
    },
    {
      "type": "rectangle",
      "version": 305,
      "versionNonce": 236480402,
      "isDeleted": false,
      "id": "8lWI9MT_mh8dZeoRKHpOu",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 844.3001098632812,
      "y": 453.3528594970703,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 309.0689697265625,
      "height": 60.73893737792969,
      "seed": 377622737,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "n86AVkZSlJkuzP6Xu1ZbV",
          "type": "text"
        },
        {
          "type": "text",
          "id": "n86AVkZSlJkuzP6Xu1ZbV"
        },
        {
          "id": "GsHrrdII_ATUXOQA0w1q8",
          "type": "arrow"
        }
      ],
      "updated": 1669224477348,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 319,
      "versionNonce": 1269895822,
      "isDeleted": false,
      "id": "n86AVkZSlJkuzP6Xu1ZbV",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 964.8001098632812,
      "y": 472.22232818603516,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 68,
      "height": 23,
      "seed": 2122960561,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "theming",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "8lWI9MT_mh8dZeoRKHpOu",
      "originalText": "theming"
    },
    {
      "type": "arrow",
      "version": 39,
      "versionNonce": 1367975250,
      "isDeleted": false,
      "id": "GsHrrdII_ATUXOQA0w1q8",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 988.4635009765625,
      "y": 315.9765625,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 0.87237548828125,
      "height": 135.95376586914062,
      "seed": 572539153,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "startBinding": {
        "elementId": "MD8P5S1aIBL-wYX0CpP6V",
        "focus": 0.00005759909348563947,
        "gap": 3.245452880859375
      },
      "endBinding": {
        "elementId": "8lWI9MT_mh8dZeoRKHpOu",
        "focus": -0.0739838219519484,
        "gap": 1.4225311279296875
      },
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "points": [
        [
          0,
          0
        ],
        [
          -0.87237548828125,
          135.95376586914062
        ]
      ]
    },
    {
      "type": "text",
      "version": 76,
      "versionNonce": 558600398,
      "isDeleted": false,
      "id": "m6trCysuj8V2hN5EB_gB8",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1013.909423828125,
      "y": 366.67706298828125,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 198,
      "height": 23,
      "seed": 369584767,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "tokens / semantic tokens",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "tokens / semantic tokens"
    },
    {
      "type": "rectangle",
      "version": 510,
      "versionNonce": 395127570,
      "isDeleted": false,
      "id": "D0al_9sHoCHN0gmFcDnNA",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1953.6705024410323,
      "y": 453.84764099121094,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 309.0689697265625,
      "height": 60.73893737792969,
      "seed": 754763377,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "type": "text",
          "id": "Kc-L2hedrUIX0dPzD6wgB"
        }
      ],
      "updated": 1669224477348,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 552,
      "versionNonce": 1400653582,
      "isDeleted": false,
      "id": "Kc-L2hedrUIX0dPzD6wgB",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 2070.670502441032,
      "y": 472.7171096801758,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 75,
      "height": 23,
      "seed": 1267002897,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "dev tools",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "D0al_9sHoCHN0gmFcDnNA",
      "originalText": "dev tools"
    },
    {
      "type": "arrow",
      "version": 125,
      "versionNonce": 1721366738,
      "isDeleted": false,
      "id": "k5PJqGaVBjxfr0llgAuLS",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 829.20556640625,
      "y": 280.7034912109375,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 305.91402536492706,
      "height": 169.36849975585938,
      "seed": 1867786545,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "startBinding": {
        "focus": -0.003047739187668077,
        "gap": 4.94805908203125,
        "elementId": "MD8P5S1aIBL-wYX0CpP6V"
      },
      "endBinding": {
        "focus": -0.14014317640124438,
        "gap": 6.8485870361328125,
        "elementId": "pHaTAf6ticsiizFr9NF_H"
      },
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "points": [
        [
          0,
          0
        ],
        [
          -280.2864685058594,
          -3.0859375
        ],
        [
          -305.91402536492706,
          166.28256225585938
        ]
      ]
    },
    {
      "type": "text",
      "version": 206,
      "versionNonce": 1656501582,
      "isDeleted": false,
      "id": "kiEUriXxYhKvlywRd-Pld",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 553.4471740722656,
      "y": 306.22132873535156,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 76,
      "height": 25,
      "seed": 1159667089,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "utilities",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "utilities"
    },
    {
      "type": "text",
      "version": 457,
      "versionNonce": 1581715090,
      "isDeleted": false,
      "id": "jUQkdlOY3Yf6rmdRTyn9B",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -37.2103271484375,
      "y": 448.6301727294922,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 340,
      "height": 46,
      "seed": 2039044881,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "p => padding (spacing)\nmx => marginLeft, marginRight (spacing)",
      "baseline": 41,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "p => padding (spacing)\nmx => marginLeft, marginRight (spacing)"
    },
    {
      "type": "text",
      "version": 785,
      "versionNonce": 1482972046,
      "isDeleted": false,
      "id": "tVurx3pd6tj3j3AB969H5",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -41.29888916015625,
      "y": 308.48040771484375,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 302,
      "height": 69,
      "seed": 1248727697,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "bg = (theme) => ({\n     background: \"var(--bg, --opacity)\"\n}, {values: theme.colors}) ",
      "baseline": 64,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "bg = (theme) => ({\n     background: \"var(--bg, --opacity)\"\n}, {values: theme.colors}) "
    },
    {
      "type": "text",
      "version": 852,
      "versionNonce": 323710034,
      "isDeleted": false,
      "id": "q4-lWA_0gzG2dw3sKEzhq",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -42.57818603515625,
      "y": 400.9283142089844,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 256,
      "height": 23,
      "seed": 251281649,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "bgOpacity = --opacity (opacity)",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "bgOpacity = --opacity (opacity)"
    },
    {
      "type": "rectangle",
      "version": 307,
      "versionNonce": 716028366,
      "isDeleted": false,
      "id": "uNBNo1tA-IPANuFL54rj7",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 121.1751708984375,
      "y": 639.0234222412109,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 309.0689697265625,
      "height": 60.73893737792969,
      "seed": 1604976881,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "SYk_hst0oK8tNxEJW9gwc",
          "type": "text"
        },
        {
          "id": "SYk_hst0oK8tNxEJW9gwc",
          "type": "text"
        },
        {
          "id": "k5PJqGaVBjxfr0llgAuLS",
          "type": "arrow"
        },
        {
          "type": "text",
          "id": "SYk_hst0oK8tNxEJW9gwc"
        },
        {
          "id": "0woUGX3DUQlbLLduGTJZM",
          "type": "arrow"
        }
      ],
      "updated": 1669224477348,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 341,
      "versionNonce": 1803424274,
      "isDeleted": false,
      "id": "SYk_hst0oK8tNxEJW9gwc",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 204.6751708984375,
      "y": 657.8928909301758,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 142,
      "height": 23,
      "seed": 427735761,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "utility classes",
      "baseline": 17,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "uNBNo1tA-IPANuFL54rj7",
      "originalText": "utility classes"
    },
    {
      "type": "rectangle",
      "version": 342,
      "versionNonce": 548491278,
      "isDeleted": false,
      "id": "fFcZHVhkTfwAnXO6-X_nv",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 536.8587646484375,
      "y": 639.0234222412109,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 309.0689697265625,
      "height": 60.73893737792969,
      "seed": 1842430929,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "XYyoVTsBPwMBZacIdKZUs",
          "type": "text"
        },
        {
          "id": "XYyoVTsBPwMBZacIdKZUs",
          "type": "text"
        },
        {
          "id": "k5PJqGaVBjxfr0llgAuLS",
          "type": "arrow"
        },
        {
          "id": "cRkButCwVsoz3EJwud4mm",
          "type": "arrow"
        },
        {
          "type": "text",
          "id": "XYyoVTsBPwMBZacIdKZUs"
        }
      ],
      "updated": 1669224477348,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 380,
      "versionNonce": 2044067794,
      "isDeleted": false,
      "id": "XYyoVTsBPwMBZacIdKZUs",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 633.8587646484375,
      "y": 657.8928909301758,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 115,
      "height": 23,
      "seed": 729457073,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "css objects",
      "baseline": 17,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "fFcZHVhkTfwAnXO6-X_nv",
      "originalText": "css objects"
    },
    {
      "type": "arrow",
      "version": 125,
      "versionNonce": 912793166,
      "isDeleted": false,
      "id": "0woUGX3DUQlbLLduGTJZM",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 515.2877197265625,
      "y": 522.2666320800781,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 260.9700927734375,
      "height": 110.9635009765625,
      "seed": 1781171039,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "startBinding": {
        "elementId": "pHaTAf6ticsiizFr9NF_H",
        "focus": -0.6776180923848476,
        "gap": 7.6800537109375
      },
      "endBinding": {
        "elementId": "uNBNo1tA-IPANuFL54rj7",
        "focus": -0.18501919248026635,
        "gap": 5.7932891845703125
      },
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "points": [
        [
          0,
          0
        ],
        [
          -242.5390625,
          32.7734375
        ],
        [
          -260.9700927734375,
          110.9635009765625
        ]
      ]
    },
    {
      "type": "arrow",
      "version": 62,
      "versionNonce": 1516909970,
      "isDeleted": false,
      "id": "cRkButCwVsoz3EJwud4mm",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 528.583251953125,
      "y": 523.6390075683594,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 188.75653076171875,
      "height": 108.38543701171875,
      "seed": 244670879,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477348,
      "link": null,
      "locked": false,
      "startBinding": {
        "focus": 0.6672199432375313,
        "gap": 9.05242919921875,
        "elementId": "pHaTAf6ticsiizFr9NF_H"
      },
      "endBinding": {
        "focus": 0.042104372345459884,
        "gap": 6.9989776611328125,
        "elementId": "fFcZHVhkTfwAnXO6-X_nv"
      },
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "points": [
        [
          0,
          0
        ],
        [
          188.75653076171875,
          39.38153076171875
        ],
        [
          183.52765309321614,
          108.38543701171875
        ]
      ]
    },
    {
      "type": "rectangle",
      "version": 519,
      "versionNonce": 11216014,
      "isDeleted": false,
      "id": "NwvnW5fpxbHIKwOXsfpJd",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 325.4232177734375,
      "y": 787.2167816162109,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 309.0689697265625,
      "height": 60.73893737792969,
      "seed": 1710605841,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "FSl-U5Z1lvnW9i90UNscY",
          "type": "text"
        },
        {
          "type": "text",
          "id": "FSl-U5Z1lvnW9i90UNscY"
        },
        {
          "id": "k5PJqGaVBjxfr0llgAuLS",
          "type": "arrow"
        },
        {
          "id": "cRkButCwVsoz3EJwud4mm",
          "type": "arrow"
        }
      ],
      "updated": 1669224477348,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 567,
      "versionNonce": 242332498,
      "isDeleted": false,
      "id": "FSl-U5Z1lvnW9i90UNscY",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 435.4232177734375,
      "y": 806.0862503051758,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 89,
      "height": 23,
      "seed": 676649969,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "style props",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "NwvnW5fpxbHIKwOXsfpJd",
      "originalText": "style props"
    },
    {
      "type": "text",
      "version": 628,
      "versionNonce": 288580302,
      "isDeleted": false,
      "id": "DCA_N2fuSJsygCiyEuFvE",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 284.4400634765625,
      "y": 911.4394073486328,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 284,
      "height": 206,
      "seed": 1517946833,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "KPwyC_etk0TDRgK2brR5K",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "<Box bg=\"red.500\" />\n\n// css({ bg: \"red.500\" })\n\n// <div className=\"bg-red-500\" />\n\n.bg-red-500{\n background: #red500\n}",
      "baseline": 201,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "<Box bg=\"red.500\" />\n\n// css({ bg: \"red.500\" })\n\n// <div className=\"bg-red-500\" />\n\n.bg-red-500{\n background: #red500\n}"
    },
    {
      "type": "arrow",
      "version": 34,
      "versionNonce": 1480816914,
      "isDeleted": false,
      "id": "KPwyC_etk0TDRgK2brR5K",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 154.14312744140625,
      "y": 976.6415100097656,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 104.93490600585938,
      "height": 0.25714111328125,
      "seed": 932818769,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "startBinding": null,
      "endBinding": {
        "elementId": "DCA_N2fuSJsygCiyEuFvE",
        "focus": 0.4225698436090196,
        "gap": 25.362030029296875
      },
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "points": [
        [
          0,
          0
        ],
        [
          104.93490600585938,
          0.25714111328125
        ]
      ]
    },
    {
      "type": "text",
      "version": 329,
      "versionNonce": 1520032014,
      "isDeleted": false,
      "id": "CNGopNAarmwmurlRr-O3Z",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1662.04057974431,
      "y": -47.798839451536196,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 155,
      "height": 138,
      "seed": 1251521361,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "Q9XxFBAEJoupOTnU6wd1s",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "semanticTokens : {\n   fg: {\n      light: \"\",\n      dark :\"\",\n   }\n}",
      "baseline": 133,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "semanticTokens : {\n   fg: {\n      light: \"\",\n      dark :\"\",\n   }\n}"
    },
    {
      "type": "text",
      "version": 77,
      "versionNonce": 391546578,
      "isDeleted": false,
      "id": "yGE7cFFyDyU9Q9NQcxsoR",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1035.857421875,
      "y": 559.0948791503906,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 65,
      "height": 25,
      "seed": 825365073,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "tokens",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "tokens"
    },
    {
      "type": "text",
      "version": 126,
      "versionNonce": 341280590,
      "isDeleted": false,
      "id": "5q_M0csavJ2GbsK6cUv5j",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1035.6100463867188,
      "y": 666.1184193182888,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 158,
      "height": 25,
      "seed": 1694298321,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "semantic tokens",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "semantic tokens"
    },
    {
      "type": "text",
      "version": 126,
      "versionNonce": 608296082,
      "isDeleted": false,
      "id": "G-y2Jm2ZFGfttcfPeqhCv",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1035.6946411132812,
      "y": 611.1065979003906,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 235,
      "height": 25,
      "seed": 1187113183,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "conditions / breakpoints",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "conditions / breakpoints"
    },
    {
      "type": "text",
      "version": 472,
      "versionNonce": 516255118,
      "isDeleted": false,
      "id": "O1neysoh-tKGA2DTNdI0-",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1699.9749669513412,
      "y": 174.6710091812763,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 97,
      "height": 138,
      "seed": 1517087999,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "Q9XxFBAEJoupOTnU6wd1s",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "@media sm\nlightMode\ndarkMode\nhover\ndisabled\nfocused",
      "baseline": 133,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "@media sm\nlightMode\ndarkMode\nhover\ndisabled\nfocused"
    },
    {
      "type": "arrow",
      "version": 295,
      "versionNonce": 750549586,
      "isDeleted": false,
      "id": "Q9XxFBAEJoupOTnU6wd1s",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1749.1352476099046,
      "y": 156.33378994299505,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 4.102872570360205,
      "height": 47.7799072265625,
      "seed": 1529908465,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "startBinding": {
        "elementId": "O1neysoh-tKGA2DTNdI0-",
        "focus": 0.1095028270804358,
        "gap": 18.33721923828125
      },
      "endBinding": {
        "elementId": "CNGopNAarmwmurlRr-O3Z",
        "focus": 0.17353191344056704,
        "gap": 3.35272216796875
      },
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "points": [
        [
          0,
          0
        ],
        [
          -4.102872570360205,
          -47.7799072265625
        ]
      ]
    },
    {
      "type": "text",
      "version": 468,
      "versionNonce": 1729924046,
      "isDeleted": false,
      "id": "haddZ7VD4gZcGS-ta2rZS",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 944.7017211914062,
      "y": 811.2401123046875,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 84,
      "height": 23,
      "seed": 1570070609,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "tokens.css",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "tokens.css"
    },
    {
      "type": "text",
      "version": 504,
      "versionNonce": 261971986,
      "isDeleted": false,
      "id": "9w_GvXihpNit-aa_gqs3A",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 943.8912353515625,
      "y": 852.2362060546875,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 178,
      "height": 23,
      "seed": 898051633,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "tokens.[condition].css",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "tokens.[condition].css"
    },
    {
      "type": "text",
      "version": 524,
      "versionNonce": 1266016782,
      "isDeleted": false,
      "id": "s39ZNM5I8zrMiZKgt24gX",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 944.9360961914062,
      "y": 935.677001953125,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 73,
      "height": 23,
      "seed": 927654097,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "tokens.js",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "tokens.js"
    },
    {
      "type": "text",
      "version": 559,
      "versionNonce": 953912786,
      "isDeleted": false,
      "id": "H-TNFzJxtK4HMyVhwtjzf",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 943.7284545898438,
      "y": 976.1912841796875,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 166,
      "height": 23,
      "seed": 1441244369,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "tokens.[condition].js",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "tokens.[condition].js"
    },
    {
      "type": "text",
      "version": 101,
      "versionNonce": 2127196238,
      "isDeleted": false,
      "id": "tzMIF_DZRsiyh7dkXBY7Z",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1234.071533203125,
      "y": 797.0208740234375,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 197,
      "height": 46,
      "seed": 1399697041,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "[devtool*] autocomplete\nfor css variables",
      "baseline": 41,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "[devtool*] autocomplete\nfor css variables"
    },
    {
      "type": "text",
      "version": 322,
      "versionNonce": 2106459026,
      "isDeleted": false,
      "id": "oLvZmWZUCyT8Ns59kiXKW",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1233.58642578125,
      "y": 948.2578125,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 227,
      "height": 115,
      "seed": 1064148319,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "[types*] autocomplete\nfor css tokens\n\ngetToken(\"colors.red.500\")\ngetCssVar(\"colors.red.500\")",
      "baseline": 110,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "[types*] autocomplete\nfor css tokens\n\ngetToken(\"colors.red.500\")\ngetCssVar(\"colors.red.500\")"
    },
    {
      "type": "text",
      "version": 57,
      "versionNonce": 1827878542,
      "isDeleted": false,
      "id": "ti0wpY18gvre82LwYXmhV",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1525.3834228515625,
      "y": 1020.9759521484375,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 68,
      "height": 23,
      "seed": 1146062879,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "#red400",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "#red400"
    },
    {
      "type": "text",
      "version": 99,
      "versionNonce": 2011939154,
      "isDeleted": false,
      "id": "h_9oUkzoLEO7jWomMk62E",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1526.815673828125,
      "y": 1047.2975463867188,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 172,
      "height": 23,
      "seed": 635426591,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "var(--colors-red-500)",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "var(--colors-red-500)"
    },
    {
      "type": "rectangle",
      "version": 74,
      "versionNonce": 514405582,
      "isDeleted": false,
      "id": "omg_fnXWmqLx6ftDQ5Jii",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 904.683349609375,
      "y": 733.5252762495319,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 873.408203125,
      "height": 388.118408203125,
      "seed": 1636807903,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 34,
      "versionNonce": 1665910546,
      "isDeleted": false,
      "id": "37ssd7I3fylghO07esQl2",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 927.5739135742188,
      "y": 747.3267211914062,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 79,
      "height": 23,
      "seed": 1687348785,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "*codegen",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "*codegen"
    },
    {
      "type": "text",
      "version": 390,
      "versionNonce": 495282958,
      "isDeleted": false,
      "id": "YRTSrz0pI4e4sVpyQ0ATs",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 899.8143005371094,
      "y": -159.97659301757812,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 176,
      "height": 206,
      "seed": 1894137457,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "$ROOT/.panda\n\ntokens\n- js\n- css\n\nstyled-system\n- css function\n- globalStyle function",
      "baseline": 201,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "$ROOT/.panda\n\ntokens\n- js\n- css\n\nstyled-system\n- css function\n- globalStyle function"
    },
    {
      "type": "text",
      "version": 98,
      "versionNonce": 2015696082,
      "isDeleted": false,
      "id": "u8JO8pTQXBnCSm0ecf_gv",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1256.796600235356,
      "y": -62.216803718107684,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 84,
      "height": 23,
      "seed": 834517151,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "panda dev",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "panda dev"
    },
    {
      "type": "text",
      "version": 230,
      "versionNonce": 1476450638,
      "isDeleted": false,
      "id": "A2gjMN82icaytIXEbrwwL",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1257.5254875918529,
      "y": -17.400642947820756,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 96,
      "height": 23,
      "seed": 1060654161,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "panda build",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "panda build"
    },
    {
      "type": "text",
      "version": 468,
      "versionNonce": 1208920722,
      "isDeleted": false,
      "id": "bZnFL2a1hYdj2E5dmcmbc",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 2152.3073023588286,
      "y": 559.2246849293701,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 387,
      "height": 381,
      "seed": 1961624479,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "token visualization\n \n*token documentation\n\n*asset management (fonts, icons)\n\n*token migration\n - variables.css > panda\n - tailwind.config > panda\n - theme.{js,ts} > panda\n\n*token analysis\n- how are engineers using tokens?\n- are they even using tokens?\n- observe changes and impact of token",
      "baseline": 374,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "token visualization\n \n*token documentation\n\n*asset management (fonts, icons)\n\n*token migration\n - variables.css > panda\n - tailwind.config > panda\n - theme.{js,ts} > panda\n\n*token analysis\n- how are engineers using tokens?\n- are they even using tokens?\n- observe changes and impact of token"
    },
    {
      "type": "text",
      "version": 317,
      "versionNonce": 91520910,
      "isDeleted": false,
      "id": "Yd4gCg-dTWZ9GAeHAMMCb",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1257.3308504811448,
      "y": 30.953351430069006,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 232,
      "height": 23,
      "seed": 1474189503,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "panda tokens preview | build",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "panda tokens preview | build"
    },
    {
      "type": "text",
      "version": 361,
      "versionNonce": 431982674,
      "isDeleted": false,
      "id": "MKNlOYZXhzORgcLYn15EQ",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1257.5254875918529,
      "y": 76.11298050982634,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 152,
      "height": 23,
      "seed": 1260959455,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "panda tokens audit",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "panda tokens audit"
    },
    {
      "type": "text",
      "version": 232,
      "versionNonce": 169434574,
      "isDeleted": false,
      "id": "rzoTzsJnrg1maiyUPfYN1",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 2200.484698875673,
      "y": 1015.6206006881508,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 186,
      "height": 178,
      "seed": 1363251231,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "colors\n- 54 unique values\n- 20 css variables\n\nfonts\n- 40 unique values\n- 9 css variables",
      "baseline": 170,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "colors\n- 54 unique values\n- 20 css variables\n\nfonts\n- 40 unique values\n- 9 css variables"
    },
    {
      "type": "text",
      "version": 243,
      "versionNonce": 1158589970,
      "isDeleted": false,
      "id": "-AwtKnTotdKzkJhEZN_HH",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 2474.16055321306,
      "y": 1014.4701088487341,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 320,
      "height": 25,
      "seed": 906161183,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "CLI, Github Action , Github Bot",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "CLI, Github Action , Github Bot"
    },
    {
      "type": "text",
      "version": 438,
      "versionNonce": 1527280654,
      "isDeleted": false,
      "id": "Jk5mq_K730bTlmcXKpEws",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "dashed",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 2476.8086872310405,
      "y": 1053.7009476117864,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 290,
      "height": 25,
      "seed": 154477119,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "threshold (custom values): 10",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "threshold (custom values): 10"
    },
    {
      "type": "line",
      "version": 37,
      "versionNonce": 250813394,
      "isDeleted": false,
      "id": "rGE1eQxz9fG84qWs44EAl",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 698.630035290612,
      "y": 482.8318265521536,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 143.13412771674575,
      "height": 2.5210959168190357,
      "seed": 1724502929,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "startBinding": null,
      "endBinding": null,
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": null,
      "points": [
        [
          0,
          0
        ],
        [
          143.13412771674575,
          -2.5210959168190357
        ]
      ]
    },
    {
      "type": "line",
      "version": 56,
      "versionNonce": 1648017998,
      "isDeleted": false,
      "id": "G5f-4PtxXjOsz-crQTEnO",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 1153.3988512625806,
      "y": 481.2871088227732,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 801.7959384010737,
      "height": 2.7494336141985514,
      "seed": 678541169,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "startBinding": null,
      "endBinding": null,
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": null,
      "points": [
        [
          0,
          0
        ],
        [
          801.7959384010737,
          2.7494336141985514
        ]
      ]
    },
    {
      "type": "rectangle",
      "version": 74,
      "versionNonce": 92524946,
      "isDeleted": false,
      "id": "e5QQoqEF33QrjZLaFdoWR",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 94.43942260742188,
      "y": -233.63519287109375,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 217.46743774414062,
      "height": 69.87631225585938,
      "seed": 2013282445,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "ylWA1iSDzp91wg_Q0rSpv",
          "type": "text"
        },
        {
          "id": "iYzxqJv5aYEXE0RArXo73",
          "type": "arrow"
        },
        {
          "type": "text",
          "id": "ylWA1iSDzp91wg_Q0rSpv"
        },
        {
          "id": "QA34w3ps1ht0OvfmVj8gS",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "rectangle",
      "version": 129,
      "versionNonce": 1653164174,
      "isDeleted": false,
      "id": "1mjldD6L6phC5i75Q-bg7",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 403.26036071777344,
      "y": -267.2875213623047,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 297,
      "height": 70,
      "seed": 169102691,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "O-KKSDTplI8AMEbr3aFXW",
          "type": "arrow"
        },
        {
          "type": "text",
          "id": "lQFSrGKop7ZnK6WHDhksu"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 13,
      "versionNonce": 1542967122,
      "isDeleted": false,
      "id": "ylWA1iSDzp91wg_Q0rSpv",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 185.93942260742188,
      "y": -211.19703674316406,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 34,
      "height": 23,
      "seed": 211986157,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "CLI",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "e5QQoqEF33QrjZLaFdoWR",
      "originalText": "CLI"
    },
    {
      "type": "text",
      "version": 121,
      "versionNonce": 1538066126,
      "isDeleted": false,
      "id": "g2j3qq1L_6ImBaB84OOeN",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 97.99542236328125,
      "y": -431.5128173828125,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 252,
      "height": 23,
      "seed": 777187757,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "iYzxqJv5aYEXE0RArXo73",
          "type": "arrow"
        },
        {
          "id": "O-KKSDTplI8AMEbr3aFXW",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "import {css} from \".panda/css\"",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "import {css} from \".panda/css\""
    },
    {
      "type": "arrow",
      "version": 27,
      "versionNonce": 1185289490,
      "isDeleted": false,
      "id": "iYzxqJv5aYEXE0RArXo73",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 188.7728813333453,
      "y": -241.17166137695312,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 20.095696416962994,
      "height": 162.1484375,
      "seed": 1878565101,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "startBinding": {
        "focus": -0.17333483570997485,
        "gap": 7.69921875,
        "elementId": "e5QQoqEF33QrjZLaFdoWR"
      },
      "endBinding": {
        "focus": 0.2502929574706994,
        "gap": 3.192718505859375,
        "elementId": "g2j3qq1L_6ImBaB84OOeN"
      },
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "points": [
        [
          0,
          0
        ],
        [
          20.095696416962994,
          -162.1484375
        ]
      ]
    },
    {
      "type": "rectangle",
      "version": 122,
      "versionNonce": 1849621774,
      "isDeleted": false,
      "id": "cxvN6jngByvnqHUfpCmnU",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 244.70962524414062,
      "y": -105.0479736328125,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 217.46743774414062,
      "height": 69.87631225585938,
      "seed": 472842595,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "type": "text",
          "id": "b2Mt399dAhJoKmNOMHyME"
        },
        {
          "id": "iYzxqJv5aYEXE0RArXo73",
          "type": "arrow"
        },
        {
          "id": "QA34w3ps1ht0OvfmVj8gS",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 77,
      "versionNonce": 1459987154,
      "isDeleted": false,
      "id": "b2Mt399dAhJoKmNOMHyME",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 300.7096252441406,
      "y": -81.60981750488281,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 105,
      "height": 23,
      "seed": 1297735043,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "panda.config",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "cxvN6jngByvnqHUfpCmnU",
      "originalText": "panda.config"
    },
    {
      "type": "arrow",
      "version": 56,
      "versionNonce": 1069034318,
      "isDeleted": false,
      "id": "QA34w3ps1ht0OvfmVj8gS",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 317.4420471191406,
      "y": -113.09222412109375,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 96.17514038085938,
      "height": 40.1953125,
      "seed": 24031843,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "startBinding": {
        "elementId": "cxvN6jngByvnqHUfpCmnU",
        "focus": 0.3475405870234229,
        "gap": 8.04425048828125
      },
      "endBinding": {
        "elementId": "e5QQoqEF33QrjZLaFdoWR",
        "focus": 0.47084333104740345,
        "gap": 10.471343994140625
      },
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "points": [
        [
          0,
          0
        ],
        [
          -96.17514038085938,
          -40.1953125
        ]
      ]
    },
    {
      "type": "arrow",
      "version": 102,
      "versionNonce": 1470986386,
      "isDeleted": false,
      "id": "O-KKSDTplI8AMEbr3aFXW",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 240.27867798598422,
      "y": -402.01657616068235,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 308.2347695932086,
      "height": 129.70647767388095,
      "seed": 233007523,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "startBinding": {
        "elementId": "g2j3qq1L_6ImBaB84OOeN",
        "gap": 4.496241222130168,
        "focus": 0.2719417893645463
      },
      "endBinding": {
        "elementId": "1mjldD6L6phC5i75Q-bg7",
        "gap": 5.022577124496715,
        "focus": 0.3965175151877031
      },
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": "arrow",
      "points": [
        [
          0,
          0
        ],
        [
          308.2347695932086,
          129.70647767388095
        ]
      ]
    },
    {
      "type": "text",
      "version": 57,
      "versionNonce": 1584501134,
      "isDeleted": false,
      "id": "lQFSrGKop7ZnK6WHDhksu",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 463.76036071777344,
      "y": -243.7875213623047,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 176,
      "height": 23,
      "seed": 867135811,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "css({ bg: \"red.300\" })",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "1mjldD6L6phC5i75Q-bg7",
      "originalText": "css({ bg: \"red.300\" })"
    },
    {
      "type": "text",
      "version": 42,
      "versionNonce": 676632146,
      "isDeleted": false,
      "id": "2gFWcYzTYuQpwMIZjrKui",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": 517.1261901855469,
      "y": -176.49981689453125,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 84,
      "height": 23,
      "seed": 218921837,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "classname",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "classname"
    },
    {
      "type": "line",
      "version": 157,
      "versionNonce": 631517134,
      "isDeleted": false,
      "id": "BbyXydCDJgdtR1ASDsvE8",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -723.4805450439454,
      "y": -547.5219268798828,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 0,
      "height": 529.091796875,
      "seed": 1379759161,
      "groupIds": [],
      "strokeSharpness": "round",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "startBinding": null,
      "endBinding": null,
      "lastCommittedPoint": null,
      "startArrowhead": null,
      "endArrowhead": null,
      "points": [
        [
          0,
          0
        ],
        [
          0,
          529.091796875
        ]
      ]
    },
    {
      "type": "text",
      "version": 246,
      "versionNonce": 433191954,
      "isDeleted": false,
      "id": "LjgUWl4TBUdUPBknnVRxi",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1117.0091705322266,
      "y": -510.89695739746094,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 139,
      "height": 23,
      "seed": 1262311319,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "Connect them all",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "Connect them all"
    },
    {
      "type": "text",
      "version": 225,
      "versionNonce": 560530958,
      "isDeleted": false,
      "id": "dCPMRtwdRS9GRu95ceYbh",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -622.9499664306641,
      "y": -466.83119201660156,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 226,
      "height": 23,
      "seed": 1951760599,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "Config (js, cjs, ts, mjs, json)",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "Config (js, cjs, ts, mjs, json)"
    },
    {
      "type": "text",
      "version": 608,
      "versionNonce": 1243392466,
      "isDeleted": false,
      "id": "lJTrDQmwwKowBrr1L3L4B",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -622.6179351806641,
      "y": -416.25828552246094,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 394,
      "height": 206,
      "seed": 1530361177,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "- read the config regardless of format\n- query an aspect of the config\n- resolve imports (respecting the closest tsconfig)\n\nimport { breakpoints } from \"@/src/utils\"\n\nexport default defineConfig({\n  breakpoints,\n})",
      "baseline": 201,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "- read the config regardless of format\n- query an aspect of the config\n- resolve imports (respecting the closest tsconfig)\n\nimport { breakpoints } from \"@/src/utils\"\n\nexport default defineConfig({\n  breakpoints,\n})"
    },
    {
      "type": "text",
      "version": 347,
      "versionNonce": 1924731982,
      "isDeleted": false,
      "id": "JS0QFaFGl6vm2mM1Wlqnq",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -620.9805450439453,
      "y": -154.95619201660156,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 72,
      "height": 46,
      "seed": 1344440249,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "tsconfck\nunconfig",
      "baseline": 41,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "tsconfck\nunconfig"
    },
    {
      "type": "text",
      "version": 360,
      "versionNonce": 4956050,
      "isDeleted": false,
      "id": "5OFM9yw1ainIUn4dUIkf8",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -622.9662017822266,
      "y": -537.8207397460938,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 155,
      "height": 23,
      "seed": 221635833,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "@css-panda/config",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "@css-panda/config"
    },
    {
      "type": "text",
      "version": 448,
      "versionNonce": 862804622,
      "isDeleted": false,
      "id": "Ui5fwPZsW9f2uoMvxp-iX",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -644.8736724853516,
      "y": -702.0883483886719,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 325,
      "height": 69,
      "seed": 787590553,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "import { getConfig } @css-panda/config\n\ngetConfig(\"breakpoints\")",
      "baseline": 64,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "import { getConfig } @css-panda/config\n\ngetConfig(\"breakpoints\")"
    },
    {
      "type": "rectangle",
      "version": 109,
      "versionNonce": 144039250,
      "isDeleted": false,
      "id": "q-u5Gy_aoIMSDp3-NCaa0",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1158.8639203575676,
      "y": -442.0687713623047,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 219.52398329326002,
      "height": 49.70053100585943,
      "seed": 1788791223,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "VBdo2wIK5zzaMAxBaVJj4",
          "type": "text"
        },
        {
          "type": "text",
          "id": "VBdo2wIK5zzaMAxBaVJj4"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 137,
      "versionNonce": 1514068174,
      "isDeleted": false,
      "id": "VBdo2wIK5zzaMAxBaVJj4",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1102.3639203575676,
      "y": -428.718505859375,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 107,
      "height": 23,
      "seed": 1705671383,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "Reading files",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "q-u5Gy_aoIMSDp3-NCaa0",
      "originalText": "Reading files"
    },
    {
      "type": "rectangle",
      "version": 213,
      "versionNonce": 273834770,
      "isDeleted": false,
      "id": "q1wrmpjGLUocsGyIVwTyU",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1192.2558270958489,
      "y": -250.1222381591797,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 290,
      "height": 57,
      "seed": 859922359,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "0PPhLmgkP4rnN8h6rxSL0",
          "type": "text"
        },
        {
          "type": "text",
          "id": "0PPhLmgkP4rnN8h6rxSL0"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 268,
      "versionNonce": 516329230,
      "isDeleted": false,
      "id": "0PPhLmgkP4rnN8h6rxSL0",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1137.2558270958489,
      "y": -233.1222381591797,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 180,
      "height": 23,
      "seed": 1770672343,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "Watcher (files, config)",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "q1wrmpjGLUocsGyIVwTyU",
      "originalText": "Watcher (files, config)"
    },
    {
      "type": "rectangle",
      "version": 209,
      "versionNonce": 33042642,
      "isDeleted": false,
      "id": "SuX8XO8he40sVSvGWb0Hp",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1159.4986859825676,
      "y": -153.0648956298828,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 220,
      "height": 49.70053100585943,
      "seed": 259330743,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "YFxeJrw1jOCuaskcioR0c",
          "type": "text"
        },
        {
          "id": "YFxeJrw1jOCuaskcioR0c",
          "type": "text"
        },
        {
          "id": "YFxeJrw1jOCuaskcioR0c",
          "type": "text"
        },
        {
          "type": "text",
          "id": "YFxeJrw1jOCuaskcioR0c"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 252,
      "versionNonce": 1568505166,
      "isDeleted": false,
      "id": "YFxeJrw1jOCuaskcioR0c",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1091.9986859825676,
      "y": -139.7146301269531,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 85,
      "height": 23,
      "seed": 181380055,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "Extraction",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "SuX8XO8he40sVSvGWb0Hp",
      "originalText": "Extraction"
    },
    {
      "type": "rectangle",
      "version": 282,
      "versionNonce": 1629374098,
      "isDeleted": false,
      "id": "un6Kn8RZcVKsm8bZ-EjdB",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1329.7622968224114,
      "y": -26.694473266601562,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 220,
      "height": 49.70053100585943,
      "seed": 1350434007,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "OBYTioCaNeuDdiNN3M9w7",
          "type": "text"
        },
        {
          "type": "text",
          "id": "OBYTioCaNeuDdiNN3M9w7"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 334,
      "versionNonce": 2075960206,
      "isDeleted": false,
      "id": "OBYTioCaNeuDdiNN3M9w7",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1250.7622968224114,
      "y": -13.344207763671847,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 62,
      "height": 23,
      "seed": 729172471,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "Parsing",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "un6Kn8RZcVKsm8bZ-EjdB",
      "originalText": "Parsing"
    },
    {
      "type": "rectangle",
      "version": 315,
      "versionNonce": 645637202,
      "isDeleted": false,
      "id": "Wbt7uQswOfQZ61sIDEPih",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1018.2030927208489,
      "y": -26.811660766601562,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 220,
      "height": 49.70053100585943,
      "seed": 1777122713,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "type": "text",
          "id": "z4nB6-_vYIGCB4mzimuWW"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 375,
      "versionNonce": 1270677966,
      "isDeleted": false,
      "id": "z4nB6-_vYIGCB4mzimuWW",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -953.7030927208489,
      "y": -13.461395263671847,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 91,
      "height": 23,
      "seed": 1913783865,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "Generating",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "Wbt7uQswOfQZ61sIDEPih",
      "originalText": "Generating"
    },
    {
      "type": "rectangle",
      "version": 242,
      "versionNonce": 468142610,
      "isDeleted": false,
      "id": "wKGznAfB4eoJ8NrWNnKes",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1159.3326703575676,
      "y": 112.10105895996094,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 220,
      "height": 49.70053100585943,
      "seed": 36513753,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "eYii0yLbo5zKKiYAZ7ENw",
          "type": "text"
        },
        {
          "id": "eYii0yLbo5zKKiYAZ7ENw",
          "type": "text"
        },
        {
          "type": "text",
          "id": "eYii0yLbo5zKKiYAZ7ENw"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 306,
      "versionNonce": 1888983054,
      "isDeleted": false,
      "id": "eYii0yLbo5zKKiYAZ7ENw",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1125.3326703575676,
      "y": 125.45132446289065,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 152,
      "height": 23,
      "seed": 1775027385,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "temp format (json)",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "wKGznAfB4eoJ8NrWNnKes",
      "originalText": "temp format (json)"
    },
    {
      "type": "rectangle",
      "version": 278,
      "versionNonce": 945305554,
      "isDeleted": false,
      "id": "REL4EE0aledmHi-bqZBxE",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1159.3326703575676,
      "y": 231.37193298339844,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 220,
      "height": 49.70053100585943,
      "seed": 345868887,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "aJGjRr3-qhUNqHSZgX1zb",
          "type": "text"
        },
        {
          "type": "text",
          "id": "aJGjRr3-qhUNqHSZgX1zb"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 367,
      "versionNonce": 1111844430,
      "isDeleted": false,
      "id": "aJGjRr3-qhUNqHSZgX1zb",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1087.8326703575676,
      "y": 244.72219848632815,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 77,
      "height": 23,
      "seed": 793257847,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "styles.css",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "REL4EE0aledmHi-bqZBxE",
      "originalText": "styles.css"
    },
    {
      "type": "rectangle",
      "version": 342,
      "versionNonce": 2078633362,
      "isDeleted": false,
      "id": "X-fK_yFBcgQf7mMxzQd1t",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1161.5299054649895,
      "y": -344.3637237548828,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 220,
      "height": 49.70053100585943,
      "seed": 929558615,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [
        {
          "id": "-w2QFl_SRtHo3GS5hGJaw",
          "type": "text"
        },
        {
          "id": "-w2QFl_SRtHo3GS5hGJaw",
          "type": "text"
        },
        {
          "type": "text",
          "id": "-w2QFl_SRtHo3GS5hGJaw"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "type": "text",
      "version": 393,
      "versionNonce": 832531598,
      "isDeleted": false,
      "id": "-w2QFl_SRtHo3GS5hGJaw",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1088.0299054649895,
      "y": -331.0134582519531,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 73,
      "height": 23,
      "seed": 399887735,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "Codegen",
      "baseline": 18,
      "textAlign": "center",
      "verticalAlign": "middle",
      "containerId": "X-fK_yFBcgQf7mMxzQd1t",
      "originalText": "Codegen"
    },
    {
      "type": "text",
      "version": 423,
      "versionNonce": 1271262034,
      "isDeleted": false,
      "id": "4TfFQfm5pFG2krPJi0g8Q",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "angle": 0,
      "x": -1283.4512481689453,
      "y": -562.6937866210938,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "width": 144,
      "height": 23,
      "seed": 330456121,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "boundElements": [],
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "fontSize": 20,
      "fontFamily": 1,
      "text": "@css-panda/node",
      "baseline": 18,
      "textAlign": "left",
      "verticalAlign": "top",
      "containerId": null,
      "originalText": "@css-panda/node"
    },
    {
      "id": "oQpcco8fpLdM9njPzFrI3",
      "type": "rectangle",
      "x": 1229.682778849793,
      "y": 1453.806591724301,
      "width": 335.72370206121377,
      "height": 143.3696103253303,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 978306770,
      "version": 30,
      "versionNonce": 744401614,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "qAdlpm9V6wFNCqkU8aWMO",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "id": "0uPPApUnyogAfh_Y3dqiv",
      "type": "text",
      "x": 1309.3262366915944,
      "y": 1511.9979019432371,
      "width": 167,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 370351250,
      "version": 99,
      "versionNonce": 1313911058,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "Token Dictionary",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Token Dictionary"
    },
    {
      "id": "AuTYJBv6aPnyM3kjSu6gt",
      "type": "rectangle",
      "x": 1230.283129514363,
      "y": 1702.9197946821696,
      "width": 335.72370206121377,
      "height": 143.3696103253303,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1214020754,
      "version": 113,
      "versionNonce": 18620686,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "qAdlpm9V6wFNCqkU8aWMO",
          "type": "arrow"
        },
        {
          "id": "TNxHRyEqw1hKlSd2cWiS2",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "id": "YQvI4axEbQ7EPSOYyKbSL",
      "type": "text",
      "x": 1348.1238085332147,
      "y": 1761.4112382332041,
      "width": 79,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 735413262,
      "version": 229,
      "versionNonce": 1190969042,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "Utilities",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Utilities"
    },
    {
      "id": "IsBTvD0ftEvg9NrufCrWx",
      "type": "text",
      "x": 1595.9229938405915,
      "y": 1707.8137911370168,
      "width": 235,
      "height": 229,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1672850830,
      "version": 486,
      "versionNonce": 1129369422,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "Utility classes\nCustom style properties\n\nbackground: {\n values: \"colors\",\n className: \"b\",\n shorthand: \"bg\"\n transform(){}\n}",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 221,
      "containerId": null,
      "originalText": "Utility classes\nCustom style properties\n\nbackground: {\n values: \"colors\",\n className: \"b\",\n shorthand: \"bg\"\n transform(){}\n}"
    },
    {
      "id": "qAdlpm9V6wFNCqkU8aWMO",
      "type": "arrow",
      "x": 1398.7860690149437,
      "y": 1607.831774210186,
      "width": 1.6797189764386076,
      "height": 88.28173971098704,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "round",
      "seed": 61750610,
      "version": 32,
      "versionNonce": 1918964882,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "points": [
        [
          0,
          0
        ],
        [
          1.6797189764386076,
          88.28173971098704
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "focus": 0.001302431696926409,
        "gap": 10.655572160554925,
        "elementId": "oQpcco8fpLdM9njPzFrI3"
      },
      "endBinding": {
        "focus": 0.02253936449048976,
        "gap": 6.806280760996856,
        "elementId": "AuTYJBv6aPnyM3kjSu6gt"
      },
      "startArrowhead": null,
      "endArrowhead": "arrow"
    },
    {
      "id": "A0Sfz8olo4bNJlviKCj4r",
      "type": "rectangle",
      "x": 1651.9528977100351,
      "y": 1453.806591724301,
      "width": 335.72370206121377,
      "height": 143.3696103253303,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "luD94vW_O9MmPsJuN5bWu"
      ],
      "strokeSharpness": "sharp",
      "seed": 1912964942,
      "version": 67,
      "versionNonce": 1647620690,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "qAdlpm9V6wFNCqkU8aWMO",
          "type": "arrow"
        },
        {
          "id": "ULKFAB6DXW_OQXmOSFJ5y",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "id": "j3oA9ep32hxjCiXUtKgYM",
      "type": "text",
      "x": 1773.8702642209398,
      "y": 1516.081094697716,
      "width": 98,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "luD94vW_O9MmPsJuN5bWu"
      ],
      "strokeSharpness": "sharp",
      "seed": 380857742,
      "version": 195,
      "versionNonce": 241423310,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "Conditions",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Conditions"
    },
    {
      "id": "gOADB3exOpZzUitKJFyXL",
      "type": "text",
      "x": 2004.078922087759,
      "y": 1462.5298421560003,
      "width": 401,
      "height": 127,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 2097114130,
      "version": 719,
      "versionNonce": 1498322962,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "Breakpoints\nSelectors\nAt Rules @media, @container, @supports\n\n_hover, @sm, @md, _focus",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 120,
      "containerId": null,
      "originalText": "Breakpoints\nSelectors\nAt Rules @media, @container, @supports\n\n_hover, @sm, @md, _focus"
    },
    {
      "id": "VDp093aGTh--jJQiIEa9x",
      "type": "diamond",
      "x": 1998.2813258931747,
      "y": 1823.1902669340802,
      "width": 130.5687908255877,
      "height": 130.5687908255877,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1790958098,
      "version": 37,
      "versionNonce": 665175506,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "TNxHRyEqw1hKlSd2cWiS2",
          "type": "arrow"
        },
        {
          "id": "ULKFAB6DXW_OQXmOSFJ5y",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "id": "TNxHRyEqw1hKlSd2cWiS2",
      "type": "arrow",
      "x": 1393.5135919632885,
      "y": 1854.6649642733464,
      "width": 614.114497902845,
      "height": 284.0938423281127,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "round",
      "seed": 1143727058,
      "version": 118,
      "versionNonce": 1658828878,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "points": [
        [
          0,
          0
        ],
        [
          71.81783209596256,
          284.0938423281127
        ],
        [
          614.114497902845,
          57.258610669212885
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "elementId": "AuTYJBv6aPnyM3kjSu6gt",
        "focus": 0.13372337831928574,
        "gap": 8.375559265846391
      },
      "endBinding": {
        "elementId": "VDp093aGTh--jJQiIEa9x",
        "focus": -0.0007807568052420619,
        "gap": 9.971724920430376
      },
      "startArrowhead": null,
      "endArrowhead": "arrow"
    },
    {
      "id": "ULKFAB6DXW_OQXmOSFJ5y",
      "type": "arrow",
      "x": 1829.395903106069,
      "y": 1607.095846758207,
      "width": 195.04541042699907,
      "height": 246.57183119269484,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "round",
      "seed": 413925138,
      "version": 93,
      "versionNonce": 105986962,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "points": [
        [
          0,
          0
        ],
        [
          195.04541042699907,
          246.57183119269484
        ]
      ],
      "lastCommittedPoint": null,
      "startBinding": {
        "focus": 0.2462944384370416,
        "gap": 10.189280619479518,
        "elementId": "A0Sfz8olo4bNJlviKCj4r"
      },
      "endBinding": {
        "focus": -0.17754751217664358,
        "gap": 6.114350043121561,
        "elementId": "VDp093aGTh--jJQiIEa9x"
      },
      "startArrowhead": null,
      "endArrowhead": "arrow"
    },
    {
      "id": "ntqmf-IR9hx9QGVHtQtL9",
      "type": "text",
      "x": 2043.4188463029363,
      "y": 1873.2974157444833,
      "width": 49,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1228988178,
      "version": 871,
      "versionNonce": 790593166,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "css()",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "css()"
    },
    {
      "id": "XfNFiyBSqIlSrhHpnoIM4",
      "type": "text",
      "x": 2180.2390515909324,
      "y": 1835.6640840989858,
      "width": 670,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1836465422,
      "version": 967,
      "versionNonce": 1938291026,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "css({ bg: { dark: { base: \"red.300\", highConstrast: \"red.400\" } } })",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "css({ bg: { dark: { base: \"red.300\", highConstrast: \"red.400\" } } })"
    },
    {
      "id": "eAHg8HS3vh95gGRLoN9_T",
      "type": "text",
      "x": 2180.2390515909324,
      "y": 1874.275623841319,
      "width": 457,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1089872462,
      "version": 1053,
      "versionNonce": 245432082,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "css({ bg: \"red.300\", dark: { bg: \"red.200\" } })",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "css({ bg: \"red.300\", dark: { bg: \"red.200\" } })"
    },
    {
      "id": "vDV-5QNJXb6SU38drYVFe",
      "type": "text",
      "x": 2129.335413033194,
      "y": 1786.0207093293177,
      "width": 279,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1161392146,
      "version": 1280,
      "versionNonce": 1732227854,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "Atomic: one prop at at time",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Atomic: one prop at at time"
    },
    {
      "id": "KU_Nx3_68Mu5zvkpsWwqp",
      "type": "text",
      "x": 2326.827280247862,
      "y": 1640.078728600044,
      "width": 451,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1959602834,
      "version": 1411,
      "versionNonce": 1947421906,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "fontSize: { sm: 40px, md: { _focus: 90px } }",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "fontSize: { sm: 40px, md: { _focus: 90px } }"
    },
    {
      "id": "u-4D_lRHJds3FUKDNu3Es",
      "type": "text",
      "x": 2326.5274517345015,
      "y": 1682.29256166442,
      "width": 283,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 722505618,
      "version": 1479,
      "versionNonce": 53616974,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "[fontSize, md, _focus] 90px",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "[fontSize, md, _focus] 90px"
    },
    {
      "id": "y4dJB3EMzAwPrdBG7fwFy",
      "type": "text",
      "x": 2327.505659831337,
      "y": 1719.1047286808969,
      "width": 283,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 888199570,
      "version": 1534,
      "versionNonce": 427156114,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "[fontSize, _focus, md] 90px",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "[fontSize, _focus, md] 90px"
    },
    {
      "id": "toAIHvDoBcn8blKeoeDAV",
      "type": "text",
      "x": 2714.9169001574637,
      "y": 1738.0195299357927,
      "width": 157,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 674269138,
      "version": 1658,
      "versionNonce": 1262274446,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "[data-focus] &",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "[data-focus] &"
    },
    {
      "id": "cpeGD0DFraIl_4vxKZOIz",
      "type": "text",
      "x": 2521.8911992197177,
      "y": 1777.3594541509697,
      "width": 365,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 377017874,
      "version": 1922,
      "versionNonce": 2140710350,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "[data-focus] md:focus:fontSize-90px",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "[data-focus] md:focus:fontSize-90px"
    },
    {
      "id": "-lRVLd5WH60N7isXzjcVT",
      "type": "rectangle",
      "x": 1256.5770958778667,
      "y": 2264.908699027918,
      "width": 335.72370206121377,
      "height": 143.3696103253303,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "DKozZ7Aq2HSR_HDP_ftI-"
      ],
      "strokeSharpness": "sharp",
      "seed": 761863950,
      "version": 141,
      "versionNonce": 1902033934,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "qAdlpm9V6wFNCqkU8aWMO",
          "type": "arrow"
        },
        {
          "id": "ULKFAB6DXW_OQXmOSFJ5y",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "id": "ybHn38MHNY7UCo0GLdK_3",
      "type": "text",
      "x": 1378.4944623887714,
      "y": 2327.183202001333,
      "width": 91,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "DKozZ7Aq2HSR_HDP_ftI-"
      ],
      "strokeSharpness": "sharp",
      "seed": 424545614,
      "version": 277,
      "versionNonce": 1711625170,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "Patterns",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Patterns"
    },
    {
      "id": "_316e_YM03Gkwlz6OI8HJ",
      "type": "rectangle",
      "x": 1714.644188279155,
      "y": 2264.487197512167,
      "width": 335.72370206121377,
      "height": 143.3696103253303,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "VBQG9g7j-2BplJx1iemcb"
      ],
      "strokeSharpness": "sharp",
      "seed": 1974264334,
      "version": 230,
      "versionNonce": 1720191566,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "qAdlpm9V6wFNCqkU8aWMO",
          "type": "arrow"
        },
        {
          "id": "ULKFAB6DXW_OQXmOSFJ5y",
          "type": "arrow"
        }
      ],
      "updated": 1669224477349,
      "link": null,
      "locked": false
    },
    {
      "id": "tFp7y75zRuH9DCmXmbBV_",
      "type": "text",
      "x": 1836.5615547900597,
      "y": 2326.761700485582,
      "width": 73,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "VBQG9g7j-2BplJx1iemcb"
      ],
      "strokeSharpness": "sharp",
      "seed": 1243705422,
      "version": 373,
      "versionNonce": 764348818,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "Recipes",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Recipes"
    },
    {
      "id": "6hnhBkNUSepO7cOm45JOs",
      "type": "text",
      "x": 1285.6592875618207,
      "y": 2438.3939073943448,
      "width": 260,
      "height": 127,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 473414350,
      "version": 231,
      "versionNonce": 2112721038,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "stack({ direction: \"column\",\n gap: \"30px\",\nalign: \"40px\",\n bg: \"red.300\"\n })",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 120,
      "containerId": null,
      "originalText": "stack({ direction: \"column\",\n gap: \"30px\",\nalign: \"40px\",\n bg: \"red.300\"\n })"
    },
    {
      "id": "uDocVi6xOe_jFHGQgNu8C",
      "type": "text",
      "x": 993.6912797759433,
      "y": 2274.170434244365,
      "width": 209,
      "height": 407,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 633917778,
      "version": 768,
      "versionNonce": 1306265426,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "Pattern\nsugar-css-fns\n\nstack: {\n properties: {\n   align: {\n   type: \"cssProp\",\n   value: \"alignItems\"\n},,\n  spacing: {\n   type: \"token\",\n   value: \"spacing\"\n  }\n }, \n transform(){}\n}",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 399,
      "containerId": null,
      "originalText": "Pattern\nsugar-css-fns\n\nstack: {\n properties: {\n   align: {\n   type: \"cssProp\",\n   value: \"alignItems\"\n},,\n  spacing: {\n   type: \"token\",\n   value: \"spacing\"\n  }\n }, \n transform(){}\n}"
    },
    {
      "id": "hjjOd10d7emSj2X-mL8H4",
      "type": "text",
      "x": 2097.2110045021122,
      "y": 2274.170434244365,
      "width": 202,
      "height": 280,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1224177426,
      "version": 1007,
      "versionNonce": 323505870,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "Recipe\nmulti-variant system\n\nbutton :{\n  base: {},\n  variants {\n    size: { },\n    variant: {},\n },\n  defaultVariants:{}\n}",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 272,
      "containerId": null,
      "originalText": "Recipe\nmulti-variant system\n\nbutton :{\n  base: {},\n  variants {\n    size: { },\n    variant: {},\n },\n  defaultVariants:{}\n}"
    },
    {
      "id": "Os0_NUc9kgDUMPcY9n1Yd",
      "type": "text",
      "x": 2099.6164201909037,
      "y": 2589.8846783899407,
      "width": 355,
      "height": 102,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 496056210,
      "version": 386,
      "versionNonce": 1598246162,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "button({\n  size: lg,\n  variant: { @sm: {dark: outline } }\n })",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 94,
      "containerId": null,
      "originalText": "button({\n  size: lg,\n  variant: { @sm: {dark: outline } }\n })"
    },
    {
      "id": "qMSqMdOGVvxBTaT1508mK",
      "type": "text",
      "x": 2107.4957517839384,
      "y": 2727.1515509789742,
      "width": 77,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1093825618,
      "version": 447,
      "versionNonce": 590431502,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "button ",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "button "
    },
    {
      "id": "xHEHw_xbi_DxoHuzY3jOR",
      "type": "text",
      "x": 2107.4957517839384,
      "y": 2769.5577367990113,
      "width": 226,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 65425806,
      "version": 486,
      "versionNonce": 1463540434,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "button--variant-outline",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "button--variant-outline"
    },
    {
      "id": "ZKf4BZYEEgA9S9mRNwV6y",
      "type": "text",
      "x": 2107.2973818376286,
      "y": 2811.8370045162183,
      "width": 302,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1940193294,
      "version": 534,
      "versionNonce": 790721358,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "sm:dark:button--variant-outline",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "sm:dark:button--variant-outline"
    },
    {
      "id": "Ij-p1UbjYHW9fZT3re9pU",
      "type": "text",
      "x": 2107.396641162338,
      "y": 2855.991864536877,
      "width": 144,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1246066450,
      "version": 531,
      "versionNonce": 1683796114,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477349,
      "link": null,
      "locked": false,
      "text": "button--size-lg",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "button--size-lg"
    },
    {
      "id": "YecJbk67A2Y-y7ABUZfla",
      "type": "rectangle",
      "x": 792.8435170536845,
      "y": 1322.8965385417703,
      "width": 2197.3149861593242,
      "height": 1912.0701528191246,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1620748942,
      "version": 61,
      "versionNonce": 1247596114,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477350,
      "link": null,
      "locked": false
    },
    {
      "id": "_Y5XkoPW4mppbJ1ORiWot",
      "type": "text",
      "x": 2796.3647596500755,
      "y": 1368.557320799912,
      "width": 149,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 2083732110,
      "version": 63,
      "versionNonce": 828078030,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477350,
      "link": null,
      "locked": false,
      "text": "Cascade Layer",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Cascade Layer"
    },
    {
      "id": "INLuNNN5sfbLdJWLIOGLt",
      "type": "text",
      "x": 2206.513531086551,
      "y": 2122.334692701896,
      "width": 373,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1894945234,
      "version": 245,
      "versionNonce": 1041445906,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477350,
      "link": null,
      "locked": false,
      "text": "reset, global, tokens, recipes, utilities",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "reset, global, tokens, recipes, utilities"
    },
    {
      "id": "52Y7xWE7NpeIiGlDW2U-F",
      "type": "rectangle",
      "x": 958.3310340777452,
      "y": 3434.933018140499,
      "width": 335.72370206121377,
      "height": 143.3696103253303,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "hyFpyTfZZ3fe7IhFEVHwK"
      ],
      "strokeSharpness": "sharp",
      "seed": 408416398,
      "version": 415,
      "versionNonce": 1190612494,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "qAdlpm9V6wFNCqkU8aWMO",
          "type": "arrow"
        },
        {
          "id": "ULKFAB6DXW_OQXmOSFJ5y",
          "type": "arrow"
        }
      ],
      "updated": 1669224477350,
      "link": null,
      "locked": false
    },
    {
      "id": "Cnk391l4p_5uHNTG2zg8W",
      "type": "text",
      "x": 1059.6735216456962,
      "y": 3494.5674856761357,
      "width": 126,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "hyFpyTfZZ3fe7IhFEVHwK"
      ],
      "strokeSharpness": "sharp",
      "seed": 828813006,
      "version": 604,
      "versionNonce": 1098310098,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477350,
      "link": null,
      "locked": false,
      "text": "FS Watchers",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "FS Watchers"
    },
    {
      "id": "JGxsA6zDlnJuV2PkLcN_f",
      "type": "rectangle",
      "x": 1380.3668877000023,
      "y": 3431.2640327870836,
      "width": 335.72370206121377,
      "height": 143.3696103253303,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "UbHY-IbnkXy6KjisBj3Xu"
      ],
      "strokeSharpness": "sharp",
      "seed": 1268008974,
      "version": 384,
      "versionNonce": 1597922382,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "qAdlpm9V6wFNCqkU8aWMO",
          "type": "arrow"
        },
        {
          "id": "ULKFAB6DXW_OQXmOSFJ5y",
          "type": "arrow"
        }
      ],
      "updated": 1669224477350,
      "link": null,
      "locked": false
    },
    {
      "id": "nNNBn9gxsnBWuPP-wS8Ue",
      "type": "text",
      "x": 1517.8206633160785,
      "y": 3490.8069816573743,
      "width": 68,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "UbHY-IbnkXy6KjisBj3Xu"
      ],
      "strokeSharpness": "sharp",
      "seed": 2049709646,
      "version": 597,
      "versionNonce": 2141116306,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477350,
      "link": null,
      "locked": false,
      "text": "Parser",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Parser"
    },
    {
      "id": "ErnSjSmfCgHs5UDinG9BS",
      "type": "rectangle",
      "x": 1823.0031946859494,
      "y": 3431.168841017014,
      "width": 335.72370206121377,
      "height": 143.3696103253303,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "jqyaWQWizh1YLvYTexSvk"
      ],
      "strokeSharpness": "sharp",
      "seed": 314999122,
      "version": 413,
      "versionNonce": 1879679630,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "qAdlpm9V6wFNCqkU8aWMO",
          "type": "arrow"
        },
        {
          "id": "ULKFAB6DXW_OQXmOSFJ5y",
          "type": "arrow"
        }
      ],
      "updated": 1669224477350,
      "link": null,
      "locked": false
    },
    {
      "id": "dzHqo88ngISGrO0lpYWW5",
      "type": "text",
      "x": 1959.6806064102511,
      "y": 3490.711789887305,
      "width": 85,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "jqyaWQWizh1YLvYTexSvk"
      ],
      "strokeSharpness": "sharp",
      "seed": 1422821138,
      "version": 634,
      "versionNonce": 683808082,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477350,
      "link": null,
      "locked": false,
      "text": "CSS Gen",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "CSS Gen"
    },
    {
      "id": "J2pdmizUaNfy0l-l0hfwT",
      "type": "rectangle",
      "x": 500.2168130375453,
      "y": 3437.6646752278675,
      "width": 335.72370206121377,
      "height": 143.3696103253303,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "Obs799fFNyZZuRYDc38oc"
      ],
      "strokeSharpness": "sharp",
      "seed": 1209214158,
      "version": 484,
      "versionNonce": 1276256462,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "qAdlpm9V6wFNCqkU8aWMO",
          "type": "arrow"
        },
        {
          "id": "ULKFAB6DXW_OQXmOSFJ5y",
          "type": "arrow"
        }
      ],
      "updated": 1669224477350,
      "link": null,
      "locked": false
    },
    {
      "id": "U_u7x-pr2gDK-fbR3pLa_",
      "type": "text",
      "x": 619.215743369502,
      "y": 3498.522183652085,
      "width": 89,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "Obs799fFNyZZuRYDc38oc"
      ],
      "strokeSharpness": "sharp",
      "seed": 1680956174,
      "version": 746,
      "versionNonce": 1312267026,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477350,
      "link": null,
      "locked": false,
      "text": "Code gen",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Code gen"
    },
    {
      "id": "AFDUTxvgaccYvKOpFbx66",
      "type": "rectangle",
      "x": 958.2368553121717,
      "y": 3638.741138137171,
      "width": 335.72370206121377,
      "height": 143.3696103253303,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "IwL8WMFouKqlcBeEB_0Gx"
      ],
      "strokeSharpness": "sharp",
      "seed": 1144630034,
      "version": 458,
      "versionNonce": 1486681106,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "qAdlpm9V6wFNCqkU8aWMO",
          "type": "arrow"
        },
        {
          "id": "ULKFAB6DXW_OQXmOSFJ5y",
          "type": "arrow"
        }
      ],
      "updated": 1669224648473,
      "link": null,
      "locked": false
    },
    {
      "id": "wXYuNz5sQdywNdTsVrQBG",
      "type": "text",
      "x": 1020.1892635267238,
      "y": 3699.3750573120174,
      "width": 206,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "IwL8WMFouKqlcBeEB_0Gx"
      ],
      "strokeSharpness": "sharp",
      "seed": 1236695250,
      "version": 763,
      "versionNonce": 1122602510,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224648473,
      "link": null,
      "locked": false,
      "text": "Vite Plugin / Unplugin",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Vite Plugin / Unplugin"
    },
    {
      "id": "lYGGyWTsCf_yBJ3H3ai0d",
      "type": "rectangle",
      "x": 958.3310340777452,
      "y": 3853.6542222770963,
      "width": 335.72370206121377,
      "height": 143.3696103253303,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "_vsoJPeuQFC9dp0g32gJ7"
      ],
      "strokeSharpness": "sharp",
      "seed": 492303310,
      "version": 502,
      "versionNonce": 1495188814,
      "isDeleted": false,
      "boundElements": [
        {
          "id": "qAdlpm9V6wFNCqkU8aWMO",
          "type": "arrow"
        },
        {
          "id": "ULKFAB6DXW_OQXmOSFJ5y",
          "type": "arrow"
        }
      ],
      "updated": 1669224477350,
      "link": null,
      "locked": false
    },
    {
      "id": "uD9oGwSO2Tt9U23yBXZzi",
      "type": "text",
      "x": 1072.9856628074167,
      "y": 3913.1776720188855,
      "width": 86,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [
        "_vsoJPeuQFC9dp0g32gJ7"
      ],
      "strokeSharpness": "sharp",
      "seed": 1979992590,
      "version": 726,
      "versionNonce": 1628798610,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477350,
      "link": null,
      "locked": false,
      "text": "PostCSS",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "PostCSS"
    },
    {
      "id": "Angt24H08UW0Z9NYbtx8C",
      "type": "text",
      "x": 1344.454692693173,
      "y": 3636.080454901366,
      "width": 195,
      "height": 76,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 292719246,
      "version": 309,
      "versionNonce": 807480018,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224533439,
      "link": null,
      "locked": false,
      "text": ".pt-20{\n  padding-top: 20px\n}",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 69,
      "containerId": null,
      "originalText": ".pt-20{\n  padding-top: 20px\n}"
    },
    {
      "id": "EP82kuMHoPN2IOy7kXuDb",
      "type": "text",
      "x": 1611.0232049576991,
      "y": 3709.7103127164914,
      "width": 156,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 749150226,
      "version": 155,
      "versionNonce": 753410574,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224548911,
      "link": null,
      "locked": false,
      "text": "css({pt: \"40\" })",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "css({pt: \"40\" })"
    },
    {
      "id": "CudAbZSVer66Y5Z0eH-qp",
      "type": "text",
      "x": 1343.8387480469999,
      "y": 3738.310253060891,
      "width": 195,
      "height": 76,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 911951374,
      "version": 334,
      "versionNonce": 1684957650,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224553768,
      "link": null,
      "locked": false,
      "text": ".pt-40{\n  padding-top: 20px\n}",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 69,
      "containerId": null,
      "originalText": ".pt-40{\n  padding-top: 20px\n}"
    },
    {
      "id": "20r6OXl5nF4aiv88CzToL",
      "type": "text",
      "x": 1611.3783470254666,
      "y": 3837.3630749408867,
      "width": 384,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1256728786,
      "version": 222,
      "versionNonce": 1437140302,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224656932,
      "link": null,
      "locked": false,
      "text": "Flush file > Read the new file > render",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Flush file > Read the new file > render"
    },
    {
      "id": "j0pAt3pCh8T_Vu6Oli7t0",
      "type": "text",
      "x": 1611.3089939085114,
      "y": 3623.0499251184096,
      "width": 157,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1000009746,
      "version": 144,
      "versionNonce": 1834868750,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224477350,
      "link": null,
      "locked": false,
      "text": "css({pt: \"20\" })",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "css({pt: \"20\" })"
    },
    {
      "id": "lJJEm0uTf3WkTtbTsHU50",
      "type": "text",
      "x": 1611.32288534304,
      "y": 3668.926023454966,
      "width": 233,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 523688082,
      "version": 190,
      "versionNonce": 1355606610,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224491239,
      "link": null,
      "locked": false,
      "text": "css({pt: \"0\" }) - no css",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "css({pt: \"0\" }) - no css"
    },
    {
      "id": "uJO3fpg3W_3ONpltZeuNV",
      "type": "text",
      "x": 1810.8593988873458,
      "y": 3626.025683708648,
      "width": 206,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1546941330,
      "version": 121,
      "versionNonce": 1868227474,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224521756,
      "link": null,
      "locked": false,
      "text": "padding, margin, color",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "padding, margin, color"
    },
    {
      "id": "JePmt5DysaRn5y50zk-42",
      "type": "text",
      "x": 1611.0232049576991,
      "y": 3761.9545932276246,
      "width": 156,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1954879378,
      "version": 179,
      "versionNonce": 1822898322,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224551541,
      "link": null,
      "locked": false,
      "text": "css({pt: \"42\" })",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "css({pt: \"42\" })"
    },
    {
      "id": "2fh_eBZyDEF9U40fbkDaV",
      "type": "text",
      "x": 1343.8387480469999,
      "y": 3835.2790736084157,
      "width": 195,
      "height": 76,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1676536654,
      "version": 379,
      "versionNonce": 118952914,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224556011,
      "link": null,
      "locked": false,
      "text": ".pt-42{\n  padding-top: 20px\n}",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 69,
      "containerId": null,
      "originalText": ".pt-42{\n  padding-top: 20px\n}"
    },
    {
      "id": "r2eJKgEq1YE6_X0R-amhD",
      "type": "text",
      "x": 1610.8258119801933,
      "y": 3935.076722756685,
      "width": 189,
      "height": 25,
      "angle": 0,
      "strokeColor": "#000000",
      "backgroundColor": "transparent",
      "fillStyle": "hachure",
      "strokeWidth": 1,
      "strokeStyle": "solid",
      "roughness": 1,
      "opacity": 100,
      "groupIds": [],
      "strokeSharpness": "sharp",
      "seed": 1997757454,
      "version": 383,
      "versionNonce": 1006342094,
      "isDeleted": false,
      "boundElements": null,
      "updated": 1669224677591,
      "link": null,
      "locked": false,
      "text": "Windicss => UnoCss",
      "fontSize": 20,
      "fontFamily": 1,
      "textAlign": "left",
      "verticalAlign": "top",
      "baseline": 18,
      "containerId": null,
      "originalText": "Windicss => UnoCss"
    }
  ],
  "appState": {
    "gridSize": null,
    "viewBackgroundColor": "#ffffff"
  },
  "files": {}
}