├── keyboard └── Keyboard.framer │ ├── framer │ ├── version │ ├── config.json │ └── framer.vekter.js │ ├── images │ └── design │ │ ├── Ahg575xJHHEHIosnvDwECjoXuOb1GBlxIkZVgsgHNJmD3SYd1QPwLIregEJEyvzuWxh8DN4Dr7KLvjzvw.png │ │ ├── OveuLHgU9Jr3JFnuL7HC2Mw2wlByRf4dvip2PiMxay4s48LbqJa80Vra3Fski0BtgRpXwOM88AlNAkhYrw.png │ │ ├── 0Fhwy1Ht9Y2XZH5tSObigF3oAWTIXJJDH9PWUhh37BpXzGUfNzqdMHTysRLi5LxcdbgWVTTDuNGu5HSbeKYQ.png │ │ ├── OqqDjQfiXl9hvRgeSD00r1EsnR9pHowW9r7l560M72CcmeQKS29E7k9YkZlOT5yO1jnDPq8Dg8t0UFErKmjQ.png │ │ ├── RNdRQBH7ru0UBdruDbrkRmBuGFd9XUb6wJgINvoIuVJiqXcXnNekcSrhSgIGFa8OUU8O3HLUpQvqFta33vSw.png │ │ ├── dHJmlg7O1C3XzSrrExskleC7w4jabJWumlXzsbvwjLYeHOR2huMJdeL1IK1ufXIUSEN1w4GoxTsj4lgLwPHg.png │ │ ├── vnTgHM2fx0xGIVr4XmcsWbEmcunv5ylj3dKMjOIlwFjFKVSg1o02LpbInZTErLdq5Kmwew4Bdf6db7C2fKGw.png │ │ ├── 3DxS1rjv1LdsuplaKomUE8MRFjuiykyx4feMtdowrKac9Kax2DI4YvOPHwFY671A1E5xD6QRQUjbDBivDRuPQ.png │ │ ├── UrJnoENmffuwpe1fyEAQUeZ1RmHF1BHvi9RmL9lAWcdklHwDhuslTk8BRKYZh9TTq4X9ZE0JHnsILeWdN3uakQ.png │ │ └── aHzqyl12ThVgPtGUemyx81DAUXXtJWqo54ZGpx2lzKmFEuPDAwLaMu6QRYtUfNPVYDWcuIKhDQy2IHbm5Vbxw.png │ ├── app.coffee │ └── modules │ └── input.coffee ├── Makefile ├── scripts └── rm-unused-images.sh ├── .gitignore ├── README.md └── src └── input.coffee /keyboard/Keyboard.framer/framer/version: -------------------------------------------------------------------------------- 1 | 11 -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- 1 | .PHONY: help clean 2 | 3 | default: help 4 | 5 | clean: 6 | git clean -Xdf 7 | scripts/rm-unused-images.sh 8 | 9 | help: 10 | @echo "Run \`make clean\` to remove all cruft from .framer folders (before packaging)" 11 | 12 | -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/images/design/Ahg575xJHHEHIosnvDwECjoXuOb1GBlxIkZVgsgHNJmD3SYd1QPwLIregEJEyvzuWxh8DN4Dr7KLvjzvw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benjamindenboer/FramerInput/HEAD/keyboard/Keyboard.framer/images/design/Ahg575xJHHEHIosnvDwECjoXuOb1GBlxIkZVgsgHNJmD3SYd1QPwLIregEJEyvzuWxh8DN4Dr7KLvjzvw.png -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/images/design/OveuLHgU9Jr3JFnuL7HC2Mw2wlByRf4dvip2PiMxay4s48LbqJa80Vra3Fski0BtgRpXwOM88AlNAkhYrw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benjamindenboer/FramerInput/HEAD/keyboard/Keyboard.framer/images/design/OveuLHgU9Jr3JFnuL7HC2Mw2wlByRf4dvip2PiMxay4s48LbqJa80Vra3Fski0BtgRpXwOM88AlNAkhYrw.png -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/images/design/0Fhwy1Ht9Y2XZH5tSObigF3oAWTIXJJDH9PWUhh37BpXzGUfNzqdMHTysRLi5LxcdbgWVTTDuNGu5HSbeKYQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benjamindenboer/FramerInput/HEAD/keyboard/Keyboard.framer/images/design/0Fhwy1Ht9Y2XZH5tSObigF3oAWTIXJJDH9PWUhh37BpXzGUfNzqdMHTysRLi5LxcdbgWVTTDuNGu5HSbeKYQ.png -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/images/design/OqqDjQfiXl9hvRgeSD00r1EsnR9pHowW9r7l560M72CcmeQKS29E7k9YkZlOT5yO1jnDPq8Dg8t0UFErKmjQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benjamindenboer/FramerInput/HEAD/keyboard/Keyboard.framer/images/design/OqqDjQfiXl9hvRgeSD00r1EsnR9pHowW9r7l560M72CcmeQKS29E7k9YkZlOT5yO1jnDPq8Dg8t0UFErKmjQ.png -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/images/design/RNdRQBH7ru0UBdruDbrkRmBuGFd9XUb6wJgINvoIuVJiqXcXnNekcSrhSgIGFa8OUU8O3HLUpQvqFta33vSw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benjamindenboer/FramerInput/HEAD/keyboard/Keyboard.framer/images/design/RNdRQBH7ru0UBdruDbrkRmBuGFd9XUb6wJgINvoIuVJiqXcXnNekcSrhSgIGFa8OUU8O3HLUpQvqFta33vSw.png -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/images/design/dHJmlg7O1C3XzSrrExskleC7w4jabJWumlXzsbvwjLYeHOR2huMJdeL1IK1ufXIUSEN1w4GoxTsj4lgLwPHg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benjamindenboer/FramerInput/HEAD/keyboard/Keyboard.framer/images/design/dHJmlg7O1C3XzSrrExskleC7w4jabJWumlXzsbvwjLYeHOR2huMJdeL1IK1ufXIUSEN1w4GoxTsj4lgLwPHg.png -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/images/design/vnTgHM2fx0xGIVr4XmcsWbEmcunv5ylj3dKMjOIlwFjFKVSg1o02LpbInZTErLdq5Kmwew4Bdf6db7C2fKGw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benjamindenboer/FramerInput/HEAD/keyboard/Keyboard.framer/images/design/vnTgHM2fx0xGIVr4XmcsWbEmcunv5ylj3dKMjOIlwFjFKVSg1o02LpbInZTErLdq5Kmwew4Bdf6db7C2fKGw.png -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/images/design/3DxS1rjv1LdsuplaKomUE8MRFjuiykyx4feMtdowrKac9Kax2DI4YvOPHwFY671A1E5xD6QRQUjbDBivDRuPQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benjamindenboer/FramerInput/HEAD/keyboard/Keyboard.framer/images/design/3DxS1rjv1LdsuplaKomUE8MRFjuiykyx4feMtdowrKac9Kax2DI4YvOPHwFY671A1E5xD6QRQUjbDBivDRuPQ.png -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/images/design/UrJnoENmffuwpe1fyEAQUeZ1RmHF1BHvi9RmL9lAWcdklHwDhuslTk8BRKYZh9TTq4X9ZE0JHnsILeWdN3uakQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benjamindenboer/FramerInput/HEAD/keyboard/Keyboard.framer/images/design/UrJnoENmffuwpe1fyEAQUeZ1RmHF1BHvi9RmL9lAWcdklHwDhuslTk8BRKYZh9TTq4X9ZE0JHnsILeWdN3uakQ.png -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/images/design/aHzqyl12ThVgPtGUemyx81DAUXXtJWqo54ZGpx2lzKmFEuPDAwLaMu6QRYtUfNPVYDWcuIKhDQy2IHbm5Vbxw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/benjamindenboer/FramerInput/HEAD/keyboard/Keyboard.framer/images/design/aHzqyl12ThVgPtGUemyx81DAUXXtJWqo54ZGpx2lzKmFEuPDAwLaMu6QRYtUfNPVYDWcuIKhDQy2IHbm5Vbxw.png -------------------------------------------------------------------------------- /scripts/rm-unused-images.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | 3 | function rm_unused_images { 4 | cat framer/design.vekter | grep '"image"' | tr -s ' ' | cut -d' ' -f4 | cut -c2- | cut -d. -f1 > used-images 5 | find images/design/* | grep -v -f used-images | xargs rm 6 | rm used-images 7 | } 8 | 9 | IFS=" 10 | " 11 | 12 | for project in $(find . -name "*.framer"); do 13 | cd "$project" 14 | rm_unused_images 15 | cd - >/dev/null 16 | done 17 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | */*.framer/.gitignore 2 | */*.framer/.*.html 3 | */*.framer/images/.gitkeep 4 | */*.framer/images/design/*-* 5 | */*.framer/index.html 6 | */*.framer/.viewer.html 7 | 8 | !*/*.framer/framer 9 | */*.framer/framer/* 10 | # Exclude everything except these three files 11 | !*/*.framer/framer/config.json 12 | !*/*.framer/framer/design.vekter 13 | !*/*.framer/framer/framer.vekter.js 14 | !*/*.framer/framer/framer.js 15 | !*/*.framer/framer/framer.js.map 16 | !*/*.framer/framer/version 17 | -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/framer/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "orientation" : 0, 3 | "updateDelay" : 0.29999999999999999, 4 | "designModeSelected" : 0, 5 | "cachedDeviceHeight" : 667, 6 | "contentScale" : 1, 7 | "fullScreen" : false, 8 | "cachedDeviceWidth" : 375, 9 | "deviceType" : "apple-iphone-8-silver", 10 | "sharedPrototype" : 0, 11 | "propertyPanelToggleStates" : { 12 | 13 | }, 14 | "projectId" : "5BD29A99-8B8D-46A7-AB0B-E55C0BCF7DFC", 15 | "deviceOrientation" : 0, 16 | "selectedHand" : "iphone-hands-1", 17 | "showBezel" : false, 18 | "foldedCodeRanges" : [ 19 | "{109, 6736}" 20 | ], 21 | "deviceScale" : "fit" 22 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | icon
3 | Framer Input
4 |
5 |

6 |
7 |

8 | banner 9 |
10 |

INTRODUCTION
11 |

From inputs in Design to fully functional ones in Code. A Framer module that allows you to create single-line and multi-line input fields in Code and Design. Complete with an interactive iOS keyboard simulator.

12 |

Watch the video.

13 |

14 |
15 | 16 | ## Overview 17 | All included properties and methods. 18 | 19 | 20 | | Properties | Type | Description | 21 | | ------------- | ------------- |----------- | 22 | | new InputLayer | Class | Initiate a new Input object. | 23 | | InputLayer.wrap | Method |Wrap input object around two layers. | 24 | | InputLayer.value | String | Text value of input layer. | 25 | | InputLayer.focusColor | Color | Color of input layer on focus. | 26 | | InputLayer.multiLine | Boolean | Single or multi-line input field. | 27 | | InputLayer.onEnterKey | Event | On return key press. | 28 | | InputLayer.onSpaceKey | Event | On space key press. | 29 | | InputLayer.onBackSpaceKey | Event | On backspace key press. | 30 | | InputLayer.onCapsLockKey | Event | On caps space key press. | 31 | | InputLayer.onShiftKey | Event | On shift key press. | 32 | | InputLayer.onValueChange | Event | On input key press. | 33 | | InputLayer.onInputFocus | Event | On input focus. | 34 | | InputLayer.onInputBlur | Event | On input blur. | 35 | 36 | 37 |
38 | 39 | ## Design Guide 40 | First, grab the `input.coffee` file and place it within the `/modules` folder (located within your `.framer` folder). 41 | Then, to include the module, `require` the `Input` class: 42 | 43 | ```javascript 44 | {InputLayer} = require "input" 45 | ``` 46 | 47 | Once you have created a simple input field in Design, you can make the wrapper layer (`background`) and the placeholder copy (`text`) targetable, and wrap them in Code. 48 | 49 | The `InputLayer.wrap` method takes two parameters: 50 | - `background` — The background layer of the input field. 51 | - `text` — The placeholder text layer of the input field. 52 | 53 | ```javascript 54 | input = InputLayer.wrap(background, text) 55 | ``` 56 | 57 | Now, the input field is functional. It automatically sets a `focusColor` for you (changes the color of the text), but this is completely customizable. The `input` object has its own `onValueChange` method. To use the text contents as you’re typing, simply reference the `value` property in combination with the event. 58 | 59 | ```javascript 60 | input.onValueChange -> 61 | print input.value 62 | ``` 63 | 64 | The `wrap` method allows you to pass in optional properties, too. For instance, if you’d like to create a `multiLine` input field (also known as a `textarea`), you can simply pass it along: 65 | 66 | ```javascript 67 | input = InputLayer.wrap(bg, text, multiLine: true) 68 | ``` 69 | 70 | 71 | ## Code Guide 72 | New `InputLayers` can be initiated in Code, too. 73 | 74 | ```javascript 75 | input = new InputLayer 76 | ``` 77 | 78 | This will create a functional input field, with its default placeholder. Note that the `InputLayer` class is based on the `TextLayer` class, and thus will inherit its properties and methods as well. 79 | 80 | ```javascript 81 | input = new InputLayer 82 | text: "Placeholder" 83 | ``` 84 | 85 | To style the placeholder text, you can use all of the [TextLayer](https://framer.com/docs/?utm_campaign=framer_input_benjamin#text.textlayer) properties. 86 | 87 | ```javascript 88 | input.fontSize = 40 89 | input.fontWeight = 600 90 | input.color = "red" 91 | ``` 92 | 93 | The `Input` class has its own `onValueChange` method, too. To use the text contents as you’re typing, simply reference the `value` property in combination with the event. 94 | 95 | ```javascript 96 | input.onValueChange -> 97 | print input.value 98 | ``` 99 | 100 | 101 | 102 | --- 103 | 104 | ## Examples 105 | - **[Input in Code](https://framer.cloud/NyGvN/)**. Create and style a single input field. 106 | - **[Textarea in Code](https://framer.cloud/HSNYG/)**. Create and style a multi-line input field. 107 | - **[Input in Design](https://framer.cloud/kyABW/)**. Wrap a single input field. 108 | - **[Textarea in Design](https://framer.cloud/EyGbp/)**. Wrap a multi-line input field. 109 | - **[Chat Example](https://framer.cloud/JdeKv/).** Type and send messages. 110 | 111 | 112 | ## More Resources 113 | - [MDN Keyboard Event Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent). 114 | - [MDN Key Property Reference](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key). 115 | - [HTML DOM Events Reference](https://www.w3schools.com/jsref/dom_obj_event.asp). 116 | --- 117 | 118 | ## Contact 119 | - Follow me @benjaminnathan. 120 | - Follow @framer. 121 | -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/app.coffee: -------------------------------------------------------------------------------- 1 | # Require input module 2 | {InputLayer} = require "input" 3 | 4 | # Wrap input layer 5 | input = InputLayer.wrap(bg, text) 6 | 7 | # Keyboard Simulator 8 | # Variables 9 | lettersActive = true 10 | numbersActive = false 11 | showLeftKey = false 12 | showRightKey = false 13 | showLargeKey = false 14 | 15 | # Methods 16 | ## Show active key 17 | showActiveKey = (key, showLeftKey, showRightKey) -> 18 | 19 | offsetX = 2 20 | offsetY = 3 21 | 22 | currentActiveKey = activeKey 23 | currentActiveLetter = activeLetter 24 | 25 | if showLeftKey 26 | currentActiveKey = activeKeyLeft 27 | currentActiveLetter = activeLetterLeft 28 | offsetX = -19 29 | 30 | else if showRightKey 31 | currentActiveKey = activeKeyRight 32 | currentActiveLetter = activeLetterRight 33 | offsetX = 11 34 | 35 | else if showLargeKey 36 | currentActiveKey = activeKeyLarge 37 | currentActiveLetter = activeLetterLarge 38 | offsetX = -8 39 | 40 | currentActiveKey.opacity = 1 41 | currentActiveKey.point = 42 | x: key.x - (key.width / 2) - 5 - offsetX 43 | y: key.y - currentActiveKey.height + key.height + offsetY 44 | 45 | if lettersActive 46 | currentActiveKey.parent = keyboard 47 | currentActiveLetter.text = key.name 48 | 49 | if numbersActive 50 | currentActiveKey.parent = numeric 51 | currentActiveLetter.text = key.name 52 | currentActiveLetter.x = Align.center 53 | 54 | if shiftIconActive.visible 55 | currentActiveLetter.textTransform = "uppercase" 56 | else 57 | currentActiveLetter.textTransform = "lowercase" 58 | 59 | 60 | ## Map all keys 61 | mapLetterKeys = (e) -> 62 | for key in letters.children 63 | name = String.fromCharCode(e.which) 64 | 65 | if key.name is name 66 | 67 | if name is "q" 68 | showLeftKey = true 69 | showRightKey = false 70 | if name is "p" 71 | showLeftKey = false 72 | showRightKey = true 73 | 74 | showActiveKey(key, showLeftKey, showRightKey, showLargeKey) 75 | 76 | mapNumberKeys = (e) -> 77 | for key in numbers.children 78 | name = String.fromCharCode(e.which) 79 | 80 | if key.name is name 81 | 82 | if name is "1" or name is "-" 83 | showLeftKey = true 84 | showRightKey = false 85 | showLargeKey = false 86 | if name is "0" or name is "“" 87 | showLeftKey = false 88 | showRightKey = true 89 | showLargeKey = false 90 | if name is "." 91 | showLeftKey = false 92 | showRightKey = false 93 | showLargeKey = true 94 | 95 | showActiveKey(key, showLeftKey, showRightKey, showLargeKey) 96 | 97 | ## Uppercase & Lowercase 98 | setUppercase = -> 99 | for key in letters.children 100 | key.children[0].textTransform = "uppercase" 101 | key.children[0].x = Align.center() 102 | key.children[0].y = Align.center(1) 103 | shiftIconActive.visible = true 104 | shiftIcon.visible = false 105 | 106 | setLowercase = -> 107 | for key in letters.children 108 | key.children[0].textTransform = "lowercase" 109 | key.children[0].x = Align.center() 110 | key.children[0].y = Align.center(-1) 111 | shiftIconActive.visible = false 112 | shiftIcon.visible = true 113 | 114 | checkValue = -> 115 | if input.value == "" 116 | setUppercase() 117 | else 118 | setLowercase() 119 | 120 | # Tap interactions for letters 121 | for key in letters.children 122 | 123 | key.onTapStart -> 124 | return if numbersActive 125 | 126 | showLeftKey = false 127 | showRightKey = false 128 | showLargeKey = false 129 | 130 | if @name is "q" 131 | showLeftKey = true 132 | showRightKey = false 133 | showLargeKey = false 134 | if @name is "p" 135 | showLeftKey = false 136 | showRightKey = true 137 | showLargeKey = false 138 | 139 | showActiveKey(this, showLeftKey, showRightKey, showLargeKey) 140 | 141 | key.onTapEnd -> 142 | return if numbersActive 143 | 144 | currentActiveKey = activeKey 145 | currentActiveLetter = activeLetter 146 | 147 | if showLeftKey 148 | currentActiveKey = activeKeyLeft 149 | currentActiveLetter = activeLetterLeft 150 | 151 | else if showRightKey 152 | currentActiveKey = activeKeyRight 153 | currentActiveLetter = activeLetterRight 154 | 155 | currentActiveKey.opacity = 0 156 | input._inputElement.focus() 157 | 158 | if shiftIconActive.visible 159 | input.value += currentActiveLetter.text.toUpperCase() 160 | else 161 | input.value += currentActiveLetter.text 162 | 163 | checkValue() 164 | input.emit(Events. ValueChange, input.value) 165 | 166 | # Tap interactions for numbers 167 | for key in numbers.children 168 | 169 | key.onTapStart -> 170 | return if lettersActive 171 | 172 | showLeftKey = false 173 | showRightKey = false 174 | showLargeKey = false 175 | 176 | if @name is "1" or @name is "-" 177 | showLeftKey = true 178 | showRightKey = false 179 | showLargeKey = false 180 | if @name is "0" or @name is "“" 181 | showLeftKey = false 182 | showRightKey = true 183 | showLargeKey = false 184 | if @name is "." or @name is "," or @name is "?" or @name is "!" or @name is "‘" 185 | showLeftKey = false 186 | showRightKey = false 187 | showLargeKey = true 188 | 189 | showActiveKey(this, showLeftKey, showRightKey, showLargeKey) 190 | 191 | key.onTapEnd -> 192 | return if lettersActive 193 | 194 | currentActiveKey = activeKey 195 | currentActiveLetter = activeLetter 196 | 197 | if showLeftKey 198 | currentActiveKey = activeKeyLeft 199 | currentActiveLetter = activeLetterLeft 200 | 201 | else if showRightKey 202 | currentActiveKey = activeKeyRight 203 | currentActiveLetter = activeLetterRight 204 | 205 | else if showLargeKey 206 | currentActiveKey = activeKeyLarge 207 | currentActiveLetter = activeLetterLarge 208 | 209 | currentActiveKey.opacity = 0 210 | input._inputElement.focus() 211 | 212 | input.value += currentActiveLetter.text 213 | input.emit(Events.InputValueChange, input.value) 214 | 215 | # Keyboard methods 216 | document.onkeydown = (e) -> 217 | 218 | # Shift down 219 | if e.which == 16 220 | if shiftIconActive.visible 221 | return 222 | else 223 | setUppercase() 224 | 225 | document.onkeypress = (e) -> 226 | 227 | if lettersActive 228 | mapLetterKeys(e) 229 | 230 | if numbersActive 231 | mapNumberKeys(e) 232 | 233 | # Space down 234 | if e.which == 32 235 | space.backgroundColor = "#ACB4BC" 236 | 237 | 238 | document.onkeyup = (e) -> 239 | 240 | currentActiveKey = activeKey 241 | 242 | if showLeftKey 243 | currentActiveKey = activeKeyLeft 244 | 245 | else if showRightKey 246 | currentActiveKey = activeKeyRight 247 | 248 | currentActiveKey.opacity = 0 249 | 250 | # Space up 251 | if e.which == 32 252 | space.backgroundColor = "#FFFFFF" 253 | 254 | # Shift up 255 | if e.which == 16 256 | setLowercase() 257 | 258 | checkValue() 259 | 260 | # Extras 261 | # Space 262 | space.onTap -> input.value += " " 263 | space.onTapStart -> @backgroundColor = "#ACB4BC" 264 | space.onTapEnd -> @backgroundColor = "#FFFFFF" 265 | input.onSpaceKey -> space.backgroundColor = "#ACB4BC" 266 | 267 | # Return 268 | returnKey.onTapStart -> @backgroundColor = "#FFFFFF" 269 | returnKey.onTapEnd -> @backgroundColor = "#ACB4BC" 270 | returnKey.onTap -> 271 | if input.multiLine 272 | input.value += "\n" 273 | 274 | # Shift 275 | shift.onTap -> 276 | if shiftIconActive.visible 277 | setLowercase() 278 | else 279 | setUppercase() 280 | 281 | # Caps lock 282 | input.onCapsLockKey -> 283 | if shiftIconActive.visible 284 | setLowercase() 285 | else 286 | setUppercase() 287 | 288 | # Backspace 289 | backspace.onTapStart -> 290 | backSpaceIcon.visible = false 291 | backSpaceIconActive.visible = true 292 | input.value = input.value.slice(0, -1) 293 | 294 | backspace.onTapEnd -> 295 | backSpaceIcon.visible = true 296 | backSpaceIconActive.visible = false 297 | 298 | # Numbers 299 | numbersKey.onTap (event) -> 300 | lettersActive = false 301 | numbersActive = true 302 | 303 | numeric.x = 0 304 | numeric.y = Screen.height - numeric.height 305 | numeric.parent = screenA 306 | 307 | lettersKey.onTap (event) -> 308 | lettersActive = true 309 | numbersActive = false 310 | 311 | numeric.x = Screen.width 312 | 313 | # Hide on mobile 314 | unless Utils.isDesktop() 315 | keyboard.opacity = 0 316 | numeric.opacity = 0 317 | -------------------------------------------------------------------------------- /src/input.coffee: -------------------------------------------------------------------------------- 1 | Events.EnterKey = "EnterKey" 2 | Events.SpaceKey = "SpaceKey" 3 | Events.BackspaceKey = "BackspaceKey" 4 | Events.CapsLockKey = "CapsLockKey" 5 | Events.ShiftKey = "ShiftKey" 6 | Events.ValueChange = "ValueChange" 7 | Events.InputFocus = "InputFocus" 8 | Events.InputBlur = "InputBlur" 9 | 10 | class exports.InputLayer extends TextLayer 11 | 12 | constructor: (options={}) -> 13 | 14 | _.defaults options, 15 | backgroundColor: "#FFF" 16 | width: 375 17 | height: 60 18 | padding: 19 | left: 20 20 | text: "Type something..." 21 | fontSize: 40 22 | fontWeight: 300 23 | 24 | if options.multiLine 25 | options.padding.top ?= 20 26 | 27 | @_inputElement = document.createElement("input") 28 | @_inputElement.style.position = "absolute" 29 | 30 | super options 31 | 32 | # Globals 33 | @_background = undefined 34 | @_placeholder = undefined 35 | @_isDesignLayer = false 36 | 37 | # Layer containing input element 38 | @input = new Layer 39 | backgroundColor: "transparent" 40 | name: "input" 41 | width: @width 42 | height: @height 43 | parent: @ 44 | 45 | # Text area 46 | if @multiLine 47 | @_inputElement = document.createElement("textarea") 48 | 49 | # Append element 50 | @input._element.appendChild(@_inputElement) 51 | 52 | # Match TextLayer defaults and type properties 53 | @_setTextProperties(@) 54 | 55 | # Set attributes 56 | @_inputElement.autocomplete = "off" 57 | @_inputElement.autocorrect = "off" 58 | @_inputElement.spellcheck = false 59 | 60 | # The id serves to differentiate multiple input elements from one another. 61 | # To allow styling the placeholder colors of seperate elements. 62 | @_inputElement.className = "input" + @id 63 | 64 | # All inherited properties 65 | textProperties = 66 | {@text, @fontFamily, @fontSize, @lineHeight, @fontWeight, @color, @backgroundColor, @width, @height, @padding, @parent} 67 | 68 | for property, value of textProperties 69 | 70 | @on "change:#{property}", (value) => 71 | # Reset textLayer contents 72 | @_elementHTML.children[0].textContent = "" 73 | 74 | return if @_isDesignLayer 75 | @_setTextProperties(@) 76 | @_setPlaceholderColor(@_id, @color) 77 | 78 | 79 | # Set default placeholder 80 | @_setPlaceholder(@text) 81 | @_setPlaceholderColor(@_id, @color) 82 | 83 | # Reset textLayer contents 84 | @_elementHTML.children[0].textContent = "" 85 | 86 | # Check if in focus 87 | @_isFocused = false 88 | 89 | # Default focus interaction 90 | @_inputElement.onfocus = (e) => 91 | 92 | @focusColor ?= "#000" 93 | 94 | # Emit focus event 95 | @emit(Events.InputFocus, event) 96 | 97 | @_isFocused = true 98 | 99 | # Emit blur event 100 | @_inputElement.onblur = (e) => 101 | @emit(Events.InputBlur, event) 102 | 103 | @_isFocused = false 104 | 105 | # To filter if value changed later 106 | currentValue = undefined 107 | 108 | # Store current value 109 | @_inputElement.onkeydown = (e) => 110 | currentValue = @value 111 | 112 | # If caps lock key is pressed down 113 | if e.which is 20 114 | @emit(Events.CapsLockKey, event) 115 | 116 | # If shift key is pressed 117 | if e.which is 16 118 | @emit(Events.ShiftKey, event) 119 | 120 | @_inputElement.onkeyup = (e) => 121 | 122 | if currentValue isnt @value 123 | @emit("change:value", @value) 124 | @emit(Events.ValueChange, @value) 125 | 126 | # If enter key is pressed 127 | if e.which is 13 128 | @emit(Events.EnterKey, event) 129 | 130 | # If backspace key is pressed 131 | if e.which is 8 132 | @emit(Events.BackspaceKey, event) 133 | 134 | # If space key is pressed 135 | if e.which is 32 136 | @emit(Events.SpaceKey, event) 137 | 138 | # If caps lock key is pressed up 139 | if e.which is 20 140 | @emit(Events.CapsLockKey, event) 141 | 142 | _setPlaceholder: (text) => 143 | @_inputElement.placeholder = text 144 | 145 | _setPlaceholderColor: (id, color) -> 146 | document.styleSheets[0].addRule(".input#{id}::-webkit-input-placeholder", "color: #{color}") 147 | 148 | _checkDevicePixelRatio: -> 149 | ratio = (Screen.width / Framer.Device.screen.width) 150 | if Utils.isDesktop() 151 | # @3x 152 | if ratio < 0.5 and ratio > 0.25 153 | dpr = 1 - ratio 154 | # @4x 155 | else if ratio is 0.25 156 | dpr = 1 - (ratio * 2) 157 | # @1x, @2x 158 | else 159 | dpr = Utils.devicePixelRatio() 160 | if Framer.Device.deviceType is "fullscreen" 161 | dpr = 2 162 | else 163 | # @3x 164 | if ratio < 0.5 and ratio > 0.25 165 | dpr = 1 - ratio 166 | # @4x 167 | else if ratio is 0.25 168 | dpr = 1 - (ratio * 2) 169 | # @1x, @2x 170 | else if ratio is 0.5 171 | dpr = 1 172 | 173 | return dpr 174 | 175 | _setTextProperties: (layer) => 176 | 177 | dpr = @_checkDevicePixelRatio() 178 | 179 | if not @_isDesignLayer 180 | @_inputElement.style.fontFamily = layer.fontFamily 181 | @_inputElement.style.fontSize = "#{layer.fontSize / dpr}px" 182 | @_inputElement.style.fontWeight = layer.fontWeight ? "normal" 183 | @_inputElement.style.paddingTop = "#{layer.padding.top * 2 / dpr}px" 184 | @_inputElement.style.paddingRight = "#{layer.padding.bottom * 2 / dpr}px" 185 | @_inputElement.style.paddingBottom = "#{layer.padding.right * 2 / dpr}px" 186 | @_inputElement.style.paddingLeft = "#{layer.padding.left * 2 / dpr}px" 187 | 188 | @_inputElement.style.width = "#{((layer.width - layer.padding.left * 2) * 2 / dpr)}px" 189 | @_inputElement.style.height = "#{layer.height * 2 / dpr}px" 190 | @_inputElement.style.outline = "none" 191 | @_inputElement.style.backgroundColor = "transparent" 192 | @_inputElement.style.cursor = "auto" 193 | @_inputElement.style.webkitAppearance = "none" 194 | @_inputElement.style.resize = "none" 195 | @_inputElement.style.overflow = "hidden" 196 | @_inputElement.style.webkitFontSmoothing = "antialiased" 197 | 198 | addBackgroundLayer: (layer) -> 199 | @_background = layer 200 | @_background.parent = @ 201 | @_background.name = "background" 202 | @_background.x = @_background.y = 0 203 | @_background._element.appendChild(@_inputElement) 204 | 205 | return @_background 206 | 207 | addPlaceHolderLayer: (layer) -> 208 | 209 | @_isDesignLayer = true 210 | @_inputElement.className = "input" + layer.id 211 | @padding = left: 0, top: 0 212 | 213 | @_setPlaceholder(layer.text) 214 | @_setTextProperties(layer) 215 | @_setPlaceholderColor(layer.id, layer.color) 216 | 217 | @on "change:color", => 218 | @_setPlaceholderColor(layer.id, @color) 219 | 220 | # Remove original layer 221 | layer.visible = false 222 | @_elementHTML.children[0].textContent = "" 223 | 224 | # Convert position to padding 225 | dpr = @_checkDevicePixelRatio() 226 | @_inputElement.style.fontSize = "#{layer.fontSize * 2 / dpr}px" 227 | @_inputElement.style.paddingTop = "#{layer.y * 2 / dpr}px" 228 | @_inputElement.style.paddingLeft = "#{layer.x * 2 / dpr}px" 229 | @_inputElement.style.width = "#{(@_background.width - layer.x * 2) * 2 / dpr}px" 230 | 231 | if @multiLine 232 | @_inputElement.style.height = "#{@_background.height * 2 / dpr}px" 233 | 234 | @on "change:padding", => 235 | @_inputElement.style.paddingTop = "#{@padding.top * 2 / dpr}px" 236 | @_inputElement.style.paddingLeft = "#{@padding.left * 2 / dpr}px" 237 | 238 | return @_placeholder 239 | 240 | focus: -> 241 | @_inputElement.focus() 242 | 243 | @define "value", 244 | get: -> @_inputElement.value 245 | set: (value) -> 246 | @_inputElement.value = value 247 | 248 | @define "focusColor", 249 | get: -> 250 | @_inputElement.style.color 251 | set: (value) -> 252 | @_inputElement.style.color = value 253 | 254 | @define "multiLine", @simpleProperty("multiLine", false) 255 | 256 | # New Constructor 257 | @wrap = (background, placeholder, options) -> 258 | return wrapInput(new @(options), background, placeholder, options) 259 | 260 | onEnterKey: (cb) -> @on(Events.EnterKey, cb) 261 | onSpaceKey: (cb) -> @on(Events.SpaceKey, cb) 262 | onBackspaceKey: (cb) -> @on(Events.BackspaceKey, cb) 263 | onCapsLockKey: (cb) -> @on(Events.CapsLockKey, cb) 264 | onShiftKey: (cb) -> @on(Events.ShiftKey, cb) 265 | onValueChange: (cb) -> @on(Events.ValueChange, cb) 266 | onInputFocus: (cb) -> @on(Events.InputFocus, cb) 267 | onInputBlur: (cb) -> @on(Events.InputBlur, cb) 268 | 269 | wrapInput = (instance, background, placeholder) -> 270 | if not (background instanceof Layer) 271 | throw new Error("InputLayer expects a background layer.") 272 | 273 | if not (placeholder instanceof TextLayer) 274 | throw new Error("InputLayer expects a text layer.") 275 | 276 | input = instance 277 | 278 | input.__framerInstanceInfo ?= {} 279 | input.__framerInstanceInfo?.name = instance.constructor.name 280 | 281 | input.frame = background.frame 282 | input.parent = background.parent 283 | input.index = background.index 284 | 285 | input.addBackgroundLayer(background) 286 | input.addPlaceHolderLayer(placeholder) 287 | 288 | return input -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/modules/input.coffee: -------------------------------------------------------------------------------- 1 | Events.EnterKey = "EnterKey" 2 | Events.SpaceKey = "SpaceKey" 3 | Events.BackspaceKey = "BackspaceKey" 4 | Events.CapsLockKey = "CapsLockKey" 5 | Events.ShiftKey = "ShiftKey" 6 | Events.ValueChange = "ValueChange" 7 | Events.InputFocus = "InputFocus" 8 | Events.InputBlur = "InputBlur" 9 | 10 | class exports.InputLayer extends TextLayer 11 | 12 | constructor: (options={}) -> 13 | 14 | _.defaults options, 15 | backgroundColor: "#FFF" 16 | width: 375 17 | height: 60 18 | padding: 19 | left: 20 20 | text: "Type something..." 21 | fontSize: 40 22 | fontWeight: 300 23 | 24 | if options.multiLine 25 | options.padding.top ?= 20 26 | 27 | @_inputElement = document.createElement("input") 28 | @_inputElement.style.position = "absolute" 29 | 30 | super options 31 | 32 | # Globals 33 | @_background = undefined 34 | @_placeholder = undefined 35 | @_isDesignLayer = false 36 | 37 | # Layer containing input element 38 | @input = new Layer 39 | backgroundColor: "transparent" 40 | name: "input" 41 | width: @width 42 | height: @height 43 | parent: @ 44 | 45 | # Text area 46 | if @multiLine 47 | @_inputElement = document.createElement("textarea") 48 | 49 | # Append element 50 | @input._element.appendChild(@_inputElement) 51 | 52 | # Match TextLayer defaults and type properties 53 | @_setTextProperties(@) 54 | 55 | # Set attributes 56 | @_inputElement.autocomplete = "off" 57 | @_inputElement.autocorrect = "off" 58 | @_inputElement.spellcheck = false 59 | 60 | # The id serves to differentiate multiple input elements from one another. 61 | # To allow styling the placeholder colors of seperate elements. 62 | @_inputElement.className = "input" + @id 63 | 64 | # All inherited properties 65 | textProperties = 66 | {@text, @fontFamily, @fontSize, @lineHeight, @fontWeight, @color, @backgroundColor, @width, @height, @padding, @parent} 67 | 68 | for property, value of textProperties 69 | 70 | @on "change:#{property}", (value) => 71 | # Reset textLayer contents 72 | @_elementHTML.children[0].textContent = "" 73 | 74 | return if @_isDesignLayer 75 | @_setTextProperties(@) 76 | @_setPlaceholderColor(@_id, @color) 77 | 78 | 79 | # Set default placeholder 80 | @_setPlaceholder(@text) 81 | @_setPlaceholderColor(@_id, @color) 82 | 83 | # Reset textLayer contents 84 | @_elementHTML.children[0].textContent = "" 85 | 86 | # Check if in focus 87 | @_isFocused = false 88 | 89 | # Default focus interaction 90 | @_inputElement.onfocus = (e) => 91 | 92 | @focusColor ?= "#000" 93 | 94 | # Emit focus event 95 | @emit(Events.InputFocus, event) 96 | 97 | @_isFocused = true 98 | 99 | # Emit blur event 100 | @_inputElement.onblur = (e) => 101 | @emit(Events.InputBlur, event) 102 | 103 | @_isFocused = false 104 | 105 | # To filter if value changed later 106 | currentValue = undefined 107 | 108 | # Store current value 109 | @_inputElement.onkeydown = (e) => 110 | currentValue = @value 111 | 112 | # If caps lock key is pressed down 113 | if e.which is 20 114 | @emit(Events.CapsLockKey, event) 115 | 116 | # If shift key is pressed 117 | if e.which is 16 118 | @emit(Events.ShiftKey, event) 119 | 120 | @_inputElement.onkeyup = (e) => 121 | 122 | if currentValue isnt @value 123 | @emit("change:value", @value) 124 | @emit(Events.ValueChange, @value) 125 | 126 | # If enter key is pressed 127 | if e.which is 13 128 | @emit(Events.EnterKey, event) 129 | 130 | # If backspace key is pressed 131 | if e.which is 8 132 | @emit(Events.BackspaceKey, event) 133 | 134 | # If space key is pressed 135 | if e.which is 32 136 | @emit(Events.SpaceKey, event) 137 | 138 | # If caps lock key is pressed up 139 | if e.which is 20 140 | @emit(Events.CapsLockKey, event) 141 | 142 | _setPlaceholder: (text) => 143 | @_inputElement.placeholder = text 144 | 145 | _setPlaceholderColor: (id, color) -> 146 | document.styleSheets[0].addRule(".input#{id}::-webkit-input-placeholder", "color: #{color}") 147 | 148 | _checkDevicePixelRatio: -> 149 | ratio = (Screen.width / Framer.Device.screen.width) 150 | if Utils.isDesktop() 151 | # @3x 152 | if ratio < 0.5 and ratio > 0.25 153 | dpr = 1 - ratio 154 | # @4x 155 | else if ratio is 0.25 156 | dpr = 1 - (ratio * 2) 157 | # @1x, @2x 158 | else 159 | dpr = Utils.devicePixelRatio() 160 | if Framer.Device.deviceType is "fullscreen" 161 | dpr = 2 162 | else 163 | # @3x 164 | if ratio < 0.5 and ratio > 0.25 165 | dpr = 1 - ratio 166 | # @4x 167 | else if ratio is 0.25 168 | dpr = 1 - (ratio * 2) 169 | # @1x, @2x 170 | else if ratio is 0.5 171 | dpr = 1 172 | 173 | return dpr 174 | 175 | _setTextProperties: (layer) => 176 | 177 | dpr = @_checkDevicePixelRatio() 178 | 179 | if not @_isDesignLayer 180 | @_inputElement.style.fontFamily = layer.fontFamily 181 | @_inputElement.style.fontSize = "#{layer.fontSize / dpr}px" 182 | @_inputElement.style.fontWeight = layer.fontWeight ? "normal" 183 | @_inputElement.style.paddingTop = "#{layer.padding.top * 2 / dpr}px" 184 | @_inputElement.style.paddingRight = "#{layer.padding.bottom * 2 / dpr}px" 185 | @_inputElement.style.paddingBottom = "#{layer.padding.right * 2 / dpr}px" 186 | @_inputElement.style.paddingLeft = "#{layer.padding.left * 2 / dpr}px" 187 | 188 | @_inputElement.style.width = "#{((layer.width - layer.padding.left * 2) * 2 / dpr)}px" 189 | @_inputElement.style.height = "#{layer.height * 2 / dpr}px" 190 | @_inputElement.style.outline = "none" 191 | @_inputElement.style.backgroundColor = "transparent" 192 | @_inputElement.style.cursor = "auto" 193 | @_inputElement.style.webkitAppearance = "none" 194 | @_inputElement.style.resize = "none" 195 | @_inputElement.style.overflow = "hidden" 196 | @_inputElement.style.webkitFontSmoothing = "antialiased" 197 | 198 | addBackgroundLayer: (layer) -> 199 | @_background = layer 200 | @_background.parent = @ 201 | @_background.name = "background" 202 | @_background.x = @_background.y = 0 203 | @_background._element.appendChild(@_inputElement) 204 | 205 | return @_background 206 | 207 | addPlaceHolderLayer: (layer) -> 208 | 209 | @_isDesignLayer = true 210 | @_inputElement.className = "input" + layer.id 211 | @padding = left: 0, top: 0 212 | 213 | @_setPlaceholder(layer.text) 214 | @_setTextProperties(layer) 215 | @_setPlaceholderColor(layer.id, layer.color) 216 | 217 | @on "change:color", => 218 | @_setPlaceholderColor(layer.id, @color) 219 | 220 | # Remove original layer 221 | layer.visible = false 222 | @_elementHTML.children[0].textContent = "" 223 | 224 | # Convert position to padding 225 | dpr = @_checkDevicePixelRatio() 226 | @_inputElement.style.fontSize = "#{layer.fontSize * 2 / dpr}px" 227 | @_inputElement.style.paddingTop = "#{layer.y * 2 / dpr}px" 228 | @_inputElement.style.paddingLeft = "#{layer.x * 2 / dpr}px" 229 | @_inputElement.style.width = "#{(@_background.width - layer.x * 2) * 2 / dpr}px" 230 | 231 | if @multiLine 232 | @_inputElement.style.height = "#{@_background.height * 2 / dpr}px" 233 | 234 | @on "change:padding", => 235 | @_inputElement.style.paddingTop = "#{@padding.top * 2 / dpr}px" 236 | @_inputElement.style.paddingLeft = "#{@padding.left * 2 / dpr}px" 237 | 238 | return @_placeholder 239 | 240 | focus: -> 241 | @_inputElement.focus() 242 | 243 | @define "value", 244 | get: -> @_inputElement.value 245 | set: (value) -> 246 | @_inputElement.value = value 247 | 248 | @define "focusColor", 249 | get: -> 250 | @_inputElement.style.color 251 | set: (value) -> 252 | @_inputElement.style.color = value 253 | 254 | @define "multiLine", @simpleProperty("multiLine", false) 255 | 256 | # New Constructor 257 | @wrap = (background, placeholder, options) -> 258 | return wrapInput(new @(options), background, placeholder, options) 259 | 260 | onEnterKey: (cb) -> @on(Events.EnterKey, cb) 261 | onSpaceKey: (cb) -> @on(Events.SpaceKey, cb) 262 | onBackspaceKey: (cb) -> @on(Events.BackspaceKey, cb) 263 | onCapsLockKey: (cb) -> @on(Events.CapsLockKey, cb) 264 | onShiftKey: (cb) -> @on(Events.ShiftKey, cb) 265 | onValueChange: (cb) -> @on(Events.ValueChange, cb) 266 | onInputFocus: (cb) -> @on(Events.InputFocus, cb) 267 | onInputBlur: (cb) -> @on(Events.InputBlur, cb) 268 | 269 | wrapInput = (instance, background, placeholder) -> 270 | if not (background instanceof Layer) 271 | throw new Error("InputLayer expects a background layer.") 272 | 273 | if not (placeholder instanceof TextLayer) 274 | throw new Error("InputLayer expects a text layer.") 275 | 276 | input = instance 277 | 278 | input.__framerInstanceInfo ?= {} 279 | input.__framerInstanceInfo?.name = instance.constructor.name 280 | 281 | input.frame = background.frame 282 | input.parent = background.parent 283 | input.index = background.index 284 | 285 | input.addBackgroundLayer(background) 286 | input.addPlaceHolderLayer(placeholder) 287 | 288 | return input -------------------------------------------------------------------------------- /keyboard/Keyboard.framer/framer/framer.vekter.js: -------------------------------------------------------------------------------- 1 | (function(scope) {var __layer_0__ = new Layer({"height":667,"name":"Resource","constraintValues":{"left":950,"height":667,"heightFactor":1,"width":375,"widthFactor":1},"backgroundColor":"#ffffff","clip":true,"width":375,"x":950});var activeKey = new Layer({"parent":__layer_0__,"name":"activeKey","backgroundColor":null,"width":78,"x":149,"height":115,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":115,"centerAnchorX":0.5013333333333333,"width":78,"top":204,"centerAnchorY":0.39205397301349326},"blending":"normal","image":"images\/design\/vnTgHM2fx0xGIVr4XmcsWbEmcunv5ylj3dKMjOIlwFjFKVSg1o02LpbInZTErLdq5Kmwew4Bdf6db7C2fKGw.png","clip":false,"borderStyle":"solid","y":204});var activeLetter = new TextLayer({"parent":activeKey,"name":"activeLetter","backgroundColor":null,"width":23,"x":28,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"40px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":200,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Light\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"a"}],"alignment":"center"},"height":48,"constraintValues":{"left":null,"height":48,"centerAnchorX":0.50641025641025639,"width":23,"top":8,"centerAnchorY":0.27826086956521739},"blending":"normal","autoSize":true,"y":8});var activeKeyLeft = new Layer({"parent":__layer_0__,"name":"activeKeyLeft","backgroundColor":null,"width":66,"x":63,"height":112,"constraintValues":{"left":63,"aspectRatioLocked":true,"height":112,"centerAnchorX":0.25600000000000001,"width":66,"top":266,"centerAnchorY":0.48275862068965519},"blending":"normal","image":"images\/design\/RNdRQBH7ru0UBdruDbrkRmBuGFd9XUb6wJgINvoIuVJiqXcXnNekcSrhSgIGFa8OUU8O3HLUpQvqFta33vSw.png","clip":false,"borderStyle":"solid","y":266});var activeLetterLeft = new TextLayer({"parent":activeKeyLeft,"name":"activeLetterLeft","backgroundColor":null,"width":23,"x":19,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"40px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":200,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Light\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"a"}],"alignment":"center"},"height":48,"constraintValues":{"left":19,"height":48,"centerAnchorX":0.4621212121212121,"width":23,"top":6,"centerAnchorY":0.26785714285714285},"blending":"normal","autoSize":true,"y":6});var activeKeyRight = new Layer({"parent":__layer_0__,"name":"activeKeyRight","backgroundColor":null,"width":66,"x":247,"height":112,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":112,"centerAnchorX":0.7466666666666667,"width":66,"right":62,"top":266,"centerAnchorY":0.48275862068965519},"blending":"normal","image":"images\/design\/OveuLHgU9Jr3JFnuL7HC2Mw2wlByRf4dvip2PiMxay4s48LbqJa80Vra3Fski0BtgRpXwOM88AlNAkhYrw.png","clip":false,"borderStyle":"solid","y":266});var activeLetterRight = new TextLayer({"parent":activeKeyRight,"name":"activeLetterRight","backgroundColor":null,"width":23,"x":25,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"40px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":200,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Light\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"a"}],"alignment":"center"},"height":48,"constraintValues":{"left":null,"height":48,"centerAnchorX":0.55303030303030298,"width":23,"right":18,"top":8,"centerAnchorY":0.2857142857142857},"blending":"normal","autoSize":true,"y":8});var activeKeyLarge = new Layer({"parent":__layer_0__,"name":"activeKeyLarge","backgroundColor":null,"width":90,"x":143,"height":114,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":114,"centerAnchorX":0.5013333333333333,"width":90,"bottom":204,"top":null,"centerAnchorY":0.60869565217391308},"blending":"normal","image":"images\/design\/Ahg575xJHHEHIosnvDwECjoXuOb1GBlxIkZVgsgHNJmD3SYd1QPwLIregEJEyvzuWxh8DN4Dr7KLvjzvw.png","clip":false,"borderStyle":"solid","y":349});var activeLetterLarge = new TextLayer({"parent":activeKeyLarge,"name":"activeLetterLarge","backgroundColor":null,"width":21,"x":35,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"40px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":200,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Light\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"?"}],"alignment":"center"},"height":48,"constraintValues":{"left":null,"height":48,"centerAnchorX":0.50555555555555554,"width":21,"top":11,"centerAnchorY":0.30701754385964913},"blending":"normal","autoSize":true,"y":11});var screenA = new Layer({"height":667,"name":"screenA","constraintValues":{"height":667,"heightFactor":1,"width":375,"widthFactor":1},"backgroundColor":"#ffffff","clip":true,"width":375});var __layer_1__ = new Layer({"parent":screenA,"name":"navBar","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"hsla(0, 0%, 0%, 0.04)"},{"spread":0,"x":0,"type":"box","y":2,"blur":4,"color":"hsla(0, 0%, 0%, 0.04)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":375,"height":67,"constraintValues":{"height":67,"centerAnchorX":0.5,"width":375,"right":0,"centerAnchorY":0.050224887556221891},"blending":"normal","clip":false,"borderStyle":"solid"});var __layer_2__ = new Layer({"parent":__layer_1__,"name":"statusBar","backgroundColor":null,"width":375,"height":21,"constraintValues":{"height":21,"centerAnchorX":0.5,"width":375,"right":0,"centerAnchorY":0.1567164179104478},"blending":"normal","clip":false,"borderStyle":"solid"});var time = new TextLayer({"parent":__layer_2__,"name":"time","backgroundColor":null,"width":29,"x":173,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":4,"css":{"fontSize":"12px","WebkitTextFillColor":"rgba(0, 0, 0, 1.00)","whiteSpace":"pre","letterSpacing":"0px","lineHeight":"1.3","tabSize":4,"fontFamily":"\".SFNSText-Medium\", \"SFProText-Medium\", \"SFUIText-Medium\", \".SFUIText-Medium\", sans-serif"}}],"text":"9:00"}],"alignment":"center"},"height":15,"constraintValues":{"left":null,"height":15,"centerAnchorX":0.5,"width":29,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":3});var __layer_3__ = new Layer({"parent":__layer_2__,"name":"Battery","borderWidth":1,"backgroundColor":null,"width":22,"x":343,"borderColor":"hsla(0, 0%, 0%, 0.25)","height":11,"constraintValues":{"left":null,"height":11,"centerAnchorX":0.94399999999999995,"width":22,"right":10,"top":null,"centerAnchorY":0.5},"borderRadius":3,"blending":"normal","clip":false,"borderStyle":"solid","y":5});var __layer_4__ = new Layer({"parent":__layer_3__,"backgroundColor":"rgba(0, 0, 0, 1.00)","width":15,"x":2,"height":7,"constraintValues":{"left":2,"height":7,"centerAnchorX":0.43181818181818182,"width":15,"bottom":2,"top":2,"centerAnchorY":0.5},"borderRadius":1,"blending":"normal","clip":false,"borderStyle":"solid","y":2});var __layer_5__ = new Layer({"parent":__layer_3__,"backgroundColor":"rgba(0, 0, 0, 1.00)","width":2,"x":23,"height":3,"constraintValues":{"left":null,"height":3,"centerAnchorX":1.0909090909090908,"width":2,"right":-3,"top":null,"centerAnchorY":0.5},"borderRadius":{"bottomLeft":0,"topLeft":0,"bottomRight":10,"topRight":10},"blending":"normal","opacity":0.25,"clip":false,"borderStyle":"solid","y":4});var __layer_6__ = new SVGLayer({"parent":__layer_2__,"name":"Wifi","backgroundColor":null,"width":15,"x":26,"html":"<\/path><\/svg>","htmlIntrinsicSize":{"height":24,"width":24},"color":"rgba(0, 0, 0, 1.00)","height":15,"constraintValues":{"left":26,"aspectRatioLocked":true,"height":15,"centerAnchorX":0.089333333333333334,"width":15,"bottom":3,"top":3,"centerAnchorY":0.5},"blending":"normal","y":3});var __layer_7__ = new Layer({"parent":__layer_2__,"backgroundColor":"rgba(0, 0, 0, 1.00)","width":3,"x":6,"height":4,"constraintValues":{"left":6,"height":4,"centerAnchorX":0.02,"width":3,"bottom":5,"top":null,"centerAnchorY":0.66666666666666663},"borderRadius":1,"blending":"normal","clip":false,"borderStyle":"solid","y":12});var __layer_8__ = new Layer({"parent":__layer_2__,"backgroundColor":"rgba(0, 0, 0, 1.00)","width":3,"x":10,"height":6,"constraintValues":{"left":10,"height":6,"centerAnchorX":0.030666666666666662,"width":3,"bottom":5,"top":null,"centerAnchorY":0.61904761904761907},"borderRadius":1,"blending":"normal","clip":false,"borderStyle":"solid","y":10});var __layer_9__ = new Layer({"parent":__layer_2__,"backgroundColor":"rgba(0, 0, 0, 1.00)","width":3,"x":14,"height":8,"constraintValues":{"left":14,"height":8,"centerAnchorX":0.041333333333333333,"width":3,"top":null,"centerAnchorY":0.5714285714285714},"borderRadius":1,"blending":"normal","opacity":0.20000000000000001,"clip":false,"borderStyle":"solid","y":8});var __layer_10__ = new Layer({"parent":__layer_2__,"backgroundColor":"rgba(0, 0, 0, 1.00)","width":3,"x":18,"height":10,"constraintValues":{"left":18,"height":10,"centerAnchorX":0.051999999999999998,"width":3,"top":null,"centerAnchorY":0.52380952380952384},"borderRadius":1,"blending":"normal","opacity":0.20000000000000001,"clip":false,"borderStyle":"solid","y":6});var __layer_11__ = new TextLayer({"parent":__layer_1__,"backgroundColor":null,"width":73,"x":151,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":8,"css":{"fontSize":"15px","WebkitTextFillColor":"rgba(0, 0, 0, 1.00)","whiteSpace":"pre","letterSpacing":"0px","lineHeight":"1.2","tabSize":4,"fontFamily":"\".SFNSText-Bold\", \"SFProText-Bold\", \"SFUIText-Bold\", \".SFUIText-Bold\", sans-serif"}}],"text":"Keyboard"}],"alignment":"center"},"height":18,"constraintValues":{"left":null,"height":18,"centerAnchorX":0.5,"width":73,"bottom":16,"top":35,"centerAnchorY":0.64179104477611937},"blending":"normal","autoSize":true,"y":35});var reply = new Layer({"parent":screenA,"name":"reply","backgroundColor":"rgba(255, 255, 255, 1.00)","width":375,"height":60,"constraintValues":{"height":60,"centerAnchorX":0.5,"width":375,"bottom":216,"right":0,"top":null,"centerAnchorY":0.63118440779610197},"blending":"normal","clip":false,"borderStyle":"solid","y":391});var bg = new Layer({"parent":reply,"name":"bg","shadows":[{"spread":1,"x":0,"type":"inset","y":0,"blur":0,"color":"hsla(0, 0%, 0%, 0.05)"}],"backgroundColor":"hsl(0, 0%, 98%)","width":355,"x":10,"height":40,"constraintValues":{"left":10,"height":40,"centerAnchorX":0.5,"width":355,"bottom":10,"right":10,"top":10,"centerAnchorY":0.5},"borderRadius":30,"blending":"normal","clip":false,"borderStyle":"solid","y":10});var text = new TextLayer({"parent":bg,"name":"text","backgroundColor":null,"width":56,"x":16,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":8,"css":{"fontSize":"16px","WebkitTextFillColor":"hsla(0, 0%, 0%, 0.2)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"Reply..."}],"alignment":"left"},"height":19,"constraintValues":{"left":16,"height":19,"centerAnchorX":0.21267605633802816,"width":56,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":11});var keyboard = new Layer({"parent":screenA,"name":"keyboard","backgroundColor":"rgba(209, 212, 219, 1.00)","width":375,"height":216,"constraintValues":{"height":216,"centerAnchorX":0.5,"width":375,"bottom":0,"right":0,"top":null,"centerAnchorY":0.83808095952023987},"blending":"normal","clip":false,"borderStyle":"solid","y":451});var __layer_12__ = new Layer({"parent":keyboard,"name":"microphone","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":96,"height":42,"constraintValues":{"left":96,"height":42,"centerAnchorX":0.29866666666666669,"width":32,"bottom":3,"top":null,"centerAnchorY":0.88888888888888884},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":171});var __layer_13__ = new Layer({"parent":__layer_12__,"backgroundColor":null,"width":12,"x":10,"height":20,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":20,"centerAnchorX":0.5,"width":12,"top":null,"centerAnchorY":0.5},"blending":"normal","image":"images\/design\/3DxS1rjv1LdsuplaKomUE8MRFjuiykyx4feMtdowrKac9Kax2DI4YvOPHwFY671A1E5xD6QRQUjbDBivDRuPQ.png","clip":false,"borderStyle":"solid","y":11});var __layer_14__ = new Layer({"parent":keyboard,"name":"emoji","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(171, 180, 188, 1.00)","width":40,"x":51,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.18933333333333333,"width":40,"bottom":3,"right":284,"top":null,"centerAnchorY":0.88888888888888884},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":171});var __layer_15__ = new Layer({"parent":__layer_14__,"backgroundColor":null,"width":20,"x":10,"height":20,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":20,"centerAnchorX":0.5,"width":20,"top":null,"centerAnchorY":0.5},"blending":"normal","image":"images\/design\/0Fhwy1Ht9Y2XZH5tSObigF3oAWTIXJJDH9PWUhh37BpXzGUfNzqdMHTysRLi5LxcdbgWVTTDuNGu5HSbeKYQ.png","clip":false,"borderStyle":"solid","y":11});var letters = new Layer({"parent":keyboard,"name":"letters","backgroundColor":"transparent","width":375,"height":216,"constraintValues":{"height":216,"centerAnchorX":0.5,"width":375,"bottom":0,"right":0,"centerAnchorY":0.5},"blending":"normal","clip":false,"borderStyle":"solid"});var m = new Layer({"parent":letters,"name":"m","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":280,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.78933333333333333,"width":32,"bottom":58,"right":63,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_16__ = new TextLayer({"parent":m,"backgroundColor":null,"width":22,"x":5,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"M"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":22,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var n = new Layer({"parent":letters,"name":"n","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":244,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.69333333333333336,"width":32,"bottom":58,"right":99,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_17__ = new TextLayer({"parent":n,"backgroundColor":null,"width":19,"x":7,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"N"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":19,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var b = new Layer({"parent":letters,"name":"b","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":207,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.59466666666666668,"width":32,"bottom":58,"right":136,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_18__ = new TextLayer({"parent":b,"backgroundColor":null,"width":17,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"B"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":17,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var v = new Layer({"parent":letters,"name":"v","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":170,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.496,"width":32,"bottom":58,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_19__ = new TextLayer({"parent":v,"backgroundColor":null,"width":17,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"V"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":17,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var c = new Layer({"parent":letters,"name":"c","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":133,"height":42,"constraintValues":{"left":133,"height":42,"centerAnchorX":0.39733333333333332,"width":32,"bottom":58,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_20__ = new TextLayer({"parent":c,"backgroundColor":null,"width":18,"x":7,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"C"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":18,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var x = new Layer({"parent":letters,"name":"x","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":96,"height":42,"constraintValues":{"left":96,"height":42,"centerAnchorX":0.29866666666666669,"width":32,"bottom":58,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_21__ = new TextLayer({"parent":x,"backgroundColor":null,"width":17,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"X"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":17,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var z = new Layer({"parent":letters,"name":"z","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":59,"height":42,"constraintValues":{"left":59,"height":42,"centerAnchorX":0.20000000000000001,"width":32,"bottom":58,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_22__ = new TextLayer({"parent":z,"backgroundColor":null,"width":17,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"Z"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":17,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var l = new Layer({"parent":letters,"name":"l","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":317,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.88800000000000001,"width":32,"right":26,"top":61,"centerAnchorY":0.37962962962962965},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":61});var __layer_23__ = new TextLayer({"parent":l,"backgroundColor":null,"width":15,"x":9,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"L"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":15,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var k = new Layer({"parent":letters,"name":"k","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":280,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.78933333333333333,"width":32,"right":63,"top":61,"centerAnchorY":0.37962962962962965},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":61});var __layer_24__ = new TextLayer({"parent":k,"backgroundColor":null,"width":17,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"K"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":17,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var j = new Layer({"parent":letters,"name":"j","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":244,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.69333333333333336,"width":32,"right":99,"top":61,"centerAnchorY":0.37962962962962965},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":61});var __layer_25__ = new TextLayer({"parent":j,"backgroundColor":null,"width":14,"x":9,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"J"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":14,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var h = new Layer({"parent":letters,"name":"h","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":207,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.59466666666666668,"width":32,"right":136,"top":61,"centerAnchorY":0.37962962962962965},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":61});var __layer_26__ = new TextLayer({"parent":h,"backgroundColor":null,"width":19,"x":7,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"H"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":19,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var g = new Layer({"parent":letters,"name":"g","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":170,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.496,"width":32,"top":62,"centerAnchorY":0.38425925925925924},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":62});var __layer_27__ = new TextLayer({"parent":g,"backgroundColor":null,"width":19,"x":7,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"G"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":19,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var f = new Layer({"parent":letters,"name":"f","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":133,"height":42,"constraintValues":{"left":133,"height":42,"centerAnchorX":0.39733333333333332,"width":32,"top":62,"centerAnchorY":0.38425925925925924},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":62});var __layer_28__ = new TextLayer({"parent":f,"backgroundColor":null,"width":15,"x":9,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"F"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":15,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var d = new Layer({"parent":letters,"name":"d","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":96,"height":42,"constraintValues":{"left":96,"height":42,"centerAnchorX":0.29866666666666669,"width":32,"top":62,"centerAnchorY":0.38425925925925924},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":62});var __layer_29__ = new TextLayer({"parent":d,"backgroundColor":null,"width":18,"x":7,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"D"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":18,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var s = new Layer({"parent":letters,"name":"s","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":59,"height":42,"constraintValues":{"left":59,"height":42,"centerAnchorX":0.20000000000000001,"width":32,"top":62,"centerAnchorY":0.38425925925925924},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":62});var __layer_30__ = new TextLayer({"parent":s,"backgroundColor":null,"width":16,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"S"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":16,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var a = new Layer({"parent":letters,"name":"a","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":22,"height":42,"constraintValues":{"left":22,"height":42,"centerAnchorX":0.10133333333333333,"width":32,"top":62,"centerAnchorY":0.38425925925925924},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":62});var __layer_31__ = new TextLayer({"parent":a,"backgroundColor":null,"width":17,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"A"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":17,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var p = new Layer({"parent":letters,"name":"p","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":338,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.94399999999999995,"width":32,"right":5,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_32__ = new TextLayer({"parent":p,"backgroundColor":null,"width":16,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"P"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":16,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":8});var o = new Layer({"parent":letters,"name":"o","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":301,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.84533333333333338,"width":32,"right":42,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_33__ = new TextLayer({"parent":o,"backgroundColor":null,"width":19,"x":7,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"O"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.515625,"width":19,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":8});var i = new Layer({"parent":letters,"name":"i","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":264,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.7466666666666667,"width":32,"right":79,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_34__ = new TextLayer({"parent":i,"backgroundColor":null,"width":8,"x":12,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"I"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":8,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var u = new Layer({"parent":letters,"name":"u","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":227,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.64800000000000002,"width":32,"right":116,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_35__ = new TextLayer({"parent":u,"backgroundColor":null,"width":19,"x":7,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"U"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.515625,"width":19,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":8});var y = new Layer({"parent":letters,"name":"y","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":190,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.54933333333333334,"width":32,"right":153,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_36__ = new TextLayer({"parent":y,"backgroundColor":null,"width":17,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"Y"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":17,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var t = new Layer({"parent":letters,"name":"t","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":153,"height":42,"constraintValues":{"left":153,"height":42,"centerAnchorX":0.45066666666666666,"width":32,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_37__ = new TextLayer({"parent":t,"backgroundColor":null,"width":16,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"T"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":16,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var r = new Layer({"parent":letters,"name":"r","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":116,"height":42,"constraintValues":{"left":116,"height":42,"centerAnchorX":0.35199999999999998,"width":32,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_38__ = new TextLayer({"parent":r,"backgroundColor":null,"width":17,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"R"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":17,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var e = new Layer({"parent":letters,"name":"e","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":79,"height":42,"constraintValues":{"left":79,"height":42,"centerAnchorX":0.25333333333333335,"width":32,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_39__ = new TextLayer({"parent":e,"backgroundColor":null,"width":15,"x":9,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"E"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":15,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var w = new Layer({"parent":letters,"name":"w","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":42,"height":42,"constraintValues":{"left":42,"height":42,"centerAnchorX":0.15466666666666667,"width":32,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_40__ = new TextLayer({"parent":w,"backgroundColor":null,"width":24,"x":4,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1"}}],"text":"W"}],"alignment":"center"},"height":23,"constraintValues":{"left":null,"height":23,"centerAnchorX":0.5,"width":24,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":10});var q = new Layer({"parent":letters,"name":"q","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":5,"height":42,"constraintValues":{"left":5,"height":42,"centerAnchorX":0.056000000000000001,"width":32,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_41__ = new TextLayer({"parent":q,"backgroundColor":null,"width":19,"x":7,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"Q"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":19,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var returnKey = new Layer({"parent":keyboard,"name":"returnKey","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(135, 138, 143, 1.00)"}],"backgroundColor":"rgba(171, 180, 188, 1.00)","width":92,"x":280,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.86933333333333329,"width":92,"bottom":3,"right":3,"top":null,"centerAnchorY":0.88888888888888884},"borderRadius":6,"blending":"normal","clip":false,"borderStyle":"solid","y":171});var __layer_42__ = new TextLayer({"parent":returnKey,"backgroundColor":null,"width":44,"x":25,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":6,"css":{"fontSize":"17px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","letterSpacing":"0.1px","lineHeight":"1.2","tabSize":4,"fontFamily":"\".SFNSDisplay\", \"SFProDisplay-Regular\", \"SFUIDisplay-Regular\", \".SFUIDisplay\", sans-serif"}}],"text":"return"}],"alignment":"center"},"height":20,"constraintValues":{"left":null,"height":20,"centerAnchorX":0.50568181818181823,"width":44,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":11});var space = new Layer({"parent":keyboard,"name":"space","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(135, 138, 143, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":143,"x":133,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.54533333333333334,"width":143,"bottom":3,"right":99,"top":null,"centerAnchorY":0.88888888888888884},"borderRadius":6,"blending":"normal","clip":false,"borderStyle":"solid","y":171});var __layer_43__ = new TextLayer({"parent":space,"backgroundColor":null,"width":45,"x":49,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":5,"css":{"fontSize":"17px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","letterSpacing":"0.1px","lineHeight":"1.2","tabSize":4,"fontFamily":"\".SFNSDisplay\", \"SFProDisplay-Regular\", \"SFUIDisplay-Regular\", \".SFUIDisplay\", sans-serif"}}],"text":"space"}],"alignment":"center"},"height":20,"constraintValues":{"left":null,"height":20,"centerAnchorX":0.5,"width":45,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":11});var backspace = new Layer({"parent":keyboard,"name":"backspace","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(135, 138, 143, 1.00)"}],"backgroundColor":"rgba(171, 180, 188, 1.00)","width":42,"x":330,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.93600000000000005,"width":42,"bottom":58,"right":3,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":6,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var backSpaceIcon = new Layer({"parent":backspace,"name":"backSpaceIcon","backgroundColor":null,"width":22,"x":10,"height":17,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":17,"centerAnchorX":0.48809523809523808,"width":22,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","image":"images\/design\/aHzqyl12ThVgPtGUemyx81DAUXXtJWqo54ZGpx2lzKmFEuPDAwLaMu6QRYtUfNPVYDWcuIKhDQy2IHbm5Vbxw.png","clip":false,"borderStyle":"solid","y":13});var backSpaceIconActive = new Layer({"parent":backspace,"name":"backSpaceIconActive","backgroundColor":null,"width":22,"x":10,"height":17,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":17,"centerAnchorX":0.48809523809523808,"width":22,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","image":"images\/design\/UrJnoENmffuwpe1fyEAQUeZ1RmHF1BHvi9RmL9lAWcdklHwDhuslTk8BRKYZh9TTq4X9ZE0JHnsILeWdN3uakQ.png","clip":false,"borderStyle":"solid","visible":false,"y":13});var shift = new Layer({"parent":keyboard,"name":"shift","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":41,"x":5,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.068000000000000005,"width":41,"bottom":58,"right":329,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var shiftIconActive = new Layer({"parent":shift,"name":"shiftIconActive","backgroundColor":null,"width":19,"x":11,"height":17,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":17,"centerAnchorX":0.5,"width":19,"top":null,"centerAnchorY":0.5},"blending":"normal","image":"images\/design\/OqqDjQfiXl9hvRgeSD00r1EsnR9pHowW9r7l560M72CcmeQKS29E7k9YkZlOT5yO1jnDPq8Dg8t0UFErKmjQ.png","clip":false,"borderStyle":"solid","y":13});var shiftIcon = new Layer({"parent":shift,"name":"shiftIcon","backgroundColor":null,"width":19,"x":11,"height":17,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":17,"centerAnchorX":0.5,"width":19,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","image":"images\/design\/dHJmlg7O1C3XzSrrExskleC7w4jabJWumlXzsbvwjLYeHOR2huMJdeL1IK1ufXIUSEN1w4GoxTsj4lgLwPHg.png","clip":false,"borderStyle":"solid","visible":false,"y":13});var numbersKey = new Layer({"parent":keyboard,"name":"numbersKey","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(171, 180, 188, 1.00)","width":41,"x":5,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.068000000000000005,"width":41,"bottom":3,"right":329,"top":null,"centerAnchorY":0.88888888888888884},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":171});var __layer_44__ = new TextLayer({"parent":numbersKey,"backgroundColor":null,"width":26,"x":7,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":3,"css":{"fontSize":"15px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","letterSpacing":"0px","lineHeight":"1.2","tabSize":4,"fontFamily":"\".SFNSDisplay\", \"SFProDisplay-Regular\", \"SFUIDisplay-Regular\", \".SFUIDisplay\", sans-serif"}}],"text":"123"}],"alignment":"center"},"height":18,"constraintValues":{"left":null,"height":18,"centerAnchorX":0.48780487804878048,"width":26,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":12});var __layer_45__ = new Layer({"height":667,"name":"screenB","constraintValues":{"left":475,"height":667,"heightFactor":1,"width":375,"widthFactor":1},"backgroundColor":"#ffffff","clip":true,"width":375,"x":475});var numeric = new Layer({"parent":__layer_45__,"name":"numeric","backgroundColor":"rgba(209, 212, 219, 1.00)","width":375,"height":216,"constraintValues":{"height":216,"centerAnchorX":0.5,"width":375,"bottom":0,"right":0,"top":null,"centerAnchorY":0.83808095952023987},"blending":"normal","clip":false,"borderStyle":"solid","y":451});var __layer_46__ = new Layer({"parent":numeric,"name":"microphone","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":96,"height":42,"constraintValues":{"left":96,"height":42,"centerAnchorX":0.29866666666666669,"width":32,"bottom":3,"top":null,"centerAnchorY":0.88888888888888884},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":171});var __layer_47__ = new Layer({"parent":__layer_46__,"backgroundColor":null,"width":12,"x":10,"height":20,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":20,"centerAnchorX":0.5,"width":12,"top":null,"centerAnchorY":0.5},"blending":"normal","image":"images\/design\/3DxS1rjv1LdsuplaKomUE8MRFjuiykyx4feMtdowrKac9Kax2DI4YvOPHwFY671A1E5xD6QRQUjbDBivDRuPQ.png","clip":false,"borderStyle":"solid","y":11});var __layer_48__ = new Layer({"parent":numeric,"name":"emoji","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(171, 180, 188, 1.00)","width":40,"x":51,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.18933333333333333,"width":40,"bottom":3,"right":284,"top":null,"centerAnchorY":0.88888888888888884},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":171});var __layer_49__ = new Layer({"parent":__layer_48__,"backgroundColor":null,"width":20,"x":10,"height":20,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":20,"centerAnchorX":0.5,"width":20,"top":null,"centerAnchorY":0.5},"blending":"normal","image":"images\/design\/0Fhwy1Ht9Y2XZH5tSObigF3oAWTIXJJDH9PWUhh37BpXzGUfNzqdMHTysRLi5LxcdbgWVTTDuNGu5HSbeKYQ.png","clip":false,"borderStyle":"solid","y":11});var numbers = new Layer({"parent":numeric,"name":"numbers","backgroundColor":"transparent","width":375,"height":216,"constraintValues":{"height":216,"centerAnchorX":0.5,"width":375,"bottom":0,"right":0,"centerAnchorY":0.5},"blending":"normal","clip":false,"borderStyle":"solid"});var __layer_50__ = new Layer({"parent":numbers,"name":"‘","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":48,"x":271,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.80800000000000005,"width":48,"bottom":58,"right":56,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_51__ = new TextLayer({"parent":__layer_50__,"backgroundColor":null,"width":8,"x":20,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"‘"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":8,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_52__ = new Layer({"parent":numbers,"name":"!","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":48,"x":218,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.64533333333333331,"width":48,"bottom":58,"right":109,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_53__ = new TextLayer({"parent":__layer_52__,"backgroundColor":null,"width":9,"x":20,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"!"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.51041666666666663,"width":9,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_54__ = new Layer({"parent":numbers,"name":"?","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":48,"x":165,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.504,"width":48,"bottom":58,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_55__ = new TextLayer({"parent":__layer_54__,"backgroundColor":null,"width":13,"x":18,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"?"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.51041666666666663,"width":13,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_56__ = new Layer({"parent":numbers,"name":",","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":48,"x":112,"height":42,"constraintValues":{"left":112,"height":42,"centerAnchorX":0.36266666666666669,"width":48,"bottom":58,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_57__ = new TextLayer({"parent":__layer_56__,"backgroundColor":null,"width":8,"x":20,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":","}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":8,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_58__ = new Layer({"parent":numbers,"name":".","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":48,"x":59,"height":42,"constraintValues":{"left":59,"height":42,"centerAnchorX":0.20000000000000001,"width":48,"bottom":58,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_59__ = new TextLayer({"parent":__layer_58__,"backgroundColor":null,"width":8,"x":20,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"."}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":8,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_60__ = new Layer({"parent":numbers,"name":"@","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":301,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.84533333333333338,"width":32,"right":42,"top":61,"centerAnchorY":0.37962962962962965},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":61});var __layer_61__ = new TextLayer({"parent":__layer_60__,"backgroundColor":null,"width":23,"x":5,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"@"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.515625,"width":23,"top":null,"centerAnchorY":0.48809523809523808},"blending":"normal","autoSize":true,"y":7});var __layer_62__ = new Layer({"parent":numbers,"name":"&","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":264,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.7466666666666667,"width":32,"right":79,"top":61,"centerAnchorY":0.37962962962962965},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":61});var __layer_63__ = new TextLayer({"parent":__layer_62__,"backgroundColor":null,"width":18,"x":7,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"&"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":18,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_64__ = new Layer({"parent":numbers,"name":"$","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":227,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.64800000000000002,"width":32,"right":116,"top":61,"centerAnchorY":0.37962962962962965},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":61});var __layer_65__ = new TextLayer({"parent":__layer_64__,"backgroundColor":null,"width":16,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"$"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":16,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_66__ = new Layer({"parent":numbers,"name":")","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":190,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.54933333333333334,"width":32,"right":153,"top":61,"centerAnchorY":0.37962962962962965},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":61});var __layer_67__ = new TextLayer({"parent":__layer_66__,"backgroundColor":null,"width":10,"x":11,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":")"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":10,"top":null,"centerAnchorY":0.48809523809523808},"blending":"normal","autoSize":true,"y":7});var __layer_68__ = new Layer({"parent":numbers,"name":"(","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":153,"height":42,"constraintValues":{"left":153,"height":42,"centerAnchorX":0.45066666666666666,"width":32,"top":62,"centerAnchorY":0.38425925925925924},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":62});var __layer_69__ = new TextLayer({"parent":__layer_68__,"backgroundColor":null,"width":10,"x":11,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"("}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":10,"top":null,"centerAnchorY":0.4642857142857143},"blending":"normal","autoSize":true,"y":6});var __layer_70__ = new Layer({"parent":numbers,"name":";","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":116,"height":42,"constraintValues":{"left":116,"height":42,"centerAnchorX":0.35199999999999998,"width":32,"top":62,"centerAnchorY":0.38425925925925924},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":62});var __layer_71__ = new TextLayer({"parent":__layer_70__,"backgroundColor":null,"width":8,"x":12,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1"}}],"text":";"}],"alignment":"center"},"height":23,"constraintValues":{"left":null,"height":23,"centerAnchorX":0.5,"width":8,"top":null,"centerAnchorY":0.44047619047619047},"blending":"normal","autoSize":true,"y":7});var __layer_72__ = new Layer({"parent":numbers,"name":":","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":79,"height":42,"constraintValues":{"left":79,"height":42,"centerAnchorX":0.25333333333333335,"width":32,"top":62,"centerAnchorY":0.38425925925925924},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":62});var __layer_73__ = new TextLayer({"parent":__layer_72__,"backgroundColor":null,"width":8,"x":12,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1"}}],"text":":"}],"alignment":"center"},"height":23,"constraintValues":{"left":null,"height":23,"centerAnchorX":0.5,"width":8,"top":null,"centerAnchorY":0.4642857142857143},"blending":"normal","autoSize":true,"y":8});var __layer_74__ = new Layer({"parent":numbers,"name":"\/","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":42,"height":42,"constraintValues":{"left":42,"height":42,"centerAnchorX":0.15466666666666667,"width":32,"top":62,"centerAnchorY":0.38425925925925924},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":62});var __layer_75__ = new TextLayer({"parent":__layer_74__,"backgroundColor":null,"width":9,"x":12,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"\/"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.515625,"width":9,"top":null,"centerAnchorY":0.4642857142857143},"blending":"normal","autoSize":true,"y":6});var __layer_76__ = new Layer({"parent":numbers,"name":"-","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":5,"height":42,"constraintValues":{"left":5,"height":42,"centerAnchorX":0.056000000000000001,"width":32,"top":62,"centerAnchorY":0.38425925925925924},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":62});var __layer_77__ = new TextLayer({"parent":__layer_76__,"backgroundColor":null,"width":12,"x":10,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"-"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":12,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_78__ = new Layer({"parent":numbers,"name":"0","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":338,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.94399999999999995,"width":32,"right":5,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_79__ = new TextLayer({"parent":__layer_78__,"backgroundColor":null,"width":16,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"0"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":16,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_80__ = new Layer({"parent":numbers,"name":"9","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":301,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.84533333333333338,"width":32,"right":42,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_81__ = new TextLayer({"parent":__layer_80__,"backgroundColor":null,"width":16,"x":9,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"9"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.515625,"width":16,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_82__ = new Layer({"parent":numbers,"name":"8","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":264,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.7466666666666667,"width":32,"right":79,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_83__ = new TextLayer({"parent":__layer_82__,"backgroundColor":null,"width":16,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"8"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":16,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_84__ = new Layer({"parent":numbers,"name":"7","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":227,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.64800000000000002,"width":32,"right":116,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_85__ = new TextLayer({"parent":__layer_84__,"backgroundColor":null,"width":15,"x":9,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"7"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.515625,"width":15,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_86__ = new Layer({"parent":numbers,"name":"6","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":190,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.54933333333333334,"width":32,"right":153,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_87__ = new TextLayer({"parent":__layer_86__,"backgroundColor":null,"width":16,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"6"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":16,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_88__ = new Layer({"parent":numbers,"name":"5","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":153,"height":42,"constraintValues":{"left":153,"height":42,"centerAnchorX":0.45066666666666666,"width":32,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_89__ = new TextLayer({"parent":__layer_88__,"backgroundColor":null,"width":16,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"5"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":16,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_90__ = new Layer({"parent":numbers,"name":"4","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":116,"height":42,"constraintValues":{"left":116,"height":42,"centerAnchorX":0.35199999999999998,"width":32,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_91__ = new TextLayer({"parent":__layer_90__,"backgroundColor":null,"width":16,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"4"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":16,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_92__ = new Layer({"parent":numbers,"name":"3","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":79,"height":42,"constraintValues":{"left":79,"height":42,"centerAnchorX":0.25333333333333335,"width":32,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_93__ = new TextLayer({"parent":__layer_92__,"backgroundColor":null,"width":16,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"3"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":16,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_94__ = new Layer({"parent":numbers,"name":"2","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":42,"height":42,"constraintValues":{"left":42,"height":42,"centerAnchorX":0.15466666666666667,"width":32,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_95__ = new TextLayer({"parent":__layer_94__,"backgroundColor":null,"width":15,"x":9,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1"}}],"text":"2"}],"alignment":"center"},"height":23,"constraintValues":{"left":null,"height":23,"centerAnchorX":0.5,"width":15,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":10});var __layer_96__ = new Layer({"parent":numbers,"name":"1","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":5,"height":42,"constraintValues":{"left":5,"height":42,"centerAnchorX":0.056000000000000001,"width":32,"top":8,"centerAnchorY":0.13425925925925927},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":8});var __layer_97__ = new TextLayer({"parent":__layer_96__,"backgroundColor":null,"width":12,"x":10,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"1"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":12,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_98__ = new Layer({"parent":numbers,"name":"“","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":32,"x":338,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.94399999999999995,"width":32,"right":5,"top":61,"centerAnchorY":0.37962962962962965},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":61});var __layer_99__ = new TextLayer({"parent":__layer_98__,"backgroundColor":null,"width":13,"x":10,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":1,"css":{"fontSize":"23px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","fontWeight":400,"letterSpacing":"0px","tabSize":4,"fontFamily":"\"SFUIText-Regular\", \"SF UI Text\", sans-serif","lineHeight":"1.2"}}],"text":"“"}],"alignment":"center"},"height":27,"constraintValues":{"left":null,"height":27,"centerAnchorX":0.5,"width":13,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","autoSize":true,"y":8});var __layer_100__ = new Layer({"parent":numeric,"name":"returnKey","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(135, 138, 143, 1.00)"}],"backgroundColor":"rgba(171, 180, 188, 1.00)","width":92,"x":280,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.86933333333333329,"width":92,"bottom":3,"right":3,"top":null,"centerAnchorY":0.88888888888888884},"borderRadius":6,"blending":"normal","clip":false,"borderStyle":"solid","y":171});var __layer_101__ = new TextLayer({"parent":__layer_100__,"backgroundColor":null,"width":44,"x":25,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":6,"css":{"fontSize":"17px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","letterSpacing":"0.1px","lineHeight":"1.2","tabSize":4,"fontFamily":"\".SFNSDisplay\", \"SFProDisplay-Regular\", \"SFUIDisplay-Regular\", \".SFUIDisplay\", sans-serif"}}],"text":"return"}],"alignment":"center"},"height":20,"constraintValues":{"left":null,"height":20,"centerAnchorX":0.50568181818181823,"width":44,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":11});var __layer_102__ = new Layer({"parent":numeric,"name":"space","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(135, 138, 143, 1.00)"}],"backgroundColor":"rgba(255, 255, 255, 1.00)","width":143,"x":133,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.54533333333333334,"width":143,"bottom":3,"right":99,"top":null,"centerAnchorY":0.88888888888888884},"borderRadius":6,"blending":"normal","clip":false,"borderStyle":"solid","y":171});var __layer_103__ = new TextLayer({"parent":__layer_102__,"backgroundColor":null,"width":45,"x":49,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":5,"css":{"fontSize":"17px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","letterSpacing":"0.1px","lineHeight":"1.2","tabSize":4,"fontFamily":"\".SFNSDisplay\", \"SFProDisplay-Regular\", \"SFUIDisplay-Regular\", \".SFUIDisplay\", sans-serif"}}],"text":"space"}],"alignment":"center"},"height":20,"constraintValues":{"left":null,"height":20,"centerAnchorX":0.5,"width":45,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":11});var __layer_104__ = new Layer({"parent":numeric,"name":"backspace","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(135, 138, 143, 1.00)"}],"backgroundColor":"rgba(171, 180, 188, 1.00)","width":42,"x":330,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.93600000000000005,"width":42,"bottom":58,"right":3,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":6,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_105__ = new Layer({"parent":__layer_104__,"name":"backSpaceIcon","backgroundColor":null,"width":22,"x":10,"height":17,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":17,"centerAnchorX":0.48809523809523808,"width":22,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","image":"images\/design\/aHzqyl12ThVgPtGUemyx81DAUXXtJWqo54ZGpx2lzKmFEuPDAwLaMu6QRYtUfNPVYDWcuIKhDQy2IHbm5Vbxw.png","clip":false,"borderStyle":"solid","y":13});var __layer_106__ = new Layer({"parent":__layer_104__,"name":"backSpaceIconActive","backgroundColor":null,"width":22,"x":10,"height":17,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":17,"centerAnchorX":0.48809523809523808,"width":22,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","image":"images\/design\/UrJnoENmffuwpe1fyEAQUeZ1RmHF1BHvi9RmL9lAWcdklHwDhuslTk8BRKYZh9TTq4X9ZE0JHnsILeWdN3uakQ.png","clip":false,"borderStyle":"solid","visible":false,"y":13});var __layer_107__ = new Layer({"parent":numeric,"name":"shift","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(172, 180, 188, 1.00)","width":41,"x":5,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.068000000000000005,"width":41,"bottom":58,"right":329,"top":null,"centerAnchorY":0.6342592592592593},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":116});var __layer_108__ = new Layer({"parent":__layer_107__,"name":"shiftIcon","backgroundColor":null,"width":19,"x":11,"height":17,"constraintValues":{"left":null,"aspectRatioLocked":true,"height":17,"centerAnchorX":0.5,"width":19,"top":null,"centerAnchorY":0.51190476190476186},"blending":"normal","image":"images\/design\/dHJmlg7O1C3XzSrrExskleC7w4jabJWumlXzsbvwjLYeHOR2huMJdeL1IK1ufXIUSEN1w4GoxTsj4lgLwPHg.png","clip":false,"borderStyle":"solid","visible":false,"y":13});var __layer_109__ = new TextLayer({"parent":__layer_107__,"backgroundColor":null,"width":25,"x":8,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":3,"css":{"fontSize":"13px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","letterSpacing":"0px","lineHeight":"1.2","tabSize":4,"fontFamily":"\".SFNSDisplay\", \"SFProDisplay-Regular\", \"SFUIDisplay-Regular\", \".SFUIDisplay\", sans-serif"}}],"text":"#+="}],"alignment":"center"},"height":15,"constraintValues":{"left":null,"height":15,"centerAnchorX":0.5,"width":25,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":14});var lettersKey = new Layer({"parent":numeric,"name":"lettersKey","shadows":[{"spread":0,"x":0,"type":"box","y":1,"blur":0,"color":"rgba(137, 138, 141, 1.00)"}],"backgroundColor":"rgba(171, 180, 188, 1.00)","width":41,"x":5,"height":42,"constraintValues":{"left":null,"height":42,"centerAnchorX":0.068000000000000005,"width":41,"bottom":3,"right":329,"top":null,"centerAnchorY":0.88888888888888884},"borderRadius":5,"blending":"normal","clip":false,"borderStyle":"solid","y":171});var __layer_110__ = new TextLayer({"parent":lettersKey,"backgroundColor":null,"width":28,"x":6,"styledText":{"blocks":[{"inlineStyles":[{"startIndex":0,"endIndex":3,"css":{"fontSize":"14px","WebkitTextFillColor":"hsl(0, 0%, 0%)","whiteSpace":"pre","letterSpacing":"0px","lineHeight":"1.2","tabSize":4,"fontFamily":"\".SFNSDisplay\", \"SFProDisplay-Regular\", \"SFUIDisplay-Regular\", \".SFUIDisplay\", sans-serif"}}],"text":"ABC"}],"alignment":"center"},"height":16,"constraintValues":{"left":null,"height":16,"centerAnchorX":0.48780487804878048,"width":28,"top":null,"centerAnchorY":0.5},"blending":"normal","autoSize":true,"y":13});activeKeyLeft.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|activeKeyLeft","targetName":"activeKeyLeft","vekterClass":"ImageNode"};__layer_25__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_25__","vekterClass":"TextNode","text":"J"};w.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|w","targetName":"w","vekterClass":"RectangleNode"};__layer_110__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_110__","vekterClass":"TextNode","text":"ABC"};shiftIcon.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|shiftIcon","targetName":"shiftIcon","vekterClass":"ImageNode"};__layer_10__.__framerInstanceInfo = {"hash":"#vekter|__layer_10__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_53__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_53__","vekterClass":"TextNode","text":"!"};activeLetterLeft.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|activeLetterLeft","targetName":"activeLetterLeft","vekterClass":"TextNode","text":"a"};__layer_45__.__framerInstanceInfo = {"hash":"#vekter|__layer_45__","vekterClass":"FrameNode","framerClass":"Layer"};__layer_75__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_75__","vekterClass":"TextNode","text":"\/"};__layer_59__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_59__","vekterClass":"TextNode","text":"."};__layer_21__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_21__","vekterClass":"TextNode","text":"X"};r.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|r","targetName":"r","vekterClass":"RectangleNode"};c.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|c","targetName":"c","vekterClass":"RectangleNode"};__layer_31__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_31__","vekterClass":"TextNode","text":"A"};__layer_86__.__framerInstanceInfo = {"hash":"#vekter|__layer_86__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_18__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_18__","vekterClass":"TextNode","text":"B"};p.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|p","targetName":"p","vekterClass":"RectangleNode"};__layer_82__.__framerInstanceInfo = {"hash":"#vekter|__layer_82__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_2__.__framerInstanceInfo = {"hash":"#vekter|__layer_2__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_97__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_97__","vekterClass":"TextNode","text":"1"};__layer_19__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_19__","vekterClass":"TextNode","text":"V"};__layer_39__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_39__","vekterClass":"TextNode","text":"E"};shiftIconActive.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|shiftIconActive","targetName":"shiftIconActive","vekterClass":"ImageNode"};__layer_13__.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|__layer_13__","vekterClass":"ImageNode"};__layer_103__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_103__","vekterClass":"TextNode","text":"space"};reply.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|reply","targetName":"reply","vekterClass":"RectangleNode"};__layer_77__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_77__","vekterClass":"TextNode","text":"-"};bg.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|bg","targetName":"bg","vekterClass":"RectangleNode"};__layer_54__.__framerInstanceInfo = {"hash":"#vekter|__layer_54__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_101__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_101__","vekterClass":"TextNode","text":"return"};__layer_28__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_28__","vekterClass":"TextNode","text":"F"};__layer_3__.__framerInstanceInfo = {"hash":"#vekter|__layer_3__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_63__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_63__","vekterClass":"TextNode","text":"&"};__layer_94__.__framerInstanceInfo = {"hash":"#vekter|__layer_94__","vekterClass":"RectangleNode","framerClass":"Layer"};backspace.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|backspace","targetName":"backspace","vekterClass":"RectangleNode"};__layer_100__.__framerInstanceInfo = {"hash":"#vekter|__layer_100__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_102__.__framerInstanceInfo = {"hash":"#vekter|__layer_102__","vekterClass":"RectangleNode","framerClass":"Layer"};v.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|v","targetName":"v","vekterClass":"RectangleNode"};backSpaceIconActive.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|backSpaceIconActive","targetName":"backSpaceIconActive","vekterClass":"ImageNode"};__layer_95__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_95__","vekterClass":"TextNode","text":"2"};q.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|q","targetName":"q","vekterClass":"RectangleNode"};numbersKey.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|numbersKey","targetName":"numbersKey","vekterClass":"RectangleNode"};__layer_12__.__framerInstanceInfo = {"hash":"#vekter|__layer_12__","vekterClass":"RectangleNode","framerClass":"Layer"};b.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|b","targetName":"b","vekterClass":"RectangleNode"};__layer_56__.__framerInstanceInfo = {"hash":"#vekter|__layer_56__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_83__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_83__","vekterClass":"TextNode","text":"8"};__layer_23__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_23__","vekterClass":"TextNode","text":"L"};__layer_108__.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|__layer_108__","vekterClass":"ImageNode"};__layer_81__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_81__","vekterClass":"TextNode","text":"9"};__layer_37__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_37__","vekterClass":"TextNode","text":"T"};__layer_109__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_109__","vekterClass":"TextNode","text":"#+="};__layer_91__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_91__","vekterClass":"TextNode","text":"4"};__layer_7__.__framerInstanceInfo = {"hash":"#vekter|__layer_7__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_70__.__framerInstanceInfo = {"hash":"#vekter|__layer_70__","vekterClass":"RectangleNode","framerClass":"Layer"};f.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|f","targetName":"f","vekterClass":"RectangleNode"};__layer_24__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_24__","vekterClass":"TextNode","text":"K"};__layer_51__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_51__","vekterClass":"TextNode","text":"‘"};__layer_33__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_33__","vekterClass":"TextNode","text":"O"};t.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|t","targetName":"t","vekterClass":"RectangleNode"};__layer_87__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_87__","vekterClass":"TextNode","text":"6"};__layer_90__.__framerInstanceInfo = {"hash":"#vekter|__layer_90__","vekterClass":"RectangleNode","framerClass":"Layer"};a.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|a","targetName":"a","vekterClass":"RectangleNode"};__layer_58__.__framerInstanceInfo = {"hash":"#vekter|__layer_58__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_6__.__framerInstanceInfo = {"originalFilename":"wifi","framerClass":"SVGLayer","hash":"#vekter|__layer_6__","vekterClass":"SVGNode"};__layer_105__.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|__layer_105__","vekterClass":"ImageNode"};__layer_17__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_17__","vekterClass":"TextNode","text":"N"};g.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|g","targetName":"g","vekterClass":"RectangleNode"};__layer_66__.__framerInstanceInfo = {"hash":"#vekter|__layer_66__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_71__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_71__","vekterClass":"TextNode","text":";"};screenA.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|screenA","targetName":"screenA","vekterClass":"FrameNode"};__layer_74__.__framerInstanceInfo = {"hash":"#vekter|__layer_74__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_84__.__framerInstanceInfo = {"hash":"#vekter|__layer_84__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_36__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_36__","vekterClass":"TextNode","text":"Y"};__layer_98__.__framerInstanceInfo = {"hash":"#vekter|__layer_98__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_73__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_73__","vekterClass":"TextNode","text":":"};shift.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|shift","targetName":"shift","vekterClass":"RectangleNode"};__layer_68__.__framerInstanceInfo = {"hash":"#vekter|__layer_68__","vekterClass":"RectangleNode","framerClass":"Layer"};x.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|x","targetName":"x","vekterClass":"RectangleNode"};__layer_35__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_35__","vekterClass":"TextNode","text":"U"};__layer_50__.__framerInstanceInfo = {"hash":"#vekter|__layer_50__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_104__.__framerInstanceInfo = {"hash":"#vekter|__layer_104__","vekterClass":"RectangleNode","framerClass":"Layer"};numbers.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|numbers","targetName":"numbers","vekterClass":"RectangleNode"};__layer_92__.__framerInstanceInfo = {"hash":"#vekter|__layer_92__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_67__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_67__","vekterClass":"TextNode","text":")"};backSpaceIcon.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|backSpaceIcon","targetName":"backSpaceIcon","vekterClass":"ImageNode"};text.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|text","targetName":"text","vekterClass":"TextNode","text":"Reply..."};returnKey.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|returnKey","targetName":"returnKey","vekterClass":"RectangleNode"};__layer_52__.__framerInstanceInfo = {"hash":"#vekter|__layer_52__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_78__.__framerInstanceInfo = {"hash":"#vekter|__layer_78__","vekterClass":"RectangleNode","framerClass":"Layer"};e.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|e","targetName":"e","vekterClass":"RectangleNode"};activeKeyRight.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|activeKeyRight","targetName":"activeKeyRight","vekterClass":"ImageNode"};__layer_88__.__framerInstanceInfo = {"hash":"#vekter|__layer_88__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_43__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_43__","vekterClass":"TextNode","text":"space"};time.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|time","targetName":"time","vekterClass":"TextNode","text":"9:00"};__layer_65__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_65__","vekterClass":"TextNode","text":"$"};__layer_89__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_89__","vekterClass":"TextNode","text":"5"};__layer_93__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_93__","vekterClass":"TextNode","text":"3"};__layer_107__.__framerInstanceInfo = {"hash":"#vekter|__layer_107__","vekterClass":"RectangleNode","framerClass":"Layer"};j.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|j","targetName":"j","vekterClass":"RectangleNode"};__layer_26__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_26__","vekterClass":"TextNode","text":"H"};lettersKey.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|lettersKey","targetName":"lettersKey","vekterClass":"RectangleNode"};__layer_27__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_27__","vekterClass":"TextNode","text":"G"};__layer_14__.__framerInstanceInfo = {"hash":"#vekter|__layer_14__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_15__.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|__layer_15__","vekterClass":"ImageNode"};o.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|o","targetName":"o","vekterClass":"RectangleNode"};__layer_106__.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|__layer_106__","vekterClass":"ImageNode"};z.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|z","targetName":"z","vekterClass":"RectangleNode"};__layer_11__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_11__","vekterClass":"TextNode","text":"Keyboard"};__layer_85__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_85__","vekterClass":"TextNode","text":"7"};activeKeyLarge.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|activeKeyLarge","targetName":"activeKeyLarge","vekterClass":"ImageNode"};i.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|i","targetName":"i","vekterClass":"RectangleNode"};__layer_1__.__framerInstanceInfo = {"hash":"#vekter|__layer_1__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_62__.__framerInstanceInfo = {"hash":"#vekter|__layer_62__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_30__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_30__","vekterClass":"TextNode","text":"S"};__layer_22__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_22__","vekterClass":"TextNode","text":"Z"};l.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|l","targetName":"l","vekterClass":"RectangleNode"};__layer_49__.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|__layer_49__","vekterClass":"ImageNode"};__layer_46__.__framerInstanceInfo = {"hash":"#vekter|__layer_46__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_5__.__framerInstanceInfo = {"hash":"#vekter|__layer_5__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_9__.__framerInstanceInfo = {"hash":"#vekter|__layer_9__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_55__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_55__","vekterClass":"TextNode","text":"?"};n.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|n","targetName":"n","vekterClass":"RectangleNode"};__layer_32__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_32__","vekterClass":"TextNode","text":"P"};u.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|u","targetName":"u","vekterClass":"RectangleNode"};__layer_44__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_44__","vekterClass":"TextNode","text":"123"};__layer_0__.__framerInstanceInfo = {"hash":"#vekter|__layer_0__","vekterClass":"FrameNode","framerClass":"Layer"};__layer_42__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_42__","vekterClass":"TextNode","text":"return"};activeKey.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|activeKey","targetName":"activeKey","vekterClass":"ImageNode"};numeric.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|numeric","targetName":"numeric","vekterClass":"RectangleNode"};__layer_61__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_61__","vekterClass":"TextNode","text":"@"};__layer_41__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_41__","vekterClass":"TextNode","text":"Q"};activeLetterRight.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|activeLetterRight","targetName":"activeLetterRight","vekterClass":"TextNode","text":"a"};__layer_4__.__framerInstanceInfo = {"hash":"#vekter|__layer_4__","vekterClass":"RectangleNode","framerClass":"Layer"};y.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|y","targetName":"y","vekterClass":"RectangleNode"};h.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|h","targetName":"h","vekterClass":"RectangleNode"};__layer_20__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_20__","vekterClass":"TextNode","text":"C"};__layer_40__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_40__","vekterClass":"TextNode","text":"W"};__layer_48__.__framerInstanceInfo = {"hash":"#vekter|__layer_48__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_76__.__framerInstanceInfo = {"hash":"#vekter|__layer_76__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_29__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_29__","vekterClass":"TextNode","text":"D"};__layer_8__.__framerInstanceInfo = {"hash":"#vekter|__layer_8__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_60__.__framerInstanceInfo = {"hash":"#vekter|__layer_60__","vekterClass":"RectangleNode","framerClass":"Layer"};space.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|space","targetName":"space","vekterClass":"RectangleNode"};k.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|k","targetName":"k","vekterClass":"RectangleNode"};d.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|d","targetName":"d","vekterClass":"RectangleNode"};__layer_47__.__framerInstanceInfo = {"originalFilename":"","framerClass":"Layer","hash":"#vekter|__layer_47__","vekterClass":"ImageNode"};__layer_69__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_69__","vekterClass":"TextNode","text":"("};__layer_72__.__framerInstanceInfo = {"hash":"#vekter|__layer_72__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_38__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_38__","vekterClass":"TextNode","text":"R"};activeLetter.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|activeLetter","targetName":"activeLetter","vekterClass":"TextNode","text":"a"};__layer_16__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_16__","vekterClass":"TextNode","text":"M"};__layer_34__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_34__","vekterClass":"TextNode","text":"I"};m.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|m","targetName":"m","vekterClass":"RectangleNode"};__layer_57__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_57__","vekterClass":"TextNode","text":","};__layer_64__.__framerInstanceInfo = {"hash":"#vekter|__layer_64__","vekterClass":"RectangleNode","framerClass":"Layer"};__layer_96__.__framerInstanceInfo = {"hash":"#vekter|__layer_96__","vekterClass":"RectangleNode","framerClass":"Layer"};activeLetterLarge.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|activeLetterLarge","targetName":"activeLetterLarge","vekterClass":"TextNode","text":"?"};letters.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|letters","targetName":"letters","vekterClass":"RectangleNode"};s.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|s","targetName":"s","vekterClass":"RectangleNode"};__layer_80__.__framerInstanceInfo = {"hash":"#vekter|__layer_80__","vekterClass":"RectangleNode","framerClass":"Layer"};keyboard.__framerInstanceInfo = {"framerClass":"Layer","hash":"#vekter|keyboard","targetName":"keyboard","vekterClass":"RectangleNode"};__layer_99__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_99__","vekterClass":"TextNode","text":"“"};__layer_79__.__framerInstanceInfo = {"framerClass":"TextLayer","hash":"#vekter|__layer_79__","vekterClass":"TextNode","text":"0"};if (scope["__vekterVariables"]) { scope["__vekterVariables"].map(function(variable) { delete scope[variable] } ) };Object.assign(scope, {activeKey, activeLetter, activeKeyLeft, activeLetterLeft, activeKeyRight, activeLetterRight, activeKeyLarge, activeLetterLarge, screenA, time, reply, bg, text, keyboard, letters, m, n, b, v, c, x, z, l, k, j, h, g, f, d, s, a, p, o, i, u, y, t, r, e, w, q, returnKey, space, backspace, backSpaceIcon, backSpaceIconActive, shift, shiftIconActive, shiftIcon, numbersKey, numeric, numbers, lettersKey});scope["__vekterVariables"] = ["activeKey", "activeLetter", "activeKeyLeft", "activeLetterLeft", "activeKeyRight", "activeLetterRight", "activeKeyLarge", "activeLetterLarge", "screenA", "time", "reply", "bg", "text", "keyboard", "letters", "m", "n", "b", "v", "c", "x", "z", "l", "k", "j", "h", "g", "f", "d", "s", "a", "p", "o", "i", "u", "y", "t", "r", "e", "w", "q", "returnKey", "space", "backspace", "backSpaceIcon", "backSpaceIconActive", "shift", "shiftIconActive", "shiftIcon", "numbersKey", "numeric", "numbers", "lettersKey"];if (typeof Framer.CurrentContext.layout === 'function') {Framer.CurrentContext.layout()};})(window); --------------------------------------------------------------------------------