{ "root" : { "__class" : "RootNode", "children" : [ { "__class" : "FrameNode", "aspectRatio" : null, "blendingEnabled" : 0, "blendingMode" : "normal", "blur" : 12, "blurEnabled" : 0, "blurType" : "layer", "borderBottom" : 1, "borderColor" : "#222", "borderEnabled" : 0, "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 12, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.48769430051813473, "centerAnchorY" : 0.5, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Paper.tsx_Paper", "codeComponentProps" : { "elevation" : 9, "square" : false, "variant" : "elevation" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 620, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "uKnIy1ujk", "intrinsicHeight" : 100, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 4, "locked" : true, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 23, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 12, "visible" : true, "width" : 745, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 101, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.17516339869281045, "centerAnchorY" : 0.84316770186335399, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/LinearProgress.tsx_LinearProgress", "codeComponentProps" : { "color" : "secondary", "value" : 50, "valueBuffer" : 71, "variant" : "determinate" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 0, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "fsVlf1yOf", "intrinsicHeight" : 44, "intrinsicWidth" : 200, "invert" : 0, "invertEnabled" : 0, "left" : 32, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 204, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 121, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.14248366013071895, "centerAnchorY" : 0.77795031055900621, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/CircularProgress.tsx_CircularProgress", "codeComponentProps" : { "color" : "primary", "thickness" : 4, "value" : 50, "variant" : "static" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 44, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "RSoeuLFzt", "intrinsicHeight" : 44, "intrinsicWidth" : 44, "invert" : 0, "invertEnabled" : 0, "left" : 87, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 44, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 121, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.073202614379084971, "centerAnchorY" : 0.77795031055900621, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/CircularProgress.tsx_CircularProgress", "codeComponentProps" : { "color" : "primary", "thickness" : 4, "value" : 25, "variant" : "static" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 44, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "KQiTYINBC", "intrinsicHeight" : 44, "intrinsicWidth" : 44, "invert" : 0, "invertEnabled" : 0, "left" : 34, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 44, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 121, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.27973856209150327, "centerAnchorY" : 0.77795031055900621, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/CircularProgress.tsx_CircularProgress", "codeComponentProps" : { "color" : "primary", "thickness" : 4, "value" : 100, "variant" : "static" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 44, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "gj4dGo61L", "intrinsicHeight" : 44, "intrinsicWidth" : 44, "invert" : 0, "invertEnabled" : 0, "left" : 192, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 44, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.78431372549019607, "centerAnchorY" : 0.21816770186335405, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Typography.tsx_Typography", "codeComponentProps" : { "align" : "inherit", "color" : "textSecondary", "label" : "Typography - words go here", "noWrap" : false, "variant" : "h5" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 67, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "aEQsk4ZrJ", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 69, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 107, "visible" : true, "width" : 192, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.78431372549019607, "centerAnchorY" : 0.098602484472049695, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Typography.tsx_Typography", "codeComponentProps" : { "align" : "justify", "color" : "textSecondary", "label" : "Big title", "noWrap" : false, "variant" : "h3" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 47, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "Z4EGekCkc", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 69, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 40, "visible" : true, "width" : 192, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 57, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.80326797385620918, "centerAnchorY" : 0.77717391304347827, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/RadioGroup.tsx_RadioGroup", "codeComponentProps" : { "label" : "Radio group", "labels" : [ { "enabled" : true, "type" : "string", "value" : "Paris" }, { "enabled" : true, "type" : "string", "value" : "New York" }, { "enabled" : true, "type" : "string", "value" : "London" } ] }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 173, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "qAymu8lfB", "intrinsicHeight" : 200, "intrinsicWidth" : 200, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 36, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 229, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 111, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.54183006535947709, "centerAnchorY" : 0.7996894409937888, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Switch.tsx_Switch", "codeComponentProps" : { "checked" : false, "color" : "primary", "disabled" : false, "label" : "Switch", "size" : "medium" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 36, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "aYG471naS", "intrinsicHeight" : 56, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 298, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 105, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 158, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.55032679738562096, "centerAnchorY" : 0.72515527950310554, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Checkbox.tsx_Checkbox", "codeComponentProps" : { "checked" : false, "color" : "secondary", "disabled" : false, "label" : "Checkbox", "size" : "medium" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 38, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "ln6jPYo2X", "intrinsicHeight" : 56, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 287, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 114, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.30849673202614381, "centerAnchorY" : 0.47981366459627328, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Chip.tsx_Chip", "codeComponentProps" : { "avatarImageFile" : "", "avatarImageUrl" : "", "clickable" : false, "color" : "primary", "deletable" : true, "deleteIcon" : "delete", "disabled" : false, "icon" : "flag", "iconTheme" : "Filled", "label" : "Chip", "size" : "medium", "variant" : "default" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 32, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "LJpKpjj1x", "intrinsicHeight" : 32, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 186, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 293, "visible" : true, "width" : 100, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.20392156862745098, "centerAnchorY" : 0.47981366459627328, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Chip.tsx_Chip", "codeComponentProps" : { "avatarImageFile" : "", "avatarImageUrl" : "", "clickable" : true, "color" : "secondary", "deletable" : true, "deleteIcon" : "", "disabled" : false, "icon" : "", "iconTheme" : "Filled", "label" : "Chip", "size" : "medium", "variant" : "default" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 32, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "bmDnke8io", "intrinsicHeight" : 32, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 106, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 293, "visible" : true, "width" : 100, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.083006535947712415, "centerAnchorY" : 0.47981366459627328, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Chip.tsx_Chip", "codeComponentProps" : { "avatarImageFile" : "", "avatarImageUrl" : "", "clickable" : true, "color" : "default", "deletable" : false, "deleteIcon" : "", "disabled" : false, "icon" : "", "iconTheme" : "Filled", "label" : "Chip", "size" : "medium", "variant" : "default" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 32, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "p1UegbS5I", "intrinsicHeight" : 32, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 37, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 293, "visible" : true, "width" : 53, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 251, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.22091503267973855, "centerAnchorY" : 0.57919254658385089, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Avatar.tsx_Avatar", "codeComponentProps" : { "backgroundColor" : "rgba(198, 102, 250, 0.36)", "icon" : "face", "imageFile" : "", "imageUrl" : "", "label" : "MB", "textColor" : "#09F", "variant" : "circle" }, "codeOverrideEnabled" : true, "codeOverrideFile" : ".\/Examples.tsx", "codeOverrideIdentifier" : ".\/Examples.tsx_Hover", "codeOverrideName" : "Hover", "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 40, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "b42hC2huS", "intrinsicHeight" : 40, "intrinsicWidth" : 40, "invert" : 0, "invertEnabled" : 0, "left" : 149, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 40, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 251, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.074509803921568626, "centerAnchorY" : 0.57919254658385089, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Avatar.tsx_Avatar", "codeComponentProps" : { "backgroundColor" : "hsl(123, 100%, 34%)", "icon" : "", "imageFile" : "", "imageUrl" : "", "label" : "MB", "textColor" : "hsl(0, 0%, 100%)", "variant" : "circle" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 40, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "ncHQ_uaYV", "intrinsicHeight" : 40, "intrinsicWidth" : 40, "invert" : 0, "invertEnabled" : 0, "left" : 37, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 40, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.10000000000000001, "centerAnchorY" : 0.081521739130434784, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Button.tsx_Button", "codeComponentProps" : { "color" : "default", "disabled" : false, "disableElevation" : false, "endIcon" : "", "endIconTheme" : "Filled", "fullWidth" : false, "href" : "", "label" : "Button", "size" : "small", "startIcon" : "", "startIconTheme" : "Filled", "variant" : "text" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 27, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "cTF81XkKB", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 42, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 39, "visible" : true, "width" : 69, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.092810457516339873, "centerAnchorY" : 0.16459627329192547, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Button.tsx_Button", "codeComponentProps" : { "color" : "primary", "disabled" : false, "disableElevation" : false, "endIcon" : "", "endIconTheme" : "Filled", "fullWidth" : false, "href" : "", "label" : "Button", "size" : "medium", "startIcon" : "", "startIconTheme" : "Filled", "variant" : "text" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 38, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "gH2P5ajZS", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 34, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 87, "visible" : true, "width" : 74, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.11895424836601307, "centerAnchorY" : 0.24068322981366461, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Button.tsx_Button", "codeComponentProps" : { "color" : "secondary", "disabled" : false, "disableElevation" : false, "endIcon" : "", "endIconTheme" : "Filled", "fullWidth" : false, "href" : "", "label" : "Button", "size" : "large", "startIcon" : "", "startIconTheme" : "Filled", "variant" : "text" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 38, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "UAYbLpbQl", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 34, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 136, "visible" : true, "width" : 114, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.26666666666666666, "centerAnchorY" : 0.086956521739130432, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Button.tsx_Button", "codeComponentProps" : { "color" : "default", "disabled" : false, "disableElevation" : false, "endIcon" : "", "endIconTheme" : "Filled", "fullWidth" : false, "href" : "", "label" : "Button", "size" : "small", "startIcon" : "", "startIconTheme" : "Filled", "variant" : "outlined" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 32, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "qjbrctp5m", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 166, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 40, "visible" : true, "width" : 76, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.2803921568627451, "centerAnchorY" : 0.16459627329192547, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Button.tsx_Button", "codeComponentProps" : { "color" : "primary", "disabled" : false, "disableElevation" : false, "endIcon" : "", "endIconTheme" : "Filled", "fullWidth" : false, "href" : "", "label" : "Button", "size" : "medium", "startIcon" : "", "startIconTheme" : "Filled", "variant" : "outlined" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 38, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "p78dyfHG3", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 166, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 87, "visible" : true, "width" : 97, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.30718954248366015, "centerAnchorY" : 0.24534161490683229, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Button.tsx_Button", "codeComponentProps" : { "color" : "secondary", "disabled" : false, "disableElevation" : false, "endIcon" : "", "endIconTheme" : "Filled", "fullWidth" : false, "href" : "", "label" : "Button", "size" : "large", "startIcon" : "fingerprint", "startIconTheme" : "Filled", "variant" : "outlined" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 44, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "RAut_4_AJ", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 166, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 136, "visible" : true, "width" : 138, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.47254901960784312, "centerAnchorY" : 0.086180124223602481, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Button.tsx_Button", "codeComponentProps" : { "color" : "default", "disabled" : false, "disableElevation" : false, "endIcon" : "", "endIconTheme" : "Filled", "fullWidth" : false, "href" : "", "label" : "Button", "size" : "small", "startIcon" : "", "startIconTheme" : "Filled", "variant" : "contained" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 33, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "p5OaBzMZw", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 324, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 39, "visible" : true, "width" : 75, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.48692810457516339, "centerAnchorY" : 0.16459627329192547, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Button.tsx_Button", "codeComponentProps" : { "color" : "primary", "disabled" : false, "disableElevation" : false, "endIcon" : "", "endIconTheme" : "Filled", "fullWidth" : false, "href" : "", "label" : "Button", "size" : "medium", "startIcon" : "", "startIconTheme" : "Filled", "variant" : "contained" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 38, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "WwZcN3rH7", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 324, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 87, "visible" : true, "width" : 97, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.49215686274509801, "centerAnchorY" : 0.2391304347826087, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Button.tsx_Button", "codeComponentProps" : { "color" : "secondary", "disabled" : false, "disableElevation" : false, "endIcon" : "star", "endIconTheme" : "Filled", "fullWidth" : false, "href" : "", "label" : "Button", "size" : "large", "startIcon" : "", "startIconTheme" : "Filled", "variant" : "contained" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 40, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "EWICS0NZy", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "invert" : 0, "invertEnabled" : 0, "left" : 323, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 134, "visible" : true, "width" : 107, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 243, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.39084967320261438, "centerAnchorY" : 0.5854037267080745, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/IconButton.tsx_IconButton", "codeComponentProps" : { "badgeColor" : "primary", "badgeContent" : "12", "color" : "secondary", "disabled" : false, "icon" : "favorite", "iconTheme" : "Filled", "size" : "medium" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 48, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "wZTA1bDKa", "intrinsicHeight" : 48, "intrinsicWidth" : 48, "invert" : 0, "invertEnabled" : 0, "left" : 275, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 48, "widthType" : 0 }, { "__class" : "FrameNode", "aspectRatio" : null, "blendingEnabled" : 0, "blendingMode" : "normal", "blur" : 12, "blurEnabled" : 0, "blurType" : "layer", "borderBottom" : 1, "borderColor" : "#222", "borderEnabled" : 0, "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 196, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.16470588235294117, "centerAnchorY" : 0.67701863354037262, "children" : [ { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 0, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.75268817204301075, "centerAnchorY" : 0.5, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Icon.tsx_Icon", "codeComponentProps" : { "color" : "action", "icon" : "fingerprint", "theme" : "Filled" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 24, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "ipYOnNJLW", "intrinsicHeight" : 24, "intrinsicWidth" : 24, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "iRwoAR2c0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 34, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 0, "visible" : true, "width" : 24, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 0, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.93548387096774188, "centerAnchorY" : 0.5, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Icon.tsx_Icon", "codeComponentProps" : { "color" : "disabled", "icon" : "explore", "theme" : "TwoTone" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 24, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "SmiFm2KTV", "intrinsicHeight" : 24, "intrinsicWidth" : 24, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "iRwoAR2c0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 0, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 0, "visible" : true, "width" : 24, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 0, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.58064516129032262, "centerAnchorY" : 0.5, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Icon.tsx_Icon", "codeComponentProps" : { "color" : "error", "icon" : "favorite", "theme" : "Filled" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 24, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "Z6QMvFOyl", "intrinsicHeight" : 24, "intrinsicWidth" : 24, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "iRwoAR2c0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 66, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 0, "visible" : true, "width" : 24, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 0, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.40860215053763443, "centerAnchorY" : 0.5, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Icon.tsx_Icon", "codeComponentProps" : { "color" : "secondary", "icon" : "alarm", "theme" : "Filled" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 24, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "ZXD7jFWTQ", "intrinsicHeight" : 24, "intrinsicWidth" : 24, "invert" : 0, "invertEnabled" : 0, "left" : 64, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "iRwoAR2c0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 0, "visible" : true, "width" : 24, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 0, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.23655913978494625, "centerAnchorY" : 0.5, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Icon.tsx_Icon", "codeComponentProps" : { "color" : "primary", "icon" : "map", "theme" : "Filled" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 24, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "Cmq5hZBdJ", "intrinsicHeight" : 24, "intrinsicWidth" : 24, "invert" : 0, "invertEnabled" : 0, "left" : 32, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "iRwoAR2c0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 0, "visible" : true, "width" : 24, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 0, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.064516129032258063, "centerAnchorY" : 0.5, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Icon.tsx_Icon", "codeComponentProps" : { "color" : "inherit", "icon" : "Add", "theme" : "Filled" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 24, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "VyJiTOlnf", "intrinsicHeight" : 24, "intrinsicWidth" : 24, "invert" : 0, "invertEnabled" : 0, "left" : 0, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "iRwoAR2c0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 0, "visible" : true, "width" : 24, "widthType" : 0 } ], "clip" : false, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillLinearGradient" : { "__class" : "LinearGradient", "alpha" : 1, "angle" : 180, "stops" : [ { "__class" : "GradientColorStop", "position" : 0, "value" : "rgba(0,0,0,0)" }, { "__class" : "GradientColorStop", "position" : 1, "value" : "black" } ] }, "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "guidesX" : [ ], "guidesY" : [ ], "height" : 24, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "iRwoAR2c0", "intrinsicHeight" : null, "intrinsicWidth" : null, "invert" : 0, "invertEnabled" : 0, "isExternalMaster" : null, "isMaster" : false, "isTarget" : false, "left" : 33, "locked" : false, "name" : null, "navigationTarget" : null, "navigationTransition" : "push", "navigationTransitionBackdropColor" : "rgba(4,4,15,.4)", "navigationTransitionDirection" : "left", "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "replicaInfo" : null, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 186, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 271, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.78169934640522876, "centerAnchorY" : 0.53649068322981364, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/TextField.tsx_TextField", "codeComponentProps" : { "autoFocus" : false, "color" : "primary", "disabled" : false, "error" : true, "fullWidth" : true, "helperText" : "Helper text", "label" : "TextField", "multiline" : false, "placeholder" : "Text", "required" : false, "size" : "small", "variant" : "outlined" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 55, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "tdMctOo3y", "intrinsicHeight" : 56, "intrinsicWidth" : 280, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 69, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 196, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.78169934640522876, "centerAnchorY" : 0.41459627329192544, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/TextField.tsx_TextField", "codeComponentProps" : { "autoFocus" : false, "color" : "primary", "disabled" : false, "error" : false, "fullWidth" : true, "helperText" : "", "label" : "TextField", "multiline" : false, "placeholder" : "Text", "required" : false, "size" : "small", "variant" : "filled" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 56, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "nKSP47jaJ", "intrinsicHeight" : 56, "intrinsicWidth" : 280, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 69, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 239, "visible" : true, "width" : 196, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.78431372549019607, "centerAnchorY" : 0.3105590062111801, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/TextField.tsx_TextField", "codeComponentProps" : { "autoFocus" : false, "color" : "primary", "disabled" : false, "error" : false, "fullWidth" : true, "helperText" : "", "label" : "TextField", "multiline" : false, "placeholder" : "Text", "required" : false, "size" : "small", "variant" : "standard" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 52, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "tDU_7rcKF", "intrinsicHeight" : 56, "intrinsicWidth" : 280, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 69, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 174, "visible" : true, "width" : 192, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 282, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.23071895424836603, "centerAnchorY" : 0.55279503105590067, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Badge.tsx_Badge", "codeComponentProps" : { "badgeColor" : "primary", "badgeContent" : "9", "icon" : "", "max" : 99, "showZero" : false, "theme" : "Filled", "variant" : "standard" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 12, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "b9c79c4ku", "intrinsicHeight" : 22, "intrinsicWidth" : 22, "invert" : 0, "invertEnabled" : 0, "left" : 169, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 15, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0.3457516339869281, "centerAnchorY" : 0.37422360248447206, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Fab.tsx_Fab", "codeComponentProps" : { "color" : "secondary", "disabled" : false, "href" : "", "icon" : "add", "iconTheme" : "Filled", "label" : "extended", "size" : "medium", "variant" : "extended" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 42, "heightType" : 0, "id" : "XKe8AZHKh", "intrinsicHeight" : 64, "intrinsicWidth" : 64, "left" : 189, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "top" : 220, "visible" : true, "width" : 151, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0.14248366013071895, "centerAnchorY" : 0.37422360248447206, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Fab.tsx_Fab", "codeComponentProps" : { "color" : "primary", "disabled" : false, "href" : "", "icon" : "add", "iconTheme" : "Filled", "label" : "extended", "size" : "medium", "variant" : "extended" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 42, "heightType" : 0, "id" : "cmptuiJ7Q", "intrinsicHeight" : 64, "intrinsicWidth" : 64, "left" : 32, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "top" : 220, "visible" : true, "width" : 154, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0.55032679738562096, "centerAnchorY" : 0.37111801242236025, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Fab.tsx_Fab", "codeComponentProps" : { "color" : "default", "disabled" : false, "href" : "", "icon" : "add", "iconTheme" : "Filled", "label" : "extended", "size" : "large", "variant" : "round" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 56, "heightType" : 0, "id" : "BuQOP8BaF", "intrinsicHeight" : 56, "intrinsicWidth" : 56, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 316, "rotation" : 0, "top" : 211, "visible" : true, "width" : 56, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0.54967320261437913, "centerAnchorY" : 0.47981366459627328, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Fab.tsx_Fab", "codeComponentProps" : { "color" : "primary", "disabled" : false, "href" : "", "icon" : "add", "iconTheme" : "Filled", "label" : "extended", "size" : "medium", "variant" : "round" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 48, "heightType" : 0, "id" : "DodnLTHL0", "intrinsicHeight" : 56, "intrinsicWidth" : 56, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 320, "rotation" : 0, "top" : 285, "visible" : true, "width" : 49, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 251, "centerAnchorX" : 0.54967320261437913, "centerAnchorY" : 0.57919254658385089, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Fab.tsx_Fab", "codeComponentProps" : { "color" : "secondary", "disabled" : false, "href" : "", "icon" : "add", "iconTheme" : "Filled", "label" : "extended", "size" : "small", "variant" : "round" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 40, "heightType" : 0, "id" : "DQiEiN5lO", "intrinsicHeight" : 56, "intrinsicWidth" : 56, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 324, "rotation" : 0, "top" : null, "visible" : true, "width" : 41, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 251, "centerAnchorX" : 0.1477124183006536, "centerAnchorY" : 0.57919254658385089, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Avatar.tsx_Avatar", "codeComponentProps" : { "backgroundColor" : "#bdbdbd", "icon" : "face", "imageFile" : "", "imageUrl" : "https:\/\/i.pravatar.cc\/300", "label" : "MB", "textColor" : "#09F", "variant" : "circle" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 40, "heightType" : 0, "id" : "U1xJlNJL3", "intrinsicHeight" : 40, "intrinsicWidth" : 40, "left" : 93, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "top" : null, "visible" : true, "width" : 40, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 65, "centerAnchorX" : 0.54183006535947709, "centerAnchorY" : 0.86645962732919257, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Radio.tsx_Radio", "codeComponentProps" : { "color" : "secondary", "disabled" : false, "label" : "Radio", "size" : "medium" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 42, "heightType" : 0, "id" : "COoY9vYQB", "intrinsicHeight" : 42, "intrinsicWidth" : null, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 297, "rotation" : 0, "top" : null, "visible" : true, "width" : 107, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 53, "centerAnchorX" : 0.1758169934640523, "centerAnchorY" : 0.89906832298136641, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Slider.tsx_Slider", "codeComponentProps" : { "color" : "primary", "disabled" : false, "max" : 100, "min" : 0, "orientation" : "horizontal", "step" : 1, "track" : "normal", "valueLabelDisplay" : "off" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 24, "heightType" : 0, "id" : "Wo5ifgmlV", "intrinsicHeight" : 24, "intrinsicWidth" : 160, "left" : 33, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "l0xy8PUi0", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "top" : null, "visible" : true, "width" : 203, "widthType" : 0 } ], "clip" : true, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillLinearGradient" : { "__class" : "LinearGradient", "alpha" : 1, "angle" : 180, "stops" : [ { "__class" : "GradientColorStop", "position" : 0, "value" : "rgba(0,0,0,0)" }, { "__class" : "GradientColorStop", "position" : 1, "value" : "black" } ] }, "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "guidesX" : [ ], "guidesY" : [ ], "height" : 644, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "l0xy8PUi0", "intrinsicHeight" : null, "intrinsicWidth" : null, "invert" : 0, "invertEnabled" : 0, "isExternalMaster" : null, "isMaster" : false, "isTarget" : false, "left" : -1944, "locked" : false, "name" : null, "navigationTarget" : null, "navigationTransition" : "push", "navigationTransitionBackdropColor" : "rgba(4,4,15,.4)", "navigationTransitionDirection" : "left", "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "replicaInfo" : null, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : -537, "visible" : true, "width" : 765, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/ThemeProvider.tsx_Theme", "codeComponentProps" : { "children" : [ { "enabled" : true, "type" : "componentinstance", "value" : "sqbNjMafZ" } ], "error" : "#f44336", "info" : "#2196f3", "paletteType" : "light", "primary" : "#3577CB", "secondary" : "#CA2B51", "success" : "#4caf4f", "warning" : "#ff9800" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 600, "heightType" : 0, "id" : "OkSNSUKKs", "intrinsicHeight" : null, "intrinsicWidth" : null, "left" : -1944, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "top" : -1252, "visible" : true, "width" : 800, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.51058631921824105, "centerAnchorY" : 1.0134892086330936, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/AppBar.tsx_AppBar", "codeComponentProps" : { "action1" : "", "action2" : "", "icon1" : "", "icon1Badge" : "", "icon2" : "", "icon2Badge" : "", "leftIcon" : "", "title" : "Material-UI" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 81, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "Sc1IYPXPV", "intrinsicHeight" : null, "intrinsicWidth" : null, "invert" : 0, "invertEnabled" : 0, "left" : -587, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : -537, "visible" : true, "width" : 569, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Tabs.tsx_Tabs", "codeComponentProps" : { "appBarColor" : "inherit", "centered" : true, "icons" : [ { "enabled" : true, "type" : "string", "value" : "star" }, { "enabled" : true, "type" : "string", "value" : "favorite" }, { "enabled" : true, "type" : "string", "value" : "person_pin" } ], "indicatorColor" : "secondary", "labels" : [ { "enabled" : true, "type" : "string", "value" : "Tab 1" }, { "enabled" : true, "type" : "string", "value" : "Tab 2" }, { "enabled" : true, "type" : "string", "value" : "Tab 3" } ], "scrollButtons" : "on", "textColor" : "secondary", "variant" : "fullWidth" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 79, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "D1hYM7zs2", "intrinsicHeight" : 48, "intrinsicWidth" : 500, "invert" : 0, "invertEnabled" : 0, "left" : -587, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : -188, "visible" : true, "width" : 569, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Tabs.tsx_Tabs", "codeComponentProps" : { "appBarColor" : "primary", "centered" : false, "icons" : [ { "enabled" : true, "type" : "string", "value" : "star" }, { "enabled" : true, "type" : "string", "value" : "favorite" }, { "enabled" : true, "type" : "string", "value" : "person_pin" } ], "indicatorColor" : "secondary", "labels" : [ { "enabled" : true, "type" : "string", "value" : "Tab 1" }, { "enabled" : true, "type" : "string", "value" : "Tab 2" }, { "enabled" : true, "type" : "string", "value" : "Tab 3" } ], "scrollButtons" : "off", "textColor" : "inherit", "variant" : "fullWidth" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 74, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "oyULVDfIk", "intrinsicHeight" : 48, "intrinsicWidth" : 500, "invert" : 0, "invertEnabled" : 0, "left" : -587, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : -304, "visible" : true, "width" : 569, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Tabs.tsx_Tabs", "codeComponentProps" : { "appBarColor" : "secondary", "centered" : false, "icons" : [ { "enabled" : true, "type" : "string", "value" : "star" }, { "enabled" : true, "type" : "string", "value" : "favorite" }, { "enabled" : true, "type" : "string", "value" : "person_pin" } ], "indicatorColor" : "primary", "labels" : [ { "enabled" : true, "type" : "string", "value" : "Tab one" }, { "enabled" : true, "type" : "string", "value" : "Tab two" }, { "enabled" : true, "type" : "string", "value" : "Tab three" } ], "scrollButtons" : "on", "textColor" : "inherit", "variant" : "standard" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 80, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "FruW36As0", "intrinsicHeight" : 48, "intrinsicWidth" : 500, "invert" : 0, "invertEnabled" : 0, "left" : -587, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : -66, "visible" : true, "width" : 569, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.51058631921824105, "centerAnchorY" : 1.0134892086330936, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/AppBar.tsx_AppBar", "codeComponentProps" : { "action1" : "login", "action2" : "", "icon1" : "notifications", "icon1Badge" : "8", "icon2" : "account_circle", "icon2Badge" : "", "leftIcon" : "menu", "title" : "Material-UI" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 64, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "kDhkUGILq", "intrinsicHeight" : null, "intrinsicWidth" : null, "invert" : 0, "invertEnabled" : 0, "left" : -587, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : -430, "visible" : true, "width" : 569, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/SnackbarContent.tsx_SnackbarContent", "codeComponentProps" : { "label" : "Nom nom nom", "message" : "I love candy. I love cookies. I love cupcakes." }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 46, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "Q5qEPpCM6", "intrinsicHeight" : 56, "intrinsicWidth" : 280, "invert" : 0, "invertEnabled" : 0, "left" : -587, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 292, "visible" : true, "width" : 569, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "blurEnabled" : 0, "blurType" : "layer", "borderBottom" : 1, "borderColor" : "#222", "borderEnabled" : 0, "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ ], "clip" : true, "codeComponentIdentifier" : "framer\/Scroll", "codeComponentProps" : { "children" : [ { "enabled" : true, "type" : "componentinstance", "value" : "MS2ScTJEQ" } ], "direction" : "vertical", "directionLock" : true, "dragEnabled" : true, "wheelEnabled" : true }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillLinearGradient" : { "__class" : "LinearGradient", "alpha" : 1, "angle" : 180, "stops" : [ { "__class" : "GradientColorStop", "position" : 0, "value" : "rgba(0,0,0,0)" }, { "__class" : "GradientColorStop", "position" : 1, "value" : "black" } ] }, "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 195, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "ksndZXiRp", "intrinsicHeight" : null, "intrinsicWidth" : null, "invert" : 0, "invertEnabled" : 0, "left" : -1113, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : -15, "visible" : true, "width" : 279, "widthType" : 0 }, { "__class" : "FrameNode", "aspectRatio" : null, "blendingEnabled" : 0, "blendingMode" : "normal", "blur" : 12, "blurEnabled" : 0, "blurType" : "layer", "borderBottom" : 1, "borderColor" : "#222", "borderEnabled" : 0, "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.5, "centerAnchorY" : 0.10588235294117647, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/ListItem.tsx_ListItem", "codeComponentProps" : { "alignItems" : "center", "autoFocus" : false, "button" : false, "dense" : false, "disabled" : false, "disableGutters" : false, "divider" : false, "imageFile" : "", "imageUrl" : "", "inset" : false, "label" : "Primary label", "primaryAction" : "icon", "primaryIcon" : "star", "secondaryAction" : "none", "secondaryIcon" : "star", "secondaryLabel" : "", "selected" : false }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 48, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "UZ4amxRTC", "intrinsicHeight" : 48, "intrinsicWidth" : 568, "invert" : 0, "invertEnabled" : 0, "left" : 0, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "MS2ScTJEQ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 0, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 2, "visible" : true, "width" : 403, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.5, "centerAnchorY" : 0.25294117647058822, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/ListItem.tsx_ListItem", "codeComponentProps" : { "alignItems" : "center", "autoFocus" : false, "button" : false, "dense" : false, "disabled" : false, "disableGutters" : false, "divider" : false, "imageFile" : "", "imageUrl" : "", "inset" : false, "label" : "Primary label", "primaryAction" : "avatar", "primaryIcon" : "star", "secondaryAction" : "none", "secondaryIcon" : "star", "secondaryLabel" : "26 Oct 2018", "selected" : false }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 72, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "q1ZOfnUT1", "intrinsicHeight" : 48, "intrinsicWidth" : 568, "invert" : 0, "invertEnabled" : 0, "left" : 0, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "MS2ScTJEQ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 0, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 50, "visible" : true, "width" : 403, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : null, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.5, "centerAnchorY" : 0.42941176470588233, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/ListItem.tsx_ListItem", "codeComponentProps" : { "alignItems" : "center", "autoFocus" : false, "button" : false, "dense" : false, "disabled" : false, "disableGutters" : false, "divider" : false, "imageFile" : "", "imageUrl" : "", "inset" : false, "label" : "Primary label", "primaryAction" : "checkbox", "primaryIcon" : "star", "secondaryAction" : "iconButton", "secondaryIcon" : "star", "secondaryLabel" : "", "selected" : false }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 48, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "UsRks3lbM", "intrinsicHeight" : 48, "intrinsicWidth" : 568, "invert" : 0, "invertEnabled" : 0, "left" : 0, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "MS2ScTJEQ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 0, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 122, "visible" : true, "width" : 403, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 122, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.5, "centerAnchorY" : 0.57058823529411762, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/ListItem.tsx_ListItem", "codeComponentProps" : { "alignItems" : "center", "autoFocus" : false, "button" : false, "dense" : false, "disabled" : false, "disableGutters" : false, "divider" : false, "imageFile" : "", "imageUrl" : "", "inset" : false, "label" : "Primary label", "primaryAction" : "checkbox", "primaryIcon" : "star", "secondaryAction" : "checkbox", "secondaryIcon" : "star", "secondaryLabel" : "", "selected" : false }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 48, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "p8CuUt_db", "intrinsicHeight" : 48, "intrinsicWidth" : 568, "invert" : 0, "invertEnabled" : 0, "left" : 0, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "MS2ScTJEQ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 0, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 403, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 74, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.5, "centerAnchorY" : 0.71176470588235297, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/ListItem.tsx_ListItem", "codeComponentProps" : { "alignItems" : "center", "autoFocus" : false, "button" : false, "dense" : false, "disabled" : false, "disableGutters" : false, "divider" : false, "imageFile" : "", "imageUrl" : "", "inset" : false, "label" : "Primary label", "primaryAction" : "icon", "primaryIcon" : "star", "secondaryAction" : "switch", "secondaryIcon" : "star", "secondaryLabel" : "", "selected" : false }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 48, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "gJVSCYiKn", "intrinsicHeight" : 48, "intrinsicWidth" : 568, "invert" : 0, "invertEnabled" : 0, "left" : 0, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "MS2ScTJEQ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 0, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 403, "widthType" : 0 } ], "clip" : true, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ { "__class" : "ExportOptions", "enabled" : true, "nameExtension" : "", "nameExtensionMode" : "Suffix", "scale" : 2, "type" : "png" } ], "fillColor" : "white", "fillEnabled" : true, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillLinearGradient" : { "__class" : "LinearGradient", "alpha" : 1, "angle" : 180, "stops" : [ { "__class" : "GradientColorStop", "position" : 0, "value" : "rgba(0,0,0,0)" }, { "__class" : "GradientColorStop", "position" : 1, "value" : "black" } ] }, "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "guidesX" : [ ], "guidesY" : [ ], "height" : 339, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "MS2ScTJEQ", "intrinsicHeight" : null, "intrinsicWidth" : null, "invert" : 0, "invertEnabled" : 0, "isExternalMaster" : null, "isMaster" : false, "isTarget" : false, "left" : -1113, "locked" : false, "name" : null, "navigationTarget" : null, "navigationTransition" : "push", "navigationTransitionBackdropColor" : "rgba(4,4,15,.4)", "navigationTransitionDirection" : "left", "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "replicaInfo" : null, "right" : null, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : 277, "visible" : true, "width" : 279, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/MediaCard.tsx_MediaCard", "codeComponentProps" : { "action1" : "View", "action2" : "", "body" : "Discover Material-UI, a popular React Material Design component library.", "icon1" : "share", "icon2" : "more_vert", "imageFile" : "", "imageUrl" : "https:\/\/source.unsplash.com\/random\/320x180?www", "subtitle" : "by Laura Philips", "title" : "Material Improvement" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 451, "heightType" : 0, "id" : "Sop_2HJX3", "intrinsicHeight" : 230, "intrinsicWidth" : 300, "left" : -1113, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "top" : -537, "visible" : true, "width" : 412, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/BottomNavigation.tsx_BottomNavigation", "codeComponentProps" : { "icons" : [ { "enabled" : true, "type" : "string", "value" : "restore" }, { "enabled" : true, "type" : "string", "value" : "favorite" }, { "enabled" : true, "type" : "string", "value" : "location_on" }, { "enabled" : true, "type" : "string", "value" : "folder" } ], "labels" : [ { "enabled" : true, "type" : "string", "value" : "Recents" }, { "enabled" : true, "type" : "string", "value" : "Favorites" }, { "enabled" : true, "type" : "string", "value" : "Nearby" }, { "enabled" : true, "type" : "string", "value" : "Saved" } ], "showLabels" : false }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 56, "heightType" : 0, "id" : "cHgINEBUz", "intrinsicHeight" : 56, "intrinsicWidth" : 500, "left" : -587, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "top" : 76, "visible" : true, "width" : 569, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/BottomNavigation.tsx_BottomNavigation", "codeComponentProps" : { "icons" : [ { "enabled" : true, "type" : "string", "value" : "restore" }, { "enabled" : true, "type" : "string", "value" : "favorite" }, { "enabled" : true, "type" : "string", "value" : "location_on" }, { "enabled" : true, "type" : "string", "value" : "folder" } ], "labels" : [ { "enabled" : true, "type" : "string", "value" : "Recents" }, { "enabled" : true, "type" : "string", "value" : "Favorites" }, { "enabled" : true, "type" : "string", "value" : "Nearby" }, { "enabled" : true, "type" : "string", "value" : "Saved" } ], "showLabels" : true }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 56, "heightType" : 0, "id" : "HGTFAYs4R", "intrinsicHeight" : 56, "intrinsicWidth" : 500, "left" : -587, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "top" : 174, "visible" : true, "width" : 569, "widthType" : 0 }, { "__class" : "FrameNode", "aspectRatio" : null, "blendingEnabled" : 0, "blendingMode" : "normal", "bottom" : null, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 0, "centerAnchorX" : 0.5, "centerAnchorY" : 0.5, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Paper.tsx_Paper", "codeComponentProps" : { "elevation" : 2, "square" : false, "variant" : "elevation" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ { "__class" : "ExportOptions", "enabled" : true, "nameExtension" : "", "nameExtensionMode" : "Suffix", "scale" : 1, "type" : "png" } ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 600, "heightType" : 0, "id" : "OO3kKeUuc", "intrinsicHeight" : 100, "intrinsicWidth" : 100, "left" : 0, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 0, "rotation" : 0, "top" : 0, "visible" : true, "width" : 800, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 50, "centerAnchorX" : 0.24906367041198502, "centerAnchorY" : 0.55083333333333329, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/MediaCard.tsx_MediaCard", "codeComponentProps" : { "action1" : "View", "action2" : "", "body" : "Discover how Material-UI, the leading React Material Design component library, can help to improve your users' experience.", "icon1" : "share", "icon2" : "more_vert", "imageFile" : "design\/assets\/blue_sky_blue_water-2560x1600.jpg", "imageUrl" : "https:\/\/source.unsplash.com\/random\/320x180", "subtitle" : "by Laura Philips", "title" : "Material Improvement" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 439, "heightType" : 0, "id" : "GnGEWX2VN", "intrinsicHeight" : 230, "intrinsicWidth" : 300, "left" : 22, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : null, "rotation" : 0, "top" : 111, "visible" : true, "width" : 355, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0.55181023720349565, "centerAnchorY" : 0.23333333333333334, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Fab.tsx_Fab", "codeComponentProps" : { "color" : "primary", "disabled" : false, "href" : "", "icon" : "add", "iconTheme" : "Filled", "label" : "extended", "size" : "large", "variant" : "round" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 56, "heightType" : 0, "id" : "ZEMEiFiAS", "intrinsicHeight" : 56, "intrinsicWidth" : 56, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 331, "rotation" : 0, "top" : 112, "visible" : true, "width" : 56, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0.69038701622971288, "centerAnchorY" : 0.23083333333333333, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Button.tsx_Button", "codeComponentProps" : { "color" : "primary", "disabled" : false, "disableElevation" : false, "endIcon" : "", "endIconTheme" : "Filled", "fullWidth" : false, "href" : "", "label" : "Button", "size" : "medium", "startIcon" : "star", "startIconTheme" : "Filled", "variant" : "outlined" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 39, "heightType" : 0, "id" : "YO8AB7C2u", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 187, "rotation" : 0, "top" : 119, "visible" : true, "width" : 122, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 50, "centerAnchorX" : 0.74094881398252188, "centerAnchorY" : 0.87666666666666671, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/SnackbarContent.tsx_SnackbarContent", "codeComponentProps" : { "label" : "Nom nom nom", "message" : "I love candy. I love cookies." }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 48, "heightType" : 0, "id" : "v1BIhaHHk", "intrinsicHeight" : 48, "intrinsicWidth" : 568, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 28, "rotation" : 0, "top" : null, "visible" : true, "width" : 359, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 130, "centerAnchorX" : 0.64249999999999996, "centerAnchorY" : 0.77916666666666667, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/LinearProgress.tsx_LinearProgress", "codeComponentProps" : { "color" : "primary", "value" : 75, "valueBuffer" : 75, "variant" : "determinate" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 5, "heightType" : 0, "id" : "Xj9xGd7TB", "intrinsicHeight" : 5, "intrinsicWidth" : 200, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 186, "rotation" : 0, "top" : null, "visible" : true, "width" : 200, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0.64294631710362049, "centerAnchorY" : 0.35166666666666668, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/TextField.tsx_TextField", "codeComponentProps" : { "autoFocus" : false, "color" : "primary", "disabled" : false, "error" : false, "fullWidth" : true, "helperText" : "", "label" : "TextField", "multiline" : false, "placeholder" : "", "required" : false, "size" : "small", "variant" : "standard" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 56, "heightType" : 0, "id" : "cyOOTfqxo", "intrinsicHeight" : 56, "intrinsicWidth" : 280, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 185, "rotation" : 0, "top" : 183, "visible" : true, "width" : 202, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0.64294631710362049, "centerAnchorY" : 0.47833333333333333, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/TextField.tsx_TextField", "codeComponentProps" : { "autoFocus" : false, "color" : "primary", "disabled" : false, "error" : false, "fullWidth" : true, "helperText" : "", "label" : "TextField", "multiline" : false, "placeholder" : "", "required" : false, "size" : "small", "variant" : "outlined" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 56, "heightType" : 0, "id" : "IerwQu95H", "intrinsicHeight" : 56, "intrinsicWidth" : 280, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 185, "rotation" : 0, "top" : 259, "visible" : true, "width" : 202, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 204, "centerAnchorX" : 0.64294631710362049, "centerAnchorY" : 0.61333333333333329, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/TextField.tsx_TextField", "codeComponentProps" : { "autoFocus" : false, "color" : "primary", "disabled" : false, "error" : false, "fullWidth" : true, "helperText" : "", "label" : "TextField", "multiline" : true, "placeholder" : "", "required" : false, "size" : "small", "variant" : "filled" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 56, "heightType" : 0, "id" : "r_kVBHFAX", "intrinsicHeight" : 56, "intrinsicWidth" : 280, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 185, "rotation" : 0, "top" : null, "visible" : true, "width" : 202, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0.89263420724094877, "centerAnchorY" : 0.23333333333333334, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Checkbox.tsx_Checkbox", "codeComponentProps" : { "checked" : false, "color" : "secondary", "disabled" : false, "label" : "Checkbox", "size" : "medium" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 42, "heightType" : 0, "id" : "IPkoX0VC5", "intrinsicHeight" : 42, "intrinsicWidth" : 100, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 36, "rotation" : 0, "top" : 119, "visible" : true, "width" : 100, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0.89263420724094877, "centerAnchorY" : 0.33666666666666667, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Switch.tsx_Switch", "codeComponentProps" : { "checked" : false, "color" : "secondary", "disabled" : false, "label" : "Switch", "size" : "medium" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 38, "heightType" : 0, "id" : "a9tAfvueI", "intrinsicHeight" : 38, "intrinsicWidth" : 100, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 36, "rotation" : 0, "top" : 183, "visible" : true, "width" : 100, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 125, "centerAnchorX" : 0.93757802746566787, "centerAnchorY" : 0.7583333333333333, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Avatar.tsx_Avatar", "codeComponentProps" : { "backgroundColor" : "#bdbdbd", "icon" : "face", "imageFile" : "", "imageUrl" : "https:\/\/i.pravatar.cc\/300", "label" : "MB", "textColor" : "#09F", "variant" : "circle" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 40, "heightType" : 0, "id" : "WaSNzeZQN", "intrinsicHeight" : 40, "intrinsicWidth" : 40, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 30, "rotation" : 0, "top" : null, "visible" : true, "width" : 40, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 181, "centerAnchorX" : 0.90636704119850187, "centerAnchorY" : 0.54833333333333334, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/RadioGroup.tsx_RadioGroup", "codeComponentProps" : { "label" : "Radio group", "labels" : [ { "enabled" : true, "type" : "string", "value" : "Paris" }, { "enabled" : true, "type" : "string", "value" : "New York" }, { "enabled" : true, "type" : "string", "value" : "London" } ] }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 180, "heightType" : 0, "id" : "nZMDvQNnQ", "intrinsicHeight" : 180, "intrinsicWidth" : 160, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 0, "rotation" : 0, "top" : null, "visible" : true, "width" : 150, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "blur" : 12, "borderBottom" : 1, "borderColor" : "#222", "borderLeft" : 1, "borderPerSide" : false, "borderRight" : 1, "borderStyle" : "solid", "borderTop" : 1, "borderWidth" : 1, "bottom" : 125, "boxShadows" : [ ], "brightness" : 100, "brightnessEnabled" : 0, "centerAnchorX" : 0.8651685393258427, "centerAnchorY" : 0.755, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/CircularProgress.tsx_CircularProgress", "codeComponentProps" : { "color" : "primary", "thickness" : 4, "value" : 75, "variant" : "static" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "contrast" : 100, "contrastEnabled" : 0, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "grayscale" : 0, "grayScaleEnabled" : 0, "height" : 44, "heightType" : 0, "hueRotate" : 0, "hueRotateEnabled" : 0, "id" : "TgrXWeTOf", "intrinsicHeight" : 44, "intrinsicWidth" : 44, "invert" : 0, "invertEnabled" : 0, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 86, "rotation" : 0, "saturate" : 100, "saturateEnabled" : 0, "sepia" : 0, "sepiaEnabled" : 0, "top" : null, "visible" : true, "width" : 44, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : null, "centerAnchorX" : 0.5, "centerAnchorY" : 0.055, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/AppBar.tsx_AppBar", "codeComponentProps" : { "action1" : "Login", "action2" : "", "icon1" : "notifications", "icon1Badge" : "8", "icon2" : "account_circle", "icon2Badge" : "", "leftIcon" : "menu", "title" : "Material-UI" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 66, "heightType" : 0, "id" : "lzCirtJDO", "intrinsicHeight" : 56, "intrinsicWidth" : 300, "left" : 0, "locked" : false, "name" : "AppBar", "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 0, "rotation" : 0, "top" : 0, "visible" : true, "width" : 800, "widthType" : 0 }, { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 157, "centerAnchorX" : 0.64249999999999996, "centerAnchorY" : 0.71833333333333338, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/Slider.tsx_Slider", "codeComponentProps" : { "color" : "primary", "disabled" : false, "max" : 100, "min" : 0, "orientation" : "horizontal", "step" : 1, "track" : "normal", "valueLabelDisplay" : "off" }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 24, "heightType" : 0, "id" : "RKYmZZsSl", "intrinsicHeight" : 24, "intrinsicWidth" : 160, "left" : null, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "sqbNjMafZ", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 185, "rotation" : 0, "top" : null, "visible" : true, "width" : 202, "widthType" : 0 } ], "clip" : true, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ { "__class" : "ExportOptions", "enabled" : true, "nameExtension" : "", "nameExtensionMode" : "Suffix", "scale" : 1, "type" : "png" } ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : true, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "guidesX" : [ ], "guidesY" : [ ], "height" : 600, "heightType" : 0, "id" : "sqbNjMafZ", "intrinsicHeight" : null, "intrinsicWidth" : null, "isExternalMaster" : null, "isMaster" : false, "isTarget" : false, "left" : -980, "locked" : false, "name" : null, "navigationTarget" : null, "navigationTransition" : "push", "navigationTransitionBackdropColor" : "rgba(4,4,15,.4)", "navigationTransitionDirection" : "left", "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "replicaInfo" : null, "right" : null, "rotation" : 0, "top" : -1252, "visible" : true, "width" : 800, "widthType" : 0 }, { "__class" : "FrameNode", "aspectRatio" : null, "blendingEnabled" : 0, "blendingMode" : "normal", "bottom" : null, "centerAnchorX" : 0, "centerAnchorY" : 0, "children" : [ { "__class" : "CodeComponentNode", "aspectRatio" : null, "bottom" : 0, "centerAnchorX" : 0.5, "centerAnchorY" : 0.5, "children" : [ ], "clip" : true, "codeComponentIdentifier" : ".\/List.tsx_List", "codeComponentProps" : { "alignItems" : "center", "autoFocus" : false, "dense" : false, "disabled" : false, "disableGutters" : false, "divider" : false, "imageFile" : "", "imageUrl" : "", "inset" : false, "labels" : [ { "enabled" : true, "type" : "string", "value" : "Brunch this weekend?" }, { "enabled" : true, "type" : "string", "value" : "Summer BBQ" }, { "enabled" : true, "type" : "string", "value" : "Oui Oui" } ], "primaryAction" : "icon", "primaryIcon" : "star", "secondaryAction" : "none", "secondaryIcon" : "", "secondaryLabels" : [ { "enabled" : true, "type" : "string", "value" : "I'll be in your neighborhood doing errands this…" }, { "enabled" : true, "type" : "string", "value" : "Wish I could come, but I'm out of town this…" }, { "enabled" : true, "type" : "string", "value" : "Do you have Paris recommendations? Have you ever…" } ] }, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : false, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "height" : 241, "heightType" : 0, "id" : "TRLe5xCqu", "intrinsicHeight" : 300, "intrinsicWidth" : 568, "left" : 0, "locked" : false, "name" : null, "opacity" : 1, "originalid" : null, "parentid" : "IYoHQn0XB", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "right" : 0, "rotation" : 0, "top" : 0, "visible" : true, "width" : 451, "widthType" : 0 } ], "clip" : true, "codeOverrideEnabled" : false, "constraintsLocked" : false, "deviceType" : null, "exportOptions" : [ ], "fillColor" : "rgba(255,255,255,1)", "fillEnabled" : true, "fillImage" : null, "fillImageOriginalName" : null, "fillImagePixelHeight" : null, "fillImagePixelWidth" : null, "fillImageResize" : "fill", "fillType" : "color", "guidesX" : [ ], "guidesY" : [ ], "height" : 241, "heightType" : 0, "id" : "IYoHQn0XB", "intrinsicHeight" : null, "intrinsicWidth" : null, "isExternalMaster" : null, "isMaster" : false, "isTarget" : false, "left" : -1944, "locked" : false, "name" : null, "navigationTarget" : null, "navigationTransition" : "push", "navigationTransitionBackdropColor" : "rgba(4,4,15,.4)", "navigationTransitionDirection" : "left", "opacity" : 1, "originalid" : null, "parentid" : "BnkWog8YS", "previewSettings" : null, "radius" : 0, "radiusBottomLeft" : 0, "radiusBottomRight" : 0, "radiusIsRelative" : false, "radiusPerCorner" : false, "radiusTopLeft" : 0, "radiusTopRight" : 0, "replicaInfo" : null, "right" : null, "rotation" : 0, "top" : 188, "visible" : true, "width" : 451, "widthType" : 0 } ], "guidesX" : [ ], "guidesY" : [ ], "id" : "BnkWog8YS", "name" : null, "originalid" : null, "parentid" : null, "tokens" : { }, "tokensIndex" : [ ], "visible" : false }, "version" : 55 }