Skip to content

Instantly share code, notes, and snippets.

@drwpow

drwpow/figma-files.json

Last active April 8, 2020 16:49
Show Gist options
  • Save drwpow/881ef0e9bc426579caba44d0c680ae7a to your computer and use it in GitHub Desktop.
Save drwpow/881ef0e9bc426579caba44d0c680ae7a to your computer and use it in GitHub Desktop.
Download ZIP
Manifold Figma API
Raw
figma-files.json
This file has been truncated, but you can view the full file.
[
{
"name": "Components",
"lastModified": "2020-03-17T14:55:49.565484Z",
"thumbnailUrl": "https://s3-alpha-sig.figma.com/thumbnails/f3b66051-6f8b-440b-8bbf-ca7bc60040f2?Expires=1586736000&Signature=Kqjl78gtjwCHV0N7OrX44J64zKRqw1mqu2r9qvWs8hXxyZ1oJlIamu0vfECrnWTTJ~IRAlx6P4US6dtvupWzbJsuaFaIV4kgkaJhhGAkh6jQNjhOCL8y0BXGfkEgBTR6pAzufunVTVsjBoWW36oiv053V2cv4XIw4AoTZeDa~q~usVj0rhv2Op3GSl5NpFfnaqDG88UReSPvpkNXgC2wPhyRp1GR9ItgHwNzgwz6XB32OzigKdggN9O4RVpPzf-5A~mOHMUcshYFJj20yVkgYva1KUCHt52ohKDvwNEkzWkcmniF3anxCzsawsHdojp71EjWOyGz3WJp8LiVzJuCoA__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
"version": "273710128",
"role": "viewer",
"nodes": {
"69:4": {
"document": {
"id": "69:4",
"name": "Forms / Toggle / On",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "69:2",
"name": "Background",
"type": "RECTANGLE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 291, "y": -63, "width": 40, "height": 24 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8666666746139526,
"g": 0.9137254953384399,
"b": 0.9960784316062927,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"styles": { "fill": "69:0" },
"effects": [],
"cornerRadius": 40,
"rectangleCornerRadii": [40, 40, 40, 40]
},
{
"id": "69:3",
"name": "Knob",
"type": "ELLIPSE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 311, "y": -59, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"styles": { "fill": "2:49" },
"effects": []
}
],
"absoluteBoundingBox": { "x": 291, "y": -63, "width": 40, "height": 24 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"69:4": {
"key": "678c8db623171fe13f0776227706e0b3407e7428",
"name": "Forms / Toggle / On",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"69:0": {
"key": "34f1842c95505499e5080afb99d106367f2e522e",
"name": "Muted / Blue",
"styleType": "FILL",
"description": ""
},
"2:49": {
"key": "a966bb13e918fac157a188d6de6f8a969fd62b89",
"name": "Blue",
"styleType": "FILL",
"description": ""
}
}
},
"69:20": {
"document": {
"id": "69:20",
"name": "Forms / Toggle / Off",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "69:18",
"name": "Background",
"type": "RECTANGLE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 345, "y": -63, "width": 40, "height": 24 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"styles": { "fill": "2:51" },
"effects": [],
"cornerRadius": 40,
"rectangleCornerRadii": [40, 40, 40, 40]
},
{
"id": "69:19",
"name": "Knob",
"type": "ELLIPSE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 349, "y": -59, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"styles": { "fill": "2:45" },
"effects": []
}
],
"absoluteBoundingBox": { "x": 345, "y": -63, "width": 40, "height": 24 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"69:20": {
"key": "e1759337847e87db80a57c1e5eda501fa80005d5",
"name": "Forms / Toggle / Off",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:51": {
"key": "4260542b0dddc939ec28179a741fd4a3da6944a0",
"name": "Gray Lighter",
"styleType": "FILL",
"description": ""
},
"2:45": {
"key": "b21b6040eaf6ffecb3906c80944db93b07938e62",
"name": "Gray",
"styleType": "FILL",
"description": ""
}
}
},
"67:27": {
"document": {
"id": "67:27",
"name": "Forms / Input Group / Inline",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "67:20",
"name": "Forms / Input / Placeholder",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "67:21",
"name": "Base",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 291, "y": -151, "width": 300, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"styles": { "fill": "2:46", "stroke": "52:412" },
"effects": [],
"cornerRadius": 3
},
{
"id": "67:22",
"name": "Input text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 380, "y": -140, "width": 195, "height": 17 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Input text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 16.40625,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "27:1" }
}
],
"absoluteBoundingBox": { "x": 291, "y": -151, "width": 300, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
{
"id": "67:17",
"name": "Label",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 304, "y": -143, "width": 72, "height": 24 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"styles": { "fill": "2:45", "text": "67:3" },
"effects": [],
"characters": "Label",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"textCase": "UPPER",
"fontSize": 11,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "CENTER",
"letterSpacing": 0.44,
"lineHeightPx": 12.890625,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": 291, "y": -151, "width": 300, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"67:27": {
"key": "ea469873cea7aa08c0591a3752032bcf4cb2c7a3",
"name": "Forms / Input Group / Inline",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"52:412": {
"key": "927faf902e39ab89ff8b00d31363e3f1669f4b2e",
"name": "Border / Gray",
"styleType": "FILL",
"description": ""
},
"27:1": {
"key": "70b076ed3449b81286ca7a876ec9ea84e7dc587c",
"name": "Label",
"styleType": "TEXT",
"description": ""
},
"2:45": {
"key": "b21b6040eaf6ffecb3906c80944db93b07938e62",
"name": "Gray",
"styleType": "FILL",
"description": ""
},
"67:3": {
"key": "479653e7b68ab041dbff74f97d40a7cbcbddab23",
"name": "Subheading Small",
"styleType": "TEXT",
"description": ""
}
}
},
"67:8": {
"document": {
"id": "67:8",
"name": "Forms / Input Group",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "67:0",
"name": "Forms / Input / Placeholder",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I67:0;52:380",
"name": "Base",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 291, "y": -238, "width": 300, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"styles": { "fill": "2:46", "stroke": "52:412" },
"effects": [],
"cornerRadius": 3
},
{
"id": "I67:0;52:381",
"name": "Input text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 304, "y": -228, "width": 257, "height": 19 },
"constraints": { "vertical": "CENTER", "horizontal": "CENTER" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Input text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "16:313" }
}
],
"absoluteBoundingBox": { "x": 291, "y": -238, "width": 300, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "52:379"
},
{
"id": "67:4",
"name": "Label",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 291, "y": -262, "width": 291, "height": 24 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.34117648005485535,
"g": 0.35686275362968445,
"b": 0.37254902720451355,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"styles": { "fill": "3:58", "text": "67:3" },
"effects": [],
"characters": "Label",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"textCase": "UPPER",
"fontSize": 11,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "CENTER",
"letterSpacing": 0.44,
"lineHeightPx": 12.890625,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": 291, "y": -262, "width": 300, "height": 64 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"52:379": {
"key": "ae1701085a5c4cc4433461d05656ddf230d20541",
"name": "Forms / Input / Placeholder",
"description": ""
},
"67:8": {
"key": "fed90fe83869251bc1ae35345ecfe85646c4d3c9",
"name": "Forms / Input Group",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"52:412": {
"key": "927faf902e39ab89ff8b00d31363e3f1669f4b2e",
"name": "Border / Gray",
"styleType": "FILL",
"description": ""
},
"16:313": {
"key": "fb744b1c1318b88527b3c31762180fd3cb6a8711",
"name": "Body",
"styleType": "TEXT",
"description": ""
},
"3:58": {
"key": "b7edc909594dd91ce6e3561736952da77c1c7cea",
"name": "Gray Dark",
"styleType": "FILL",
"description": ""
},
"67:3": {
"key": "479653e7b68ab041dbff74f97d40a7cbcbddab23",
"name": "Subheading Small",
"styleType": "TEXT",
"description": ""
}
}
},
"52:382": {
"document": {
"id": "52:382",
"name": "Forms / Input / Disabled",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "52:383",
"name": "Base",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -150, "y": 24, "width": 300, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9686274528503418,
"g": 0.9686274528503418,
"b": 0.9725490212440491,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8274509906768799,
"g": 0.8274509906768799,
"b": 0.8313725590705872,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": [],
"cornerRadius": 3
},
{
"id": "52:384",
"name": "Input text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -137, "y": 34, "width": 271, "height": 19 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Input text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "16:313" }
}
],
"absoluteBoundingBox": { "x": -150, "y": 24, "width": 300, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
"components": {
"52:382": {
"key": "24d7b9bdf0c3423fbb8d79330110b3cac6bd3cf5",
"name": "Forms / Input / Disabled",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"16:313": {
"key": "fb744b1c1318b88527b3c31762180fd3cb6a8711",
"name": "Body",
"styleType": "TEXT",
"description": ""
}
}
},
"52:340": {
"document": {
"id": "52:340",
"name": "Forms / Select",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "52:341",
"name": "Base",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -150, "y": 111, "width": 300, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"styles": { "fill": "2:46", "stroke": "52:412" },
"effects": [],
"cornerRadius": 3
},
{
"id": "52:342",
"name": "Input text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -137, "y": 121, "width": 72, "height": 19 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Input text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "16:313" }
},
{
"id": "52:343",
"name": "icon / chevron_down",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "52:394",
"name": "chevron-down",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I52:394;52:388",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 124, "y": 128, "width": 12, "height": 6 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": 118, "y": 119, "width": 24, "height": 24 },
"constraints": { "vertical": "TOP_BOTTOM", "horizontal": "RIGHT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "52:387"
}
],
"absoluteBoundingBox": { "x": 118, "y": 119, "width": 24, "height": 24 },
"constraints": { "vertical": "SCALE", "horizontal": "RIGHT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
}
],
"absoluteBoundingBox": { "x": -150, "y": 111, "width": 300, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
"components": {
"52:387": {
"key": "c7544d50c96a48be9efde33969d9e3ea7f9a7854",
"name": "chevron-down",
"description": ""
},
"52:340": {
"key": "87ab5e57ec741fc3474fe70c91fecacc940ce8a6",
"name": "Forms / Select",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"52:412": {
"key": "927faf902e39ab89ff8b00d31363e3f1669f4b2e",
"name": "Border / Gray",
"styleType": "FILL",
"description": ""
},
"16:313": {
"key": "fb744b1c1318b88527b3c31762180fd3cb6a8711",
"name": "Body",
"styleType": "TEXT",
"description": ""
}
}
},
"52:357": {
"document": {
"id": "52:357",
"name": "Forms / Stepper",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "52:358",
"name": "+",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "52:359",
"name": "button bg",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 110, "y": 198, "width": 40, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9686274528503418,
"g": 0.9686274528503418,
"b": 0.9725490212440491,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": {
"r": 0.5920000076293945,
"g": 0.5920000076293945,
"b": 0.5920000076293945,
"a": 1
}
}
],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"cornerRadius": 4
},
{
"id": "52:402",
"name": "plus",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I52:402;52:404",
"name": "Union",
"type": "BOOLEAN_OPERATION",
"blendMode": "PASS_THROUGH",
"booleanOperation": "UNION",
"children": [
{
"id": "I52:402;52:405",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 130, "y": 211, "width": 0, "height": 14 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I52:402;52:407",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 123, "y": 218, "width": 14, "height": 0 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": 122, "y": 210, "width": 16, "height": 16 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": 118, "y": 206, "width": 24, "height": 24 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "52:406"
}
],
"absoluteBoundingBox": { "x": 110, "y": 198, "width": 40, "height": 40 },
"constraints": { "vertical": "TOP_BOTTOM", "horizontal": "RIGHT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
{
"id": "52:371",
"name": "-",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "52:372",
"name": "button bg",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -18, "y": 198, "width": 40, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9686274528503418,
"g": 0.9686274528503418,
"b": 0.9725490212440491,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": {
"r": 0.5920000076293945,
"g": 0.5920000076293945,
"b": 0.5920000076293945,
"a": 1
}
}
],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"cornerRadius": 4
},
{
"id": "52:400",
"name": "minus",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I52:400;52:398",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -5, "y": 218, "width": 14, "height": 0 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -10, "y": 206, "width": 24, "height": 24 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "52:397"
}
],
"absoluteBoundingBox": { "x": -18, "y": 198, "width": 40, "height": 40 },
"constraints": { "vertical": "TOP_BOTTOM", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
{
"id": "52:378",
"name": "Forms / Input / Number",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I52:378;52:352",
"name": "Base",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 31, "y": 198, "width": 70, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"styles": { "fill": "2:46", "stroke": "52:412" },
"effects": [],
"cornerRadius": 3
},
{
"id": "I52:378;52:353",
"name": "#",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 44, "y": 209, "width": 44, "height": 18 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "#",
"style": {
"fontFamily": "IBM Plex Mono",
"fontPostScriptName": "IBMPlexMono",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "TOP",
"letterSpacing": -0.14,
"lineHeightPx": 16.40625,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "52:396" }
}
],
"absoluteBoundingBox": { "x": 31, "y": 198, "width": 70, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "52:351"
}
],
"absoluteBoundingBox": { "x": -18, "y": 198, "width": 168, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
"components": {
"52:406": {
"key": "4a5aa385c008b7eb66095a81c6589d883853dd48",
"name": "plus",
"description": ""
},
"52:397": {
"key": "fdc99150e401e0009d42ef8385fedb3d013673be",
"name": "minus",
"description": ""
},
"52:351": {
"key": "e22b4cbcd828078ce6cb14a219d42507beef1e0c",
"name": "Forms / Input / Number",
"description": ""
},
"52:357": {
"key": "1514814ddc370ccd71cf2c1050c326efaea56e07",
"name": "Forms / Stepper",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"52:412": {
"key": "927faf902e39ab89ff8b00d31363e3f1669f4b2e",
"name": "Border / Gray",
"styleType": "FILL",
"description": ""
},
"52:396": {
"key": "e140b3131a75c1ad7f5b86f72fdd4f07da379748",
"name": "Mono/Body",
"styleType": "TEXT",
"description": ""
}
}
},
"52:348": {
"document": {
"id": "52:348",
"name": "Forms / Input / Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "52:349",
"name": "Base",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -150, "y": -238, "width": 300, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"styles": { "fill": "2:46", "stroke": "52:412" },
"effects": [],
"cornerRadius": 3
},
{
"id": "52:350",
"name": "Input text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -137, "y": -228, "width": 253, "height": 19 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Input text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "16:313" }
}
],
"absoluteBoundingBox": { "x": -150, "y": -238, "width": 300, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
"components": {
"52:348": {
"key": "ebc1749b16b251292aa93099b9795e9e9b55fb8b",
"name": "Forms / Input / Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"52:412": {
"key": "927faf902e39ab89ff8b00d31363e3f1669f4b2e",
"name": "Border / Gray",
"styleType": "FILL",
"description": ""
},
"16:313": {
"key": "fb744b1c1318b88527b3c31762180fd3cb6a8711",
"name": "Body",
"styleType": "TEXT",
"description": ""
}
}
},
"52:351": {
"document": {
"id": "52:351",
"name": "Forms / Input / Number",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "52:352",
"name": "Base",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -150, "y": 198, "width": 95, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"styles": { "fill": "2:46", "stroke": "52:412" },
"effects": [],
"cornerRadius": 3
},
{
"id": "52:353",
"name": "#",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -137, "y": 209, "width": 69, "height": 18 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "#",
"style": {
"fontFamily": "IBM Plex Mono",
"fontPostScriptName": "IBMPlexMono",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "TOP",
"letterSpacing": -0.14,
"lineHeightPx": 16.40625,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "52:396" }
}
],
"absoluteBoundingBox": { "x": -150, "y": 198, "width": 95, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
"components": {
"52:351": {
"key": "e22b4cbcd828078ce6cb14a219d42507beef1e0c",
"name": "Forms / Input / Number",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"52:412": {
"key": "927faf902e39ab89ff8b00d31363e3f1669f4b2e",
"name": "Border / Gray",
"styleType": "FILL",
"description": ""
},
"52:396": {
"key": "e140b3131a75c1ad7f5b86f72fdd4f07da379748",
"name": "Mono/Body",
"styleType": "TEXT",
"description": ""
}
}
},
"52:354": {
"document": {
"id": "52:354",
"name": "Forms / Input / Error",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "52:355",
"name": "Base",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -150, "y": -151, "width": 300, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.05882352963089943,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": [
{
"type": "INNER_SHADOW",
"visible": false,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.5 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": -1 },
"radius": 0
}
],
"cornerRadius": 3
},
{
"id": "52:356",
"name": "Input text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -137, "y": -141, "width": 253, "height": 19 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Input text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "16:313" }
}
],
"absoluteBoundingBox": { "x": -150, "y": -151, "width": 300, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
"components": {
"52:354": {
"key": "76cfdd48a8efe3800f38aaa77c0a2547c9ebe78f",
"name": "Forms / Input / Error",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"16:313": {
"key": "fb744b1c1318b88527b3c31762180fd3cb6a8711",
"name": "Body",
"styleType": "TEXT",
"description": ""
}
}
},
"52:379": {
"document": {
"id": "52:379",
"name": "Forms / Input / Placeholder",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "52:380",
"name": "Base",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -150, "y": -63, "width": 300, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"styles": { "fill": "2:46", "stroke": "52:412" },
"effects": [],
"cornerRadius": 3
},
{
"id": "52:381",
"name": "Input text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -137, "y": -53, "width": 257, "height": 19 },
"constraints": { "vertical": "CENTER", "horizontal": "CENTER" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Input text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "16:313" }
}
],
"absoluteBoundingBox": { "x": -150, "y": -63, "width": 300, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
"components": {
"52:379": {
"key": "ae1701085a5c4cc4433461d05656ddf230d20541",
"name": "Forms / Input / Placeholder",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"52:412": {
"key": "927faf902e39ab89ff8b00d31363e3f1669f4b2e",
"name": "Border / Gray",
"styleType": "FILL",
"description": ""
},
"16:313": {
"key": "fb744b1c1318b88527b3c31762180fd3cb6a8711",
"name": "Body",
"styleType": "TEXT",
"description": ""
}
}
},
"38:80": {
"document": {
"id": "38:80",
"name": "Message/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "38:26",
"name": "Message/Icon",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "38:17",
"name": "Message/Icon",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I38:17;38:15",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -114.33333587646484,
"y": 151.6666717529297,
"width": 16.666667938232422,
"height": 16.666667938232422
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.34117648005485535,
"g": 0.35686275362968445,
"b": 0.37254902720451355,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"styles": { "stroke": "3:58" },
"effects": []
},
{
"id": "I38:17;38:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -106,
"y": 160,
"width": 0,
"height": 3.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.34117648005485535,
"g": 0.35686275362968445,
"b": 0.37254902720451355,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"styles": { "stroke": "3:58" },
"effects": []
},
{
"id": "I38:17;38:13",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -106,
"y": 156.6666717529297,
"width": 0.008334159851074219,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.34117648005485535,
"g": 0.35686275362968445,
"b": 0.37254902720451355,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"styles": { "stroke": "3:58" },
"effects": []
}
],
"absoluteBoundingBox": { "x": -116, "y": 150, "width": 20, "height": 20 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "38:11"
}
],
"absoluteBoundingBox": { "x": -124, "y": 150, "width": 28, "height": 20 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "MIN",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
{
"id": "33:26",
"name": "Message/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -80, "y": 150.5, "width": 516, "height": 19 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.34117648005485535,
"g": 0.35686275362968445,
"b": 0.37254902720451355,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Generic information uses a basic message bar.",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "16:313" }
},
{
"id": "33:27",
"name": "Message/Action",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I33:27;33:3",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 456, "y": 156, "width": 8, "height": 8 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"styles": { "stroke": "2:45" },
"exportSettings": [
{ "suffix": "", "format": "PNG", "constraint": { "type": "SCALE", "value": 1 } }
],
"effects": []
},
{
"id": "I33:27;33:2",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 456, "y": 156, "width": 8, "height": 8 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"styles": { "stroke": "2:45" },
"exportSettings": [
{ "suffix": "", "format": "PNG", "constraint": { "type": "SCALE", "value": 1 } }
],
"effects": []
}
],
"absoluteBoundingBox": { "x": 452, "y": 152, "width": 16, "height": 16 },
"constraints": { "vertical": "TOP", "horizontal": "RIGHT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "33:1"
}
],
"absoluteBoundingBox": { "x": -132, "y": 140, "width": 608, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{ "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 1, "g": 1, "b": 1, "a": 1 } }
],
"fills": [
{ "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 1, "g": 1, "b": 1, "a": 1 } }
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8666666746139526,
"g": 0.8666666746139526,
"b": 0.8705882430076599,
"a": 1
}
}
],
"cornerRadius": 3,
"rectangleCornerRadii": [3, 3, 3, 3],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 16,
"horizontalPadding": 8,
"verticalPadding": 10,
"effects": [
{
"type": "INNER_SHADOW",
"visible": true,
"color": {
"r": 0.8666666746139526,
"g": 0.8666666746139526,
"b": 0.8705882430076599,
"a": 1
},
"blendMode": "NORMAL",
"offset": { "x": 4, "y": 0 },
"radius": 0
}
]
},
"components": {
"38:11": {
"key": "bf8afaa804e3ddeff7b40c2454f42bd2fd3ab859",
"name": "info",
"description": ""
},
"33:1": {
"key": "38a75440c9f8cf46758aa29fdaae647bf6d2e76b",
"name": "x",
"description": ""
},
"38:80": {
"key": "78535f73c6db0271aa4e4be653d4eb180ae0601d",
"name": "Message/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"3:58": {
"key": "b7edc909594dd91ce6e3561736952da77c1c7cea",
"name": "Gray Dark",
"styleType": "FILL",
"description": ""
},
"16:313": {
"key": "fb744b1c1318b88527b3c31762180fd3cb6a8711",
"name": "Body",
"styleType": "TEXT",
"description": ""
},
"2:45": {
"key": "b21b6040eaf6ffecb3906c80944db93b07938e62",
"name": "Gray",
"styleType": "FILL",
"description": ""
}
}
},
"27:109": {
"document": {
"id": "27:109",
"name": "Tooltip/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "27:120",
"name": "Frame 1",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "27:108",
"name": "Tooltip/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 52, "y": 151, "width": 183, "height": 14 },
"constraints": { "vertical": "TOP_BOTTOM", "horizontal": "LEFT_RIGHT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46", "text": "25:2" },
"effects": [],
"characters": "Tooltip gives some extra context",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 12,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 14.0625,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": 40, "y": 143, "width": 207, "height": 30 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 12,
"verticalPadding": 8,
"effects": []
},
{
"id": "27:106",
"name": "Tooltip/Caret",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 138.5, "y": 173, "width": 10, "height": 5 },
"preserveRatio": true,
"constraints": { "vertical": "BOTTOM", "horizontal": "CENTER" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"styles": { "fill": "2:53" },
"effects": []
}
],
"absoluteBoundingBox": { "x": 40, "y": 143, "width": 207, "height": 35 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "VERTICAL",
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
},
"components": {
"27:109": {
"key": "079b126ab362b3e874438c160e09c5c6fa1478e9",
"name": "Tooltip/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"25:2": {
"key": "be5682a7a36197719c02d3bb74b86ea7fc9ea9ad",
"name": "Caption",
"styleType": "TEXT",
"description": ""
},
"2:53": {
"key": "18bb434ff6ce16564eec3d10d43fc07bde1ee346",
"name": "Gray Darker",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"27:133": {
"document": {
"id": "27:133",
"name": "Tooltip/Green",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "27:110",
"name": "Tooltip/Green",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I27:110;27:120",
"name": "Frame 1",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I27:110;27:108",
"name": "Tooltip/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 52, "y": 209, "width": 240, "height": 14 },
"constraints": { "vertical": "TOP_BOTTOM", "horizontal": "LEFT_RIGHT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46", "text": "25:2" },
"effects": [],
"characters": "Use in onboarding and to draw more focus",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 12,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 14.0625,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": 40, "y": 201, "width": 264, "height": 30 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 0.8210168513898188, "y": -0.10567665684335881 },
{ "x": -0.39033641516472173, "y": 0.6749963016058576 },
{ "x": 0.4306803721652107, "y": -0.7113532901206291 }
],
"gradientStops": [
{
"color": {
"r": 0.2980392277240753,
"g": 0.7372549176216125,
"b": 0.5333333611488342,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.19607843458652496,
"g": 0.615686297416687,
"b": 0.8196078538894653,
"a": 1
},
"position": 1
}
]
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 0.8210168513898188, "y": -0.10567665684335881 },
{ "x": -0.39033641516472173, "y": 0.6749963016058576 },
{ "x": 0.4306803721652107, "y": -0.7113532901206291 }
],
"gradientStops": [
{
"color": {
"r": 0.2980392277240753,
"g": 0.7372549176216125,
"b": 0.5333333611488342,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.19607843458652496,
"g": 0.615686297416687,
"b": 0.8196078538894653,
"a": 1
},
"position": 1
}
]
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 12,
"verticalPadding": 8,
"effects": []
},
{
"id": "I27:110;27:106",
"name": "Tooltip/Caret",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 167, "y": 231, "width": 10, "height": 5 },
"preserveRatio": true,
"constraints": { "vertical": "BOTTOM", "horizontal": "CENTER" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.1921568661928177,
"g": 0.729411780834198,
"b": 0.6352941393852234,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"styles": { "fill": "27:134" },
"effects": []
}
],
"absoluteBoundingBox": { "x": 40, "y": 201, "width": 264, "height": 35 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "CENTER",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "VERTICAL",
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" },
"componentId": "27:109"
}
],
"absoluteBoundingBox": { "x": 40, "y": 201, "width": 264, "height": 35 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"effects": []
},
"components": {
"27:109": {
"key": "079b126ab362b3e874438c160e09c5c6fa1478e9",
"name": "Tooltip/Default",
"description": ""
},
"27:133": {
"key": "06eae48422ff9cb8de3feb48036fed3ddd6a53fe",
"name": "Tooltip/Green",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"25:2": {
"key": "be5682a7a36197719c02d3bb74b86ea7fc9ea9ad",
"name": "Caption",
"styleType": "TEXT",
"description": ""
},
"27:134": {
"key": "e5c3e49d7a6296f19f713236c99a90ca669e63ac",
"name": "Green",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"27:0": {
"document": {
"id": "27:0",
"name": "Toast/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "27:9",
"name": "Toast/Icon",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I27:9;27:20",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -147.6666717529297,
"y": 147,
"width": 9.333333969116211,
"height": 12
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 1.5,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -151, "y": 145, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "MAX",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "27:19"
},
{
"id": "27:3",
"name": "Toast/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -127, "y": 144, "width": 132, "height": 17 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9686274528503418,
"g": 0.9686274528503418,
"b": 0.9725490212440491,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:50", "text": "27:1" },
"effects": [],
"characters": "Toast with an action",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 16.40625,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "25:6",
"name": "Toast/Action",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 13, "y": 144, "width": 36, "height": 17 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Undo",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"textDecoration": "UNDERLINE",
"fontSize": 14,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 16.40625,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -167, "y": 136, "width": 232, "height": 33 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 16,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.15000000596046448 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 6 },
"radius": 10
}
],
"styles": { "effect": "27:83" }
},
"components": {
"27:19": {
"key": "3576d6157caa19e311cff0bc4d284c49729ca33d",
"name": "bookmark",
"description": ""
},
"27:0": {
"key": "525df238cd556fbb6748a4421b36518ea4e92834",
"name": "Toast/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:50": {
"key": "33443f8e67ccdb9f74018265fc7c88eb5fc9ca59",
"name": "Gray Lightest",
"styleType": "FILL",
"description": ""
},
"27:1": {
"key": "70b076ed3449b81286ca7a876ec9ea84e7dc587c",
"name": "Label",
"styleType": "TEXT",
"description": ""
},
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"27:83": {
"key": "2d26b1edca8440a6f10fc210cecd51d2fc9d36f1",
"name": "Shadow/Far",
"styleType": "EFFECT",
"description": ""
}
}
},
"19:0": {
"document": {
"id": "19:0",
"name": "Cover",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "1:6",
"name": "background",
"type": "RECTANGLE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -310, "y": -160, "width": 620, "height": 320 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": [],
"isMask": true,
"cornerRadius": 10,
"rectangleCornerRadii": [10, 10, 10, 10]
},
{
"id": "1:7",
"name": "background",
"type": "RECTANGLE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -310, "y": -160, "width": 620, "height": 320 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19583334028720856,
"g": 0.1815137267112732,
"b": 0.12076389789581299,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:8",
"name": "description",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -265, "y": 18, "width": 547, "height": 101 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8666666746139526,
"g": 0.8666666746139526,
"b": 0.8705882430076599,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "1:2" },
"effects": [],
"characters": "Library of reusable components for navigation, forms, and more.",
"style": {
"fontFamily": "IBM Plex Mono",
"fontPostScriptName": "IBMPlexMono",
"fontWeight": 400,
"fontSize": 24,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 28.125,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "1:9",
"name": "title",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -268, "y": -64, "width": 515, "height": 69 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 0.8705882430076599, "b": 0.32156863808631897, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"effects": [],
"characters": "Components",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Semibold",
"fontWeight": 600,
"fontSize": 60,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 70.3125,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "1:10",
"name": "label",
"type": "GROUP",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "1:11",
"name": "Design System",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -215, "y": -116, "width": 156, "height": 20 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
},
{
"opacity": 0.5,
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 1.1812499801207255, "y": -8.693731956554984e-9 },
{ "x": -0.40967469467982465, "y": 0.9142856622901094 },
{ "x": 1.1260275406645972, "y": 1.3175489710124837 }
],
"gradientStops": [
{
"color": {
"r": 0.9960784316062927,
"g": 0.07450980693101883,
"b": 0.3764705955982208,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5058823823928833,
"g": 0.30588236451148987,
"b": 0.6823529601097107,
"a": 1
},
"position": 0.2645886540412903
},
{
"color": {
"r": 0.1764705926179886,
"g": 0.5960784554481506,
"b": 0.800000011920929,
"a": 1
},
"position": 0.6090176701545715
},
{
"color": {
"r": 0.9921568632125854,
"g": 0.529411792755127,
"b": 0.2705882489681244,
"a": 1
},
"position": 0.7289248704910278
},
{
"color": {
"r": 0.9921568632125854,
"g": 0.7882353067398071,
"b": 0.2078431397676468,
"a": 1
},
"position": 1
}
]
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"effects": [],
"characters": "Design System",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"textCase": "UPPER",
"fontSize": 17,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 1.275,
"lineHeightPx": 19.921875,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "1:12",
"name": "Group",
"type": "GROUP",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "1:13",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -261.4316101074219,
"y": -106.5550308227539,
"width": 28.394777297973633,
"height": 17.503555297851562
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.10588235408067703,
"g": 0.3137255012989044,
"b": 0.6470588445663452,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -267.4441223144531,
"y": -104.87059020996094,
"width": 15.097068786621094,
"height": 15.716582298278809
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.3843137323856354,
"g": 0.3137255012989044,
"b": 0.658823549747467,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:15",
"name": "Group",
"type": "GROUP",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "1:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -267.9415283203125,
"y": -108.35665893554688,
"width": 4.60811710357666,
"height": 10.28242301940918
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.46666666865348816,
"g": 0.2823529541492462,
"b": 0.6666666865348816,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:17",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -265.4399719238281,
"y": -107.50713348388672,
"width": 0.2925787568092346,
"height": 0.11717892438173294
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.46666666865348816,
"g": 0.2823529541492462,
"b": 0.6666666865348816,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -267.9415283203125,
"y": -108.35665893554688,
"width": 4.60811710357666,
"height": 10.28242301940918
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
{
"id": "1:18",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -268,
"y": -124,
"width": 34.93391799926758,
"height": 34.977813720703125
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:19",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -264.63531494140625,
"y": -110.26081085205078,
"width": 15.96017837524414,
"height": 7.953500270843506
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.43529412150382996,
"g": 0.30588236451148987,
"b": 0.6784313917160034,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:20",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -268,
"y": -110.80276489257812,
"width": 9.069945335388184,
"height": 6.8110032081604
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5490196347236633,
"g": 0.3019607961177826,
"b": 0.6901960968971252,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:21",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -268,
"y": -124,
"width": 34.93391799926758,
"height": 34.977813720703125
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:22",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -257.569580078125,
"y": -117.13075256347656,
"width": 14.760602951049805,
"height": 6.181535243988037
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.10588235408067703,
"g": 0.3137255012989044,
"b": 0.6470588445663452,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:23",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -259.22265625,
"y": -117.13075256347656,
"width": 9.625844955444336,
"height": 10.663619995117188
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.0470588244497776,
"g": 0.2235294133424759,
"b": 0.47843137383461,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:24",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -247.0221405029297,
"y": -114.420654296875,
"width": 13.79509449005127,
"height": 5.683164119720459
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.09019608050584793,
"g": 0.4470588266849518,
"b": 0.7372549176216125,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:25",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -268,
"y": -124,
"width": 34.93391799926758,
"height": 34.977813720703125
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:26",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -267.4879150390625,
"y": -104.85595703125,
"width": 15.111699104309082,
"height": 15.716583251953125
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.3843137323856354,
"g": 0.3137255012989044,
"b": 0.658823549747467,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:27",
"name": "Group",
"type": "GROUP",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "1:28",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -268,
"y": -108.32734680175781,
"width": 4.622745990753174,
"height": 10.267777442932129
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.46666666865348816,
"g": 0.2823529541492462,
"b": 0.6666666865348816,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:29",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -265.4837646484375,
"y": -107.47781372070312,
"width": 0.29257893562316895,
"height": 0.11717892438173294
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.46666666865348816,
"g": 0.2823529541492462,
"b": 0.6666666865348816,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -268,
"y": -108.32734680175781,
"width": 4.622745990753174,
"height": 10.267777442932129
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
{
"id": "1:30",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -267.5464782714844,
"y": -124,
"width": 34.12932205200195,
"height": 14.22255802154541
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9921568632125854,
"g": 0.3686274588108063,
"b": 0.30980393290519714,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:31",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -248.10467529296875,
"y": -121.71502685546875,
"width": 14.687458038330078,
"height": 11.77645206451416
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9372549057006836,
"g": 0.6352941393852234,
"b": 0.20000000298023224,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:32",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -267.5464782714844,
"y": -121.02657318115234,
"width": 7.270585060119629,
"height": 11.249150276184082
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 1,
"g": 0.10588235408067703,
"b": 0.3686274588108063,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:33",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -237.27926635742188,
"y": -108.98648071289062,
"width": 4.242392063140869,
"height": 12.845706939697266
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.09019608050584793,
"g": 0.4470588266849518,
"b": 0.7372549176216125,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "1:34",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -255.14117431640625,
"y": -110.86686706542969,
"width": 22.045818328857422,
"height": 21.771469116210938
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.1764705926179886,
"g": 0.6000000238418579,
"b": 0.8039215803146362,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -268,
"y": -124,
"width": 34.96317672729492,
"height": 34.977813720703125
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
}
],
"absoluteBoundingBox": {
"x": -268,
"y": -124,
"width": 209,
"height": 34.977813720703125
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
{
"id": "4:153",
"name": "In Progress",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 110, "y": -116, "width": 132, "height": 17 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 0.8705882430076599, "b": 0.32156863808631897, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "4:154" },
"effects": [],
"characters": "In Progress",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"textCase": "UPPER",
"fontSize": 17,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 1.275,
"lineHeightPx": 19.921875,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "4:155",
"name": "Ellipse 1",
"type": "ELLIPSE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 253, "y": -117, "width": 19, "height": 19 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 0.8705882430076599, "b": 0.32156863808631897, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
}
],
"absoluteBoundingBox": { "x": -310, "y": -160, "width": 620, "height": 320 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [
{
"pattern": "GRID",
"sectionSize": 8,
"visible": true,
"color": { "r": 1, "g": 0, "b": 0, "a": 0.10000000149011612 },
"alignment": "MIN",
"gutterSize": 0,
"offset": 0,
"count": -1
}
],
"effects": []
},
"components": {
"19:0": {
"key": "a49a26c3a2f6897de2965131dffa495df581e591",
"name": "Cover",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"1:2": {
"key": "9a0d34d779a1ac815b062228e7c33939018ec405",
"name": "Gray Light",
"styleType": "FILL",
"description": ""
},
"4:154": {
"key": "531e03e8f53e3560e6cbacdbd90456b64ae39843",
"name": "Yellow",
"styleType": "FILL",
"description": ""
}
}
},
"16:336": {
"document": {
"id": "16:336",
"name": "Component Label",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "16:334",
"name": "Component name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 465, "y": -144, "width": 205, "height": 30 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "MIN",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"effects": [],
"characters": "Component name",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 25,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "CENTER",
"letterSpacing": -0.3125,
"lineHeightPx": 29.296875,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "16:311" }
},
{
"id": "16:335",
"name": "Body copy about the component or pattern.",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 465, "y": -98, "width": 568, "height": 19 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "MIN",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.34117648005485535,
"g": 0.35686275362968445,
"b": 0.37254902720451355,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "3:58", "text": "16:313" },
"effects": [],
"characters": "Body copy about the component or pattern.",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": 449, "y": -160, "width": 600, "height": 97 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "VERTICAL",
"itemSpacing": 16,
"horizontalPadding": 16,
"verticalPadding": 16,
"effects": []
},
"components": {
"16:336": {
"key": "8d1eee1c28cb319da26613f6c0891b251a91151b",
"name": "Component Label",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"16:311": {
"key": "37110183db056175bcc10ae2703aa3d6af562995",
"name": "Heading Large",
"styleType": "TEXT",
"description": ""
},
"3:58": {
"key": "b7edc909594dd91ce6e3561736952da77c1c7cea",
"name": "Gray Dark",
"styleType": "FILL",
"description": ""
},
"16:313": {
"key": "fb744b1c1318b88527b3c31762180fd3cb6a8711",
"name": "Body",
"styleType": "TEXT",
"description": ""
}
}
},
"5:239": {
"document": {
"id": "5:239",
"name": "Avatar/User/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:228",
"name": "bg",
"type": "ELLIPSE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -443, "y": -231, "width": 64, "height": 64 },
"preserveRatio": true,
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 0.8210168513898188, "y": -0.10567665684335881 },
{ "x": -0.39033641516472173, "y": 0.6749963016058576 },
{ "x": 0.4306803721652107, "y": -0.7113532901206291 }
],
"gradientStops": [
{
"color": {
"r": 0.2980392277240753,
"g": 0.7372549176216125,
"b": 0.5333333611488342,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.19607843458652496,
"g": 0.615686297416687,
"b": 0.8196078538894653,
"a": 1
},
"position": 1
}
]
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"styles": { "fill": "5:229" },
"effects": []
},
{
"id": "5:234",
"name": "user",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:234;5:232",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -421.6666564941406,
"y": -195,
"width": 21.333332061767578,
"height": 8
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:234;5:231",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -416.3333435058594,
"y": -211,
"width": 10.666666984558105,
"height": 10.666666984558105
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -427, "y": -215, "width": 32, "height": 32 },
"preserveRatio": true,
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:230"
}
],
"absoluteBoundingBox": { "x": -443, "y": -231, "width": 64, "height": 64 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"5:230": {
"key": "efedecf6878caaa60c41f5ac21d452fed2793aca",
"name": "user",
"description": ""
},
"5:239": {
"key": "08ae47b02cde6919ea4fce16adc85d967967d4b4",
"name": "Avatar/User/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"5:229": {
"key": "feea21689eb5f78b2deb947c6a6a4c99459ac9e1",
"name": "Gradient / Green",
"styleType": "FILL",
"description": ""
}
}
},
"5:262": {
"document": {
"id": "5:262",
"name": "Avatar/Team/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:246",
"name": "Avatar/User/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:246;5:228",
"name": "bg",
"type": "ELLIPSE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -235, "y": -231, "width": 64, "height": 64 },
"preserveRatio": true,
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 0.5, "y": -0.5 },
{ "x": -0.5, "y": 0.5 },
{ "x": 0, "y": -1 }
],
"gradientStops": [
{
"color": {
"r": 0.19607843458652496,
"g": 0.615686297416687,
"b": 0.8196078538894653,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.30980393290519714,
"g": 0.3137255012989044,
"b": 0.6431372761726379,
"a": 1
},
"position": 1
}
]
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"styles": { "fill": "5:261" },
"effects": []
},
{
"id": "I5:246;5:234",
"name": "users",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:246;5:234;5:255",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -217.6666717529297,
"y": -195,
"width": 21.333332061767578,
"height": 8
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:246;5:234;5:254",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -212.3333282470703,
"y": -211,
"width": 10.666667938232422,
"height": 10.666666984558105
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:246;5:234;5:253",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -192.3333282470703,
"y": -194.82666015625,
"width": 4,
"height": 7.826667785644531
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:246;5:234;5:252",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -197.6666717529297,
"y": -210.82666015625,
"width": 4.010456085205078,
"height": 10.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -219, "y": -215, "width": 32, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:251"
}
],
"absoluteBoundingBox": { "x": -235, "y": -231, "width": 64, "height": 64 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:239"
}
],
"absoluteBoundingBox": { "x": -235, "y": -231, "width": 64, "height": 64 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"5:251": {
"key": "9897935d5b31588ddbe981f6d923b23e70b88fe1",
"name": "users",
"description": ""
},
"5:239": {
"key": "08ae47b02cde6919ea4fce16adc85d967967d4b4",
"name": "Avatar/User/Default",
"description": ""
},
"5:262": {
"key": "aea387493c8775a23f8c6aac662d0ff2e63711c8",
"name": "Avatar/Team/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"5:261": {
"key": "3f7130c649084c40f1114fb9d4f850ff0511e246",
"name": "Gradient / Blue",
"styleType": "FILL",
"description": ""
}
}
},
"5:245": {
"document": {
"id": "5:245",
"name": "Avatar/User/Image",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:240",
"name": "Avatar/User/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:240;5:228",
"name": "bg",
"type": "ELLIPSE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -339, "y": -231, "width": 64, "height": 64 },
"preserveRatio": true,
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "IMAGE",
"scaleMode": "FILL",
"imageRef": "818abe4b056b5e71c9ea4f84faa1948954099cc3"
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": []
},
{
"id": "I5:240;5:234",
"name": "user",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:240;5:234;5:232",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -317.6666564941406,
"y": -195,
"width": 21.333332061767578,
"height": 8
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:240;5:234;5:231",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -312.3333435058594,
"y": -211,
"width": 10.666666984558105,
"height": 10.666666984558105
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -323, "y": -215, "width": 32, "height": 32 },
"preserveRatio": true,
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:230"
}
],
"absoluteBoundingBox": { "x": -339, "y": -231, "width": 64, "height": 64 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:239"
}
],
"absoluteBoundingBox": { "x": -339, "y": -231, "width": 64, "height": 64 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"5:230": {
"key": "efedecf6878caaa60c41f5ac21d452fed2793aca",
"name": "user",
"description": ""
},
"5:239": {
"key": "08ae47b02cde6919ea4fce16adc85d967967d4b4",
"name": "Avatar/User/Default",
"description": ""
},
"5:245": {
"key": "6ea2059b6d3b66e9009ee1d44f595dae359fb945",
"name": "Avatar/User/Image",
"description": ""
}
},
"schemaVersion": 0,
"styles": {}
},
"5:50": {
"document": {
"id": "5:50",
"name": "Button/White/Focus",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "50:2898",
"name": "Button/Focus Indicator",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:43",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:43;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:43;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:43;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:43;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 526.2083129882812,
"y": -390.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:43;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 526.2083129882812,
"y": -395.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 522.875,
"y": -398.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:43;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 512.875,
"y": -408,
"width": 70,
"height": 16
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:53" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:43;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:43;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 644.2083129882812,
"y": -390.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:43;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 648.875,
"y": -395.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 640.875,
"y": -398.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -416,
"width": 98,
"height": 32
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": 498.875, "y": -416, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": 498.875, "y": -416, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "CENTER",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 496.875, "y": -418, "width": 102, "height": 36 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"cornerRadius": 6,
"rectangleCornerRadii": [6, 6, 6, 6],
"strokeWeight": 2,
"strokeAlign": "OUTSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"counterAxisSizingMode": "FIXED",
"horizontalPadding": 2,
"effects": []
}
],
"absoluteBoundingBox": { "x": 499, "y": -416, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:50": {
"key": "078d41213033c5ec0295c7236e5853353e8ab0e8",
"name": "Button/White/Focus",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:53": {
"key": "18bb434ff6ce16564eec3d10d43fc07bde1ee346",
"name": "Gray Darker",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:113": {
"document": {
"id": "5:113",
"name": "Button/Brand/Hover",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:105",
"name": "Button/Brand/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:105;5:93",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:105;5:93;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:105;5:93;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:105;5:93;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:105;5:93;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 376.3333435058594,
"y": -255.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:105;5:93;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 376.3333435058594,
"y": -260.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 373,
"y": -263.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:105;5:93;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 363,
"y": -273,
"width": 70,
"height": 16
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:105;5:93;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:105;5:93;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 494.3333435058594,
"y": -255.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:105;5:93;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 499,
"y": -260.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 491,
"y": -263.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": 349, "y": -281, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.886274516582489,
"g": 0.250980406999588,
"b": 0.35686275362968445,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5921568870544434,
"g": 0.2549019753932953,
"b": 0.6509804129600525,
"a": 1
},
"position": 1
}
]
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.886274516582489,
"g": 0.250980406999588,
"b": 0.35686275362968445,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5921568870544434,
"g": 0.2549019753932953,
"b": 0.6509804129600525,
"a": 1
},
"position": 1
}
]
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
]
}
],
"absoluteBoundingBox": {
"x": 349,
"y": -281,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 349,
"y": -281,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 349, "y": -281, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:100"
}
],
"absoluteBoundingBox": { "x": 349, "y": -281, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:100": {
"key": "04532d6203a2b1507a00084072a5b97beaacea90",
"name": "Button/Brand/Default",
"description": ""
},
"5:113": {
"key": "72b50daf4bcc95c93790743bf9bec11b1cd81d15",
"name": "Button/Brand/Hover",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
}
}
},
"5:75": {
"document": {
"id": "5:75",
"name": "Button/Black/Hover",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:67",
"name": "Button/Black/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:67;5:55",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:67;5:55;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:67;5:55;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:67;5:55;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:67;5:55;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 376.3333435058594,
"y": -323.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:67;5:55;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 376.3333435058594,
"y": -328.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 373,
"y": -331.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:67;5:55;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 363,
"y": -341,
"width": 70,
"height": 16
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:67;5:55;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:67;5:55;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 494.3333435058594,
"y": -323.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:67;5:55;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 499,
"y": -328.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 491,
"y": -331.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": 349, "y": -349, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": {
"x": 349,
"y": -349,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 349,
"y": -349,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 349, "y": -349, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:62"
}
],
"absoluteBoundingBox": { "x": 349, "y": -349, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:62": {
"key": "4a1315d24fbe2f2eafa92bed45f80a91d07c047b",
"name": "Button/Black/Default",
"description": ""
},
"5:75": {
"key": "f17a800bb6e784487c731591bbde4935198e2048",
"name": "Button/Black/Hover",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:62": {
"document": {
"id": "5:62",
"name": "Button/Black/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:55",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:55;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:55;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:55;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:55;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 226.3333282470703,
"y": -323.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:55;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 226.3333282470703,
"y": -328.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 223,
"y": -331.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:55;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 213, "y": -341, "width": 70, "height": 16 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:55;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:55;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 344.3333435058594,
"y": -323.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:55;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 349,
"y": -328.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 341,
"y": -331.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": 199, "y": -349, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": {
"x": 199,
"y": -349,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 199,
"y": -349,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 199, "y": -349, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:62": {
"key": "4a1315d24fbe2f2eafa92bed45f80a91d07c047b",
"name": "Button/Black/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:159": {
"document": {
"id": "5:159",
"name": "Button/Danger/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:140",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:140;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:140;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:140;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:140;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 226.3333282470703,
"y": -192.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:140;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 226.3333282470703,
"y": -197.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 223,
"y": -200.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:140;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 213, "y": -210, "width": 70, "height": 16 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "4:70" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:140;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:140;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 344.3333435058594,
"y": -192.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:140;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 349,
"y": -197.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 341,
"y": -200.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": 199, "y": -218, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": {
"x": 199,
"y": -218,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 199,
"y": -218,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 199, "y": -218, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:159": {
"key": "cb2ab9593b0bcdf1db061087727e01ff7cf24030",
"name": "Button/Danger/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"4:70": {
"key": "22e29225809cb9d4ec025a1255cd5415cec8da88",
"name": "Red",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:18": {
"document": {
"id": "5:18",
"name": "Button/White/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 226.3333282470703,
"y": -391.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 226.3333282470703,
"y": -396.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": 223, "y": -399.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 213, "y": -409, "width": 70, "height": 16 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:53" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 344.3333435058594,
"y": -391.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 349,
"y": -396.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": 341, "y": -399.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": 199, "y": -417, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": 199, "y": -417, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": 199, "y": -417, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:53": {
"key": "18bb434ff6ce16564eec3d10d43fc07bde1ee346",
"name": "Gray Darker",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:181": {
"document": {
"id": "5:181",
"name": "Button/Danger/Focus",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "50:2935",
"name": "Button/Focus Indicator",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:173",
"name": "Button/Danger/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:173;5:140",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:173;5:140;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:173;5:140;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:173;5:140;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:173;5:140;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 526.2083129882812,
"y": -192.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:173;5:140;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 526.2083129882812,
"y": -197.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 522.875,
"y": -200.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:173;5:140;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 512.875,
"y": -210,
"width": 70,
"height": 16
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "4:70" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:173;5:140;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:173;5:140;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 644.2083129882812,
"y": -192.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:173;5:140;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 648.875,
"y": -197.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 640.875,
"y": -200.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -218,
"width": 98,
"height": 32
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -218,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -218,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 498.875, "y": -218, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "CENTER",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:159"
}
],
"absoluteBoundingBox": { "x": 496.875, "y": -220, "width": 102, "height": 36 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"cornerRadius": 6,
"rectangleCornerRadii": [6, 6, 6, 6],
"strokeWeight": 2,
"strokeAlign": "OUTSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"counterAxisSizingMode": "FIXED",
"horizontalPadding": 2,
"effects": []
}
],
"absoluteBoundingBox": { "x": 499, "y": -218, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:159": {
"key": "cb2ab9593b0bcdf1db061087727e01ff7cf24030",
"name": "Button/Danger/Default",
"description": ""
},
"5:181": {
"key": "6dcb8342cf5a0fb8621b6fea41285ff2d2cfbf96",
"name": "Button/Danger/Focus",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"4:70": {
"key": "22e29225809cb9d4ec025a1255cd5415cec8da88",
"name": "Red",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:168": {
"document": {
"id": "5:168",
"name": "Button/Danger/Hover",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:160",
"name": "Button/Danger/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:160;5:140",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:160;5:140;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:160;5:140;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:160;5:140;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:160;5:140;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 376.3333435058594,
"y": -192.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:160;5:140;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 376.3333435058594,
"y": -197.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 373,
"y": -200.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:160;5:140;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 363,
"y": -210,
"width": 70,
"height": 16
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "4:70" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:160;5:140;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:160;5:140;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 494.3333435058594,
"y": -192.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:160;5:140;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 499,
"y": -197.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 491,
"y": -200.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": 349, "y": -218, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
},
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9970138669013977,
"g": 0.9696528315544128,
"b": 0.9761452674865723,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
},
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9970138669013977,
"g": 0.9696528315544128,
"b": 0.9761452674865723,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
]
}
],
"absoluteBoundingBox": {
"x": 349,
"y": -218,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 349,
"y": -218,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 349, "y": -218, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:159"
}
],
"absoluteBoundingBox": { "x": 349, "y": -218, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:159": {
"key": "cb2ab9593b0bcdf1db061087727e01ff7cf24030",
"name": "Button/Danger/Default",
"description": ""
},
"5:168": {
"key": "febd5f12062f37af01c0a8cc03b5999e8da7dcc8",
"name": "Button/Danger/Hover",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"4:70": {
"key": "22e29225809cb9d4ec025a1255cd5415cec8da88",
"name": "Red",
"styleType": "FILL",
"description": ""
}
}
},
"5:30": {
"document": {
"id": "5:30",
"name": "Button/White/Hover",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:23",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:23;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:23;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:23;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:23;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 376.3333435058594,
"y": -391.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:23;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 376.3333435058594,
"y": -396.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 373,
"y": -399.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:23;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 363, "y": -409, "width": 70, "height": 16 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:53" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:23;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:23;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 494.3333435058594,
"y": -391.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:23;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 499,
"y": -396.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 491,
"y": -399.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": 349, "y": -417, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": {
"x": 349,
"y": -417,
"width": 85.75,
"height": 29.33333396911621
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 349,
"y": -417,
"width": 85.75,
"height": 29.33333396911621
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 349, "y": -417, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:30": {
"key": "cfae926fd3ca8239cbedcb3a48e23001b43046ff",
"name": "Button/White/Hover",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:53": {
"key": "18bb434ff6ce16564eec3d10d43fc07bde1ee346",
"name": "Gray Darker",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:88": {
"document": {
"id": "5:88",
"name": "Button/Black/Focus",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "50:2912",
"name": "Button/Focus Indicator",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:80",
"name": "Button/Black/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:80;5:55",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:80;5:55;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:80;5:55;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:80;5:55;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:80;5:55;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 526.2083129882812,
"y": -322.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:80;5:55;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 526.2083129882812,
"y": -327.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 522.875,
"y": -330.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:80;5:55;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 512.875,
"y": -340,
"width": 70,
"height": 16
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:80;5:55;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:80;5:55;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 644.2083129882812,
"y": -322.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:80;5:55;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 648.875,
"y": -327.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 640.875,
"y": -330.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -348,
"width": 98,
"height": 32
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -348,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -348,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 498.875, "y": -348, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "CENTER",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:62"
}
],
"absoluteBoundingBox": { "x": 496.875, "y": -350, "width": 102, "height": 36 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"cornerRadius": 6,
"rectangleCornerRadii": [6, 6, 6, 6],
"strokeWeight": 2,
"strokeAlign": "OUTSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"counterAxisSizingMode": "FIXED",
"horizontalPadding": 2,
"effects": []
}
],
"absoluteBoundingBox": { "x": 499, "y": -348, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:62": {
"key": "4a1315d24fbe2f2eafa92bed45f80a91d07c047b",
"name": "Button/Black/Default",
"description": ""
},
"5:88": {
"key": "ee9625119fe25a99c1f8f4cd0fdf8c801af2cfa3",
"name": "Button/Black/Focus",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:100": {
"document": {
"id": "5:100",
"name": "Button/Brand/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:93",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:93;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:93;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:93;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:93;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 226.3333282470703,
"y": -255.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:93;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 226.3333282470703,
"y": -260.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 223,
"y": -263.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:93;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 213, "y": -273, "width": 70, "height": 16 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:93;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:93;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 344.3333435058594,
"y": -255.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:93;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 349,
"y": -260.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 341,
"y": -263.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": 199, "y": -281, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.8549019694328308,
"g": 0.33725491166114807,
"b": 0.42352941632270813,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5490196347236633,
"g": 0.27843138575553894,
"b": 0.5803921818733215,
"a": 1
},
"position": 1
}
]
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.8549019694328308,
"g": 0.33725491166114807,
"b": 0.42352941632270813,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5490196347236633,
"g": 0.27843138575553894,
"b": 0.5803921818733215,
"a": 1
},
"position": 1
}
]
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": {
"x": 199,
"y": -281,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 199,
"y": -281,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 199, "y": -281, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:100": {
"key": "04532d6203a2b1507a00084072a5b97beaacea90",
"name": "Button/Brand/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:135": {
"document": {
"id": "5:135",
"name": "Button/Brand/Focus",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "50:2923",
"name": "Button/Focus Indicator",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:127",
"name": "Button/Brand/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:127;5:93",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:127;5:93;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:127;5:93;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:127;5:93;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:127;5:93;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 526.2083129882812,
"y": -255.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:127;5:93;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 526.2083129882812,
"y": -260.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 522.875,
"y": -263.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:127;5:93;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 512.875,
"y": -273,
"width": 70,
"height": 16
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:127;5:93;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:127;5:93;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 644.2083129882812,
"y": -255.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:127;5:93;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 648.875,
"y": -260.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 640.875,
"y": -263.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -281,
"width": 98,
"height": 32
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.8549019694328308,
"g": 0.33725491166114807,
"b": 0.42352941632270813,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5490196347236633,
"g": 0.27843138575553894,
"b": 0.5803921818733215,
"a": 1
},
"position": 1
}
]
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.8549019694328308,
"g": 0.33725491166114807,
"b": 0.42352941632270813,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5490196347236633,
"g": 0.27843138575553894,
"b": 0.5803921818733215,
"a": 1
},
"position": 1
}
]
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -281,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -281,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 498.875, "y": -281, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "CENTER",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:100"
}
],
"absoluteBoundingBox": { "x": 496.875, "y": -283, "width": 102, "height": 36 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"cornerRadius": 6,
"rectangleCornerRadii": [6, 6, 6, 6],
"strokeWeight": 2,
"strokeAlign": "OUTSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"counterAxisSizingMode": "FIXED",
"horizontalPadding": 2,
"effects": []
}
],
"absoluteBoundingBox": { "x": 499, "y": -281, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:100": {
"key": "04532d6203a2b1507a00084072a5b97beaacea90",
"name": "Button/Brand/Default",
"description": ""
},
"5:135": {
"key": "d187ac01a548c6e0d98ff69f00a69f46e534836a",
"name": "Button/Brand/Focus",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:197": {
"document": {
"id": "5:197",
"name": "Button/Disabled/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:186",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:186;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:186;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:186;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:186;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 226.3333282470703,
"y": -124.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:186;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 226.3333282470703,
"y": -129.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 223,
"y": -132.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:186;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 213, "y": -142, "width": 70, "height": 16 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:45" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:186;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:186;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 344.3333435058594,
"y": -124.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:186;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 349,
"y": -129.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 341,
"y": -132.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": 199, "y": -150, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": {
"x": 199,
"y": -150,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 199,
"y": -150,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 199, "y": -150, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:197": {
"key": "0dec3c69a660661ea2a5620d17669f65eb9ecc86",
"name": "Button/Disabled/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:45": {
"key": "b21b6040eaf6ffecb3906c80944db93b07938e62",
"name": "Gray",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:206": {
"document": {
"id": "5:206",
"name": "Button/Disabled/Hover",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:198",
"name": "Button/Disabled/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:198;5:186",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:198;5:186;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:198;5:186;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:198;5:186;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:198;5:186;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 376.3333435058594,
"y": -124.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:198;5:186;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 376.3333435058594,
"y": -129.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 373,
"y": -132.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:198;5:186;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 363,
"y": -142,
"width": 70,
"height": 16
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:45" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:198;5:186;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:198;5:186;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 494.3333435058594,
"y": -124.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:198;5:186;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 499,
"y": -129.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 491,
"y": -132.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": 349, "y": -150, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": {
"x": 349,
"y": -150,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 349,
"y": -150,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 349, "y": -150, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:197"
}
],
"absoluteBoundingBox": { "x": 349, "y": -150, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:197": {
"key": "0dec3c69a660661ea2a5620d17669f65eb9ecc86",
"name": "Button/Disabled/Default",
"description": ""
},
"5:206": {
"key": "7d0fe2670f3e1541bc9c9f38ee879d7ce8014b04",
"name": "Button/Disabled/Hover",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:45": {
"key": "b21b6040eaf6ffecb3906c80944db93b07938e62",
"name": "Gray",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"5:220": {
"document": {
"id": "5:220",
"name": "Button/Disabled/Focus",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "50:2947",
"name": "Button/Focus Indicator",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "5:211",
"name": "Button/Disabled/Hover",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:211;5:198",
"name": "Button/Disabled/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:211;5:198;5:186",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:211;5:198;5:186;5:1",
"name": "Button/Small/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:211;5:198;5:186;5:1;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:211;5:198;5:186;5:1;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:211;5:198;5:186;5:1;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 526.2083129882812,
"y": -124.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": {
"vertical": "SCALE",
"horizontal": "SCALE"
},
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:211;5:198;5:186;5:1;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 526.2083129882812,
"y": -129.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": {
"vertical": "SCALE",
"horizontal": "SCALE"
},
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 522.875,
"y": -132.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I5:211;5:198;5:186;5:1;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 512.875,
"y": -142,
"width": 70,
"height": 16
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:45" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 13,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 15.234375,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I5:211;5:198;5:186;5:1;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I5:211;5:198;5:186;5:1;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 644.2083129882812,
"y": -124.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": {
"vertical": "SCALE",
"horizontal": "SCALE"
},
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I5:211;5:198;5:186;5:1;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 648.875,
"y": -129.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": {
"vertical": "SCALE",
"horizontal": "SCALE"
},
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 640.875,
"y": -132.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -150,
"width": 98,
"height": 32
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 14,
"verticalPadding": 8,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -150,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": {
"x": 498.875,
"y": -150,
"width": 85.75,
"height": 28.44444465637207
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:18"
}
],
"absoluteBoundingBox": { "x": 498.875, "y": -150, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:197"
}
],
"absoluteBoundingBox": { "x": 498.875, "y": -150, "width": 98, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "CENTER",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "5:206"
}
],
"absoluteBoundingBox": { "x": 496.875, "y": -152, "width": 102, "height": 36 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"cornerRadius": 6,
"rectangleCornerRadii": [6, 6, 6, 6],
"strokeWeight": 2,
"strokeAlign": "OUTSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"counterAxisSizingMode": "FIXED",
"horizontalPadding": 2,
"effects": []
}
],
"absoluteBoundingBox": { "x": 499, "y": -150, "width": 98, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"5:18": {
"key": "4dffc72050f4afdc0aee7ac59265af370ae316ba",
"name": "Button/White/Default",
"description": ""
},
"5:197": {
"key": "0dec3c69a660661ea2a5620d17669f65eb9ecc86",
"name": "Button/Disabled/Default",
"description": ""
},
"5:206": {
"key": "7d0fe2670f3e1541bc9c9f38ee879d7ce8014b04",
"name": "Button/Disabled/Hover",
"description": ""
},
"5:220": {
"key": "922841f6002a603c067c71d7ce9a7f93ccc6107d",
"name": "Button/Disabled/Focus",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:45": {
"key": "b21b6040eaf6ffecb3906c80944db93b07938e62",
"name": "Gray",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"3:2": {
"document": {
"id": "3:2",
"name": "Button/White/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -496.6666564941406,
"y": -363.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -496.6666564941406,
"y": -368.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -500, "y": -371.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -503, "y": -378.5, "width": 86, "height": 19 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:53" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -378.6666564941406,
"y": -363.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -374,
"y": -368.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -382, "y": -371.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": -524, "y": -389, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -524, "y": -389, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:53": {
"key": "18bb434ff6ce16564eec3d10d43fc07bde1ee346",
"name": "Gray Darker",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"3:42": {
"document": {
"id": "3:42",
"name": "Button/Black/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "3:35",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:35;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:35;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:35;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -496.6666564941406,
"y": -275.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I3:35;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -496.6666564941406,
"y": -280.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -500, "y": -283.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I3:35;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -503, "y": -290.5, "width": 86, "height": 19 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I3:35;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:35;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -378.6666564941406,
"y": -275.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I3:35;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -374,
"y": -280.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -382, "y": -283.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": -524, "y": -301, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -524, "y": -301, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -524, "y": -301, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"3:42": {
"key": "b2bc992b671fb5e4c62ed85655d3411073d8a360",
"name": "Button/Black/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"4:27": {
"document": {
"id": "4:27",
"name": "Button/Brand/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "4:21",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:21;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:21;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:21;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -496.6666564941406,
"y": -187.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:21;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -496.6666564941406,
"y": -192.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -500, "y": -195.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I4:21;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -503, "y": -202.5, "width": 86, "height": 19 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I4:21;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:21;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -378.6666564941406,
"y": -187.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:21;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -374,
"y": -192.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -382, "y": -195.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": -524, "y": -213, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.8549019694328308,
"g": 0.33725491166114807,
"b": 0.42352941632270813,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5490196347236633,
"g": 0.27843138575553894,
"b": 0.5803921818733215,
"a": 1
},
"position": 1
}
]
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.8549019694328308,
"g": 0.33725491166114807,
"b": 0.42352941632270813,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5490196347236633,
"g": 0.27843138575553894,
"b": 0.5803921818733215,
"a": 1
},
"position": 1
}
]
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -524, "y": -213, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -524, "y": -213, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"4:27": {
"key": "3385c7ac4e630e7d10471eb8389e40f26542c190",
"name": "Button/Brand/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"3:59": {
"document": {
"id": "3:59",
"name": "Button/Black/Hover",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "3:47",
"name": "Button/Black/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:47;3:35",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:47;3:35;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:47;3:35;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:47;3:35;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -326.6666564941406,
"y": -275.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I3:47;3:35;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -326.6666564941406,
"y": -280.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -330,
"y": -283.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I3:47;3:35;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -333,
"y": -290.5,
"width": 86,
"height": 19
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I3:47;3:35;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:47;3:35;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -208.6666717529297,
"y": -275.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I3:47;3:35;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -204,
"y": -280.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -212,
"y": -283.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": -354, "y": -301, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -354, "y": -301, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -354, "y": -301, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "3:42"
}
],
"absoluteBoundingBox": { "x": -354, "y": -301, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"3:42": {
"key": "b2bc992b671fb5e4c62ed85655d3411073d8a360",
"name": "Button/Black/Default",
"description": ""
},
"3:59": {
"key": "af30d6fe16bd0c50003f6d8ce2f117cc02ddb9ff",
"name": "Button/Black/Hover",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"3:30": {
"document": {
"id": "3:30",
"name": "Button/White/Focus",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "50:2837",
"name": "Button/Focus Indicator",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "3:23",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:23;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:23;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:23;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -156.6666717529297,
"y": -363.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I3:23;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -156.6666717529297,
"y": -368.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -160,
"y": -371.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I3:23;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -163,
"y": -378.5,
"width": 86,
"height": 19
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:53" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I3:23;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:23;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -38.66666793823242,
"y": -363.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I3:23;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -34,
"y": -368.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -42,
"y": -371.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": -184, "y": -389, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -184, "y": -389, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "MIN",
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.25 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 4 },
"radius": 4
}
],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -186, "y": -391, "width": 132, "height": 44 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"cornerRadius": 6,
"rectangleCornerRadii": [6, 6, 6, 6],
"strokeWeight": 2,
"strokeAlign": "OUTSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"horizontalPadding": 2,
"verticalPadding": 2,
"effects": []
}
],
"absoluteBoundingBox": { "x": -184, "y": -389, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"3:30": {
"key": "26f79df590a89c7ce377bde56675cc938a60f5f0",
"name": "Button/White/Focus",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:53": {
"key": "18bb434ff6ce16564eec3d10d43fc07bde1ee346",
"name": "Gray Darker",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"4:59": {
"document": {
"id": "4:59",
"name": "Button/Brand/Focus",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "50:2865",
"name": "Button/Focus Indicator",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "4:52",
"name": "Button/Brand/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:52;4:21",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:52;4:21;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:52;4:21;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:52;4:21;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -156.6666717529297,
"y": -187.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:52;4:21;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -156.6666717529297,
"y": -192.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -160,
"y": -195.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I4:52;4:21;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -163,
"y": -202.5,
"width": 86,
"height": 19
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I4:52;4:21;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:52;4:21;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -38.66666793823242,
"y": -187.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:52;4:21;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -34,
"y": -192.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -42,
"y": -195.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": {
"x": -184,
"y": -213,
"width": 128,
"height": 40
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.8549019694328308,
"g": 0.33725491166114807,
"b": 0.42352941632270813,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5490196347236633,
"g": 0.27843138575553894,
"b": 0.5803921818733215,
"a": 1
},
"position": 1
}
]
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.8549019694328308,
"g": 0.33725491166114807,
"b": 0.42352941632270813,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5490196347236633,
"g": 0.27843138575553894,
"b": 0.5803921818733215,
"a": 1
},
"position": 1
}
]
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -184, "y": -213, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -184, "y": -213, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "MIN",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "4:27"
}
],
"absoluteBoundingBox": { "x": -186, "y": -215, "width": 132, "height": 44 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"cornerRadius": 6,
"rectangleCornerRadii": [6, 6, 6, 6],
"strokeWeight": 2,
"strokeAlign": "OUTSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"horizontalPadding": 2,
"verticalPadding": 2,
"effects": []
}
],
"absoluteBoundingBox": { "x": -184, "y": -213, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"4:27": {
"key": "3385c7ac4e630e7d10471eb8389e40f26542c190",
"name": "Button/Brand/Default",
"description": ""
},
"4:59": {
"key": "e8f92b90d6147c423d1bb1ba6c5a052156e39d19",
"name": "Button/Brand/Focus",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"3:18": {
"document": {
"id": "3:18",
"name": "Button/White/Hover",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "3:7",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:7;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:7;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:7;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -326.6666564941406,
"y": -363.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I3:7;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -326.6666564941406,
"y": -368.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -330, "y": -371.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I3:7;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -333, "y": -378.5, "width": 86, "height": 19 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:53" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I3:7;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:7;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -208.6666717529297,
"y": -363.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I3:7;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -204,
"y": -368.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -212, "y": -371.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": -354, "y": -389, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -354, "y": -389, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -354, "y": -389, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"3:18": {
"key": "e72bfb8fc67e06d44be94a998cea8f13e02d040f",
"name": "Button/White/Hover",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:53": {
"key": "18bb434ff6ce16564eec3d10d43fc07bde1ee346",
"name": "Gray Darker",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"4:148": {
"document": {
"id": "4:148",
"name": "Button/Disabled/Focus",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "50:2887",
"name": "Button/Focus Indicator",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "4:141",
"name": "Button/Disabled/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:141;4:105",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:141;4:105;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:141;4:105;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:141;4:105;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -156.6666717529297,
"y": -11.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:141;4:105;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -156.6666717529297,
"y": -16.16666603088379,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -160,
"y": -19.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I4:141;4:105;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -163,
"y": -26.5,
"width": 86,
"height": 19
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:45" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I4:141;4:105;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:141;4:105;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -38.66666793823242,
"y": -11.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:141;4:105;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -34,
"y": -16.16666603088379,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -42,
"y": -19.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": {
"x": -184,
"y": -37,
"width": 128,
"height": 40
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -184, "y": -37, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -184, "y": -37, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "MIN",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "4:111"
}
],
"absoluteBoundingBox": { "x": -186, "y": -39, "width": 132, "height": 44 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"cornerRadius": 6,
"rectangleCornerRadii": [6, 6, 6, 6],
"strokeWeight": 2,
"strokeAlign": "OUTSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"horizontalPadding": 2,
"verticalPadding": 2,
"effects": []
}
],
"absoluteBoundingBox": { "x": -184, "y": -37, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"4:111": {
"key": "bc4d77f80653dffd2fd60647c68d9aac17b49da4",
"name": "Button/Disabled/Default",
"description": ""
},
"4:148": {
"key": "1e1f71e10472034684604011ca0e38e359226d3d",
"name": "Button/Disabled/Focus",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:45": {
"key": "b21b6040eaf6ffecb3906c80944db93b07938e62",
"name": "Gray",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"3:71": {
"document": {
"id": "3:71",
"name": "Button/Black/Focus",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "50:2855",
"name": "Button/Focus Indicator",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "3:64",
"name": "Button/Black/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:64;3:35",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:64;3:35;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:64;3:35;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:64;3:35;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -156.6666717529297,
"y": -275.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I3:64;3:35;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -156.6666717529297,
"y": -280.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -160,
"y": -283.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I3:64;3:35;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -163,
"y": -290.5,
"width": 86,
"height": 19
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I3:64;3:35;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I3:64;3:35;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -38.66666793823242,
"y": -275.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I3:64;3:35;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -34,
"y": -280.1666564941406,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -42,
"y": -283.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": {
"x": -184,
"y": -301,
"width": 128,
"height": 40
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
}
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": {
"r": 0.19607843458652496,
"g": 0.2235294133424759,
"b": 0.250980406999588,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -184, "y": -301, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -184, "y": -301, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "MIN",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "3:42"
}
],
"absoluteBoundingBox": { "x": -186, "y": -303, "width": 132, "height": 44 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"cornerRadius": 6,
"rectangleCornerRadii": [6, 6, 6, 6],
"strokeWeight": 2,
"strokeAlign": "OUTSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"horizontalPadding": 2,
"verticalPadding": 2,
"effects": []
}
],
"absoluteBoundingBox": { "x": -184, "y": -301, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"3:42": {
"key": "b2bc992b671fb5e4c62ed85655d3411073d8a360",
"name": "Button/Black/Default",
"description": ""
},
"3:71": {
"key": "e5b0240543e204bb222728e20d75bbeb6155529c",
"name": "Button/Black/Focus",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"4:39": {
"document": {
"id": "4:39",
"name": "Button/Brand/Hover",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "4:32",
"name": "Button/Brand/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:32;4:21",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:32;4:21;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:32;4:21;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:32;4:21;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -326.6666564941406,
"y": -187.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:32;4:21;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -326.6666564941406,
"y": -192.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -330,
"y": -195.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I4:32;4:21;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -333,
"y": -202.5,
"width": 86,
"height": 19
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:46" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I4:32;4:21;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:32;4:21;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -208.6666717529297,
"y": -187.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:32;4:21;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -204,
"y": -192.1666717529297,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -212,
"y": -195.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": -354, "y": -213, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.886274516582489,
"g": 0.250980406999588,
"b": 0.35686275362968445,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5921568870544434,
"g": 0.2549019753932953,
"b": 0.6509804129600525,
"a": 1
},
"position": 1
}
]
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "GRADIENT_LINEAR",
"gradientHandlePositions": [
{ "x": 4.377216367146275e-9, "y": 1.0000000043772164 },
{ "x": 1.0000000043772164, "y": 4.377216367146275e-9 },
{ "x": 0.5000000043772164, "y": 1.5000000043772164 }
],
"gradientStops": [
{
"color": {
"r": 0.886274516582489,
"g": 0.250980406999588,
"b": 0.35686275362968445,
"a": 1
},
"position": 0
},
{
"color": {
"r": 0.5921568870544434,
"g": 0.2549019753932953,
"b": 0.6509804129600525,
"a": 1
},
"position": 1
}
]
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -354, "y": -213, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -354, "y": -213, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "4:27"
}
],
"absoluteBoundingBox": { "x": -354, "y": -213, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"4:27": {
"key": "3385c7ac4e630e7d10471eb8389e40f26542c190",
"name": "Button/Brand/Default",
"description": ""
},
"4:39": {
"key": "85cccf3ada8c9ef470d9fcec40c77511e6c8f640",
"name": "Button/Brand/Hover",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:46": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"4:71": {
"document": {
"id": "4:71",
"name": "Button/Danger/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "4:64",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:64;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:64;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:64;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -496.6666564941406,
"y": -99.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:64;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -496.6666564941406,
"y": -104.16666412353516,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -500, "y": -107.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I4:64;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -503, "y": -114.5, "width": 86, "height": 19 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "4:70" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I4:64;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:64;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -378.6666564941406,
"y": -99.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:64;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -374,
"y": -104.16666412353516,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -382, "y": -107.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": -524, "y": -125, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -524, "y": -125, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -524, "y": -125, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"4:71": {
"key": "a11128a3acb8d1c3974dc7db2faa9f6847681079",
"name": "Button/Danger/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"4:70": {
"key": "22e29225809cb9d4ec025a1255cd5415cec8da88",
"name": "Red",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"4:84": {
"document": {
"id": "4:84",
"name": "Button/Danger/Hover",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "4:76",
"name": "Button/Danger/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:76;4:64",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:76;4:64;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:76;4:64;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:76;4:64;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -326.6666564941406,
"y": -99.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:76;4:64;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -326.6666564941406,
"y": -104.16666412353516,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -330,
"y": -107.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I4:76;4:64;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -333,
"y": -114.5,
"width": 86,
"height": 19
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "4:70" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I4:76;4:64;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:76;4:64;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -208.6666717529297,
"y": -99.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:76;4:64;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -204,
"y": -104.16666412353516,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -212,
"y": -107.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": -354, "y": -125, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9970138669013977,
"g": 0.9696528315544128,
"b": 0.9761452674865723,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9970138669013977,
"g": 0.9696528315544128,
"b": 0.9761452674865723,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": {
"r": 0.9970138669013977,
"g": 0.9696528315544128,
"b": 0.9761452674865723,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -354, "y": -125, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -354, "y": -125, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "4:71"
}
],
"absoluteBoundingBox": { "x": -354, "y": -125, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"4:71": {
"key": "a11128a3acb8d1c3974dc7db2faa9f6847681079",
"name": "Button/Danger/Default",
"description": ""
},
"4:84": {
"key": "28990796bcfd574e2646cf5038a4a09d593c6b6f",
"name": "Button/Danger/Hover",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"4:70": {
"key": "22e29225809cb9d4ec025a1255cd5415cec8da88",
"name": "Red",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"4:100": {
"document": {
"id": "4:100",
"name": "Button/Danger/Focus",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "50:2876",
"name": "Button/Focus Indicator",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "4:89",
"name": "Button/Danger/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:89;4:64",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:89;4:64;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:89;4:64;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:89;4:64;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -156.6666717529297,
"y": -99.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:89;4:64;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -156.6666717529297,
"y": -104.16666412353516,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -160,
"y": -107.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I4:89;4:64;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -163,
"y": -114.5,
"width": 86,
"height": 19
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "4:70" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I4:89;4:64;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:89;4:64;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -38.66666793823242,
"y": -99.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:89;4:64;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -34,
"y": -104.16666412353516,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -42,
"y": -107.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": {
"x": -184,
"y": -125,
"width": 128,
"height": 40
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8352941274642944,
"g": 0.125490203499794,
"b": 0.2862745225429535,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -184, "y": -125, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -184, "y": -125, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"layoutAlign": "MIN",
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "4:71"
}
],
"absoluteBoundingBox": { "x": -186, "y": -127, "width": 132, "height": 44 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": true,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"cornerRadius": 6,
"rectangleCornerRadii": [6, 6, 6, 6],
"strokeWeight": 2,
"strokeAlign": "OUTSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"horizontalPadding": 2,
"verticalPadding": 2,
"effects": []
}
],
"absoluteBoundingBox": { "x": -184, "y": -125, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"4:71": {
"key": "a11128a3acb8d1c3974dc7db2faa9f6847681079",
"name": "Button/Danger/Default",
"description": ""
},
"4:100": {
"key": "58e68505e49837d774638c2d5e0ab5d8cc4c58ab",
"name": "Button/Danger/Focus",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"4:70": {
"key": "22e29225809cb9d4ec025a1255cd5415cec8da88",
"name": "Red",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"4:111": {
"document": {
"id": "4:111",
"name": "Button/Disabled/Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "4:105",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:105;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:105;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:105;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -496.6666564941406,
"y": -11.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:105;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -496.6666564941406,
"y": -16.16666603088379,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -500, "y": -19.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I4:105;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -503, "y": -26.5, "width": 86, "height": 19 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:45" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I4:105;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:105;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -378.6666564941406,
"y": -11.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:105;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -374,
"y": -16.16666603088379,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -382, "y": -19.5, "width": 16, "height": 16 },
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": -524, "y": -37, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -524, "y": -37, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -524, "y": -37, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"4:111": {
"key": "bc4d77f80653dffd2fd60647c68d9aac17b49da4",
"name": "Button/Disabled/Default",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:45": {
"key": "b21b6040eaf6ffecb3906c80944db93b07938e62",
"name": "Gray",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"4:123": {
"document": {
"id": "4:123",
"name": "Button/Disabled/Hover",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "4:116",
"name": "Button/Disabled/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:116;4:105",
"name": "Button/White/Default",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:116;4:105;2:3",
"name": "Button/Base",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:116;4:105;2:11",
"name": "Icon/Left",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:116;4:105;2:11;2:9",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -326.6666564941406,
"y": -11.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:116;4:105;2:11;2:8",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -326.6666564941406,
"y": -16.16666603088379,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -330,
"y": -19.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:7"
},
{
"id": "I4:116;4:105;2:1",
"name": "Button/Text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -333,
"y": -26.5,
"width": 86,
"height": 19
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "OUTSIDE",
"styles": { "fill": "2:45" },
"effects": [],
"characters": "Button text",
"style": {
"fontFamily": "SF Pro Text",
"fontPostScriptName": "SFProText-Medium",
"fontWeight": 500,
"fontSize": 16,
"textAlignHorizontal": "CENTER",
"textAlignVertical": "CENTER",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I4:116;4:105;2:18",
"name": "Icon/Right",
"visible": false,
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I4:116;4:105;2:18;2:16",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -208.6666717529297,
"y": -11.5,
"width": 9.333333969116211,
"height": 0
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
},
{
"id": "I4:116;4:105;2:18;2:14",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -204,
"y": -16.16666603088379,
"width": 4.6666669845581055,
"height": 9.333333969116211
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.5607843399047852,
"g": 0.5607843399047852,
"b": 0.5843137502670288,
"a": 1
}
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": -212,
"y": -19.5,
"width": 16,
"height": 16
},
"preserveRatio": true,
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "2:15"
}
],
"absoluteBoundingBox": { "x": -354, "y": -37, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"backgroundColor": {
"r": 0.9254902005195618,
"g": 0.9254902005195618,
"b": 0.929411768913269,
"a": 1
},
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 8,
"horizontalPadding": 21,
"verticalPadding": 10.5,
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
],
"styles": { "effect": "2:44" }
}
],
"absoluteBoundingBox": { "x": -354, "y": -37, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:2"
}
],
"absoluteBoundingBox": { "x": -354, "y": -37, "width": 128, "height": 40 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "4:111"
}
],
"absoluteBoundingBox": { "x": -354, "y": -37, "width": 128, "height": 40 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
"components": {
"2:7": {
"key": "9cfd60a08991a9c20eafd85e5cd167da3bc5a85e",
"name": "arrow-left",
"description": ""
},
"2:15": {
"key": "eefbefb36d56f9b8f95c934fc49c258407faa90c",
"name": "arrow-right",
"description": ""
},
"3:2": {
"key": "39df6c8542bfe212f277cb2040d6b0f52a740924",
"name": "Button/White/Default",
"description": ""
},
"4:111": {
"key": "bc4d77f80653dffd2fd60647c68d9aac17b49da4",
"name": "Button/Disabled/Default",
"description": ""
},
"4:123": {
"key": "e58bd8f91a20acd3fb2a5af340282841febed29a",
"name": "Button/Disabled/Hover",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"2:45": {
"key": "b21b6040eaf6ffecb3906c80944db93b07938e62",
"name": "Gray",
"styleType": "FILL",
"description": ""
},
"2:44": {
"key": "345e3e2f370883824bb281e4d208e5f6c2d591af",
"name": "Shadow/Near",
"styleType": "EFFECT",
"description": ""
}
}
},
"27:83": {
"document": {
"id": "27:83",
"name": "Shadow/Far",
"type": "RECTANGLE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 0, "y": 0, "width": 100, "height": 100 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7686274647712708,
"b": 0.7686274647712708,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.15000000596046448 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 6 },
"radius": 10
}
]
},
"components": {},
"schemaVersion": 0,
"styles": {}
},
"2:44": {
"document": {
"id": "2:44",
"name": "Shadow/Near",
"type": "RECTANGLE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 0, "y": 0, "width": 100, "height": 100 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7686274647712708,
"b": 0.7686274647712708,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"effects": [
{
"type": "DROP_SHADOW",
"visible": true,
"color": { "r": 0, "g": 0, "b": 0, "a": 0.07999999821186066 },
"blendMode": "NORMAL",
"offset": { "x": 0, "y": 2 },
"radius": 8
}
]
},
"components": {},
"schemaVersion": 0,
"styles": {}
}
},
"key": "NMDVOx0nTdaGRu1rvLqlGh"
},
{
"name": "Web Components",
"lastModified": "2020-03-03T20:10:58.922534Z",
"thumbnailUrl": "https://s3-alpha-sig.figma.com/thumbnails/c57fb6be-a382-40dc-881a-7c086648dd42?Expires=1586736000&Signature=QoMi-kdHyXIesQtpXR5uJQ5brPq0Rl6fCVWCAIMkqvyNgES0jLdq9jAZ1RFhBHiDoJOaAsGIgVEDMrOfhZ22vaml6liC4~9ZYwxZQETksqMwBFVgpxJFhpbFtUAu279XGhigsbVMV0Itg8Lu3nD-AE~STrlY1BMvdH~5fs~kGPBt9nMJdMUk-ivdvVRMk6WEU70V03L2wQy4J3v1Q5VDHEgvj-cOm~ZUaa1IS40X4tTqlkAvBl2tgD2hwmJjQBYe418sIbNXkCKqPyQe2nMFKEj5ZJyHh5GlsywHSQOnS59NJwSLAuPVVDSd53Ds26uZ5SJTfL7t2CZXuMFsMhqq3Q__&Key-Pair-Id=APKAINTVSUGEWH5XD5UA",
"version": "263716536",
"role": "viewer",
"nodes": {
"0:26": {
"document": {
"id": "0:26",
"name": "Plan Selector / Plan / Base",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "0:28",
"name": "labels",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "0:29",
"name": "Price",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 935, "y": 714, "width": 319, "height": 20 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"exportSettings": [],
"effects": [],
"characters": "$00/mo",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "0:30",
"name": "Name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 935, "y": 690, "width": 391, "height": 24 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"exportSettings": [],
"effects": [],
"characters": "Plan name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 24,
"lineHeightPercent": 128,
"lineHeightPercentFontSize": 150,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": 935, "y": 690, "width": 391, "height": 43 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"exportSettings": [],
"effects": []
}
],
"absoluteBoundingBox": { "x": 919, "y": 678, "width": 446, "height": 67 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{ "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 1, "g": 1, "b": 1, "a": 1 } }
],
"fills": [
{ "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 1, "g": 1, "b": 1, "a": 1 } }
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"exportSettings": [],
"effects": []
},
"components": {
"0:26": {
"key": "d1a83041f7cd055f13d7b0082d9068d8cf89b35f",
"name": "Plan Selector / Plan / Base",
"description": ""
}
},
"schemaVersion": 0,
"styles": {}
},
"0:82": {
"document": {
"id": "0:82",
"name": "Plan Selector",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "14:279",
"name": "Plan Navigation",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "0:84",
"name": "Plan",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:84;0:34",
"name": "icon",
"type": "GROUP",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:84;0:35",
"name": "Icon background",
"type": "RECTANGLE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -254, "y": 678, "width": 25, "height": 25 },
"constraints": { "vertical": "TOP", "horizontal": "RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"strokes": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": {
"r": 0.5920000076293945,
"g": 0.5920000076293945,
"b": 0.5920000076293945,
"a": 1
}
}
],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"rectangleCornerRadii": [0, 4, 0, 4]
},
{
"id": "I0:84;10:5",
"name": "check",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:84;10:5;10:1",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -247.3333282470703,
"y": 687,
"width": 10.666666984558105,
"height": 7.333333492279053
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokeWeight": 1.3333333730697632,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": { "x": -250, "y": 683, "width": 16, "height": 16 },
"constraints": { "vertical": "TOP", "horizontal": "RIGHT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "10:0"
}
],
"absoluteBoundingBox": { "x": -254, "y": 678, "width": 25, "height": 25 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": []
},
{
"id": "I0:84;0:38",
"name": "Price",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -569, "y": 713, "width": 319, "height": 20 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "$00/mo",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:84;0:39",
"name": "Name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -569, "y": 690, "width": 391, "height": 24 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Plan name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 24,
"lineHeightPercent": 128,
"lineHeightPercentFontSize": 150,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -585, "y": 678, "width": 356, "height": 67 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.11764705926179886,
"g": 0.3137255012989044,
"b": 0.8549019694328308,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"exportSettings": [],
"effects": [],
"componentId": "0:31"
},
{
"id": "0:85",
"name": "Plan",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:85;0:28",
"name": "labels",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:85;0:29",
"name": "Price",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 794,
"width": 319,
"height": 20
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "$00/mo",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:85;0:30",
"name": "Name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 770,
"width": 391,
"height": 24
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Plan name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 24,
"lineHeightPercent": 128,
"lineHeightPercentFontSize": 150,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -569, "y": 770, "width": 391, "height": 43 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
}
],
"absoluteBoundingBox": { "x": -585, "y": 758, "width": 356, "height": 67 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"exportSettings": [],
"effects": [],
"componentId": "0:26"
},
{
"id": "15:57",
"name": "Plan",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:57;0:28",
"name": "labels",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:57;0:29",
"name": "Price",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 874,
"width": 319,
"height": 20
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "$00/mo",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I15:57;0:30",
"name": "Name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 850,
"width": 391,
"height": 24
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Plan name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 24,
"lineHeightPercent": 128,
"lineHeightPercentFontSize": 150,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -569, "y": 850, "width": 391, "height": 43 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
}
],
"absoluteBoundingBox": { "x": -585, "y": 838, "width": 356, "height": 67 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"effects": [],
"componentId": "0:26"
},
{
"id": "15:137",
"name": "Plan",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:137;0:28",
"name": "labels",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:137;0:29",
"name": "Price",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 954,
"width": 319,
"height": 20
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "$00/mo",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I15:137;0:30",
"name": "Name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 930,
"width": 391,
"height": 24
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Plan name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 24,
"lineHeightPercent": 128,
"lineHeightPercentFontSize": 150,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -569, "y": 930, "width": 391, "height": 43 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
}
],
"absoluteBoundingBox": { "x": -585, "y": 918, "width": 356, "height": 67 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"effects": [],
"componentId": "0:26"
},
{
"id": "15:206",
"name": "Plan",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:206;0:28",
"name": "labels",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:206;0:29",
"name": "Price",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 1034,
"width": 319,
"height": 20
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "$00/mo",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I15:206;0:30",
"name": "Name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 1010,
"width": 391,
"height": 24
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Plan name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 24,
"lineHeightPercent": 128,
"lineHeightPercentFontSize": 150,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -569, "y": 1010, "width": 391, "height": 43 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
}
],
"absoluteBoundingBox": { "x": -585, "y": 998, "width": 356, "height": 67 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"effects": [],
"componentId": "0:26"
},
{
"id": "15:279",
"name": "Plan",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:279;0:28",
"name": "labels",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:279;0:29",
"name": "Price",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 1114,
"width": 319,
"height": 20
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "$00/mo",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I15:279;0:30",
"name": "Name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 1090,
"width": 391,
"height": 24
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Plan name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 24,
"lineHeightPercent": 128,
"lineHeightPercentFontSize": 150,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -569, "y": 1090, "width": 391, "height": 43 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
}
],
"absoluteBoundingBox": { "x": -585, "y": 1078, "width": 356, "height": 67 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"effects": [],
"componentId": "0:26"
},
{
"id": "15:356",
"name": "Plan",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:356;0:28",
"name": "labels",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:356;0:29",
"name": "Price",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 1194,
"width": 319,
"height": 20
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "$00/mo",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I15:356;0:30",
"name": "Name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 1170,
"width": 391,
"height": 24
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Plan name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 24,
"lineHeightPercent": 128,
"lineHeightPercentFontSize": 150,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -569, "y": 1170, "width": 391, "height": 43 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
}
],
"absoluteBoundingBox": { "x": -585, "y": 1158, "width": 356, "height": 67 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"effects": [],
"componentId": "0:26"
},
{
"id": "15:510",
"name": "Plan",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:510;0:28",
"name": "labels",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I15:510;0:29",
"name": "Price",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 1274,
"width": 319,
"height": 20
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "$00/mo",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I15:510;0:30",
"name": "Name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -569,
"y": 1250,
"width": 391,
"height": 24
},
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Plan name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 24,
"lineHeightPercent": 128,
"lineHeightPercentFontSize": 150,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -569, "y": 1250, "width": 391, "height": 43 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
}
],
"absoluteBoundingBox": { "x": -585, "y": 1238, "width": 356, "height": 67 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 1, "g": 1, "b": 1, "a": 1 },
"layoutGrids": [],
"effects": [],
"componentId": "0:26"
}
],
"absoluteBoundingBox": { "x": -585, "y": 678, "width": 372, "height": 649 },
"constraints": { "vertical": "TOP", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
{
"id": "0:93",
"name": "Plan Card",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:70",
"name": "Background",
"type": "RECTANGLE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -212, "y": 679, "width": 715, "height": 625 },
"constraints": { "vertical": "TOP_BOTTOM", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"styles": { "fill": "3:2", "stroke": "3:3" },
"effects": [],
"cornerRadius": 4
},
{
"id": "I0:93;0:71",
"name": "Plan Card / Price",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:71;0:63",
"name": "Price",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 1249, "width": 50, "height": 24 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "MAX",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "$000",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 20,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 24,
"lineHeightPercent": 102.4000015258789,
"lineHeightPercentFontSize": 120,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:93;0:71;0:64",
"name": "/mo",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -126, "y": 1251, "width": 29, "height": 20 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"layoutAlign": "CENTER",
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "/mo",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 106.66667175292969,
"lineHeightPercentFontSize": 125,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -180, "y": 1249, "width": 83, "height": 24 },
"constraints": { "vertical": "BOTTOM", "horizontal": "LEFT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"layoutMode": "HORIZONTAL",
"itemSpacing": 4,
"effects": [],
"componentId": "0:62"
},
{
"id": "I0:93;0:72",
"name": "Border",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -212, "y": 1218, "width": 715, "height": 1 },
"constraints": { "vertical": "BOTTOM", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8509804010391235,
"g": 0.8509804010391235,
"b": 0.8509804010391235,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"effects": []
},
{
"id": "I0:93;0:73",
"name": "Features",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:74",
"name": "Plan Card / Feature / Texst",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:74;0:44",
"name": "Border",
"type": "VECTOR",
"locked": true,
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 822, "width": 651, "height": 1 },
"constraints": { "vertical": "BOTTOM", "horizontal": "LEFT_RIGHT" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8666666746139526,
"g": 0.8666666746139526,
"b": 0.8705882430076599,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"strokeCap": "SQUARE",
"strokeDashes": [1, 2],
"styles": { "stroke": "3:4" },
"effects": []
},
{
"id": "I0:93;0:74;0:45",
"name": "Feature value",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 145.5,
"y": 797,
"width": 86,
"height": 20
},
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature value",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:93;0:74;0:46",
"name": "Feature name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 797, "width": 93, "height": 20 },
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Bold",
"fontWeight": 700,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -180, "y": 791, "width": 651, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "0:43"
},
{
"id": "I0:93;0:75",
"name": "Plan Card / Feature / Texst Copy",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:75;0:44",
"name": "Border",
"type": "VECTOR",
"locked": true,
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 856, "width": 651, "height": 1 },
"constraints": { "vertical": "BOTTOM", "horizontal": "LEFT_RIGHT" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8666666746139526,
"g": 0.8666666746139526,
"b": 0.8705882430076599,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"strokeCap": "SQUARE",
"strokeDashes": [1, 2],
"styles": { "stroke": "3:4" },
"effects": []
},
{
"id": "I0:93;0:75;0:45",
"name": "Feature value",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 145.5,
"y": 831,
"width": 86,
"height": 20
},
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature value",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:93;0:75;0:46",
"name": "Feature name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 831, "width": 93, "height": 20 },
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Bold",
"fontWeight": 700,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -180, "y": 825, "width": 651, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "0:43"
},
{
"id": "I0:93;0:76",
"name": "Plan Card / Feature / Texst Copy 2",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:76;0:44",
"name": "Border",
"type": "VECTOR",
"locked": true,
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 890, "width": 651, "height": 1 },
"constraints": { "vertical": "BOTTOM", "horizontal": "LEFT_RIGHT" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8666666746139526,
"g": 0.8666666746139526,
"b": 0.8705882430076599,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"strokeCap": "SQUARE",
"strokeDashes": [1, 2],
"styles": { "stroke": "3:4" },
"effects": []
},
{
"id": "I0:93;0:76;0:45",
"name": "Feature value",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 145.5,
"y": 865,
"width": 86,
"height": 20
},
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature value",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:93;0:76;0:46",
"name": "Feature name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 865, "width": 93, "height": 20 },
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Bold",
"fontWeight": 700,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -180, "y": 859, "width": 651, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "0:43"
},
{
"id": "I0:93;0:77",
"name": "Plan Card / Feature / Texst Copy 3",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:77;0:44",
"name": "Border",
"type": "VECTOR",
"locked": true,
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 924, "width": 651, "height": 1 },
"constraints": { "vertical": "BOTTOM", "horizontal": "LEFT_RIGHT" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8666666746139526,
"g": 0.8666666746139526,
"b": 0.8705882430076599,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"strokeCap": "SQUARE",
"strokeDashes": [1, 2],
"styles": { "stroke": "3:4" },
"effects": []
},
{
"id": "I0:93;0:77;0:45",
"name": "Feature value",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 145.5,
"y": 899,
"width": 86,
"height": 20
},
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature value",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:93;0:77;0:46",
"name": "Feature name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 899, "width": 93, "height": 20 },
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Bold",
"fontWeight": 700,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -180, "y": 893, "width": 651, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "0:43"
},
{
"id": "I0:93;0:78",
"name": "Plan Card / Feature / Texst Copy 4",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:78;0:44",
"name": "Border",
"type": "VECTOR",
"locked": true,
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 958, "width": 651, "height": 1 },
"constraints": { "vertical": "BOTTOM", "horizontal": "LEFT_RIGHT" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8666666746139526,
"g": 0.8666666746139526,
"b": 0.8705882430076599,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"strokeCap": "SQUARE",
"strokeDashes": [1, 2],
"styles": { "stroke": "3:4" },
"effects": []
},
{
"id": "I0:93;0:78;0:45",
"name": "Feature value",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 145.5,
"y": 933,
"width": 86,
"height": 20
},
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature value",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:93;0:78;0:46",
"name": "Feature name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 933, "width": 93, "height": 20 },
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Bold",
"fontWeight": 700,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -180, "y": 927, "width": 651, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "0:43"
},
{
"id": "I0:93;0:79",
"name": "Plan Card / Feature / Texst Copy 5",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:79;0:44",
"name": "Border",
"type": "VECTOR",
"locked": true,
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 992, "width": 651, "height": 1 },
"constraints": { "vertical": "BOTTOM", "horizontal": "LEFT_RIGHT" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8666666746139526,
"g": 0.8666666746139526,
"b": 0.8705882430076599,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"strokeCap": "SQUARE",
"strokeDashes": [1, 2],
"styles": { "stroke": "3:4" },
"effects": []
},
{
"id": "I0:93;0:79;0:45",
"name": "Feature value",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 145.5,
"y": 967,
"width": 86,
"height": 20
},
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature value",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:93;0:79;0:46",
"name": "Feature name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -180, "y": 967, "width": 93, "height": 20 },
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Bold",
"fontWeight": 700,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": -180, "y": 961, "width": 651, "height": 32 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "0:43"
},
{
"id": "I0:93;0:80",
"name": "Plan Card / Feature / Texst Copy 6",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:80;0:52",
"name": "Border",
"type": "VECTOR",
"locked": true,
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -180,
"y": 1045,
"width": 651,
"height": 1
},
"constraints": { "vertical": "BOTTOM", "horizontal": "LEFT_RIGHT" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8666666746139526,
"g": 0.8666666746139526,
"b": 0.8705882430076599,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"strokeCap": "SQUARE",
"strokeDashes": [1, 2],
"styles": { "stroke": "3:4" },
"effects": []
},
{
"id": "I0:93;0:80;0:53",
"name": "Feature name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": -180,
"y": 1010,
"width": 93,
"height": 20
},
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Feature name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Bold",
"fontWeight": 700,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:93;0:80;0:54",
"name": "Forms / Select",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:80;0:54;3:55",
"name": "Base",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 143.92752075195312,
"y": 999.1153564453125,
"width": 326,
"height": 40.769229888916016
},
"constraints": { "vertical": "SCALE", "horizontal": "LEFT_RIGHT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.7686274647712708,
"g": 0.7803921699523926,
"b": 0.7921568751335144,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"styles": { "fill": "3:49", "stroke": "3:51" },
"effects": [],
"cornerRadius": 3
},
{
"id": "I0:93;0:80;0:54;3:53",
"name": "Input text",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 156.92752075195312,
"y": 1009.1153564453125,
"width": 72,
"height": 19
},
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Input text",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 16,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0,
"lineHeightPx": 18.75,
"lineHeightPercent": 100,
"lineHeightUnit": "INTRINSIC_%"
},
"characterStyleOverrides": [],
"styleOverrideTable": {},
"styles": { "text": "3:54" }
},
{
"id": "I0:93;0:80;0:54;3:50",
"name": "icon / chevron_down",
"type": "FRAME",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:80;0:54;3:52",
"name": "chevron-down",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:80;0:54;3:52;3:46",
"name": "Vector",
"type": "VECTOR",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": {
"x": 443.9275207519531,
"y": 1016.2692260742188,
"width": 12,
"height": 6
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokeWeight": 2,
"strokeAlign": "CENTER",
"strokeCap": "ROUND",
"strokeJoin": "ROUND",
"effects": []
}
],
"absoluteBoundingBox": {
"x": 437.9275207519531,
"y": 1007.2692260742188,
"width": 24,
"height": 24
},
"constraints": {
"vertical": "TOP_BOTTOM",
"horizontal": "RIGHT"
},
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"effects": [],
"componentId": "3:47"
}
],
"absoluteBoundingBox": {
"x": 437.9275207519531,
"y": 1007.2692260742188,
"width": 24,
"height": 24.461536407470703
},
"constraints": { "vertical": "SCALE", "horizontal": "RIGHT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
}
],
"absoluteBoundingBox": {
"x": 143.92752075195312,
"y": 999.1153564453125,
"width": 325.5000305175781,
"height": 40.769229888916016
},
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "3:48"
}
],
"absoluteBoundingBox": { "x": -180, "y": 993, "width": 651, "height": 53 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "0:51"
}
],
"absoluteBoundingBox": { "x": -180, "y": 791, "width": 651, "height": 255 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT_RIGHT" },
"clipsContent": true,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": []
},
{
"id": "I0:93;0:81",
"name": "Plan Name",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "I0:93;0:81;0:66",
"name": "Plan Name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -111, "y": 718, "width": 131, "height": 24 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Plan Name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Regular",
"fontWeight": 400,
"fontSize": 28,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -1.2999999523162842,
"lineHeightPx": 24,
"lineHeightPercent": 73.14285278320312,
"lineHeightPercentFontSize": 85.71428680419922,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:93;0:81;0:67",
"name": "Product name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": -110, "y": 741, "width": 105, "height": 24 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"effects": [],
"characters": "Product name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Bold",
"fontWeight": 700,
"textCase": "UPPER",
"fontSize": 12,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0.3499999940395355,
"lineHeightPx": 24,
"lineHeightPercent": 170.6666717529297,
"lineHeightPercentFontSize": 200,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "I0:93;0:81;0:68",
"name": "Product Logo",
"type": "INSTANCE",
"blendMode": "PASS_THROUGH",
"children": [],
"absoluteBoundingBox": { "x": -180, "y": 711, "width": 54, "height": 54 },
"constraints": { "vertical": "CENTER", "horizontal": "LEFT" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
},
{
"blendMode": "NORMAL",
"type": "IMAGE",
"scaleMode": "FIT",
"imageRef": "1491560075963b51c164d48431d514435f317143"
}
],
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
},
{
"blendMode": "NORMAL",
"type": "IMAGE",
"scaleMode": "FIT",
"imageRef": "1491560075963b51c164d48431d514435f317143"
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "0:40"
}
],
"absoluteBoundingBox": { "x": -180, "y": 711, "width": 593, "height": 54 },
"constraints": { "vertical": "TOP", "horizontal": "LEFT" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"effects": [],
"componentId": "0:65"
}
],
"absoluteBoundingBox": { "x": -213, "y": 678, "width": 717, "height": 627 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [],
"fills": [],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"exportSettings": [],
"effects": [],
"componentId": "0:69"
}
],
"absoluteBoundingBox": { "x": -585, "y": 678, "width": 1089, "height": 627 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"exportSettings": [],
"effects": []
},
"components": {
"10:0": {
"key": "915608367b405076daef228780276ec872971e60",
"name": "check",
"description": ""
},
"0:31": {
"key": "c9cc12be453d8841c9650140349d9f6bae402aae",
"name": "Plan Selector / Plan / Focus",
"description": ""
},
"0:26": {
"key": "d1a83041f7cd055f13d7b0082d9068d8cf89b35f",
"name": "Plan Selector / Plan / Base",
"description": ""
},
"0:62": {
"key": "11b2d58c29b4230b141312bb1ad59a7c14d89837",
"name": "Plan Card / Price",
"description": ""
},
"0:43": {
"key": "1b90e2994eb4f16b33a67536d7bd633401f4486e",
"name": "Plan Card / Feature / Text",
"description": ""
},
"3:47": {
"key": "c7544d50c96a48be9efde33969d9e3ea7f9a7854",
"name": "chevron-down",
"description": ""
},
"3:48": {
"key": "87ab5e57ec741fc3474fe70c91fecacc940ce8a6",
"name": "Forms / Select",
"description": ""
},
"0:51": {
"key": "720c3ec19390c9df2b781aa0ddbe01ce0970bc5b",
"name": "Plan Card / Feature / Input",
"description": ""
},
"0:40": {
"key": "18d73cb888c28865d7cfb60d35150bca25e412a8",
"name": "Product Logo",
"description": ""
},
"0:65": {
"key": "c9db7ceefec99a0533e2534b82199e06c8a3b78e",
"name": "Plan Card / Product Header",
"description": ""
},
"0:69": {
"key": "61158aa02f3acdfd002b35f586371c300e1e71d1",
"name": "Plan Card",
"description": ""
},
"0:82": {
"key": "835e0aa11579680ced1500299d1ebdd872822c1c",
"name": "Plan Selector",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"3:2": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"3:3": {
"key": "927faf902e39ab89ff8b00d31363e3f1669f4b2e",
"name": "Border / Gray",
"styleType": "FILL",
"description": ""
},
"3:4": {
"key": "9a0d34d779a1ac815b062228e7c33939018ec405",
"name": "Gray Light",
"styleType": "FILL",
"description": ""
},
"3:49": {
"key": "8c8902498ee2f8388cfc41f8e12be9a8289799a0",
"name": "White",
"styleType": "FILL",
"description": ""
},
"3:51": {
"key": "927faf902e39ab89ff8b00d31363e3f1669f4b2e",
"name": "Border / Gray",
"styleType": "FILL",
"description": ""
},
"3:54": {
"key": "fb744b1c1318b88527b3c31762180fd3cb6a8711",
"name": "Body",
"styleType": "TEXT",
"description": ""
}
}
},
"0:47": {
"document": {
"id": "0:47",
"name": "Plan Card / Feature / Boolean",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "0:48",
"name": "Border",
"type": "VECTOR",
"locked": true,
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 517, "y": 137, "width": 828, "height": 1 },
"constraints": { "vertical": "BOTTOM", "horizontal": "LEFT_RIGHT" },
"fills": [],
"strokes": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.8666666746139526,
"g": 0.8666666746139526,
"b": 0.8705882430076599,
"a": 1
}
}
],
"strokeWeight": 1,
"strokeAlign": "CENTER",
"strokeCap": "SQUARE",
"strokeDashes": [1, 2],
"styles": { "stroke": "3:4" },
"exportSettings": [],
"effects": []
},
{
"id": "0:49",
"name": "Value",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 931, "y": 110, "width": 42, "height": 24 },
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.4745098054409027,
"g": 0.4745098054409027,
"b": 0.4745098054409027,
"a": 1
}
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"exportSettings": [],
"effects": [],
"characters": "Value",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Bold",
"fontWeight": 700,
"textCase": "UPPER",
"fontSize": 12,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": 0.3499999940395355,
"lineHeightPx": 24,
"lineHeightPercent": 170.6666717529297,
"lineHeightPercentFontSize": 200,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
},
{
"id": "0:50",
"name": "Feature name",
"type": "TEXT",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 517, "y": 112, "width": 93, "height": 20 },
"constraints": { "vertical": "CENTER", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": { "r": 0, "g": 0, "b": 0, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"exportSettings": [],
"effects": [],
"characters": "Feature name",
"style": {
"fontFamily": "SFProText",
"fontPostScriptName": "SFProText-Bold",
"fontWeight": 700,
"fontSize": 14,
"textAlignHorizontal": "LEFT",
"textAlignVertical": "TOP",
"letterSpacing": -0.30000001192092896,
"lineHeightPx": 20,
"lineHeightPercent": 121.90476989746094,
"lineHeightPercentFontSize": 142.85714721679688,
"lineHeightUnit": "PIXELS"
},
"characterStyleOverrides": [],
"styleOverrideTable": {}
}
],
"absoluteBoundingBox": { "x": 517, "y": 106, "width": 828, "height": 32 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"fills": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"strokes": [],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"exportSettings": [],
"effects": []
},
"components": {
"0:47": {
"key": "a9e03ec11489a3263131eb103c928480cb99a3d1",
"name": "Plan Card / Feature / Boolean",
"description": ""
}
},
"schemaVersion": 0,
"styles": {
"3:4": {
"key": "9a0d34d779a1ac815b062228e7c33939018ec405",
"name": "Gray Light",
"styleType": "FILL",
"description": ""
}
}
},
"0:40": {
"document": {
"id": "0:40",
"name": "Product Logo",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [],
"absoluteBoundingBox": { "x": -585, "y": -443, "width": 180, "height": 180 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{ "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 1, "g": 1, "b": 1, "a": 1 } },
{
"blendMode": "NORMAL",
"type": "IMAGE",
"scaleMode": "FIT",
"imageRef": "1491560075963b51c164d48431d514435f317143"
}
],
"fills": [
{ "blendMode": "NORMAL", "type": "SOLID", "color": { "r": 1, "g": 1, "b": 1, "a": 1 } },
{
"blendMode": "NORMAL",
"type": "IMAGE",
"scaleMode": "FIT",
"imageRef": "1491560075963b51c164d48431d514435f317143"
}
],
"strokes": [],
"cornerRadius": 4,
"rectangleCornerRadii": [4, 4, 4, 4],
"strokeWeight": 1,
"strokeAlign": "INSIDE",
"backgroundColor": { "r": 0, "g": 0, "b": 0, "a": 0 },
"layoutGrids": [],
"exportSettings": [
{ "suffix": "", "format": "PNG", "constraint": { "type": "SCALE", "value": 1 } }
],
"effects": []
},
"components": {
"0:40": {
"key": "18d73cb888c28865d7cfb60d35150bca25e412a8",
"name": "Product Logo",
"description": ""
}
},
"schemaVersion": 0,
"styles": {}
},
"0:169": {
"document": {
"id": "0:169",
"name": "Screenshot / Thumbnail / Default",
"type": "COMPONENT",
"blendMode": "PASS_THROUGH",
"children": [
{
"id": "0:170",
"name": "Screenshot / Thumbnail",
"type": "RECTANGLE",
"blendMode": "PASS_THROUGH",
"absoluteBoundingBox": { "x": 919, "y": 3072, "width": 163, "height": 79 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"fills": [
{
"blendMode": "NORMAL",
"type": "SOLID",
"color": {
"r": 0.847000002861023,
"g": 0.847000002861023,
"b": 0.847000002861023,
"a": 1
}
},
{
"opacity": 0.30000001192092896,
"blendMode": "NORMAL",
"type": "IMAGE",
"scaleMode": "FILL",
"imageRef": "6cffbf368f076215ed0567a9a26e9b6ce0151442"
}
],
"strokes": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": {
"r": 0.5920000076293945,
"g": 0.5920000076293945,
"b": 0.5920000076293945,
"a": 1
}
}
],
"strokeWeight": 0,
"strokeAlign": "CENTER",
"exportSettings": [],
"effects": [],
"cornerRadius": 3
}
],
"absoluteBoundingBox": { "x": 919, "y": 3072, "width": 163, "height": 79 },
"constraints": { "vertical": "SCALE", "horizontal": "SCALE" },
"clipsContent": false,
"background": [
{
"blendMode": "NORMAL",
"visible": false,
"type": "SOLID",
"color": { "r": 1, "g": 1, "b": 1, "a": 1 }
}
],
"f
Raw
figma-meta.json
View raw

(Sorry about that, but we can’t show files that are this big right now.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment