pxt-core 7.4.6 → 7.4.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/built/pxt.js +105 -39
  2. package/built/pxtblockly.js +1359 -1448
  3. package/built/pxtblocks.d.ts +4 -4
  4. package/built/pxtblocks.js +35 -80
  5. package/built/pxteditor.d.ts +1 -1
  6. package/built/pxtlib.d.ts +13 -1
  7. package/built/pxtlib.js +105 -39
  8. package/built/target.js +1 -1
  9. package/built/web/blockly.css +1 -1
  10. package/built/web/main.js +1 -1
  11. package/built/web/pxtapp.js +1 -1
  12. package/built/web/pxtasseteditor.js +1 -1
  13. package/built/web/pxtblockly.js +1 -1
  14. package/built/web/pxtblocks.js +1 -1
  15. package/built/web/pxtembed.js +1 -1
  16. package/built/web/pxtlib.js +1 -1
  17. package/built/web/pxtworker.js +1 -1
  18. package/built/web/react-common.css +85 -18
  19. package/built/web/rtlblockly.css +1 -1
  20. package/built/web/rtlsemantic.css +2 -2
  21. package/built/web/semantic.css +2 -2
  22. package/built/web/skillmap/css/main.96b1b3f1.chunk.css +1 -0
  23. package/built/web/skillmap/js/2.7dd06a3a.chunk.js +2 -0
  24. package/built/web/skillmap/js/main.d5bb4f6b.chunk.js +1 -0
  25. package/localtypings/blockly.d.ts +12268 -7535
  26. package/localtypings/pxtarget.d.ts +1 -0
  27. package/package.json +2 -2
  28. package/theme/blockly-core.less +22 -13
  29. package/theme/common.less +0 -28
  30. package/theme/highcontrast.less +4 -0
  31. package/theme/melodyeditor.less +2 -2
  32. package/theme/print.less +1 -1
  33. package/theme/pxt.less +0 -1
  34. package/theme/toolbox.less +1 -0
  35. package/webapp/public/blockly/blockly_compressed.js +1269 -1286
  36. package/webapp/public/blockly/blocks_compressed.js +47 -65
  37. package/webapp/public/blockly/msg/js/en.js +8 -17
  38. package/webapp/public/blockly/msg/json/en.json +6 -15
  39. package/webapp/public/skillmap.html +2 -2
  40. package/built/web/skillmap/css/main.2461a333.chunk.css +0 -1
  41. package/built/web/skillmap/js/2.9cb94aa0.chunk.js +0 -2
  42. package/built/web/skillmap/js/main.c49acd24.chunk.js +0 -1
package/built/web/react-common.css CHANGED
@@ -3,7 +3,18 @@
3
3
  flex-direction: row;
4
4
  height: 100%;
5
5
 
6
+ --header-text-color: #000000;
7
+ --profile-portrait-border-color: #ffffff;
8
+ --profile-username-color: #999999;
6
9
  --background-color: #fef3e0;
10
+ --avatar-initials-background-color: #028B9B;
11
+ --avatar-initials-text-color: #ffffff;
12
+ --user-pane-border-color: #e4dbca;
13
+ --notification-background-color: #ffffff;
14
+ --notification-icon-background-color: #ffffff;
15
+ --notification-icon-color: #000000;
16
+ --badge-list-subtitle-color: #aba9a5;
17
+ --body-font-family: "Share Tech Mono", Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace;
7
18
  }
8
19
 
9
20
  .profile-user-pane {
@@ -11,7 +22,7 @@
11
22
  flex-direction: column;
12
23
  width: 25%;
13
24
  padding: 1rem;
14
- border-right: solid 1px black;
25
+ border-right: solid 1px var(--user-pane-border-color);
15
26
  height: 100%;
16
27
  min-width: 20rem;
17
28
  }
@@ -22,9 +33,9 @@
22
33
  height: 12rem;
23
34
  width: 12rem;
24
35
  position: relative;
25
- border: solid white 2px;
36
+ border: solid var(--profile-portrait-border-color) 2px;
26
37
  align-self: center;
27
- margin-bottom: 1rem;
38
+ margin-bottom: 1.5rem;
28
39
  }
29
40
 
30
41
  .profile-portrait img {
@@ -42,28 +53,48 @@
42
53
 
43
54
  .profile-display-name {
44
55
  font-size: 1.5rem;
45
- color: black;
56
+ color: var(--header-text-color);
46
57
  text-transform: uppercase;
47
58
  font-weight: 900;
59
+ margin-bottom: 0.5rem;
48
60
  }
49
61
 
50
62
  .profile-username {
51
63
  font-size: 1rem;
52
- color: #999999;
64
+ color: var(--profile-username-color);
53
65
  }
54
66
 
55
67
  .profile-spacer {
56
68
  flex-grow: 1;
57
69
  }
58
70
 
71
+ .profile-email {
72
+ display: flex;
73
+ }
74
+
75
+ .profile-email .checkbox {
76
+ cursor: pointer;
77
+ padding-right: 1rem;
78
+ }
79
+
59
80
  .profile-actions {
60
81
  display: flex;
61
82
  flex-direction: row;
62
83
  align-items: center;
84
+ justify-content: space-between;
63
85
  }
64
86
 
65
87
  .profile-actions a {
66
88
  flex-grow: 1;
89
+ font-size: 14px;
90
+ }
91
+
92
+ .profile-actions .ui.button {
93
+ width: 50%;
94
+ }
95
+
96
+ .profile-actions .ui.button i.icon {
97
+ margin-right: 1.5rem !important;
67
98
  }
68
99
 
69
100
  .profile-notification {
@@ -73,7 +104,7 @@
73
104
  border-radius: 1rem;
74
105
  padding: 1rem;
75
106
  padding-top: 2rem;
76
- background: white;
107
+ background: var(--notification-background-color);
77
108
  display: flex;
78
109
  flex-direction: column;
79
110
  }
@@ -97,13 +128,19 @@
97
128
  position: absolute;
98
129
  top: -1.625rem;
99
130
  left: calc(50% - 1.625rem);
100
- background: #dedede;
131
+ color: var(--notification-icon-color);
132
+ background: var(--notification-icon-background-color);
101
133
  }
102
134
 
103
135
  .profile-notification .profile-notification-icon i.circular.icon {
104
136
  box-shadow: none;
105
137
  }
106
138
 
139
+ .profile-badge-subtitle {
140
+ font-style: italic;
141
+ color: var(--badge-list-subtitle-color);
142
+ }
143
+
107
144
  .profile-badge-list {
108
145
  flex-grow: 1;
109
146
  height: 100%;
@@ -114,8 +151,10 @@
114
151
 
115
152
  .profile-badges-scroller {
116
153
  flex-grow: 1;
117
- overflow-y: scroll;
154
+ overflow-y: auto;
155
+ overflow-x: hidden;
118
156
  position: relative;
157
+ z-index: 1;
119
158
  }
120
159
 
121
160
  .profile-badges, .profile-badges-background {
@@ -128,6 +167,10 @@
128
167
  align-items: center;
129
168
  }
130
169
 
170
+ .profile-badges-background {
171
+ z-index: -1;
172
+ }
173
+
131
174
  .profile-badges .profile-badge, .profile-badges-background .profile-badge {
132
175
  position: relative;
133
176
  aspect-ratio: 1;
@@ -144,11 +187,6 @@
144
187
  }
145
188
 
146
189
 
147
- .profile-badge.disabled img {
148
- filter: grayscale(1);
149
- opacity: 0.5;
150
- }
151
-
152
190
  .profile-badge.disabled i.ui.icon {
153
191
  line-height: 1;
154
192
  vertical-align: middle;
@@ -162,6 +200,7 @@
162
200
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' fill='black' r='3' opacity='0.1' /%3E%3C/svg%3E");
163
201
  background-repeat: no-repeat;
164
202
  background-position: center;
203
+ opacity: 0.3;
165
204
  aspect-ratio: 1;
166
205
  }
167
206
 
@@ -179,16 +218,24 @@
179
218
  font-weight: 900;
180
219
  font-size: 1.5rem;
181
220
  margin-right: 1rem;
221
+ color: var(--header-text-color);
182
222
  }
183
223
 
184
224
  .profile-badge-header {
225
+ margin-left: 1rem;
185
226
  margin-bottom: 1rem;
186
227
  }
187
228
 
229
+ .profile-badge-info-item {
230
+ margin-top: 1rem;
231
+ display: flex;
232
+ }
233
+
188
234
  .profile-badge-info-header {
189
235
  text-transform: uppercase;
190
236
  font-weight: 900;
191
- margin-top: 1rem;
237
+ width: 20%;
238
+ color: var(--header-text-color);
192
239
  }
193
240
 
194
241
  .profile-badge-info-image .profile-badge {
@@ -207,21 +254,37 @@
207
254
  justify-content: center;
208
255
  align-content: center;
209
256
  position: relative;
257
+ height: 100%;
258
+ }
259
+
260
+ .profile-badge.clickable {
261
+ cursor: pointer;
210
262
  }
211
263
 
212
264
  .profile-badge-and-title {
213
265
  display: flex;
214
266
  flex-direction: column;
215
267
  max-height: 100%;
268
+ height: 100%;
269
+ background-color: var(--background-color);
270
+ z-index: 2;
271
+ overflow: hidden;
272
+ }
273
+
274
+ .profile-badge-and-title .profile-badge {
275
+ margin-bottom: 1rem;
276
+ flex-shrink: 1000;
216
277
  }
217
278
 
218
- .profile-badge-and-title .profile-badge-title {
279
+ .profile-badge-name {
219
280
  font-size: 1rem;
220
281
  text-overflow: ellipsis;
221
- overflow: hidden;
282
+ white-space: nowrap;
222
283
  width: 100%;
223
284
  margin-right: 0;
224
285
  text-align: center;
286
+ color: var(--header-text-color);
287
+ overflow: hidden;
225
288
  }
226
289
 
227
290
  .profile-initials-portrait {
@@ -231,8 +294,12 @@
231
294
  align-items: center;
232
295
  justify-content: center;
233
296
  height: 100%;
234
- color: white;
235
- background-color: #028B9B;
297
+ color: var(--avatar-initials-text-color);
298
+ background-color: var(--avatar-initials-background-color);
299
+ }
300
+
301
+ .ui.icon.button.sign-out {
302
+ font-family: var(--body-font-family);
236
303
  }
237
304
 
238
305
  @media only screen and (max-width: 1200px) and (min-width: 992px) {
package/built/web/rtlblockly.css CHANGED
@@ -1 +1 @@
1
- .blocklyDropDownContent .blocklyPianoDiv{position:relative;touch-action:none}.blocklyDropDownContent .blocklyNote{border:.5px solid;cursor:pointer;display:inline-block;position:absolute;top:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#fff;z-index:1000}.blocklyDropDownContent .blocklyNote.black{background-color:#000;z-index:1001}.blocklyDropDownContent .blocklyNote:hover{background-color:#ff0!important}.blocklyDropDownContent .blocklyNote.selected{background-color:#9acd32!important}.blocklyDropDownContent .blocklyNoteLabel{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:12pt}.blocklyDropDownContent .blocklyNoteLabel,.blocklyDropDownContent .blocklyNotePrevNext{border:.5px solid;color:#fff;display:inline-block;line-height:normal;position:absolute;text-align:center}.blocklyDropDownContent .blocklyNotePrevNext{border-top:0;cursor:pointer;font-weight:700}.blocklyDropDownContent .blocklyDropdownTextLabel{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:70px;display:inline-block;color:#fff;font-size:12px}.blocklyGridPickerTooltip{z-index:994}.blocklyGridPickerPadder{box-shadow:0 0 8px 1px rgba(0,0,0,.3)}.blocklyWidgetDiv .blocklyGridPickerRow{display:table-row}.blocklyWidgetDiv .blocklyGridPickerMenu{display:table;outline:none;border-spacing:7px}.blocklyGridPickerScroller{padding:4px;-webkit-overflow-scrolling:touch}.blocklyGridPickerPadder,.blocklyGridPickerScroller{outline:none;border-radius:4px;position:relative}.blocklyGridPickerPadder .ui.input i.search.icon{margin-top:-.2rem}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-menuitem{background:#fff;cursor:pointer;min-width:unset}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-menuitem-highlight,.blocklyWidgetDiv .blocklyGridPickerMenu .goog-menuitem-hover{background:#d6e9f8;box-shadow:0 0 0 4px hsla(0,0%,100%,.2)}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-option{border:1px solid #000;border-radius:4px;color:#fff;font-size:12pt;font-weight:700;display:table-cell;padding:8px;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-menuitem-content{color:#fff}.blocklyWidgetDiv .blocklyGridPickerMenu .floatLeft{float:right}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-option.goog-option-selected{position:relative}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-menuitem .goog-menuitem-checkbox{display:none}.blocklyGridPickerTooltip{z-index:995}.blocklyGridPickerSelectedBar{display:flex;padding-top:5px;justify-content:space-between}.blocklyGridPickerSelectedImage{padding:3px;display:inline-block;vertical-align:middle}.ui.input input.blocklyGridPickerSearchBar{background:none;border:none;color:#fff}.ui.input input.blocklyGridPickerSearchBar::placeholder{color:#fff}.ui.input input.blocklyGridPickerSearchBar::-webkit-input-placeholder{color:#fff}.ui.input input.blocklyGridPickerSearchBar::-moz-placeholder{color:#fff}.ui.input input.blocklyGridPickerSearchBar:-ms-input-placeholder{color:#fff}.ui.input input.blocklyGridPickerSearchBar:-moz-placeholder{color:#fff}.blocklyToggle{transition:transform 1s}.blocklyToggle .blocklyToggleCircle,.blocklyToggle .blocklyToggleRect{stroke-width:1px;stroke:grey;stroke-opacity:.4}.blocklyToggle.blocklyToggleOn .blocklyToggleCircle,.blocklyToggle.blocklyToggleOn .blocklyToggleRect{fill:#4ddc64}.blocklyToggle.blocklyToggleOff .blocklyToggleCircle,.blocklyToggle.blocklyToggleOff .blocklyToggleRect{fill:#95a5a6}.blocklyToggle.blocklyToggleOnBreakpoint polygon{fill:#e80d00;stroke:#fff;stroke-width:12px!important;stroke-linecap:round;stroke-opacity:1;cursor:pointer}.blocklyToggle.blocklyToggleOffBreakpoint polygon{fill:#333;stroke:0;cursor:pointer}.blocklyToggle~.blocklyText.blocklyToggleText{font-size:10pt;cursor:pointer}.blocklyToggle.blocklyToggleOff~.blocklyText.blocklyToggleText{fill:#fff}.blocklyDropDownDiv .rgbColorPicker>tr>td{height:40px;width:40px}.blocklyDropDownDiv .blocklyFieldSliderReadout .blocklyColorReadout{height:20px;width:25px;border-radius:10px;display:inline-block;vertical-align:middle}#custom-content .blocklyLightboxDiv{position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.55);z-index:993}.blocklyCanvasOverlayOuter{padding:.5rem;margin:.1rem;background:#249ca3;border:2px solid #249ca3;border-top-right-radius:1rem;border-top-left-radius:1rem;border-bottom-right-radius:0}.blocklyCanvasOverlayDiv{cursor:none;background-color:hsla(0,0%,100%,.9);z-index:10000;position:relative;overflow:hidden;border:5px solid #333;clip-path:polygon(0 4px,4px 0,calc(100% - 2px) 0,100% 4px,100% calc(100% - 2px),calc(100% - 2px) 100%,4px 100%,0 calc(100% - 2px))}.blocklyCanvasOverlayDiv .cross-x,.blocklyCanvasOverlayDiv .cross-y{background-color:#575e75;position:absolute}.blocklyCanvasOverlayDiv .cross-x{width:100%;height:2px;z-index:10}.blocklyCanvasOverlayDiv .cross-y{width:2px;height:100%;z-index:10}.blocklyCanvasOverlayDiv .label{position:absolute;color:#575e75;font-size:100%;white-space:nowrap}.positionEyedropper{background:none;outline:none;width:100%;text-align:center;border:none;border-top:1px solid #ddd;padding-top:5px;cursor:pointer}.positionEyedropper:hover{background:#eee}.pixel-cell{shape-rendering:crispedges}.palette-selected{stroke:orange;stroke-width:2px}.palette-unselected{stroke:none}.sprite-editor-canvas{cursor:crosshair;z-index:1001;touch-action:none}.sprite-editor-canvas.sprite-editor-eyedropper{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M15.241 4.652L13.76 6.133l.835.835-3.085 3.085-.762-.762-5.168 5.17L1.984 16 .025 14.041l1.349-3.742 5.19-5.191-.645-.646 3.085-3.085.835.835L11.32.731c.431-.431 1-.678 1.616-.731h.461a2.835 2.835 0 011.77.802c1.082 1.084 1.114 2.81.074 3.85z' fill='%23f6f6f6'/%3E%3Cpath d='M9.467 7.932l.612.613-5.071 5.072-2.795 1.198-1.032-1.032 1.057-2.936L7.31 5.775l.585.585v.003l-4.356 4.356 1.569 1.569 4.355-4.356h.004zm4.995-6.422c-.667-.664-1.777-.729-2.435-.072L9.839 3.627l-.836-.835-.174.174-1.497 1.497 4.177 4.177 1.671-1.671-.835-.835 2.189-2.189c.658-.658.592-1.768-.072-2.435z' fill='%23424242'/%3E%3C/svg%3E") 2 16,copy}.sprite-canvas-controls{z-index:1000}#sprite-editor-palette .palette-swatch{cursor:pointer}.sprite-editor-dropdown.blocklyDropDownDiv{background:linear-gradient(#4b7bec 50px,#2c3e50 0,#2c3e50)}.sprite-editor-dropdown.blocklyDropDownDiv .blocklyDropDownArrow.arrowTop{background:#4b7bec}.sprite-editor-dropdown.blocklyDropDownDiv .blocklyDropDownArrow.arrowBottom{background:#2c3e50}#sprite-editor-header{z-index:1002;height:50px;width:inherit;position:absolute;top:0;right:0}#sprite-editor-header-controls{width:100%;height:100%}#sprite-editor-gallery-outer{overflow:hidden;position:absolute;z-index:1002;width:100%}#sprite-editor-gallery{overflow-y:scroll;width:100%;height:100%;background:#2c3e50}.sprite-editor-card{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%23fff' d='M0 0h10v10H0z'/%3E%3Cpath fill='%23dedede' d='M0 0h5v5H0zM5 5h5v5H5z'/%3E%3C/svg%3E")}.sprite-editor-icon{fill:#fff;font-family:Icons;font-size:19px}.sprite-editor-xicon{fill:#fff;font-family:xicon;font-size:19px}.sprite-editor-button{cursor:pointer}.sprite-editor-button-bg{fill:#525a5b}.sprite-editor-button-fg{fill:#7f8c8d}.sprite-editor-confirm-button .sprite-editor-button-bg{fill:#294da0}.sprite-editor-confirm-button .sprite-editor-button-fg{fill:#4b7bec}.sprite-editor-button.disabled{cursor:not-allowed}.sprite-editor-button.disabled .sprite-editor-button-bg,.sprite-editor-button.disabled .sprite-editor-button-fg{fill-opacity:.8}.sprite-editor-button:active:not(.disabled) .sprite-editor-button-bg,.sprite-editor-button:active:not(.disabled) .sprite-editor-button-fg{fill-opacity:1!important;transition:fill-opacity .1s}.sprite-editor-button:hover:not(.disabled) .sprite-editor-button-bg,.sprite-editor-button:hover:not(.disabled) .sprite-editor-button-fg{fill-opacity:.8;transition:fill-opacity .1s}.sprite-editor-button.selected{position:relative}.sprite-editor-button.selected .sprite-editor-button-fg{fill:#495353}.sprite-editor-text{font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif!important;user-select:none;cursor:auto}.sprite-editor-label{fill:#fff}.sprite-editor-dropdown-bg{background:linear-gradient(#4b7bec 50px,#2c3e50 0,#2c3e50);border-radius:4px;padding-top:4px;position:relative}.sprite-editor-glyph{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8c0 4.411-3.589 8-8 8a2.803 2.803 0 01-2.8-2.8c0-.833.272-1.629.766-2.241a.596.596 0 00.101-.359.667.667 0 00-.667-.666.58.58 0 00-.358.102A3.584 3.584 0 012.8 10.8 2.803 2.803 0 010 8c0-4.411 3.589-8 8-8s8 3.589 8 8z' fill='%23f6f6f6'/%3E%3Cpath d='M5.4 7.933a2.67 2.67 0 012.667 2.666c0 .606-.193 1.179-.544 1.614a1.599 1.599 0 00-.323.987.8.8 0 00.8.8c3.309 0 6-2.691 6-6s-2.691-6-6-6-6 2.691-6 6c0 .441.359.8.8.8.378 0 .729-.114.986-.322A2.568 2.568 0 015.4 7.933z' fill='%23fff'/%3E%3Cpath d='M8 15c-.992 0-1.8-.808-1.8-1.8 0-.606.193-1.179.544-1.613.208-.259.323-.609.323-.987 0-.919-.748-1.666-1.667-1.666-.377 0-.728.115-.986.323A2.58 2.58 0 012.8 9.8C1.808 9.8 1 8.992 1 8c0-3.86 3.14-7 7-7 3.859 0 7 3.14 7 7 0 3.859-3.141 7-7 7zM5.4 7.933a2.67 2.67 0 012.667 2.666c0 .606-.193 1.179-.544 1.614a1.599 1.599 0 00-.323.987.8.8 0 00.8.8c3.309 0 6-2.691 6-6s-2.691-6-6-6-6 2.691-6 6c0 .441.359.8.8.8.378 0 .729-.114.986-.322A2.568 2.568 0 015.4 7.933z' fill='%23424242'/%3E%3Cpath d='M4.5 5.375a.875.875 0 100 1.75.875.875 0 000-1.75z' fill='%23652d90'/%3E%3Cpath d='M7.125 3.625a.875.875 0 100 1.75.875.875 0 000-1.75z' fill='%231ba1e2'/%3E%3Cpath d='M10.625 4.5a.875.875 0 100 1.75.875.875 0 000-1.75z' fill='%23393'/%3E%3Cpath d='M11.5 8a.875.875 0 100 1.75.875.875 0 000-1.75z' fill='%23fc0'/%3E%3Cpath d='M9.75 10.625a.875.875 0 100 1.75.875.875 0 000-1.75z' fill='%23e51400'/%3E%3C/svg%3E");background-position:50%;background-size:65%;background-repeat:no-repeat}.sprite-focus-hover{transition:all .15s ease-out;border-radius:50%}.sprite-focus-hover:hover{box-shadow:0 0 0 3px rgba(0,0,0,.35);-webkit-transform:scale(1.1);transform:scale(1.1)}.sprite-editor-glyph.sprite-focus-hover:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.35)}.sprite-gallery-button{display:inline-block;float:right;padding:0;margin:4px;border-radius:4px;outline:none;border:1px solid;transition:box-shadow .1s;cursor:pointer}.sprite-gallery-button-hover{box-shadow:0 0 0 4px hsla(0,0%,100%,.2)}.sprite-gallery-button:active{box-shadow:0 0 0 6px hsla(0,0%,100%,.2)}.sprite-gallery-button>img{width:80%;height:80%;margin-top:5%;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.snippet-sprite-editor,.sprite-editor-snippet-container{height:503px;width:492px;overflow:hidden}.snippet-sprite-editor{max-height:503px;min-height:503px;max-width:492px;min-width:492px}#melody-toggle{margin:10px;text-align:center;float:center}#melody-editor-header-controls{height:40px}.melody-grid-div{margin:10px 20px 0;text-align:center;background-color:inherit}.cell{height:35px;width:35px;margin:1px}.melody-top-bar-div{padding:6px 0 0;float:center;text-align:center}.melody-editor-div{height:100%;background-color:#4f0643}.melody-content-div{max-height:550px;width:300px;padding:0;overflow:hidden}.melody-editor-dropdown{padding:0!important}#melody-editor-gallery-outer{overflow:hidden;position:absolute;z-index:1002;width:100%}#melody-editor-gallery{overflow-y:scroll;overflow-x:hidden;padding:.75rem;background:#4f0643;max-height:350px}.melody-gallery-button{text-align:center;display:flex;border-radius:4px;transition:box-shadow .1s;cursor:pointer;background-color:#dcdcdc;width:100%;margin-bottom:.75rem;height:2.75rem;line-height:2.5rem}.melody-gallery-button .melody-color-block{margin-top:.5rem}.melody-editor-button.left-button{flex-grow:1;border-radius:0 4px 4px 0;border-right:1px solid #fff;border-bottom:1px solid #fff;border-top:1px solid #fff;padding-right:.5rem;padding-left:.3rem}.melody-editor-button.right-button{min-width:2.75rem;padding-right:.3rem;border-radius:4px 0 0 4px;border:1px solid #fff;border-right-color:#4f0643}.melody-editor-button{background-color:#dcdcdc;color:#000;transition:color .1s,background-color .1s}.melody-editor-button:hover{background-color:#cacbcd;color:#000}.melody-editor-button.right-button .icon{opacity:.9}.melody-gallery-play-icon{float:right}.melody-confirm-button{float:left;margin:0!important;height:28px;width:70px;color:#fff;background-color:#e30fc0;border:none;border-radius:2px;-webkit-transition-duration:.1s;transition-duration:.1s;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif!important}.melody-confirm-button:hover{background-color:#9e0986;border:1px solid #e30fc0}.melody-confirm-button:focus{outline:none!important}.melody-editor-text{margin:0 3px;float:right;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif!important;font-weight:700;font-size:17px}.melody-editor-field-icon{fill:#fff;font-family:Icons;font-size:19px}.melody-icon{float:right;height:25px}.melody-gallery-button-hover{box-shadow:0 0 0 4px hsla(0,0%,100%,.2)}.melody-gallery-button:active{box-shadow:0 0 0 6px hsla(0,0%,100%,.2)}#melody-tempo-input{float:right;width:50px;height:28px;border-radius:2px;border:none;padding-right:5px;color:#1b1c1d}#melody-tempo-input:focus{outline:none!important}#melody-play-button{height:28px;width:120px;display:inline-block;color:#fff;background-color:#7f8c8d;border:none;border-radius:2px;-webkit-transition-duration:.1s;transition-duration:.1s}#melody-play-button:hover{background-color:#525a5b;border:1px solid #7f8c8d}#melody-play-button:focus{outline:none!important}.melody-bottom-bar-div{margin:7px 3px 0;padding:0 20px 20px;background-color:inherit;text-align:center}.melody-color-block{margin:4px 0 0 7px;float:left}.sliver{display:inline-block;width:9px;height:23px;margin:.5px;border:1px solid rgba(0,0,0,.2)}.left-edge{border-radius:0 5px 5px 0}.right-edge{border-radius:5px 0 0 5px}.melody-preview-button{float:left;height:35px;width:35px;padding:12px 11px!important}.melody-gallery-row{float:right}.melody-content-div .melody-red,.pxt-renderer g.blocklyEditableText>.melody-red,.pxt-renderer g.blocklyNonEditableText>.melody-red{fill:#a80000;background:#a80000}.melody-content-div .melody-orange,.pxt-renderer g.blocklyEditableText>.melody-orange,.pxt-renderer g.blocklyNonEditableText>.melody-orange{fill:#d83b01;background:#d83b01}.melody-content-div .melody-yellow,.pxt-renderer g.blocklyEditableText>.melody-yellow,.pxt-renderer g.blocklyNonEditableText>.melody-yellow{fill:#ffb900;background:#ffb900}.melody-content-div .melody-green,.pxt-renderer g.blocklyEditableText>.melody-green,.pxt-renderer g.blocklyNonEditableText>.melody-green{fill:#107c10;background:#107c10}.melody-content-div .melody-teal,.pxt-renderer g.blocklyEditableText>.melody-teal,.pxt-renderer g.blocklyNonEditableText>.melody-teal{fill:#008272;background:#008272}.melody-content-div .melody-blue,.pxt-renderer g.blocklyEditableText>.melody-blue,.pxt-renderer g.blocklyNonEditableText>.melody-blue{fill:#0078d7;background:#0078d7}.melody-content-div .melody-violet,.pxt-renderer g.blocklyEditableText>.melody-violet,.pxt-renderer g.blocklyNonEditableText>.melody-violet{fill:#b4009e;background:#b4009e}.melody-content-div .melody-purple,.pxt-renderer g.blocklyEditableText>.melody-purple,.pxt-renderer g.blocklyNonEditableText>.melody-purple{fill:#5c2d91;background:#5c2d91}.melody-content-div .melody-default,.pxt-renderer g.blocklyEditableText>.melody-default,.pxt-renderer g.blocklyNonEditableText>.melody-default{fill:#dcdcdc;background:#dcdcdc}.playing{fill-opacity:.7}svg.blocklySvg{background-color:#fff!important}#blocksEditor>div.loading,#maineditor{background:#fff}.blocksAndErrorList{display:flex;flex-direction:column;height:100%}.blocksEditorOuter{position:relative;display:inline-block;overflow:hidden;height:100%}#blocksEditor{position:absolute;width:100%;height:100%}#blocksEditor .injectionDiv svg{overflow:visible}#blocksEditor>div.loading{position:absolute;right:0;top:0;left:0;bottom:0;z-index:1;opacity:.7}.blocklyMainBackground{stroke:none!important}.rtl text.blocklyText{text-align:left}body.blocklyMinimalBody{min-width:0;overflow:initial}@supports (-ms-accelerator:true){.rtl .blocklyPreview{left:50%;right:auto}}.pxt-renderer .blocklyFlyoutButton text.blocklyText,.pxt-renderer text.blocklyFlyoutLabelText{font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif!important}.pxt-renderer text.blocklyText.blocklyBoldText{font-weight:700}.pxt-renderer text.blocklyText.blocklyItalicizedText{font-style:italic}.pxt-renderer text.blocklyText.blocklyBoldItalicizedText{font-weight:700;font-style:italic}.pxt-renderer text.semanticIcon{fill:#fff;font-family:Icons;font-size:19px}.pxt-renderer text.semanticIcon.inverted{fill:#000}.blocklyGreyExpressionBlockText{color:#fff}.blocklyFlyoutButton{fill:transparent!important}.blocklyFlyoutButton:hover{fill:#e2008c!important}.blocklyFlyoutButtonBackground{stroke:#e2008c!important;stroke-width:3px!important}.blocklyFlyoutButton .blocklyText{fill:#fff!important}.blocklyFlyoutButtonShadow{fill:none!important}.blocklyFlyoutLabelText{fill:#fff!important;font-size:1rem}.blocklyFlyoutHeading .blocklyFlyoutLabelText{fill:#fff!important;font-size:1.5rem}.blocklyFlyoutLabelText:hover{fill:#fff!important}.blocklyFlyoutLabelIcon{font-family:Icons;font-size:1.5rem}line.blocklyFlyoutLine{stroke:#fff}path.blocklyFlyoutBackground{fill:#505050!important;fill-opacity:.9!important}div.blocklyWidgetDiv{position:fixed;z-index:993}div.blocklyWidgetDiv.functioneditor{z-index:1001}div.blocklyDropDownDiv{z-index:994;overflow:hidden}div.blocklyTooltipDiv{border:none!important;box-shadow:none!important;background-color:transparent!important;opacity:1!important;overflow-wrap:break-word}div.blocklyTooltipDiv .ui.card .content .description{display:inline}.blocklyWidgetDiv .goog-slider-horizontal{background:#fff;border:2px solid #000;border-radius:5px}text.blocklyCheckbox{fill:#ff3030!important;text-shadow:0 0 6px red;font-size:17pt!important}.pxt-renderer .blocklyEditableText>rect.blocklyAnimationField,.pxt-renderer .blocklyEditableText>rect.blocklySpriteField,.pxt-renderer .blocklyEditableText>rect.blocklyTilemapField,.pxt-renderer .blocklyNonEditableText>rect.blocklyAnimationField,.pxt-renderer .blocklyNonEditableText>rect.blocklySpriteField,.pxt-renderer .blocklyNonEditableText>rect.blocklyTilemapField{fill:#dedede;stroke:#898989;stroke-width:1}.blocklyDragging>.blocklyPath{fill-opacity:.7}.blocklyDisabled>.blocklyPathDark{display:block!important;fill-opacity:.5}.blocklyDisabled .blocklyNonEditableText .blocklyBlockBackground{fill-opacity:.1!important}.blocklyScrollbarBackground{fill:none}.blocklyScrollbarHandle{fill:#cecdce;opacity:1}.blocklyScrollbarBackground:active+.blocklyScrollbarHandle,.blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,.blocklyScrollbarHandle:active,.blocklyScrollbarHandle:hover{stroke-width:3;stroke:#cecdce}.blocklyWidgetDiv .blocklyContextMenu{border:1px solid rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15)!important;padding:0!important}.blocklyWidgetDiv .blocklyContextMenu .goog-menuitem{margin:0!important;padding:.92857143em 1.14285714em!important;font:normal 13px Lato,Helvetica Neue,Arial,Helvetica,sans-serif!important}.blocklyWidgetDiv .blocklyContextMenu .goog-menuitem-highlight,.blocklyWidgetDiv .blocklyContextMenu .goog-menuitem-hover{border:none!important;padding:.92857143em 1.14285714em!important;background:rgba(0,0,0,.05)!important}.blocklyCommentForeignObject{overflow:hidden}.blocklyMinimalBody{position:static;border:1px solid #faf6bd}@media only screen and (max-width:767px){text.blocklyCheckbox{font-size:17pt!important}}
1
+ .blocklyDropDownContent .blocklyPianoDiv{position:relative;touch-action:none}.blocklyDropDownContent .blocklyNote{border:.5px solid;cursor:pointer;display:inline-block;position:absolute;top:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#fff;z-index:1000}.blocklyDropDownContent .blocklyNote.black{background-color:#000;z-index:1001}.blocklyDropDownContent .blocklyNote:hover{background-color:#ff0!important}.blocklyDropDownContent .blocklyNote.selected{background-color:#9acd32!important}.blocklyDropDownContent .blocklyNoteLabel{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:12pt}.blocklyDropDownContent .blocklyNoteLabel,.blocklyDropDownContent .blocklyNotePrevNext{border:.5px solid;color:#fff;display:inline-block;line-height:normal;position:absolute;text-align:center}.blocklyDropDownContent .blocklyNotePrevNext{border-top:0;cursor:pointer;font-weight:700}.blocklyDropDownContent .blocklyDropdownTextLabel{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:70px;display:inline-block;color:#fff;font-size:12px}.blocklyGridPickerTooltip{z-index:994}.blocklyGridPickerPadder{box-shadow:0 0 8px 1px rgba(0,0,0,.3)}.blocklyWidgetDiv .blocklyGridPickerRow{display:table-row}.blocklyWidgetDiv .blocklyGridPickerMenu{display:table;outline:none;border-spacing:7px}.blocklyGridPickerScroller{padding:4px;-webkit-overflow-scrolling:touch}.blocklyGridPickerPadder,.blocklyGridPickerScroller{outline:none;border-radius:4px;position:relative}.blocklyGridPickerPadder .ui.input i.search.icon{margin-top:-.2rem}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-menuitem{background:#fff;cursor:pointer;min-width:unset}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-menuitem-highlight,.blocklyWidgetDiv .blocklyGridPickerMenu .goog-menuitem-hover{background:#d6e9f8;box-shadow:0 0 0 4px hsla(0,0%,100%,.2)}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-option{border:1px solid #000;border-radius:4px;color:#fff;font-size:12pt;font-weight:700;display:table-cell;padding:8px;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-menuitem-content{color:#fff}.blocklyWidgetDiv .blocklyGridPickerMenu .floatLeft{float:right}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-option.goog-option-selected{position:relative}.blocklyWidgetDiv .blocklyGridPickerMenu .goog-menuitem .goog-menuitem-checkbox{display:none}.blocklyGridPickerTooltip{z-index:995}.blocklyGridPickerSelectedBar{display:flex;padding-top:5px;justify-content:space-between}.blocklyGridPickerSelectedImage{padding:3px;display:inline-block;vertical-align:middle}.ui.input input.blocklyGridPickerSearchBar{background:none;border:none;color:#fff}.ui.input input.blocklyGridPickerSearchBar::placeholder{color:#fff}.ui.input input.blocklyGridPickerSearchBar::-webkit-input-placeholder{color:#fff}.ui.input input.blocklyGridPickerSearchBar::-moz-placeholder{color:#fff}.ui.input input.blocklyGridPickerSearchBar:-ms-input-placeholder{color:#fff}.ui.input input.blocklyGridPickerSearchBar:-moz-placeholder{color:#fff}.blocklyToggle{transition:transform 1s}.blocklyToggle .blocklyToggleCircle,.blocklyToggle .blocklyToggleRect{stroke-width:1px;stroke:grey;stroke-opacity:.4}.blocklyToggle.blocklyToggleOn .blocklyToggleCircle,.blocklyToggle.blocklyToggleOn .blocklyToggleRect{fill:#4ddc64}.blocklyToggle.blocklyToggleOff .blocklyToggleCircle,.blocklyToggle.blocklyToggleOff .blocklyToggleRect{fill:#95a5a6}.blocklyToggle.blocklyToggleOnBreakpoint polygon{fill:#e80d00;stroke:#fff;stroke-width:12px!important;stroke-linecap:round;stroke-opacity:1;cursor:pointer}.blocklyToggle.blocklyToggleOffBreakpoint polygon{fill:#333;stroke:0;cursor:pointer}.blocklyToggle~.blocklyText.blocklyToggleText{font-size:10pt;cursor:pointer}.blocklyToggle.blocklyToggleOff~.blocklyText.blocklyToggleText{fill:#fff}.blocklyDropDownDiv .rgbColorPicker>tr>td{height:40px;width:40px}.blocklyDropDownDiv .blocklyFieldSliderReadout .blocklyColorReadout{height:20px;width:25px;border-radius:10px;display:inline-block;vertical-align:middle}#custom-content .blocklyLightboxDiv{position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.55);z-index:993}.blocklyCanvasOverlayOuter{padding:.5rem;margin:.1rem;background:#249ca3;border:2px solid #249ca3;border-top-right-radius:1rem;border-top-left-radius:1rem;border-bottom-right-radius:0}.blocklyCanvasOverlayDiv{cursor:none;background-color:hsla(0,0%,100%,.9);z-index:10000;position:relative;overflow:hidden;border:5px solid #333;clip-path:polygon(0 4px,4px 0,calc(100% - 2px) 0,100% 4px,100% calc(100% - 2px),calc(100% - 2px) 100%,4px 100%,0 calc(100% - 2px))}.blocklyCanvasOverlayDiv .cross-x,.blocklyCanvasOverlayDiv .cross-y{background-color:#575e75;position:absolute}.blocklyCanvasOverlayDiv .cross-x{width:100%;height:2px;z-index:10}.blocklyCanvasOverlayDiv .cross-y{width:2px;height:100%;z-index:10}.blocklyCanvasOverlayDiv .label{position:absolute;color:#575e75;font-size:100%;white-space:nowrap}.positionEyedropper{background:none;outline:none;width:100%;text-align:center;border:none;border-top:1px solid #ddd;padding-top:5px;cursor:pointer}.positionEyedropper:hover{background:#eee}.pixel-cell{shape-rendering:crispedges}.palette-selected{stroke:orange;stroke-width:2px}.palette-unselected{stroke:none}.sprite-editor-canvas{cursor:crosshair;z-index:1001;touch-action:none}.sprite-editor-canvas.sprite-editor-eyedropper{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M15.241 4.652L13.76 6.133l.835.835-3.085 3.085-.762-.762-5.168 5.17L1.984 16 .025 14.041l1.349-3.742 5.19-5.191-.645-.646 3.085-3.085.835.835L11.32.731c.431-.431 1-.678 1.616-.731h.461a2.835 2.835 0 011.77.802c1.082 1.084 1.114 2.81.074 3.85z' fill='%23f6f6f6'/%3E%3Cpath d='M9.467 7.932l.612.613-5.071 5.072-2.795 1.198-1.032-1.032 1.057-2.936L7.31 5.775l.585.585v.003l-4.356 4.356 1.569 1.569 4.355-4.356h.004zm4.995-6.422c-.667-.664-1.777-.729-2.435-.072L9.839 3.627l-.836-.835-.174.174-1.497 1.497 4.177 4.177 1.671-1.671-.835-.835 2.189-2.189c.658-.658.592-1.768-.072-2.435z' fill='%23424242'/%3E%3C/svg%3E") 2 16,copy}.sprite-canvas-controls{z-index:1000}#sprite-editor-palette .palette-swatch{cursor:pointer}.sprite-editor-dropdown.blocklyDropDownDiv{background:linear-gradient(#4b7bec 50px,#2c3e50 0,#2c3e50)}.sprite-editor-dropdown.blocklyDropDownDiv .blocklyDropDownArrow.arrowTop{background:#4b7bec}.sprite-editor-dropdown.blocklyDropDownDiv .blocklyDropDownArrow.arrowBottom{background:#2c3e50}#sprite-editor-header{z-index:1002;height:50px;width:inherit;position:absolute;top:0;right:0}#sprite-editor-header-controls{width:100%;height:100%}#sprite-editor-gallery-outer{overflow:hidden;position:absolute;z-index:1002;width:100%}#sprite-editor-gallery{overflow-y:scroll;width:100%;height:100%;background:#2c3e50}.sprite-editor-card{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath fill='%23fff' d='M0 0h10v10H0z'/%3E%3Cpath fill='%23dedede' d='M0 0h5v5H0zM5 5h5v5H5z'/%3E%3C/svg%3E")}.sprite-editor-icon{fill:#fff;font-family:Icons;font-size:19px}.sprite-editor-xicon{fill:#fff;font-family:xicon;font-size:19px}.sprite-editor-button{cursor:pointer}.sprite-editor-button-bg{fill:#525a5b}.sprite-editor-button-fg{fill:#7f8c8d}.sprite-editor-confirm-button .sprite-editor-button-bg{fill:#294da0}.sprite-editor-confirm-button .sprite-editor-button-fg{fill:#4b7bec}.sprite-editor-button.disabled{cursor:not-allowed}.sprite-editor-button.disabled .sprite-editor-button-bg,.sprite-editor-button.disabled .sprite-editor-button-fg{fill-opacity:.8}.sprite-editor-button:active:not(.disabled) .sprite-editor-button-bg,.sprite-editor-button:active:not(.disabled) .sprite-editor-button-fg{fill-opacity:1!important;transition:fill-opacity .1s}.sprite-editor-button:hover:not(.disabled) .sprite-editor-button-bg,.sprite-editor-button:hover:not(.disabled) .sprite-editor-button-fg{fill-opacity:.8;transition:fill-opacity .1s}.sprite-editor-button.selected{position:relative}.sprite-editor-button.selected .sprite-editor-button-fg{fill:#495353}.sprite-editor-text{font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif!important;user-select:none;cursor:auto}.sprite-editor-label{fill:#fff}.sprite-editor-dropdown-bg{background:linear-gradient(#4b7bec 50px,#2c3e50 0,#2c3e50);border-radius:4px;padding-top:4px;position:relative}.sprite-editor-glyph{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8c0 4.411-3.589 8-8 8a2.803 2.803 0 01-2.8-2.8c0-.833.272-1.629.766-2.241a.596.596 0 00.101-.359.667.667 0 00-.667-.666.58.58 0 00-.358.102A3.584 3.584 0 012.8 10.8 2.803 2.803 0 010 8c0-4.411 3.589-8 8-8s8 3.589 8 8z' fill='%23f6f6f6'/%3E%3Cpath d='M5.4 7.933a2.67 2.67 0 012.667 2.666c0 .606-.193 1.179-.544 1.614a1.599 1.599 0 00-.323.987.8.8 0 00.8.8c3.309 0 6-2.691 6-6s-2.691-6-6-6-6 2.691-6 6c0 .441.359.8.8.8.378 0 .729-.114.986-.322A2.568 2.568 0 015.4 7.933z' fill='%23fff'/%3E%3Cpath d='M8 15c-.992 0-1.8-.808-1.8-1.8 0-.606.193-1.179.544-1.613.208-.259.323-.609.323-.987 0-.919-.748-1.666-1.667-1.666-.377 0-.728.115-.986.323A2.58 2.58 0 012.8 9.8C1.808 9.8 1 8.992 1 8c0-3.86 3.14-7 7-7 3.859 0 7 3.14 7 7 0 3.859-3.141 7-7 7zM5.4 7.933a2.67 2.67 0 012.667 2.666c0 .606-.193 1.179-.544 1.614a1.599 1.599 0 00-.323.987.8.8 0 00.8.8c3.309 0 6-2.691 6-6s-2.691-6-6-6-6 2.691-6 6c0 .441.359.8.8.8.378 0 .729-.114.986-.322A2.568 2.568 0 015.4 7.933z' fill='%23424242'/%3E%3Cpath d='M4.5 5.375a.875.875 0 100 1.75.875.875 0 000-1.75z' fill='%23652d90'/%3E%3Cpath d='M7.125 3.625a.875.875 0 100 1.75.875.875 0 000-1.75z' fill='%231ba1e2'/%3E%3Cpath d='M10.625 4.5a.875.875 0 100 1.75.875.875 0 000-1.75z' fill='%23393'/%3E%3Cpath d='M11.5 8a.875.875 0 100 1.75.875.875 0 000-1.75z' fill='%23fc0'/%3E%3Cpath d='M9.75 10.625a.875.875 0 100 1.75.875.875 0 000-1.75z' fill='%23e51400'/%3E%3C/svg%3E");background-position:50%;background-size:65%;background-repeat:no-repeat}.sprite-focus-hover{transition:all .15s ease-out;border-radius:50%}.sprite-focus-hover:hover{box-shadow:0 0 0 3px rgba(0,0,0,.35);-webkit-transform:scale(1.1);transform:scale(1.1)}.sprite-editor-glyph.sprite-focus-hover:hover{box-shadow:inset 0 0 0 2px rgba(0,0,0,.35)}.sprite-gallery-button{display:inline-block;float:right;padding:0;margin:4px;border-radius:4px;outline:none;border:1px solid;transition:box-shadow .1s;cursor:pointer}.sprite-gallery-button-hover{box-shadow:0 0 0 4px hsla(0,0%,100%,.2)}.sprite-gallery-button:active{box-shadow:0 0 0 6px hsla(0,0%,100%,.2)}.sprite-gallery-button>img{width:80%;height:80%;margin-top:5%;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.snippet-sprite-editor,.sprite-editor-snippet-container{height:503px;width:492px;overflow:hidden}.snippet-sprite-editor{max-height:503px;min-height:503px;max-width:492px;min-width:492px}#melody-toggle{margin:10px;text-align:center;float:center}#melody-editor-header-controls{height:40px}.melody-grid-div{margin:10px 20px 0;text-align:center;background-color:inherit}.cell{height:35px;width:35px;margin:1px}.melody-top-bar-div{padding:6px 0 0;float:center;text-align:center}.melody-editor-div{height:100%;background-color:#4f0643}.melody-content-div{max-height:550px;width:300px;padding:0;overflow:hidden}.melody-editor-dropdown{padding:0!important}#melody-editor-gallery-outer{overflow:hidden;position:absolute;z-index:1002;width:100%}#melody-editor-gallery{overflow-y:scroll;overflow-x:hidden;padding:.75rem;background:#4f0643;max-height:350px}.melody-gallery-button{text-align:center;display:flex;border-radius:4px;transition:box-shadow .1s;cursor:pointer;background-color:#dcdcdc;width:100%;margin-bottom:.75rem;height:2.75rem;line-height:2.5rem}.melody-gallery-button .melody-color-block{margin-top:.5rem}.melody-editor-button.left-button{flex-grow:1;border-radius:0 4px 4px 0;border-right:1px solid #fff;border-bottom:1px solid #fff;border-top:1px solid #fff;padding-right:.5rem;padding-left:.3rem}.melody-editor-button.right-button{min-width:2.75rem;padding-right:.3rem;border-radius:4px 0 0 4px;border:1px solid #fff;border-right-color:#4f0643}.melody-editor-button{background-color:#dcdcdc;color:#000;transition:color .1s,background-color .1s}.melody-editor-button:hover{background-color:#cacbcd;color:#000}.melody-editor-button.right-button .icon{opacity:.9}.melody-gallery-play-icon{float:right}.melody-confirm-button{float:left;margin:0!important;height:28px;width:70px;color:#fff;background-color:#e30fc0;border:none;border-radius:2px;-webkit-transition-duration:.1s;transition-duration:.1s;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif!important}.melody-confirm-button:hover{background-color:#9e0986;border:1px solid #e30fc0}.melody-confirm-button:focus{outline:none!important}.melody-editor-text{margin:0 3px;float:right;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif!important;font-weight:700;font-size:17px}.melody-editor-field-icon{fill:#fff;font-family:Icons;font-size:19px}.melody-icon{float:right;height:25px}.melody-gallery-button-hover{box-shadow:0 0 0 4px hsla(0,0%,100%,.2)}.melody-gallery-button:active{box-shadow:0 0 0 6px hsla(0,0%,100%,.2)}#melody-tempo-input{float:right;width:50px;height:28px;border-radius:2px;border:none;padding-right:5px;color:#1b1c1d}#melody-tempo-input:focus{outline:none!important}#melody-play-button{height:28px;width:120px;display:inline-block;color:#fff;background-color:#7f8c8d;border:none;border-radius:2px;-webkit-transition-duration:.1s;transition-duration:.1s}#melody-play-button:hover{background-color:#525a5b;border:1px solid #7f8c8d}#melody-play-button:focus{outline:none!important}.melody-bottom-bar-div{margin:7px 3px 0;padding:0 20px 20px;background-color:inherit;text-align:center}.melody-color-block{margin:4px 0 0 7px;float:left}.sliver{display:inline-block;width:9px;height:23px;margin:.5px;border:1px solid rgba(0,0,0,.2)}.left-edge{border-radius:0 5px 5px 0}.right-edge{border-radius:5px 0 0 5px}.melody-preview-button{float:left;height:35px;width:35px;padding:12px 11px!important}.melody-gallery-row{float:right}.melody-content-div .melody-red,.pxt-renderer.classic-theme g.blocklyEditableText>.melody-red,.pxt-renderer.classic-theme g.blocklyNonEditableText>.melody-red{fill:#a80000;background:#a80000}.melody-content-div .melody-orange,.pxt-renderer.classic-theme g.blocklyEditableText>.melody-orange,.pxt-renderer.classic-theme g.blocklyNonEditableText>.melody-orange{fill:#d83b01;background:#d83b01}.melody-content-div .melody-yellow,.pxt-renderer.classic-theme g.blocklyEditableText>.melody-yellow,.pxt-renderer.classic-theme g.blocklyNonEditableText>.melody-yellow{fill:#ffb900;background:#ffb900}.melody-content-div .melody-green,.pxt-renderer.classic-theme g.blocklyEditableText>.melody-green,.pxt-renderer.classic-theme g.blocklyNonEditableText>.melody-green{fill:#107c10;background:#107c10}.melody-content-div .melody-teal,.pxt-renderer.classic-theme g.blocklyEditableText>.melody-teal,.pxt-renderer.classic-theme g.blocklyNonEditableText>.melody-teal{fill:#008272;background:#008272}.melody-content-div .melody-blue,.pxt-renderer.classic-theme g.blocklyEditableText>.melody-blue,.pxt-renderer.classic-theme g.blocklyNonEditableText>.melody-blue{fill:#0078d7;background:#0078d7}.melody-content-div .melody-violet,.pxt-renderer.classic-theme g.blocklyEditableText>.melody-violet,.pxt-renderer.classic-theme g.blocklyNonEditableText>.melody-violet{fill:#b4009e;background:#b4009e}.melody-content-div .melody-purple,.pxt-renderer.classic-theme g.blocklyEditableText>.melody-purple,.pxt-renderer.classic-theme g.blocklyNonEditableText>.melody-purple{fill:#5c2d91;background:#5c2d91}.melody-content-div .melody-default,.pxt-renderer.classic-theme g.blocklyEditableText>.melody-default,.pxt-renderer.classic-theme g.blocklyNonEditableText>.melody-default{fill:#dcdcdc;background:#dcdcdc}.playing{fill-opacity:.7}svg.blocklySvg{background-color:#fff!important}#blocksEditor>div.loading,#maineditor{background:#fff}.blocksAndErrorList{display:flex;flex-direction:column;height:100%}.blocksEditorOuter{position:relative;display:inline-block;overflow:hidden;height:100%}#blocksEditor{position:absolute;width:100%;height:100%}#blocksEditor .injectionDiv svg{overflow:visible}#blocksEditor>div.loading{position:absolute;right:0;top:0;left:0;bottom:0;z-index:1;opacity:.7}.blocklyMainBackground{stroke:none!important}.rtl text.blocklyText{text-align:left}body.blocklyMinimalBody{min-width:0;overflow:initial}@supports (-ms-accelerator:true){.rtl .blocklyPreview{left:50%;right:auto}}.pxt-renderer.classic-theme .blocklyFlyoutButton text.blocklyText,.pxt-renderer.classic-theme text.blocklyFlyoutLabelText{font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif!important}.pxt-renderer.classic-theme text.blocklyText.blocklyBoldText{font-weight:700}.pxt-renderer.classic-theme text.blocklyText.blocklyItalicizedText{font-style:italic}.pxt-renderer.classic-theme text.blocklyText.blocklyBoldItalicizedText{font-weight:700;font-style:italic}.pxt-renderer.classic-theme .blocklyEditableText>text.semanticIcon{fill:#fff;font-family:Icons;font-size:19px}.pxt-renderer.classic-theme .blocklyEditableText>text.semanticIcon.inverted{fill:#000}.blocklyGreyExpressionBlockText{color:#fff}.blocklyTreeIcon{visibility:visible}.blocklyFlyoutButton{fill:transparent!important}.blocklyFlyoutButton:hover{fill:#e2008c!important}.blocklyFlyoutButtonBackground{stroke:#e2008c!important;stroke-width:3px!important}.blocklyFlyoutButton .blocklyText{fill:#fff!important}.blocklyFlyoutButtonShadow{fill:none!important}.blocklyFlyoutLabelText{fill:#fff!important;font-size:1rem}.blocklyFlyoutHeading .blocklyFlyoutLabelText{fill:#fff!important;font-size:1.5rem}.blocklyFlyoutLabelText:hover{fill:#fff!important}.blocklyFlyoutLabelIcon{font-family:Icons;font-size:1.5rem}line.blocklyFlyoutLine{stroke:#fff}path.blocklyFlyoutBackground{fill:#505050!important;fill-opacity:.9!important}div.blocklyWidgetDiv{position:fixed;z-index:993}div.blocklyWidgetDiv.functioneditor{z-index:1001}div.blocklyDropDownDiv{z-index:994;overflow:hidden}div.blocklyTooltipDiv{border:none!important;box-shadow:none!important;background-color:transparent!important;opacity:1!important;overflow-wrap:break-word}div.blocklyTooltipDiv .ui.card .content .description{display:inline}.blocklyWidgetDiv .goog-slider-horizontal{background:#fff;border:2px solid #000;border-radius:5px}text.blocklyCheckbox{fill:#ff3030!important;text-shadow:0 0 6px red;font-size:17pt!important}.pxt-renderer.classic-theme .blocklyEditableText>rect.blocklyAnimationField,.pxt-renderer.classic-theme .blocklyEditableText>rect.blocklySpriteField,.pxt-renderer.classic-theme .blocklyEditableText>rect.blocklyTilemapField,.pxt-renderer.classic-theme .blocklyNonEditableText>rect.blocklyAnimationField,.pxt-renderer.classic-theme .blocklyNonEditableText>rect.blocklySpriteField,.pxt-renderer.classic-theme .blocklyNonEditableText>rect.blocklyTilemapField{fill:#dedede;stroke:#898989;stroke-width:1}.blocklyDragging>.blocklyPath{fill-opacity:.7}.blocklyDisabled>.blocklyPathDark{display:block!important;fill-opacity:.5}.blocklyDisabled .blocklyNonEditableText .blocklyBlockBackground{fill-opacity:.1!important}.blocklyScrollbarBackground{fill:none}.blocklyScrollbarHandle{fill:#cecdce;opacity:1}.blocklyScrollbarBackground:active+.blocklyScrollbarHandle,.blocklyScrollbarBackground:hover+.blocklyScrollbarHandle,.blocklyScrollbarHandle:active,.blocklyScrollbarHandle:hover{stroke-width:3;stroke:#cecdce}.blocklyWidgetDiv .blocklyContextMenu{border:1px solid rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15)!important;padding:0!important}.blocklyWidgetDiv .blocklyContextMenu .goog-menuitem{margin:0!important;padding:.92857143em 1.14285714em!important;font:normal 13px Lato,Helvetica Neue,Arial,Helvetica,sans-serif!important}.blocklyWidgetDiv .blocklyContextMenu .goog-menuitem-highlight,.blocklyWidgetDiv .blocklyContextMenu .goog-menuitem-hover{border:none!important;padding:.92857143em 1.14285714em!important;background:rgba(0,0,0,.05)!important}.blocklyCommentForeignObject{overflow:hidden}.blocklyMinimalBody{position:static;border:1px solid #faf6bd}@media only screen and (max-width:767px){text.blocklyCheckbox{font-size:17pt!important}}