diff --git a/frontend/playwright/data/render-wasm/get-file-background-blur-strokes.json b/frontend/playwright/data/render-wasm/get-file-background-blur-strokes.json new file mode 100644 index 0000000000..69bb0d9d59 --- /dev/null +++ b/frontend/playwright/data/render-wasm/get-file-background-blur-strokes.json @@ -0,0 +1,176 @@ +{ + "~:features": { + "~#set": [ + "fdata/path-data", + "plugins/runtime", + "design-tokens/v1", + "variants/v1", + "layout/grid", + "styles/v2", + "fdata/pointer-map", + "fdata/objects-map", + "tokens/numeric-input", + "render-wasm/v1", + "components/v2", + "fdata/shape-data-type" + ] + }, + "~:team-id": "~u8b485740-3f39-8080-8008-400e7784f55a", + "~:permissions": { + "~:type": "~:membership", + "~:is-owner": true, + "~:is-admin": true, + "~:can-edit": true, + "~:can-read": true, + "~:is-logged": true + }, + "~:has-media-trimmed": false, + "~:comment-thread-seqn": 0, + "~:name": "New File 3", + "~:revn": 65, + "~:modified-at": "~m1784199941209", + "~:vern": 0, + "~:id": "~u814272d9-d3f8-812d-8008-54c11cbba219", + "~:is-shared": false, + "~:migrations": { + "~#ordered-set": [ + "legacy-2", + "legacy-3", + "legacy-5", + "legacy-6", + "legacy-7", + "legacy-8", + "legacy-9", + "legacy-10", + "legacy-11", + "legacy-12", + "legacy-13", + "legacy-14", + "legacy-16", + "legacy-17", + "legacy-18", + "legacy-19", + "legacy-25", + "legacy-26", + "legacy-27", + "legacy-28", + "legacy-29", + "legacy-31", + "legacy-32", + "legacy-33", + "legacy-34", + "legacy-36", + "legacy-37", + "legacy-38", + "legacy-39", + "legacy-40", + "legacy-41", + "legacy-42", + "legacy-43", + "legacy-44", + "legacy-45", + "legacy-46", + "legacy-47", + "legacy-48", + "legacy-49", + "legacy-50", + "legacy-51", + "legacy-52", + "legacy-53", + "legacy-54", + "legacy-55", + "legacy-56", + "legacy-57", + "legacy-59", + "legacy-62", + "legacy-65", + "legacy-66", + "legacy-67", + "0001-remove-tokens-from-groups", + "0002-normalize-bool-content-v2", + "0002-clean-shape-interactions", + "0003-fix-root-shape", + "0003-convert-path-content-v2", + "0005-deprecate-image-type", + "0006-fix-old-texts-fills", + "0008-fix-library-colors-v4", + "0009-clean-library-colors", + "0009-add-partial-text-touched-flags", + "0010-fix-swap-slots-pointing-non-existent-shapes", + "0011-fix-invalid-text-touched-flags", + "0012-fix-position-data", + "0013-fix-component-path", + "0013-clear-invalid-strokes-and-fills", + "0014-fix-tokens-lib-duplicate-ids", + "0014-clear-components-nil-objects", + "0015-fix-text-attrs-blank-strings", + "0015-clean-shadow-color", + "0016-copy-fills-from-position-data-to-text-node", + "0017-fix-layout-flex-dir", + "0018-remove-unneeded-objects-from-components", + "0019-fix-missing-swap-slots", + "0020-sync-component-id-with-near-main", + "0021-fix-shape-svg-attrs", + "0022-normalize-component-root-and-resync", + "0023-repair-token-themes-with-inexistent-sets", + "0024b-fix-stroke-cap-placement" + ] + }, + "~:version": 67, + "~:project-id": "~u8b485740-3f39-8080-8008-400e7786d1d0", + "~:created-at": "~m1784121921262", + "~:backend": "legacy-db", + "~:data": { + "~:pages": [ + "~u814272d9-d3f8-812d-8008-54c11cbba21a", + "~u844a4204-eb8d-80d3-8008-55e83b4f39e0" + ], + "~:pages-index": { + "~u814272d9-d3f8-812d-8008-54c11cbba21a": { + "~:objects": { + "~#penpot/objects-map/v2": { + "~u00000000-0000-0000-0000-000000000000": "[\"~#shape\",[\"^ \",\"~:y\",0,\"~:hide-fill-on-export\",false,\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:name\",\"Root Frame\",\"~:width\",0.01,\"~:type\",\"~:frame\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",0.0,\"~:y\",0.0]],[\"^:\",[\"^ \",\"~:x\",0.01,\"~:y\",0.0]],[\"^:\",[\"^ \",\"~:x\",0.01,\"~:y\",0.01]],[\"^:\",[\"^ \",\"~:x\",0.0,\"~:y\",0.01]]],\"~:r2\",0,\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^3\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:r3\",0,\"~:r1\",0,\"~:id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[],\"~:x\",0,\"~:proportion\",1.0,\"~:r4\",0,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",0,\"~:y\",0,\"^6\",0.01,\"~:height\",0.01,\"~:x1\",0,\"~:y1\",0,\"~:x2\",0.01,\"~:y2\",0.01]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#FFFFFF\",\"~:fill-opacity\",1]],\"~:flip-x\",null,\"^H\",0.01,\"~:flip-y\",null,\"~:shapes\",[\"~u9f14b915-410b-8062-8008-55a1fbbd5fa4\",\"~u9f14b915-410b-8062-8008-559878019a9e\",\"~u844a4204-eb8d-80d3-8008-55e83b566c48\"]]]", + "~u9f14b915-410b-8062-8008-559878019a9e": "[\"~#shape\",[\"^ \",\"~:y\",-1863.999482267452,\"~:background-blur\",[\"^ \",\"~:id\",\"~u9f14b915-410b-8062-8008-5598c30393d7\",\"~:type\",\"^1\",\"~:value\",8,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:grow-type\",\"~:auto-width\",\"~:content\",[\"^ \",\"^3\",\"root\",\"~:key\",\"22sle9m74ka\",\"~:children\",[[\"^ \",\"^3\",\"paragraph-set\",\"^=\",[[\"^ \",\"~:line-height\",\"1.2\",\"~:font-style\",\"normal\",\"^=\",[[\"^ \",\"^?\",\"normal\",\"~:text-transform\",\"none\",\"~:font-id\",\"sourcesanspro\",\"^<\",\"1ixh2em79as\",\"~:font-size\",\"200\",\"~:font-weight\",\"900\",\"~:font-variant-id\",\"black\",\"~:text-decoration\",\"none\",\"~:letter-spacing\",\"0\",\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.12]],\"~:font-family\",\"sourcesanspro\",\"~:text\",\"blur\"]],\"^@\",\"none\",\"~:text-align\",\"left\",\"^A\",\"sourcesanspro\",\"^<\",\"1x2xz4p3kcs\",\"^B\",\"200\",\"^C\",\"900\",\"~:text-direction\",\"ltr\",\"^3\",\"paragraph\",\"^D\",\"black\",\"^E\",\"none\",\"^F\",\"0\",\"^G\",[[\"^ \",\"^H\",\"#ffffff\",\"^I\",0.12]],\"^J\",\"sourcesanspro\"]]]],\"~:vertical-align\",\"top\"],\"~:hide-in-viewer\",false,\"~:name\",\"blur\",\"~:width\",375.0000213699236,\"^3\",\"^K\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",95.49998073772147,\"~:y\",-1863.999482267452]],[\"^S\",[\"^ \",\"~:x\",470.50000210764506,\"~:y\",-1863.999482267452]],[\"^S\",[\"^ \",\"~:x\",470.50000210764506,\"~:y\",-1623.9994721448552]],[\"^S\",[\"^ \",\"~:x\",95.49998073772147,\"~:y\",-1623.9994721448552]]],\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u9f14b915-410b-8062-8008-559878019a9e\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:position-data\",[[\"^ \",\"~:y\",-1602.939453125,\"^>\",\"1.2\",\"^?\",\"normal\",\"~:typography-ref-id\",null,\"^@\",\"none\",\"^L\",\"left\",\"^A\",\"sourcesanspro\",\"^B\",\"200px\",\"^C\",\"900\",\"~:typography-ref-file\",null,\"^M\",\"ltr\",\"^Q\",374.6099853515625,\"^D\",\"regular\",\"^E\",\"none\",\"^F\",\"0px\",\"~:x\",95.4999771118164,\"^G\",[[\"^ \",\"^H\",\"#ffffff\",\"^I\",0.12]],\"~:direction\",\"ltr\",\"^J\",\"sourcesanspro\",\"~:height\",282.1201171875,\"^K\",\"blur\"]],\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[],\"~:x\",95.49998073772146,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",95.49998073772146,\"~:y\",-1863.999482267452,\"^Q\",375.0000213699236,\"^Z\",240.0000101225969,\"~:x1\",95.49998073772146,\"~:y1\",-1863.999482267452,\"~:x2\",470.50000210764506,\"~:y2\",-1623.9994721448552]],\"~:flip-x\",null,\"^Z\",240.0000101225969,\"~:flip-y\",null]]", + "~u9f14b915-410b-8062-8008-55a1fbbd5fa4": "[\"~#shape\",[\"^ \",\"~:y\",-2155.0001098481293,\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:name\",\"background_1\",\"~:width\",1004.0000579080496,\"~:type\",\"~:rect\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",-211.00000682869666,\"~:y\",-2155.0001098481293]],[\"^9\",[\"^ \",\"~:x\",793.0000510793529,\"~:y\",-2155.0001098481293]],[\"^9\",[\"^ \",\"~:x\",793.0000510793529,\"~:y\",-1150.9999568014878]],[\"^9\",[\"^ \",\"~:x\",-211.00000682869666,\"~:y\",-1150.9999568014878]]],\"~:r2\",0,\"~:proportion-lock\",true,\"~:transform-inverse\",[\"^2\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:r3\",0,\"~:r1\",0,\"~:id\",\"~u9f14b915-410b-8062-8008-55a1fbbd5fa4\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[],\"~:x\",-211.00000682869666,\"~:proportion\",1,\"~:r4\",0,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",-211.00000682869666,\"~:y\",-2155.0001098481293,\"^5\",1004.0000579080496,\"~:height\",1004.0001530466416,\"~:x1\",-211.00000682869666,\"~:y1\",-2155.0001098481293,\"~:x2\",793.0000510793529,\"~:y2\",-1150.9999568014878]],\"~:fills\",[[\"^ \",\"~:fill-opacity\",1,\"~:fill-image\",[\"^ \",\"^5\",1181,\"^G\",1181,\"~:mtype\",\"image/png\",\"^?\",\"~u814272d9-d3f8-812d-8008-55a1fb78211b\",\"~:keep-aspect-ratio\",true]]],\"~:flip-x\",null,\"^G\",1004.0001530466416,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e83b566c48": "[\"~#shape\",[\"^ \",\"~:y\",0,\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:name\",\"background\",\"~:width\",1400,\"~:type\",\"~:rect\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",0,\"~:y\",0]],[\"^9\",[\"^ \",\"~:x\",1400,\"~:y\",0]],[\"^9\",[\"^ \",\"~:x\",1400,\"~:y\",759.9999904632568]],[\"^9\",[\"^ \",\"~:x\",0,\"~:y\",759.9999904632568]]],\"~:r2\",0,\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^2\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:r3\",0,\"~:r1\",0,\"~:id\",\"~u844a4204-eb8d-80d3-8008-55e83b566c48\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[],\"~:x\",0,\"~:proportion\",1,\"~:r4\",0,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",0,\"~:y\",0,\"^5\",1400,\"~:height\",759.9999904632568,\"~:x1\",0,\"~:y1\",0,\"~:x2\",1400,\"~:y2\",759.9999904632568]],\"~:fills\",[[\"^ \",\"~:fill-opacity\",1,\"~:fill-image\",[\"^ \",\"^?\",\"~u814272d9-d3f8-812d-8008-55a1fb78211b\",\"^5\",1181,\"^G\",1181,\"~:mtype\",\"image/png\",\"~:keep-aspect-ratio\",true]]],\"~:flip-x\",null,\"^G\",759.9999904632568,\"~:flip-y\",null]]" + } + }, + "~:id": "~u814272d9-d3f8-812d-8008-54c11cbba21a", + "~:name": "Page 1" + }, + "~u844a4204-eb8d-80d3-8008-55e83b4f39e0": { + "~:objects": { + "~#penpot/objects-map/v2": { + "~u00000000-0000-0000-0000-000000000000": "[\"~#shape\",[\"^ \",\"~:y\",0,\"~:hide-fill-on-export\",false,\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:name\",\"Root Frame\",\"~:width\",0.01,\"~:type\",\"~:frame\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",0.0,\"~:y\",0.0]],[\"^:\",[\"^ \",\"~:x\",0.01,\"~:y\",0.0]],[\"^:\",[\"^ \",\"~:x\",0.01,\"~:y\",0.01]],[\"^:\",[\"^ \",\"~:x\",0.0,\"~:y\",0.01]]],\"~:r2\",0,\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^3\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:r3\",0,\"~:r1\",0,\"~:id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[],\"~:x\",0,\"~:proportion\",1.0,\"~:r4\",0,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",0,\"~:y\",0,\"^6\",0.01,\"~:height\",0.01,\"~:x1\",0,\"~:y1\",0,\"~:x2\",0.01,\"~:y2\",0.01]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#FFFFFF\",\"~:fill-opacity\",1]],\"~:flip-x\",null,\"^H\",0.01,\"~:flip-y\",null,\"~:shapes\",[\"~u844a4204-eb8d-80d3-8008-55e84d2ab9b9\",\"~u844a4204-eb8d-80d3-8008-55e860a88934\",\"~u844a4204-eb8d-80d3-8008-55e860b3775c\",\"~u844a4204-eb8d-80d3-8008-55e860bb5bdc\",\"~u844a4204-eb8d-80d3-8008-55e860c302cd\",\"~u844a4204-eb8d-80d3-8008-55e860ca2b3b\",\"~u844a4204-eb8d-80d3-8008-55e860d3347f\",\"~u844a4204-eb8d-80d3-8008-55e86a816bac\",\"~u844a4204-eb8d-80d3-8008-55e86a8be839\",\"~u844a4204-eb8d-80d3-8008-55e86a92f143\",\"~u844a4204-eb8d-80d3-8008-55e86a99dc08\",\"~u844a4204-eb8d-80d3-8008-55e86aa09dec\",\"~u844a4204-eb8d-80d3-8008-55e86aa7e998\",\"~u844a4204-eb8d-80d3-8008-55e86aafcb00\",\"~u844a4204-eb8d-80d3-8008-55e86ac03a3a\",\"~u844a4204-eb8d-80d3-8008-55e86acc7ab8\",\"~u844a4204-eb8d-80d3-8008-55e86ad794cf\",\"~u844a4204-eb8d-80d3-8008-55e86ae33dff\",\"~u844a4204-eb8d-80d3-8008-55e86af1cbcf\"]]]", + "~u844a4204-eb8d-80d3-8008-55e86ae33dff": "[\"~#shape\",[\"^ \",\"~:y\",560,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e888351419\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:grow-type\",\"~:auto-width\",\"~:content\",[\"^ \",\"^3\",\"root\",\"~:children\",[[\"^ \",\"^3\",\"paragraph-set\",\"^<\",[[\"^ \",\"~:line-height\",\"1.2\",\"~:font-style\",\"normal\",\"^<\",[[\"^ \",\"^=\",\"1.2\",\"^>\",\"normal\",\"~:typography-ref-id\",null,\"~:text-transform\",\"none\",\"~:text-align\",\"left\",\"~:font-id\",\"sourcesanspro\",\"~:font-size\",\"90\",\"~:font-weight\",\"700\",\"~:typography-ref-file\",null,\"~:text-direction\",\"ltr\",\"~:font-variant-id\",\"bold\",\"~:text-decoration\",\"none\",\"~:letter-spacing\",\"0\",\"~:fills\",[],\"~:font-family\",\"sourcesanspro\",\"~:text\",\"Aa\"]],\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^3\",\"paragraph\",\"^G\",\"bold\",\"^H\",\"none\",\"^I\",\"0\",\"^J\",[],\"^K\",\"sourcesanspro\"]]]]],\"~:name\",\"text-center-nofill\",\"~:width\",100.0001106262207,\"^3\",\"^L\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",800,\"~:y\",560]],[\"^P\",[\"^ \",\"~:x\",900.0001106262207,\"~:y\",560]],[\"^P\",[\"^ \",\"~:x\",900.0001106262207,\"~:y\",668]],[\"^P\",[\"^ \",\"~:x\",800,\"~:y\",668]]],\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86ae33dff\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:position-data\",[[\"^ \",\"~:y\",675.9400024414062,\"^=\",\"1.2\",\"^>\",\"normal\",\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90px\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^N\",99.58001708984375,\"^G\",\"regular\",\"^H\",\"none\",\"^I\",\"0px\",\"~:x\",800,\"^J\",[],\"~:direction\",\"ltr\",\"^K\",\"sourcesanspro\",\"~:height\",123.8800048828125,\"^L\",\"Aa\"]],\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:center\",\"~:stroke-width\",12]],\"~:x\",800,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",800,\"~:y\",560,\"^N\",100.0001106262207,\"^U\",108,\"~:x1\",800,\"~:y1\",560,\"~:x2\",900.0001106262207,\"~:y2\",668]],\"~:flip-x\",null,\"^U\",108,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e860d3347f": "[\"~#shape\",[\"^ \",\"~:y\",60,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e88835141a\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:name\",\"rect-outer-opaque\",\"~:width\",120.00000476837158,\"^3\",\"~:rect\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",990,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",1110.0000047683716,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",1110.0000047683716,\"~:y\",180.00000476837158]],[\"^=\",[\"^ \",\"~:x\",990,\"~:y\",180.00000476837158]]],\"~:r2\",0,\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:r3\",0,\"~:r1\",0,\"^2\",\"~u844a4204-eb8d-80d3-8008-55e860d3347f\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:outer\",\"~:stroke-width\",12]],\"~:x\",990,\"~:proportion\",1,\"~:r4\",0,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",990,\"~:y\",60,\"^:\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",990,\"~:y1\",60,\"~:x2\",1110.0000047683716,\"~:y2\",180.00000476837158]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#333333\",\"~:fill-opacity\",1]],\"~:flip-x\",null,\"^Q\",120.00000476837158,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e860b3775c": "[\"~#shape\",[\"^ \",\"~:y\",60,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e88835141b\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:name\",\"rect-center\",\"~:width\",120.00000476837158,\"^3\",\"~:rect\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",230,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",350.0000047683716,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",350.0000047683716,\"~:y\",180.00000476837158]],[\"^=\",[\"^ \",\"~:x\",230,\"~:y\",180.00000476837158]]],\"~:r2\",0,\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:r3\",0,\"~:r1\",0,\"^2\",\"~u844a4204-eb8d-80d3-8008-55e860b3775c\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:center\",\"~:stroke-width\",12]],\"~:x\",230,\"~:proportion\",1,\"~:r4\",0,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",230,\"~:y\",60,\"^:\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",230,\"~:y1\",60,\"~:x2\",350.0000047683716,\"~:y2\",180.00000476837158]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:flip-x\",null,\"^Q\",120.00000476837158,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e860bb5bdc": "[\"~#shape\",[\"^ \",\"~:y\",60,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e88835141c\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:name\",\"rect-outer\",\"~:width\",120.00000476837158,\"^3\",\"~:rect\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",420,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",540.0000047683716,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",540.0000047683716,\"~:y\",180.00000476837158]],[\"^=\",[\"^ \",\"~:x\",420,\"~:y\",180.00000476837158]]],\"~:r2\",0,\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:r3\",0,\"~:r1\",0,\"^2\",\"~u844a4204-eb8d-80d3-8008-55e860bb5bdc\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:outer\",\"~:stroke-width\",12]],\"~:x\",420,\"~:proportion\",1,\"~:r4\",0,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",420,\"~:y\",60,\"^:\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",420,\"~:y1\",60,\"~:x2\",540.0000047683716,\"~:y2\",180.00000476837158]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:flip-x\",null,\"^Q\",120.00000476837158,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e860ca2b3b": "[\"~#shape\",[\"^ \",\"~:y\",60,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e88835141d\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:name\",\"rect-center-nofill\",\"~:width\",120.00000476837158,\"^3\",\"~:rect\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",800,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",920.0000047683716,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",920.0000047683716,\"~:y\",180.00000476837158]],[\"^=\",[\"^ \",\"~:x\",800,\"~:y\",180.00000476837158]]],\"~:r2\",0,\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:r3\",0,\"~:r1\",0,\"^2\",\"~u844a4204-eb8d-80d3-8008-55e860ca2b3b\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:center\",\"~:stroke-width\",12]],\"~:x\",800,\"~:proportion\",1,\"~:r4\",0,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",800,\"~:y\",60,\"^:\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",800,\"~:y1\",60,\"~:x2\",920.0000047683716,\"~:y2\",180.00000476837158]],\"~:fills\",[],\"~:flip-x\",null,\"^Q\",120.00000476837158,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e86ac03a3a": "[\"~#shape\",[\"^ \",\"~:y\",560,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e88835141e\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:grow-type\",\"~:auto-width\",\"~:content\",[\"^ \",\"^3\",\"root\",\"~:children\",[[\"^ \",\"^3\",\"paragraph-set\",\"^<\",[[\"^ \",\"~:line-height\",\"1.2\",\"~:font-style\",\"normal\",\"^<\",[[\"^ \",\"^=\",\"1.2\",\"^>\",\"normal\",\"~:typography-ref-id\",null,\"~:text-transform\",\"none\",\"~:text-align\",\"left\",\"~:font-id\",\"sourcesanspro\",\"~:font-size\",\"90\",\"~:font-weight\",\"700\",\"~:typography-ref-file\",null,\"~:text-direction\",\"ltr\",\"~:font-variant-id\",\"bold\",\"~:text-decoration\",\"none\",\"~:letter-spacing\",\"0\",\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:font-family\",\"sourcesanspro\",\"~:text\",\"Aa\"]],\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^3\",\"paragraph\",\"^G\",\"bold\",\"^H\",\"none\",\"^I\",\"0\",\"^J\",[[\"^ \",\"^K\",\"#ffffff\",\"^L\",0.3]],\"^M\",\"sourcesanspro\"]]]]],\"~:name\",\"text-center\",\"~:width\",99.99999618530273,\"^3\",\"^N\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",230,\"~:y\",560]],[\"^R\",[\"^ \",\"~:x\",329.99999618530273,\"~:y\",560]],[\"^R\",[\"^ \",\"~:x\",329.99999618530273,\"~:y\",668]],[\"^R\",[\"^ \",\"~:x\",230,\"~:y\",668]]],\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86ac03a3a\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:position-data\",[[\"^ \",\"~:y\",675.9400024414062,\"^=\",\"1.2\",\"^>\",\"normal\",\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90px\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^P\",99.58001708984375,\"^G\",\"regular\",\"^H\",\"none\",\"^I\",\"0px\",\"~:x\",230,\"^J\",[[\"^ \",\"^K\",\"#ffffff\",\"^L\",0.3]],\"~:direction\",\"ltr\",\"^M\",\"sourcesanspro\",\"~:height\",123.8800048828125,\"^N\",\"Aa\"]],\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:center\",\"~:stroke-width\",12]],\"~:x\",230,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",230,\"~:y\",560,\"^P\",99.99999618530273,\"^W\",108,\"~:x1\",230,\"~:y1\",560,\"~:x2\",329.99999618530273,\"~:y2\",668]],\"~:flip-x\",null,\"^W\",108,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e84d2ab9b9": "[\"~#shape\",[\"^ \",\"~:y\",0,\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:name\",\"background\",\"~:width\",1179.9999713897705,\"~:type\",\"~:rect\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",0,\"~:y\",0]],[\"^9\",[\"^ \",\"~:x\",1179.9999713897705,\"~:y\",0]],[\"^9\",[\"^ \",\"~:x\",1179.9999713897705,\"~:y\",759.9999904632568]],[\"^9\",[\"^ \",\"~:x\",0,\"~:y\",759.9999904632568]]],\"~:r2\",0,\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^2\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:r3\",0,\"~:r1\",0,\"~:id\",\"~u844a4204-eb8d-80d3-8008-55e84d2ab9b9\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[],\"~:x\",0,\"~:proportion\",1,\"~:r4\",0,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",0,\"~:y\",0,\"^5\",1179.9999713897705,\"~:height\",759.9999904632568,\"~:x1\",0,\"~:y1\",0,\"~:x2\",1179.9999713897705,\"~:y2\",759.9999904632568]],\"~:fills\",[[\"^ \",\"~:fill-opacity\",1,\"~:fill-image\",[\"^ \",\"^?\",\"~u814272d9-d3f8-812d-8008-55a1fb78211b\",\"^5\",1181,\"^G\",1181,\"~:mtype\",\"image/png\",\"~:keep-aspect-ratio\",true]]],\"~:flip-x\",null,\"^G\",759.9999904632568,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e86a8be839": "[\"~#shape\",[\"^ \",\"~:y\",null,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e88835141f\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:content\",[\"~#penpot/path-data\",\"~bAQAAAAAAAAAAAAAAAAAAAAAAAAAAAGZDAACWQwIAAAAAAAAAAAAAAAAAAAAAAAAAAACvQwAA0kM=\"],\"~:name\",\"path-center\",\"~:width\",null,\"^3\",\"~:path\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",230,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",350.0000047683716,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",350.0000047683716,\"~:y\",420.0000047683716]],[\"^?\",[\"^ \",\"~:x\",230,\"~:y\",420.0000047683716]]],\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86a8be839\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:center\",\"~:stroke-width\",12]],\"~:x\",null,\"~:proportion\",1,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",230,\"~:y\",300,\"^<\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",230,\"~:y1\",300,\"~:x2\",350.0000047683716,\"~:y2\",420.0000047683716]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:flip-x\",null,\"^O\",null,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e86acc7ab8": "[\"~#shape\",[\"^ \",\"~:y\",560,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e888351420\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:grow-type\",\"~:auto-width\",\"~:content\",[\"^ \",\"^3\",\"root\",\"~:children\",[[\"^ \",\"^3\",\"paragraph-set\",\"^<\",[[\"^ \",\"~:line-height\",\"1.2\",\"~:font-style\",\"normal\",\"^<\",[[\"^ \",\"^=\",\"1.2\",\"^>\",\"normal\",\"~:typography-ref-id\",null,\"~:text-transform\",\"none\",\"~:text-align\",\"left\",\"~:font-id\",\"sourcesanspro\",\"~:font-size\",\"90\",\"~:font-weight\",\"700\",\"~:typography-ref-file\",null,\"~:text-direction\",\"ltr\",\"~:font-variant-id\",\"bold\",\"~:text-decoration\",\"none\",\"~:letter-spacing\",\"0\",\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:font-family\",\"sourcesanspro\",\"~:text\",\"Aa\"]],\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^3\",\"paragraph\",\"^G\",\"bold\",\"^H\",\"none\",\"^I\",\"0\",\"^J\",[[\"^ \",\"^K\",\"#ffffff\",\"^L\",0.3]],\"^M\",\"sourcesanspro\"]]]]],\"~:name\",\"text-outer\",\"~:width\",99.99999618530273,\"^3\",\"^N\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",420,\"~:y\",560]],[\"^R\",[\"^ \",\"~:x\",519.9999961853027,\"~:y\",560]],[\"^R\",[\"^ \",\"~:x\",519.9999961853027,\"~:y\",668]],[\"^R\",[\"^ \",\"~:x\",420,\"~:y\",668]]],\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86acc7ab8\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:position-data\",[[\"^ \",\"~:y\",675.9400024414062,\"^=\",\"1.2\",\"^>\",\"normal\",\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90px\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^P\",99.58001708984375,\"^G\",\"regular\",\"^H\",\"none\",\"^I\",\"0px\",\"~:x\",420,\"^J\",[[\"^ \",\"^K\",\"#ffffff\",\"^L\",0.3]],\"~:direction\",\"ltr\",\"^M\",\"sourcesanspro\",\"~:height\",123.8800048828125,\"^N\",\"Aa\"]],\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:outer\",\"~:stroke-width\",12]],\"~:x\",420,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",420,\"~:y\",560,\"^P\",99.99999618530273,\"^W\",108,\"~:x1\",420,\"~:y1\",560,\"~:x2\",519.9999961853027,\"~:y2\",668]],\"~:flip-x\",null,\"^W\",108,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e86aa7e998": "[\"~#shape\",[\"^ \",\"~:y\",null,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e888351421\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:content\",[\"~#penpot/path-data\",\"~bAQAAAAAAAAAAAAAAAAAAAAAAAAAAgHdEAACWQwIAAAAAAAAAAAAAAAAAAAAAAAAAAMCKRAAA0kM=\"],\"~:name\",\"path-outer-opaque\",\"~:width\",null,\"^3\",\"~:path\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",990,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",1110.0000047683716,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",1110.0000047683716,\"~:y\",420.0000047683716]],[\"^?\",[\"^ \",\"~:x\",990,\"~:y\",420.0000047683716]]],\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86aa7e998\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:outer\",\"~:stroke-width\",12]],\"~:x\",null,\"~:proportion\",1,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",990,\"~:y\",300,\"^<\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",990,\"~:y1\",300,\"~:x2\",1110.0000047683716,\"~:y2\",420.0000047683716]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#333333\",\"~:fill-opacity\",1]],\"~:flip-x\",null,\"^O\",null,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e860a88934": "[\"~#shape\",[\"^ \",\"~:y\",60,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e888351422\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:name\",\"rect-inner\",\"~:width\",120.00000476837158,\"^3\",\"~:rect\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",40,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",160.00000476837158,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",160.00000476837158,\"~:y\",180.00000476837158]],[\"^=\",[\"^ \",\"~:x\",40,\"~:y\",180.00000476837158]]],\"~:r2\",0,\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:r3\",0,\"~:r1\",0,\"^2\",\"~u844a4204-eb8d-80d3-8008-55e860a88934\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:inner\",\"~:stroke-width\",12]],\"~:x\",40,\"~:proportion\",1,\"~:r4\",0,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",40,\"~:y\",60,\"^:\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",40,\"~:y1\",60,\"~:x2\",160.00000476837158,\"~:y2\",180.00000476837158]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:flip-x\",null,\"^Q\",120.00000476837158,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e86af1cbcf": "[\"~#shape\",[\"^ \",\"~:y\",560,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e888351423\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:grow-type\",\"~:auto-width\",\"~:content\",[\"^ \",\"^3\",\"root\",\"~:children\",[[\"^ \",\"^3\",\"paragraph-set\",\"^<\",[[\"^ \",\"~:line-height\",\"1.2\",\"~:font-style\",\"normal\",\"^<\",[[\"^ \",\"^=\",\"1.2\",\"^>\",\"normal\",\"~:typography-ref-id\",null,\"~:text-transform\",\"none\",\"~:text-align\",\"left\",\"~:font-id\",\"sourcesanspro\",\"~:font-size\",\"90\",\"~:font-weight\",\"700\",\"~:typography-ref-file\",null,\"~:text-direction\",\"ltr\",\"~:font-variant-id\",\"bold\",\"~:text-decoration\",\"none\",\"~:letter-spacing\",\"0\",\"~:fills\",[[\"^ \",\"~:fill-color\",\"#333333\",\"~:fill-opacity\",1]],\"~:font-family\",\"sourcesanspro\",\"~:text\",\"Aa\"]],\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^3\",\"paragraph\",\"^G\",\"bold\",\"^H\",\"none\",\"^I\",\"0\",\"^J\",[[\"^ \",\"^K\",\"#333333\",\"^L\",1]],\"^M\",\"sourcesanspro\"]]]]],\"~:name\",\"text-outer-opaque\",\"~:width\",99.99999618530273,\"^3\",\"^N\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",990,\"~:y\",560]],[\"^R\",[\"^ \",\"~:x\",1089.9999961853027,\"~:y\",560]],[\"^R\",[\"^ \",\"~:x\",1089.9999961853027,\"~:y\",668]],[\"^R\",[\"^ \",\"~:x\",990,\"~:y\",668]]],\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86af1cbcf\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:position-data\",[[\"^ \",\"~:y\",675.9400024414062,\"^=\",\"1.2\",\"^>\",\"normal\",\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90px\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^P\",99.5799560546875,\"^G\",\"regular\",\"^H\",\"none\",\"^I\",\"0px\",\"~:x\",990,\"^J\",[[\"^ \",\"^K\",\"#333333\",\"^L\",1]],\"~:direction\",\"ltr\",\"^M\",\"sourcesanspro\",\"~:height\",123.8800048828125,\"^N\",\"Aa\"]],\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:outer\",\"~:stroke-width\",12]],\"~:x\",990,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",990,\"~:y\",560,\"^P\",99.99999618530273,\"^W\",108,\"~:x1\",990,\"~:y1\",560,\"~:x2\",1089.9999961853027,\"~:y2\",668]],\"~:flip-x\",null,\"^W\",108,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e86ad794cf": "[\"~#shape\",[\"^ \",\"~:y\",560,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e888351424\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:grow-type\",\"~:auto-width\",\"~:content\",[\"^ \",\"^3\",\"root\",\"~:children\",[[\"^ \",\"^3\",\"paragraph-set\",\"^<\",[[\"^ \",\"~:line-height\",\"1.2\",\"~:font-style\",\"normal\",\"^<\",[[\"^ \",\"^=\",\"1.2\",\"^>\",\"normal\",\"~:typography-ref-id\",null,\"~:text-transform\",\"none\",\"~:text-align\",\"left\",\"~:font-id\",\"sourcesanspro\",\"~:font-size\",\"90\",\"~:font-weight\",\"700\",\"~:typography-ref-file\",null,\"~:text-direction\",\"ltr\",\"~:font-variant-id\",\"bold\",\"~:text-decoration\",\"none\",\"~:letter-spacing\",\"0\",\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:font-family\",\"sourcesanspro\",\"~:text\",\"Aa\"]],\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^3\",\"paragraph\",\"^G\",\"bold\",\"^H\",\"none\",\"^I\",\"0\",\"^J\",[[\"^ \",\"^K\",\"#ffffff\",\"^L\",0.3]],\"^M\",\"sourcesanspro\"]]]]],\"~:name\",\"text-all\",\"~:width\",99.99999618530273,\"^3\",\"^N\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",610,\"~:y\",560]],[\"^R\",[\"^ \",\"~:x\",709.9999961853027,\"~:y\",560]],[\"^R\",[\"^ \",\"~:x\",709.9999961853027,\"~:y\",668]],[\"^R\",[\"^ \",\"~:x\",610,\"~:y\",668]]],\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86ad794cf\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:position-data\",[[\"^ \",\"~:y\",675.9400024414062,\"^=\",\"1.2\",\"^>\",\"normal\",\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90px\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^P\",99.58001708984375,\"^G\",\"regular\",\"^H\",\"none\",\"^I\",\"0px\",\"~:x\",610,\"^J\",[[\"^ \",\"^K\",\"#ffffff\",\"^L\",0.3]],\"~:direction\",\"ltr\",\"^M\",\"sourcesanspro\",\"~:height\",123.8800048828125,\"^N\",\"Aa\"]],\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:inner\",\"~:stroke-width\",12],[\"^ \",\"^Z\",\"^[\",\"^10\",\"#ffdd88\",\"^11\",0.4,\"^12\",\"~:center\",\"^14\",12],[\"^ \",\"^Z\",\"^[\",\"^10\",\"#88ccff\",\"^11\",0.4,\"^12\",\"~:outer\",\"^14\",12]],\"~:x\",610,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",610,\"~:y\",560,\"^P\",99.99999618530273,\"^W\",108,\"~:x1\",610,\"~:y1\",560,\"~:x2\",709.9999961853027,\"~:y2\",668]],\"~:flip-x\",null,\"^W\",108,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e860c302cd": "[\"~#shape\",[\"^ \",\"~:y\",60,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e888351425\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:name\",\"rect-all\",\"~:width\",120.00000476837158,\"^3\",\"~:rect\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",610,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",730.0000047683716,\"~:y\",60]],[\"^=\",[\"^ \",\"~:x\",730.0000047683716,\"~:y\",180.00000476837158]],[\"^=\",[\"^ \",\"~:x\",610,\"~:y\",180.00000476837158]]],\"~:r2\",0,\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:r3\",0,\"~:r1\",0,\"^2\",\"~u844a4204-eb8d-80d3-8008-55e860c302cd\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:inner\",\"~:stroke-width\",12],[\"^ \",\"^F\",\"^G\",\"^H\",\"#ffdd88\",\"^I\",0.4,\"^J\",\"~:center\",\"^L\",12],[\"^ \",\"^F\",\"^G\",\"^H\",\"#88ccff\",\"^I\",0.4,\"^J\",\"~:outer\",\"^L\",12]],\"~:x\",610,\"~:proportion\",1,\"~:r4\",0,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",610,\"~:y\",60,\"^:\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",610,\"~:y1\",60,\"~:x2\",730.0000047683716,\"~:y2\",180.00000476837158]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:flip-x\",null,\"^S\",120.00000476837158,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e86a816bac": "[\"~#shape\",[\"^ \",\"~:y\",null,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e888351426\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:content\",[\"~#penpot/path-data\",\"~bAQAAAAAAAAAAAAAAAAAAAAAAAAAAACBCAACWQwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAgQwAA0kM=\"],\"~:name\",\"path-inner\",\"~:width\",null,\"^3\",\"~:path\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",40,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",160.00000476837158,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",160.00000476837158,\"~:y\",420.0000047683716]],[\"^?\",[\"^ \",\"~:x\",40,\"~:y\",420.0000047683716]]],\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86a816bac\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:inner\",\"~:stroke-width\",12]],\"~:x\",null,\"~:proportion\",1,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",40,\"~:y\",300,\"^<\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",40,\"~:y1\",300,\"~:x2\",160.00000476837158,\"~:y2\",420.0000047683716]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:flip-x\",null,\"^O\",null,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e86aa09dec": "[\"~#shape\",[\"^ \",\"~:y\",null,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e888351427\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:content\",[\"~#penpot/path-data\",\"~bAQAAAAAAAAAAAAAAAAAAAAAAAAAAAEhEAACWQwIAAAAAAAAAAAAAAAAAAAAAAAAAAABmRAAA0kM=\"],\"~:name\",\"path-center-nofill\",\"~:width\",null,\"^3\",\"~:path\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",800,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",920.0000047683716,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",920.0000047683716,\"~:y\",420.0000047683716]],[\"^?\",[\"^ \",\"~:x\",800,\"~:y\",420.0000047683716]]],\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86aa09dec\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:center\",\"~:stroke-width\",12]],\"~:x\",null,\"~:proportion\",1,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",800,\"~:y\",300,\"^<\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",800,\"~:y1\",300,\"~:x2\",920.0000047683716,\"~:y2\",420.0000047683716]],\"~:fills\",[],\"~:flip-x\",null,\"^O\",null,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e86a99dc08": "[\"~#shape\",[\"^ \",\"~:y\",null,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e888351428\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:content\",[\"~#penpot/path-data\",\"~bAQAAAAAAAAAAAAAAAAAAAAAAAAAAgBhEAACWQwIAAAAAAAAAAAAAAAAAAAAAAAAAAIA2RAAA0kM=\"],\"~:name\",\"path-all\",\"~:width\",null,\"^3\",\"~:path\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",610,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",730.0000047683716,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",730.0000047683716,\"~:y\",420.0000047683716]],[\"^?\",[\"^ \",\"~:x\",610,\"~:y\",420.0000047683716]]],\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86a99dc08\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:inner\",\"~:stroke-width\",12],[\"^ \",\"^E\",\"^F\",\"^G\",\"#ffdd88\",\"^H\",0.4,\"^I\",\"~:center\",\"^K\",12],[\"^ \",\"^E\",\"^F\",\"^G\",\"#88ccff\",\"^H\",0.4,\"^I\",\"~:outer\",\"^K\",12]],\"~:x\",null,\"~:proportion\",1,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",610,\"~:y\",300,\"^<\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",610,\"~:y1\",300,\"~:x2\",730.0000047683716,\"~:y2\",420.0000047683716]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:flip-x\",null,\"^Q\",null,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e86a92f143": "[\"~#shape\",[\"^ \",\"~:y\",null,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e888351429\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:content\",[\"~#penpot/path-data\",\"~bAQAAAAAAAAAAAAAAAAAAAAAAAAAAANJDAACWQwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAHRAAA0kM=\"],\"~:name\",\"path-outer\",\"~:width\",null,\"^3\",\"~:path\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",420,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",540.0000047683716,\"~:y\",300]],[\"^?\",[\"^ \",\"~:x\",540.0000047683716,\"~:y\",420.0000047683716]],[\"^?\",[\"^ \",\"~:x\",420,\"~:y\",420.0000047683716]]],\"~:proportion-lock\",false,\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86a92f143\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:outer\",\"~:stroke-width\",12]],\"~:x\",null,\"~:proportion\",1,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",420,\"~:y\",300,\"^<\",120.00000476837158,\"~:height\",120.00000476837158,\"~:x1\",420,\"~:y1\",300,\"~:x2\",540.0000047683716,\"~:y2\",420.0000047683716]],\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:flip-x\",null,\"^O\",null,\"~:flip-y\",null]]", + "~u844a4204-eb8d-80d3-8008-55e86aafcb00": "[\"~#shape\",[\"^ \",\"~:y\",560,\"~:background-blur\",[\"^ \",\"~:id\",\"~u814272d9-d3f8-812d-8008-55e88835142a\",\"~:type\",\"^1\",\"~:value\",16,\"~:hidden\",false],\"~:transform\",[\"~#matrix\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"~:rotation\",0,\"~:grow-type\",\"~:auto-width\",\"~:content\",[\"^ \",\"^3\",\"root\",\"~:children\",[[\"^ \",\"^3\",\"paragraph-set\",\"^<\",[[\"^ \",\"~:line-height\",\"1.2\",\"~:font-style\",\"normal\",\"^<\",[[\"^ \",\"^=\",\"1.2\",\"^>\",\"normal\",\"~:typography-ref-id\",null,\"~:text-transform\",\"none\",\"~:text-align\",\"left\",\"~:font-id\",\"sourcesanspro\",\"~:font-size\",\"90\",\"~:font-weight\",\"700\",\"~:typography-ref-file\",null,\"~:text-direction\",\"ltr\",\"~:font-variant-id\",\"bold\",\"~:text-decoration\",\"none\",\"~:letter-spacing\",\"0\",\"~:fills\",[[\"^ \",\"~:fill-color\",\"#ffffff\",\"~:fill-opacity\",0.3]],\"~:font-family\",\"sourcesanspro\",\"~:text\",\"Aa\"]],\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^3\",\"paragraph\",\"^G\",\"bold\",\"^H\",\"none\",\"^I\",\"0\",\"^J\",[[\"^ \",\"^K\",\"#ffffff\",\"^L\",0.3]],\"^M\",\"sourcesanspro\"]]]]],\"~:name\",\"text-inner\",\"~:width\",100.00000762939453,\"^3\",\"^N\",\"~:points\",[[\"~#point\",[\"^ \",\"~:x\",40,\"~:y\",560]],[\"^R\",[\"^ \",\"~:x\",140.00000762939453,\"~:y\",560]],[\"^R\",[\"^ \",\"~:x\",140.00000762939453,\"~:y\",668]],[\"^R\",[\"^ \",\"~:x\",40,\"~:y\",668]]],\"~:transform-inverse\",[\"^7\",[\"^ \",\"~:a\",1.0,\"~:b\",0.0,\"~:c\",0.0,\"~:d\",1.0,\"~:e\",0.0,\"~:f\",0.0]],\"^2\",\"~u844a4204-eb8d-80d3-8008-55e86aafcb00\",\"~:parent-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:position-data\",[[\"^ \",\"~:y\",675.9400024414062,\"^=\",\"1.2\",\"^>\",\"normal\",\"^?\",null,\"^@\",\"none\",\"^A\",\"left\",\"^B\",\"sourcesanspro\",\"^C\",\"90px\",\"^D\",\"700\",\"^E\",null,\"^F\",\"ltr\",\"^P\",99.58000183105469,\"^G\",\"regular\",\"^H\",\"none\",\"^I\",\"0px\",\"~:x\",40,\"^J\",[[\"^ \",\"^K\",\"#ffffff\",\"^L\",0.3]],\"~:direction\",\"ltr\",\"^M\",\"sourcesanspro\",\"~:height\",123.8800048828125,\"^N\",\"Aa\"]],\"~:frame-id\",\"~u00000000-0000-0000-0000-000000000000\",\"~:strokes\",[[\"^ \",\"~:stroke-style\",\"~:solid\",\"~:stroke-color\",\"#ffffff\",\"~:stroke-opacity\",0.4,\"~:stroke-alignment\",\"~:inner\",\"~:stroke-width\",12]],\"~:x\",40,\"~:selrect\",[\"~#rect\",[\"^ \",\"~:x\",40,\"~:y\",560,\"^P\",100.00000762939453,\"^W\",108,\"~:x1\",40,\"~:y1\",560,\"~:x2\",140.00000762939453,\"~:y2\",668]],\"~:flip-x\",null,\"^W\",108,\"~:flip-y\",null]]" + } + }, + "~:id": "~u844a4204-eb8d-80d3-8008-55e83b4f39e0", + "~:name": "bg-blur-strokes" + } + }, + "~:id": "~u814272d9-d3f8-812d-8008-54c11cbba219", + "~:options": { + "~:components-v2": true, + "~:base-font-size": "16px" + } + } +} diff --git a/frontend/playwright/ui/render-wasm-specs/shapes.spec.js b/frontend/playwright/ui/render-wasm-specs/shapes.spec.js index 33304fe5f0..74b83d1940 100644 --- a/frontend/playwright/ui/render-wasm-specs/shapes.spec.js +++ b/frontend/playwright/ui/render-wasm-specs/shapes.spec.js @@ -578,5 +578,28 @@ test("Renders background blur on shapes overlapping other shapes", async ({ }); await workspace.waitForFirstRenderWithoutUI(); + await expect(workspace.canvas).toHaveScreenshot(); +}); + +test("Renders background blur under strokes on rects, paths and texts", async ({ + page, +}) => { + const workspace = new WasmWorkspacePage(page); + await workspace.setupEmptyFile(); + await workspace.mockFileMediaAsset( + "814272d9-d3f8-812d-8008-55a1fb78211b", + "render-wasm/assets/squares-background.png", + ); + await workspace.mockGetFile( + "render-wasm/get-file-background-blur-strokes.json", + ); + + await workspace.goToWorkspace({ + id: "814272d9-d3f8-812d-8008-54c11cbba219", + pageId: "844a4204-eb8d-80d3-8008-55e83b4f39e0", + pageName: "bg-blur-strokes", + }); + await workspace.waitForFirstRenderWithoutUI(); + await expect(workspace.canvas).toHaveScreenshot(); }); \ No newline at end of file diff --git a/frontend/playwright/ui/render-wasm-specs/shapes.spec.js-snapshots/Renders-background-blur-under-strokes-on-rects-paths-and-texts-1.png b/frontend/playwright/ui/render-wasm-specs/shapes.spec.js-snapshots/Renders-background-blur-under-strokes-on-rects-paths-and-texts-1.png new file mode 100644 index 0000000000..0d2bb88bef Binary files /dev/null and b/frontend/playwright/ui/render-wasm-specs/shapes.spec.js-snapshots/Renders-background-blur-under-strokes-on-rects-paths-and-texts-1.png differ diff --git a/render-wasm/src/render.rs b/render-wasm/src/render.rs index 047aaaf393..c0786cadfb 100644 --- a/render-wasm/src/render.rs +++ b/render-wasm/src/render.rs @@ -649,6 +649,44 @@ impl RenderState { shape.frame_clip_layer_blur() } + /// Builds the background-blur clip region for a shape whose strokes + /// extend beyond the fill geometry: the fill path expanded (via union) + /// with a solid stroke coverage of the maximum outward stroke reach. + /// Dash/dot stroke styles are treated as solid, so dash gaps also get + /// a blurred backdrop. + fn background_blur_clip_path(shape: &Shape, stroke_outset: f32) -> skia::Path { + let base = match &shape.shape_type { + Type::Rect(data) if data.corners.is_some() => { + let rrect = RRect::new_rect_radii(shape.selrect, data.corners.as_ref().unwrap()); + skia::Path::rrect(rrect, None) + } + Type::Frame(data) if data.corners.is_some() => { + let rrect = RRect::new_rect_radii(shape.selrect, data.corners.as_ref().unwrap()); + skia::Path::rrect(rrect, None) + } + Type::Rect(_) | Type::Frame(_) => skia::Path::rect(shape.selrect, None), + Type::Circle => skia::Path::oval(shape.selrect, None), + _ => shape + .get_skia_path() + .unwrap_or_else(|| skia::Path::rect(shape.selrect, None)), + }; + + // Expand outward by the max stroke reach: a centered stroke of + // 2× the outset covers exactly `stroke_outset` beyond the path + // (the inward half disappears in the union with the fill). + let mut paint = skia::Paint::default(); + paint.set_style(skia::PaintStyle::Stroke); + paint.set_stroke_width(stroke_outset * 2.0); + + let mut outline = skia::Path::default(); + if skia::path_utils::fill_path_with_paint(&base, &paint, &mut outline, None, None) { + if let Some(united) = base.op(&outline, skia::PathOp::Union) { + return united; + } + } + base + } + /// Renders background blur effect directly to the given target surface. /// Must be called BEFORE any save_layer for the shape's own opacity/blend, /// so that the backdrop blur is independent of the shape's visual properties. @@ -703,7 +741,14 @@ impl RenderState { canvas.concat(&matrix); if matches!(shape.shape_type, Type::Text(_)) { - canvas.clip_rect(shape.selrect, skia::ClipOp::Intersect, true); + // Outset the clip by the max outward stroke reach so the mask + // (which includes stroke coverage) isn't cut off at the shape rect. + let mut clip_rect = shape.selrect; + let stroke_outset = Stroke::max_bounds_width(shape.visible_strokes(), false); + if stroke_outset > 0.0 { + clip_rect.outset((stroke_outset, stroke_outset)); + } + canvas.clip_rect(clip_rect, skia::ClipOp::Intersect, true); // Blur in device space canvas.reset_matrix(); @@ -736,30 +781,41 @@ impl RenderState { return; } - // Clip to shape's path based on shape type - match &shape.shape_type { - Type::Rect(data) if data.corners.is_some() => { - let rrect = RRect::new_rect_radii(shape.selrect, data.corners.as_ref().unwrap()); - canvas.clip_rrect(rrect, skia::ClipOp::Intersect, true); - } - Type::Frame(data) if data.corners.is_some() => { - let rrect = RRect::new_rect_radii(shape.selrect, data.corners.as_ref().unwrap()); - canvas.clip_rrect(rrect, skia::ClipOp::Intersect, true); - } - Type::Rect(_) | Type::Frame(_) => { - canvas.clip_rect(shape.selrect, skia::ClipOp::Intersect, true); - } - Type::Circle => { - let mut pb = skia::PathBuilder::new(); - pb.add_oval(shape.selrect, None, None); - canvas.clip_path(&pb.detach(), skia::ClipOp::Intersect, true); - } - _ => { - if let Some(path) = shape.get_skia_path() { - canvas.clip_path(&path, skia::ClipOp::Intersect, true); - } else { + // Clip to shape's path based on shape type. When the shape has + // strokes that extend beyond the fill geometry (center/outer), the + // clip is expanded with the stroke coverage so the backdrop is also + // blurred under the stroke (visible when the stroke is translucent). + let stroke_outset = Stroke::max_bounds_width(shape.visible_strokes(), shape.is_open()); + if stroke_outset > 0.0 { + let clip_path = Self::background_blur_clip_path(shape, stroke_outset); + canvas.clip_path(&clip_path, skia::ClipOp::Intersect, true); + } else { + match &shape.shape_type { + Type::Rect(data) if data.corners.is_some() => { + let rrect = + RRect::new_rect_radii(shape.selrect, data.corners.as_ref().unwrap()); + canvas.clip_rrect(rrect, skia::ClipOp::Intersect, true); + } + Type::Frame(data) if data.corners.is_some() => { + let rrect = + RRect::new_rect_radii(shape.selrect, data.corners.as_ref().unwrap()); + canvas.clip_rrect(rrect, skia::ClipOp::Intersect, true); + } + Type::Rect(_) | Type::Frame(_) => { canvas.clip_rect(shape.selrect, skia::ClipOp::Intersect, true); } + Type::Circle => { + let mut pb = skia::PathBuilder::new(); + pb.add_oval(shape.selrect, None, None); + canvas.clip_path(&pb.detach(), skia::ClipOp::Intersect, true); + } + _ => { + if let Some(path) = shape.get_skia_path() { + canvas.clip_path(&path, skia::ClipOp::Intersect, true); + } else { + canvas.clip_rect(shape.selrect, skia::ClipOp::Intersect, true); + } + } } } diff --git a/render-wasm/src/render/text.rs b/render-wasm/src/render/text.rs index 4f1307e6eb..c176084688 100644 --- a/render-wasm/src/render/text.rs +++ b/render-wasm/src/render/text.rs @@ -398,8 +398,20 @@ fn paint_text( /// Alpha mask for background blur coverage pub fn paint_text_mask(canvas: &Canvas, shape: &Shape) { - let mut mask_builders = shape.get_text_content().paragraph_builder_group_opaque(); + let text_content = shape.get_text_content(); + let mut mask_builders = text_content.paragraph_builder_group_opaque(); paint_text(canvas, shape, &mut mask_builders); + + // take strokes into account for the bblur mask + for stroke in shape.visible_strokes() { + let (mut stroke_builders, _) = stroke_paragraph_builder_group_from_text( + text_content, + stroke, + &shape.selrect(), + Some(true), + ); + paint_text(canvas, shape, &mut stroke_builders); + } } fn paint_text_with_emoji_overlay(